@charset "utf-8";

/* 共通コンテンツ
・ヘッダー
・ページトップ
・フッター
・お問い合わせフォーム
・パンくず
 */
 
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
a{ color:#DDDDDD; text-decoration: underline;}
a:link{ color:#DDDDDD; text-decoration: underline}
a:hover{ color:#DDDDDD; text-decoration:none;}

a:focus, *:focus { outline:none; }


/* msg box */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/info.png);
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/success.png);
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/warning.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.png);
}


/*------------------------------------------------------------------------------------------------------------------------*/
/* モバイルレイアウト : 480 px およびそれ以下.                                                                            */
/*------------------------------------------------------------------------------------------------------------------------*/
.container {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
.br_sp  { display:inherit}
.bt_tb  { display:none;}
.br_pc  { display:none;}
.br_sptb{ direction:inherit;}
.br_tbpc{ display:none;}





/*------------------------------------------------------------------------------------------------------------------------*/
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 　　　　　　　　　　　　　　　　　　　 */
/*------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 481px) {
.container {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
.br_sp  { display:none}
.bt_tb  { display:inherit;}
.br_pc  { display:none;}
.br_sptb{ direction:inherit;}
.br_tbpc{ display:inherit;}


}

/*------------------------------------------------------------------------------------------------------------------------*/
/* デスクトップレイアウト : 769 px ～最大 1000 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。　　　　　 */
/*------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 769px) {
.container {
	width:980px;
	max-width: 980px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
	position:relative;
}
.br_sp  { display:none}
.bt_tb  { display:none;}
.br_pc  { display:inherit;}
.br_sptb{ direction:none;}
.br_tbpc{ display:inherit;}


}