@charset "UTF-8";

/*===================================  共通で適用 =====================================*/

/*コンテンツタイトル*/
#page #main h2.contTitle {
	background-color:#ac1d36;
	color:#fff;
	text-align:left;
	margin:1px 0 0 0;
	padding:38px 34px;
	font-size:1.8em;
	font-weight:normal;
}

/*リード文*/
#page #main .lead p {
	margin:16px 0 44px 0;	
}

/*大見出し*/
#page #main h3.midashiL {
	color:#333;
	font-size:1.7em;
	line-height:1.3;
	padding:0 0 4px 0;
	border-bottom:2px #ccc solid;
}

/*中見出し*/
#page #main h4.midashiM {
	color:#333;
	font-size:1.45em;
	line-height:1.3;
	border-left:2px #ccc solid;
	padding:4px 0 4px 16px;
}

/*小見出し*/
#page #main h5.midashiS {
	color:#333;
	font-size:1.15em;
	line-height:1.3;
}

/*注釈文*/
#page #main .notesText{
	font-size:0.85em;
}

/*右寄せ*/
#page #main .taR{
	text-align:right!important;
}

/*中央寄せ*/
#page #main .taC{
	text-align:center!important;
}

/*リンクアイコン-矢印*/
#page #main .linkArrow{
	padding-left:17px;
	background: url(../images/common/bgi_btn_003.png) 1px center no-repeat;
}

/*リンクアイコン-別Win*/
#page #main .linkWin{
	padding-right:8px;
}
#page #main .linkWin:after{
	content:url(/images/common/ico_win_001.gif);
	position: relative;
	right: -3px;
	top: 2px;
}

/*リンクアイコン-プリント*/
#page #main .linkPrint {
	padding-right:8px;
}
#page #main .linkPrint:after{
	content:url(/images/common/ico_print_001.gif);
	position: relative;
	right: -3px;
	top: 2px;
}

/*画像-中央寄せ-フリーサイズ*/
#page #main .imgCenter {
	text-align:center;
}

/*画像-右寄せ-フリーサイズ*/
#page #main .imgRight {
	float:right;
	margin:0 0 16px 16px;	
}
#page #main .imgRight img{
	max-width:100%;
}
/*画像-右寄せ-260px*/
#page #main .imgRight260 {
	width:260px;
	float:right;
	margin:0 0 16px 16px;	
}
#page #main .imgRight260 img {
	width:auto;
	max-width:260px;
	height:auto;
}
/*画像-左寄せ-フリーサイズ*/
#page #main .imgLeft {
	float:left;
	margin:0 16px 16px 0;	
}
#page #main .imgLeft img{
	max-width:100%;
}
/*画像-左寄せ-260px*/
#page #main .imgLeft260 {
	width:260px;
	float:left;
	margin:0 16px 16px 0;	
}
#page #main .imgLeft260 img {
	width:auto;
	max-width:260px;
	height:auto;
}

/*画像のキャプション*/
#page #main figcaption.caption {
	font-size:0.85em;
	padding:0 8px;
	text-align:left;
}

/*画像-横２つ配置*/
#page #main .pic2box {
	width:100%;
	overflow:hidden;
}
#page #main .pic2boxIn {
	width:110%;
}
#page #main .pic2box figure {
	display: inline-block;
	vertical-align: top;
	width:44.5%;
	margin-right:1%;
}
#page #main .pic2box figure img {
	width:100%;
	max-width: 100%;
	height:auto;
}

/*画像-横３つ配置*/
#page #main .pic3box {
	width:100%;
	overflow:hidden;
}
#page #main .pic3boxIn {
	width:120%;
}
#page #main .pic3box figure {
	display: inline-block;
	vertical-align: top;
	width:26.5%;
	margin-right:1%;
}
#page #main .pic3box figure img {
	width:100%;
	max-width: 100%;
	height:auto;
}


