@charset "utf-8";


/*box_main_image*/
.box_main_image{ position: absolute; z-index:2; top:0;}


@media screen and (max-width: 767px) {
.box_main_image img{ margin-left:-45%; width:180%; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2;}

}
@media screen and (min-width: 768px),print {
.box_main_image img{ margin-left:-300px; width:150%; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6;}
}

@media screen and (min-width: 1200px) {
.box_main_image img{ margin-left:-160px !important; width:auto; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
}

.home_list{ clear:both;}



/*home_list共通*/
.page_title_frame{background:#01aebe; padding:26px 0; text-align:center; color:#fff;}
#home .page_title_frame{ margin-bottom:63px;}
h1.page_title{ font-size:24px; letter-spacing:0.2em;}
.page_title_frame p{ margin-bottom:0; padding-top:1em; font-size:18px;}


ul.home_list{}
ul.home_list li{ float:left;}
ul.home_list li a{ text-decoration:none; display:block;}
ul.home_list li a:hover h1{ text-decoration: none;}
ul.home_list h1{ overflow:hidden; margin-bottom:10px;/* font-weight:bold; font-size:12px;*/}
ul.home_list p{ margin-bottom:0px;}
/*ul.home_list dl{}
ul.home_list dl dt{ padding-right:10px; padding-left:10px; color:#bfbfbf; font-size:10px; height:32px;}
ul.home_list dl dd{ color:#bfbfbf; font-size:10px; margin-bottom:10px;}
ul.home_list dl dt img{ vertical-align:middle; width:100%; margin-bottom:10px;}
ul.home_list dl dd img{}*/

ul.home_list p.list_title_r{ float:right; padding-right:10px; padding-top:5px; margin-bottom:0px; font-size:11px;}
p.list_title_l{ position:absolute; z-index:100; float:left; color:#FFF;/* background:#333;*/ display:block; padding:5px 10px 5px 10px; font-size:11px;}
ul.home_list p.list_title_l{margin-left:15px; margin-bottom:0px;}


/*分類*/

a ul.home_list dl dd.list_title_r{ text-decoration:none;}
.link_more{ text-align:right; height:22px; border-top:1px solid #e2e2e2;}
.link_more img{ margin-right:10px; margin-top:5px;}
p.home_list_text{}
/*p.home_list_text{ padding-left:10px; padding-right:10px; font-size:11px;}*/


/*ブラウザ別*/
@media screen and (max-width: 767px) {
.page_title_frame{margin-bottom:30px;}
.page_title_frame p{font-size:14px; padding-top:0;}
h1.page_title{ font-size:20px; text-align:center; margin-right:0px; margin-left:0px;}

ul.home_list dl dt{ height: auto;}
ul.home_list dl dd{}
ul.home_list dl dt img{ width:100%;}

.link_more{ text-align:right; height:auto; padding:5px; border-top:1px solid #e2e2e2;/* margin-bottom:0px;*/}
ul.frame_event .link_more{ margin-bottom:0px; border-bottom:1px solid #e2e2e2; border-top:none;}
.link_more img{ margin-right:10px; margin-top:5px; width:22px;}

p.list_title_l{ margin-right:0px !important;}


}
@media screen and (min-width: 768px) {
	
}
@media screen and (min-width: 1200px) {}


/*------------------------------------
main
------------------------------------*/

/*TOPICS*/
#home_topics{/* padding-top:10px;*/ margin-bottom:38px; overflow:hidden; text-align:center;}
ul.frame_topics{ position:relative; overflow:hidden; margin-right:-4.3%; padding:0 90px;}
ul.frame_topics li{ width:29.0%; margin-right:4.3%; padding-bottom:30px;}
ul.frame_topics li h1{ margin-bottom:1em; padding:28px 0 0; font-size:18px; font-weight:bold;}
ul.frame_topics li h1 em{}
ul.frame_topics li h1 span{font-size:12px; font-weight:normal;}
ul.frame_topics li p.home_list_text{}
ul.frame_topics li a{}
ul.frame_topics li img{ width:100%;}
ul.frame_topics li a:hover{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}
ul.frame_topics p{ position:relative;}
ul.frame_topics .icon_gakuwari{ position:absolute; bottom:10px; right:10px; width:auto;}


@media screen and (max-width: 768px) {
	
ul.frame_topics { margin-left:10px; margin-right:10px; padding:0;}
ul.frame_topics li{ width:100%; margin-right:0px; margin-left:0px; margin-bottom:0px;/* border:1px solid #e2e2e2;*/ border-bottom:none;}
ul.frame_topics li h1{ text-align:center; height:auto; padding-left:0; padding-right:0; padding-bottom:10px; margin-bottom:10px;}


}




/*NEWS*/
#home_news{ overflow:hidden; margin-bottom:40px;}
#home_news .inner{background:url(../images/common/line_dot_yoko_b.gif) repeat-x top left; overflow:hidden; padding-top:76px;}
#home_news h1{ float:left;}



#home_news ul{ float:right; width:80%; padding-top:14px;}
#home_news ul li{ border-bottom:1px solid #e8e8e8; padding-bottom:1em; margin-bottom:2em;}
#home_news dl{}
#home_news dl dt{clear: left;float: left; width:8em; padding:5px 0 5px; color:#7f7f7f; font-size:0.8em;}
#home_news dl dd{ padding:2px 0 5px;/* border:1px solid #F00;*/ margin-left:8em;}
#home_news dl dd h1{ float:none; font-size:1.2em; margin-bottom:1em; color:#0d6fb8;}
#home_news dl dd h1 a{ color:#0d6fb8;}

#home_news dl dt .news_icon{ display:inline-block; color:#FFF; font-size:0.8em; margin-left:3em; padding-top:0.2em; width:9em; text-align:center;}

@media screen and (max-width: 768px) {
#home_news{ overflow:hidden; margin-bottom:40px; margin-left:10px; margin-right:10px;}
#home_news .inner{padding-top:30px; width:100%;}
#home_news h1{ float:none; margin-bottom:20px;}

#home_news ul{width:100%;}
#home_news dl{}
#home_news dl dt{ float:none; width:auto; padding:0; }
#home_news dl dd{ margin-left:0; padding:0;}

#second_news #home_news{ border-top:none; padding:20px 10px 30px 10px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {#tabnews ul li a{ font-size:11px;}}
@media screen and (min-width: 1200px) {
}