﻿@charset "utf-8";
/* CSS Document */

.mc1 h2{width:100%; color:#000; font-size:1.8em; letter-spacing:-0.05em; padding:0 0 15px; margin:0 0 10px 0;}
.mc1 .bt_more{position:absolute; top:36px; right:4%;}
.mc1_box{padding:30px 4%; width:92%;}
.mc1 ul{width:100%;}

.mc1_1{position:relative; width:100%; border-bottom:1px solid #e3e3e3;}
.mc1_1 h2{background:url(/Common/Images/main/mc1_1_tit_line.gif) no-repeat 0 100%;}
.mc1_1 ul li{background:url(/Common/Images/common/bu01.gif) no-repeat 0 17px; padding:7px 0 7px 10px; border-top:1px solid #e3e3e3; line-height:1.4;}
.mc1_1 ul li.first{border:none;}
.mc1_1 ul li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.15em; font-weight:bold; color:#575757; display:inline-block; width:75%;}
.mc1_1 ul li a:hover, .mc1 ul li a:focus{color:#2a71d8;}
.mc1_1 ul li span{color:#777; font-size:1.15em; display:inline-block; width:23%; text-align:right; vertical-align:top;}

.mc1_2{position:relative; width:100%; border-bottom:1px solid #e3e3e3;}
.mc1_2 h2{background:url(/Common/Images/main/mc1_2_tit_line.gif) no-repeat 0 100%;}
.mc1_2 ul li{background:url(/Common/Images/common/bu01.gif) no-repeat 0 17px; padding:7px 0 7px 10px; border-top:1px solid #e3e3e3; line-height:1.4;}
.mc1_2 ul li.first{border:none;}
.mc1_2 ul li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.15em;font-weight:bold;  color:#575757; display:inline-block; width:75%;}
.mc1_2 ul li a:hover, .mc1 ul li a:focus{color:#2a71d8;}
.mc1_2 ul li span{color:#777; font-size:1.15em; display:inline-block; width:23%; text-align:right; vertical-align:top;}

.mc1_3{position:relative; width:100%;}
.mc1_3 h2{background:url(/Common/Images/main/mc1_3_tit_line.gif) no-repeat 0 100%;}
/*
.mc1_3 ul li{padding:11px 0; border-top:1px solid #e3e3e3; margin:0;}
.mc1_3 ul li.first{border:none;}
.mc1_3 ul li .img{float:left; width:30%;}
.mc1_3 ul li .img img{max-width:100%;}
.mc1_3 ul li .txt{float:right; width:67%;}
.mc1_3 ul li .txt h3{font-size:1.23em; line-height:1.3;}
.mc1_3 ul li .txt h3 a{color:#444;}
.mc1_3 ul li .txt h3 a:hover, .mc1_3 ul li .txt h3 a:focus{color:#2a71d8;}
.mc1_3 ul li .txt p{margin:5px 0 0; font-size:1.05em; color:#666;}
*/
.mc1_3 ul li{background:url(/Common/Images/common/bu01.gif) no-repeat 0 17px; padding:7px 0 7px 10px; border-top:1px solid #e3e3e3; line-height:1.4;}
.mc1_3 ul li.first{border:none;}
.mc1_3 ul li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.15em;font-weight:bold;  color:#575757; display:inline-block; width:75%;}
.mc1_3 ul li a:hover, .mc1 ul li a:focus{color:#2a71d8;}
.mc1_3 ul li span{color:#777; font-size:1.15em; display:inline-block; width:23%; text-align:right; vertical-align:top;}
.mc1_3 ul li .txt .bt_more2{display:inline-block; margin:10px 0 0;}
.mc1_3 ul li .txt .bt_more2 a{display:block; color:#646464; padding:3px 10px; font-weight:bold; background:#e3e3e3;}
.mc1_3 ul li .txt .bt_more2 a:hover, .mc1_3 ul li .txt .bt_more2 a:focus{color:#fff; background:#2a71d8;}

.mc2 ul li{width:100%;}
.mc2 ul li .txtbox a{display:block; color:#fff;padding:20px 4%; min-height:117px; text-decoration:none;}
.mc2 ul li .tit{width:70%; font-size:1.7em; letter-spacing:-0.05em; font-weight:bold; display:block;}
.mc2 ul li .info{width:70%; color:#fff; font-size:1.1em; margin:15px 0 0 0; display:block; padding:10px 0 0; background:url(/Common/Images/main/mc2_tit_line.png) no-repeat 0 0;letter-spacing:-0.05em; }
.mc2 ul li h3{width:100%; padding:10px 0 10px; font-size:1.7em; letter-spacing:-0.05em; background:url(/Common/Images/main/mc2_tit_line.png) no-repeat 0 100%;}
.mc2 ul li h3 a{color:#fff;}
.mc2 ul li p{width:60%; color:#fff; font-size:1.1em; margin:15px 0;}
.mc2 ul li.mc2_1 .txtbox a{background:#2a71d8 url(/Common/Images/main/mc2_ico01.png) no-repeat 96% center;}
.mc2 ul li.mc2_2 .txtbox a{background:#0ba868 url(/Common/Images/main/mc2_ico02.png) no-repeat 96% center;}
.mc2 ul li.mc2_3 .txtbox a{background:#f28100 url(/Common/Images/main/mc2_ico03.png) no-repeat 96% center;}
.mc2 ul li.mc2_1 .txtbox a:hover, .mc2 ul li.mc2_1 .txtbox a:focus {background-color:#2460d2;}
.mc2 ul li.mc2_2 .txtbox a:hover, .mc2 ul li.mc2_2 .txtbox a:focus {background-color:#099b59;}
.mc2 ul li.mc2_3 .txtbox a:hover, .mc2 ul li.mc2_3 .txtbox a:focus {background-color:#f06e00;}
.mc2 ul li .txtbox a span{cursor:pointer;}

.mc3 ul{display:block; width:100%; border-top:1px solid #e3e3e3; clear:both;}
.mc3 ul.first{border:none;}
.mc3 ul li{width:33.2%; float:left; text-align:center; background:url(/Common/Images/main/mc3_line.gif) no-repeat 100% center;}
.mc3 ul li.last{background:none;}
.mc3 ul li a{display:block; height:100px; padding:20px 0; font-size:1.05em; line-height:1.2; color:#575757;}
.mc3 ul li a:hover span, .mc3 ul li a:focus span{color:#2a71d8; font-weight:bold; text-decoration:underline;}
.mc3 ul li span{display:inline-block; margin:17px 0 0;line-height:1.25em;}
.mc3 ul li span.txt{margin:10px 0 0;}

.mc4{background:#f0f0f0; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3;}
.mc4 ul li{position:relative; width:100%; margin:0; padding:0; border-bottom:1px solid #e3e3e3}
.mc4 ul li.mc4_3{background:none;}
.mc4 ul li .txtbox a{display:block; text-decoration:none; padding:25px 4%; width:92%;}
.mc4 ul li .txtbox a strong {width:70%; padding:10px 0 0; font-size:1.3em; letter-spacing:-0.05em; height:60px; text-align:left; color:#000;}
.mc4 ul li .txtbox a span{display:block; color:#777; font-size:1em; font-weight:normal; margin:0 0 3px;}
.mc4 ul li .txtbox a:hover, mc4 ul li .txtbox a:focus{background-color:#e0e0e0 !important;}
.mc4 ul li.mc4_1 .txtbox a{background:url(/Common/Images/main/mc4_ico01.png) no-repeat 96% center;}
.mc4 ul li.mc4_2 .txtbox a{background:url(/Common/Images/main/mc4_ico02.png) no-repeat 96% center;}
.mc4 ul li.mc4_3 .txtbox a{background:url(/Common/Images/main/mc4_ico03.png) no-repeat 96% center;}

.mc5{position:relative; padding:30px 0; min-height:38px;}

.mc5 .left{float:left; width:6.4%; text-align:center;}
.mc5 .right{float:left; width:6.4%; text-align:center;}
.mc5 .logobox{overflow:hidden; width:87%; float:left; height:38px; text-align:center;}
.mc5 .logobox li{display:inline;}
.mc5 .logobox li a{padding:0 15px; display:inline-block;}

.mc5 .pre_btn{position:absolute; top:33px; left:2%; width:15px; z-index:100;}
.mc5 .next_btn{position:absolute; top:33px; right:2%; width:15px; z-index:100;}
#bannerZone{position:absolute; left:6.4%; width:87%; margin:0; padding:0; height:38px; line-height:0; font-size:0; overflow:hidden; top:30px;}
#bannerZone ul{position:absolute; left:0; top:0; margin:0; padding:0;}
#bannerZone ul li{padding:0 15px;list-style-type:none; float:left; margin:0; }

@media screen and (min-width:481px){
	.mc1_3 ul li .img{float:left; width:20%;}
	.mc1_3 ul li .txt{float:right; width:77%;}
	
	.mc2 ul li .txtbox a{min-height:97px;}
	.mc2 ul li .tit{width:76%;}
	.mc2 ul li .tit br{display:none;}
	.mc2 ul li .info{width:76%;}
	.mc2 ul li p{width:70%;}
	
	.mc4 ul li{float:left; width:33.2%; background:url(/Common/Images/common/bg_line.gif) repeat-y 100%; border:none;}
	.mc4 ul li .txtbox a {padding-top:100px; text-align:center;}
	.mc4 ul li .txtbox a strong{width:100%; padding:0;}
	.mc4 ul li.mc4_1 .txtbox a{background:url(/Common/Images/main/mc4_ico01.png) no-repeat center 20px;}
	.mc4 ul li.mc4_2 .txtbox a{background:url(/Common/Images/main/mc4_ico02.png) no-repeat center 20px;}
	.mc4 ul li.mc4_3 .txtbox a{background:url(/Common/Images/main/mc4_ico03.png) no-repeat center 20px;}
}

@media screen and (min-width:770px){	
	.mc{border:1px solid #e3e3e3; border-top:none; margin:0 0 45px 0;}
	.mc1_box{padding:30px 8% 20px; width:84%; min-height:317px;}
	.mc1 .bt_more{right:8%;}
	
	.mc1_1{float:left; width:33.2%; background:url(/Common/Images/common/bg_line.gif) repeat-y 100%; border:none;}
	.mc1_1 ul li{background-position:0 15px;}
	.mc1_1 ul li a{width:68%;font-size:1em; padding-right:2%;}
	.mc1_1 ul li span{width:26%; font-size:1em;}
	
	.mc1_2{float:left; width:33.2%; background:url(/Common/Images/common/bg_line.gif) repeat-y 100%; border:none;}
	.mc1_2 ul li{background-position:0 15px;}
	.mc1_2 ul li a{width:68%; font-size:1em; padding-right:2%;}
	.mc1_2 ul li span{width:26%; font-size:1em;}
	
	.mc1_3{float:left; width:33.2%; border:none;}
	.mc1_3 ul li{background-position:0 15px;}
	.mc1_3 ul li a{width:73%; font-size:1em; padding-right:2%;}
	.mc1_3 ul li span{width:23%; font-size:1em;}
	/*
	.mc1_3{float:left; width:33.2%;}
	.mc1_3 ul li{overflow:hidden; height:110px;}
	.mc1_3 ul li .img{float:left; width:40%;}
	.mc1_3 ul li .txt{float:right; width:55%;}
	*/
	.mc2{background:#f28100;}
	.mc2 ul li{position:relative; float:left; width:33.2%;}
	.mc2 ul li .tit{width:68%;}
	.mc2 ul li .info{width:74%;}
	.mc2 ul li .txtbox a{padding:20px 9%; width:82%; height:117px;}
	.mc2 ul li.mc2_1{background:#2a71d8 url(/Common/Images/main/mc2_ico01.png) no-repeat 91% center;}
	.mc2 ul li.mc2_2{background:#0ba868 url(/Common/Images/main/mc2_ico02.png) no-repeat 91% center;}
	.mc2 ul li.mc2_3{background:#f28100 url(/Common/Images/main/mc2_ico03.png) no-repeat 91% center;}
	
	.mc3 ul{width:33.2%; float:left; background:url(/Common/Images/common/bg_line.gif) repeat-y 100%; border:none; clear:none;}
	.mc3 ul.last{background:none;}

	.mc4 ul li .txtbox a{padding:20px 8%; width:84%; min-height:72px; text-align:left;}
	.mc4 ul li .txtbox a strong{width:70%; text-align:left; padding:20px 0 0;}
	.mc4 ul li .txtbox a span{margin:15px 75px 3px 0;}
	.mc4 ul li.mc4_1 .txtbox a{background:url(/Common/Images/main/mc4_ico01.png) no-repeat 92% center;}
	.mc4 ul li.mc4_2 .txtbox a{background:url(/Common/Images/main/mc4_ico02.png) no-repeat 92% center;}
	.mc4 ul li.mc4_3 .txtbox a{background:url(/Common/Images/main/mc4_ico03.png) no-repeat 92% center;}
}


