@charset "utf-8";


/* #contents
--------------------------------------------*/
#contents {}
#contents .section { border-bottom:2px solid #000; padding:90px 0;}
#contents .section h3 { text-align:center; margin:0 auto 65px;}
@media only screen and (min-width:1365px){
#contents { }

	}

/* #mainV */
#contents #mainV {}
#contents #mainV img { width:95%; display:block; margin:0 auto;}

@media only screen and (min-width:1365px){
#contents #mainV img { width:100%; display: inline-block; margin:0;}

	}





/* #about */
#contents #about,
#contents #about2 { width:80%; padding: 65px 10%; margin:auto;}
#contents #about h3,
#contents #about2 h3 { float:left; padding-right:68px; margin-bottom:0;}
#contents #about p,
#contents #about2 p { margin-top:14px; overflow:hidden;}
#contents #about p small,
#contents #about2 p small { font-size:12px; line-height:1.8; display:inline-block; padding-bottom:10px;}

#seinen #contents #about{ border:none; padding-bottom:0;}



/* #greeting */
#contents #greeting { width:80%; padding: 67px 10%; margin:auto;}
#contents #greeting p img { display:block; margin: -20px auto 20px;}
#contents #greeting p span { font-size:1.2em;}
#contents #greeting .kari-img { width: 114px; height: 148px; margin: -20px auto 20px;}




/* #houkoku */
#contents #houkoku { }
#houkoku>div { width:960px; margin:0 auto; }
#index #contents #houkoku,
#gakucha #contents #houkoku { border-bottom:none;}
/* #houkoku>.kaiin */
#contents #kaiin { }
#contents #kaiin iframe { width:684px; height:348px; margin:0 auto 90px 140px; }
#contents #kaiin ul { width:684px; margin:0 auto 90px;}
#contents #kaiin ul li { width:227px; height:174px; overflow:hidden; margin-right:1px; float:left; background:#f2f3e3; position:relative;}
#contents #kaiin h4 { position:absolute; top:19px; left:18px; font-size:13px; width:171px; font-weight:normal;}
#contents #kaiin h4 small { font-size:12px;}
#contents #kaiin a { display:block; width:227px; height:174px;}
#contents #kaiin a>img { height:174px; display:block; margin:auto; opacity: 0.2;}
#contents #kaiin a:hover>img { opacity:1;}
#contents #kaiin .back { background:none;}
#contents #kaiin .back a>img { opacity:1;}
	/* #houkokuFrame */
	#houkokuFrame { background:none;}
	#houkokuFrame ul { }
	#houkokuFrame ul li { width:227px; height:174px; overflow:hidden; margin-right:1px; float:left; background:#f2f3e3; position:relative;}
	#houkokuFrame h4 { position:absolute; top:19px; left:18px; font-size:13px; width:171px; font-weight:normal;}
	#houkokuFrame h4 small { font-size:12px;}
	#houkokuFrame a { display:block; width:227px; height:174px;}
	#houkokuFrame a>img { height:174px; display:block; margin:auto; opacity: 0.2;}
	#houkokuFrame a:hover>img { opacity:1;}
	#houkokuFrame .back { background:none;}
	#houkokuFrame .back a>img { opacity:1;}
/* #houkoku>.news */
#contents #news { }
#contents #news iframe { width:623px; height:200px; margin:-8px 30px 32px 48px; float:left; }
#contents #news dl { width:623px; margin:-8px 30px 32px 48px; float:left; }
#contents #news dt { float:left; font-size:12px; width:155px;}
#contents #news dt>img { vertical-align:middle; padding-right:8px;}
#contents #news dd { padding-bottom:10px; font-size:14px;}

#contents #news ul { width:500px; margin:0 auto; }
#contents #news li { float:left; margin:0 11px;}
	/* #newsFrame */
	#newsFrame { background:none;}
	#newsFrame dl { width:623px; }
	#newsFrame dt { float:left; font-size:12px; width:180px;}
	#newsFrame dt>img { vertical-align:middle; padding-right:8px;}
	#newsFrame dd { padding-bottom:10px; font-size:14px;}
	#newsFrame ul { width:500px; margin:0 auto; }
	#newsFrame li { float:left; margin:0 11px;}

@media only screen and (min-width:1365px){
/* #houkou */
#contents #houkoku h3 { text-align:left; margin:0px 0 65px 48px}

#contents #kaiin ul { width:100%; margin-left:48px;}	
#contents #kaiin iframe { width:100%; margin-left:48px;}

#contents #news a img{ float:left;}
	}


@media only screen and (min-width:1900px){
#houkoku>div { width:100%; }
#contents #news ul { float:right; }
#contents #kaiin iframe { height:174px; }

	}




/* #qa */
#contents #qa ul { width:796px; margin:0 auto; border-top:1px dashed #000;}
#contents #qa li { padding:10px 5px; border-bottom:1px dashed #000;}
#contents #qa li>img { float:left; margin:55px 27px 58px 60px;}
#contents #qa li h4 { font-size:16px; padding:20px 0 20px; font-weight:normal; line-height:1.8;}
#contents #qa li p { line-height:25px; font-size:13px; margin-bottom:20px; padding-right:60px;}