/*表組み*/
#page #main table {
	border-collapse:collapse;
	border:1px #ccc solid;	
	width:100%;
}
#page #main table th, #page #main table td {
	border:1px #ccc solid;
	padding:14px 20px;	
}
#page #main table th {
	background-color:#f1ecdb;
	color:#333;
	font-weight:bold;
	vertical-align:middle;
}
#page #main table .noBr{
	  white-space: nowrap;
}
#page #main table .vaM{
	  vertical-align:middle;
}

/*囲み記事*/
#page #main .pageColumn {
	background-color:#f1ecdb;
	padding:22px 28px;
}
#page #main .pageColumn h3 {
	border-bottom:4px #fff solid;
	color:#333;
	font-size:1.15em;
	line-height:1.3;
	padding:0 0 4px 0;
	margin:0 0 14px 0;	
}

/*マージン（下方向）*/
.mb5 {
	margin-bottom:5px;	
}
.mb10 {
	margin-bottom:10px;	
}
.mb20 {
	margin-bottom:20px;	
}
.mb30 {
	margin-bottom:30px;	
}
.mb40 {
	margin-bottom:40px;	
}
.mb50 {
	margin-bottom:50px;	
}
.mb60 {
	margin-bottom:60px;	
}
.mb70 {
	margin-bottom:70px;	
}
.mb80 {
	margin-bottom:80px;	
}
.mb90 {
	margin-bottom:90px;	
}
.mb100 {
	margin-bottom:100px;	
}

/*マージン（左方向）*/
.ml20 {
	margin-left:20px;
}



/*============================  画面サイズが700px以下の場合に適用 =============================*/
@media only screen and (max-width: 700px) {

/*メインエリアの横幅*/
#page #main .mainInner {
	width:94%;
	margin:0 auto;
}

/*改行無効化*/
#page #main p br {
	display:none;
}

/*画像-中央寄せ-フリーサイズ*/
#page #main .imgCenter {
	width:100%;
}
#page #main .imgCenter img{
	width:100%;
	height:auto;
}

/*画像-右寄せ-フリーサイズ*/
#page #main .imgRight {
	width:42%;
}
#page #main .imgRight img {
	width:100%;
	max-width:100%;
	height:auto;
}
/*画像-右寄せ-260px*/
#page #main .imgRight260 {
	width:42%;
}
#page #main .imgRight260 img {
	width:100%;
	max-width:100%;
	height:auto;
}
/*画像-左寄せ-フリーサイズ*/
#page #main .imgLeft {
	width:42%;
}
#page #main .imgLeft img {
	width:100%;
	max-width:100%;
	height:auto;
}
/*画像-左寄せ-260px*/
#page #main .imgLeft260 {
	width:42%;
}
#page #main .imgLeft260 img {
	width:100%;
	max-width:100%;
	height:auto;
}

/*画像-100%*/
#page #main .imgAll img {
	width:100%;
	height:auto;
}

/*画像-横２つ配置*/
#page #main .pic2box figure {
	width:44%
}
#page #main .pic2box figure img{
	width:100%;
	height:auto;
}

/*画像-横３つ配置*/
#page #main .pic3box figure {
	width:40%
}
#page #main .pic3box figure img{
	width:100%;
	height:auto;
}

/*画像＋本文ボックス*/
#page #main .imgBox .entry {
	margin-bottom:10px;
}
#page #main .imgBox figure {
	width:100%;
}
#page #main .imgBox figure img{
	max-width:100%;
	height:auto;
}

/*スマホ非表示*/
#page #main .hideSP {
	display:none!important;
}

}






/*============================  画面サイズが700px以上の場合に適用 =============================*/
@media only screen and (min-width: 700px) {




/*画像＋本文ボックス*/
#page #main .imgBox .entry {
	float:left;
}
#page #main .imgBox figure {
	float:right;
}
#page #main .imgBox figure img{
	width:100%;
	max-width:100%;
	height:auto;
}




/*PC非表示*/
#page #main .hidePC {
	display:none!important;
}


}