/* #nyukai */
#contents #nyukai dl { width:880px; margin:auto; }
#contents #nyukai dt { float:left;}
#contents #nyukai dd { padding-left:100px;}



/* #contact */
#contents #contact>div { width:880px; margin:0 auto; }
#contents #contact h3{ text-align:left; margin:0px 0 30px 0px;}
#contents #contact ul{ margin:0 auto; }
#contents #contact ul li{ display:inline; margin-right:35px; white-space:nowrap;} 
#contents #contact ul li small { font-size:11px;} 
#contents #contact ul li a {
	position: relative;
	display: inline-block; padding: 0 0em 2px 0.2em; font-size: 18px; line-height: 1.5; letter-spacing: 0.2em; font-weight: 700;
	text-decoration: none;
	border-bottom: none;
}
#contents #contact ul li a::after {
	content: '';
	position: absolute; left: 0; bottom: 0;
	display: block; width: 100%; height: 1px;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(270deg, transparent, transparent 4px, rgba(90, 90, 90, 1) 4px, rgba(90, 90, 90, 1) 8px );
}

@media only screen and (min-width:1365px){
#contents #contact { border-bottom:none;}
	}


/* #news */
#contents #news_box { border-bottom:none; padding-top:0px;}
#contents #news_box #btn{ height:97px; margin:0 auto 53px;}
#contents #news_box #btn ul{ width:984px; margin:auto; overflow:hidden;}
#contents #news_box #btn ul * { height:46px; border-bottom:none;}
#contents #news_box #btn li { width:320px; margin:0 3px; float:left; display:inline; position:relative;}
#contents #news_box #btn li * { position:absolute; left:0px; top:0;}
#contents #news_box #btn li span{ display:block; width:320px; background:url(../img/news/btn.png) no-repeat;}
#contents #news_box #btn li.b_01,
#contents #news_box #btn li.b_02,
#contents #news_box #btn li.b_03{ margin-bottom:5px;}

#contents #news_box #btn li.b_01 span { background-position:0px 0px;}
#contents #news_box #btn li.b_02 span { background-position:-326px 0px;}
#contents #news_box #btn li.b_03 span { background-position:-652px 0px;}
#contents #news_box #btn li.b_04 span { background-position:0px -97px;}
#contents #news_box #btn li.b_05 span { background-position:-326px -97px;}
#contents #news_box #btn li.b_06 span { background-position:-652px -97px;}

#contents #news_box #btn li.b_01 span.on,
#contents #news_box #btn li.b_01 span:hover { background-position:0px -46px;}
#contents #news_box #btn li.b_02 span.on,
#contents #news_box #btn li.b_02 span:hover { background-position:-326px -46px;}
#contents #news_box #btn li.b_03 span.on,
#contents #news_box #btn li.b_03 span:hover { background-position:-652px -46px;}
#contents #news_box #btn li.b_04 span.on,
#contents #news_box #btn li.b_04 span:hover { background-position:0px -143px;}
#contents #news_box #btn li.b_05 span.on,
#contents #news_box #btn li.b_05 span:hover { background-position:-326px -143px;}
#contents #news_box #btn li.b_06 span.on,
#contents #news_box #btn li.b_06 span:hover { background-position:-652px -143px;}

#contents #news_box #article { border-top:2px solid #000; border-bottom:none;}
#contents #news_box #article div.section { width:100%; max-width:924px; margin:0 auto; padding:40px 20px;}
#contents #news_box #article div.section h4 { margin-bottom:48px; font-size:18px; font-weight:normal; line-height:35px;}
#contents #news_box #article div.section h4 span { font-size:12px;}
#contents #news_box #article div.section span>img { vertical-align:text-top; padding-right:10px;}
#contents #news_box #article div.section div.text { padding-right:10px;}
#contents #news_box #article div.section .img_box ul.photo { width:984px; overflow:hidden; margin:30px 0 0 -10px;}
#contents #news_box #article div.section .img_box ul.photo li{ width:186px; height:140px; margin: 0 0 10px 10px; float:left; overflow:hidden; border:none; background:#f2f3e3;}
#contents #news_box #article div.section .img_box ul.photo li img { height:140px; display:block; margin:auto;}

#contents #news_box #pager{}
#contents #news_box #pager ul{ width:470px; margin:60px auto 0; overflow:hidden;}
#contents #news_box #pager ul li,
#contents #news_box #pager ul li a{ width:25px; height:50px; display:block;}
#contents #news_box #pager ul li{ margin-left:30px; float:left; text-align:center; font-family: 'Amiri', serif; font-size:22px; color:#fff; background:url(../img/news/peager_on.png) center no-repeat;}
#contents #news_box #pager ul a:hover{ color:#747474;}
#contents #news_box #pager ul li a{ border:none; background:url(../img/news/peager_off.png) left center no-repeat;}
#contents #news_box #pager ul li img{ margin-top:14px;}
#contents #news_box #pager ul li.prev{ margin-right:10px; background:none;}
#contents #news_box #pager ul li.next{ margin-left:30px; background:none;}
#contents #news_box #pager ul li.peger_on {}

@media only screen and (min-width:1365px){
#contents #news_box { padding-top:76px;}

#contents #news_box #btn{ margin:150px auto 53px; padding-top:60px; border-top:2px #000000 solid; }

	}


/*Responsive
============================================================*/