@charset "utf-8";

header.top_page{width:1000px; height:460px; margin:0 auto; position:relative;}
header.top_page h1{font-size:0; line-height:0; width:450px; position:absolute; top:96px; left:50%; margin-left:-225px; z-index:2;}
header.top_page h2{font-size:0; line-height:0; width:482px; position:absolute; top:338px; left:50%; margin-left:-241px;}
header.top_page p#sun{font-size:0; line-height:0; width:166px; position:absolute; top:95px; left:50%; margin-left:80px; z-index:1;}
@media screen and (max-width: 640px) {
header.top_page{width:auto; height:80px; margin:0 0 15px;}
header.top_page h1{width:auto; height:auto; position:relative; top:auto; left:auto; margin:0; padding-top:5px; float:left;}
header.top_page h2,
header.top_page p#sun{display:none;}
}

div#contents>ul{list-style:none; position:relative; height:800px;}
div#contents>ul li,
div#contents>ul li dt,
div#contents>ul li dd,
div#contents>ul li dd p{font-size:0; line-height:0; position:absolute;}
div#contents>ul li a{display:block;}
div#contents>ul li a:hover p img{margin-left:5px;}
div#contents>ul li a:hover dt img{-moz-transform:rotateZ(5deg); -webkit-transform:rotateZ(5deg); -o-transform:rotateZ(5deg); -ms-transform:rotateZ(5deg);}
div#contents>ul li.first{width:451px; height:381px; top:30px;}
div#contents>ul li.first dd{bottom:0;}
div#contents>ul li.first dd p{bottom:20px; right:20px; width:171px;}
div#contents>ul li.even{width:451px; height:371px; top:80px; right:0;}
div#contents>ul li.even dt{left:100px;}
div#contents>ul li.even dd{bottom:0;}
div#contents>ul li.even dd p{bottom:10px; right:25px; width:171px;}
div#contents>ul li.last{width:510px; height:316px; bottom:35px; left:210px;}
div#contents>ul li.last dd{right:0; bottom:0;}
div#contents>ul li.last dd p{bottom:25px; left:15px; width:171px;}
div#contents>div>ul{list-style:none; width:300px; float:left; margin-right:25px;}
div#contents>div>ul li{font-size:0; line-height:0; position:relative;}
div#contents>div>ul li dd p{font-size:0; line-height:0; position:absolute; bottom:20px; left:10px; width:171px;}
/*div#contents>div>ul li a:hover dt img{-moz-transform:rotateZ(5deg); -webkit-transform:rotateZ(5deg); -o-transform:rotateZ(5deg); -ms-transform:rotateZ(5deg);}*/
div#contents>div>ul li a:hover p img{margin-left:5px;}
div#contents>div>div#news_box{width:360px; float:left; background:#fff; position:relative; border:3px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
div#contents>div>div#news_box h3{font-size:0; line-height:0; padding:12px;}
div#contents>div>div#news_box p{position:absolute; top:15px; right:15px; font-size:14px;}
div#contents>div>div#news_box p a{color:#222458;}
div#contents>div>div#news_box p a:after{content:"→"; color:#222458;}
div#contents>div>div#news_box p a:hover{padding-right:5px; text-decoration:none !important;}
div#contents>div>div#news_box ol{list-style:none; padding-bottom:15px; background:#e6e6e6; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
div#contents>div>div#news_box ol li{border-bottom:2px dotted #fff;}
div#contents>div>div#news_box ol li a{display:block; padding:1em;}
div#contents>div>div#news_box ol li a dt{color:#222458;}
div#contents>div>div#news_box ol li a dd{font-size:14px; color:#222458;}
div#contents>div>div#news_box ol li a:hover{background:#2ad5d1; text-decoration:none !important;}
@media screen and (max-width: 640px) {
div#contents>ul{height:auto;}
div#contents>ul li{position:relative;}
div#contents>ul li dt,
div#contents>ul li dd,
div#contents>ul li dd p{position:relative; top:auto; bottom:auto; left:auto; right:auto;}
div#contents>ul li dd span{display:none;}
div#contents>ul li.first{width:auto; height:auto; top:auto; margin:0 35% 0 5%;}
div#contents>ul li.even{width:auto; height:auto; top:auto; right:auto; margin:0 5% 0 35%;}
div#contents>ul li.even dt{left:auto;}
div#contents>ul li.last{width:auto; height:auto; bottom:auto; left:auto; margin:0 35% 0 5%;}
div#contents>ul li.first dd p{text-align:center; top:auto; bottom:auto; left:auto; right:auto; width:100%; margin-top:-40%;}
div#contents>ul li.even dd p{text-align:center; top:auto; bottom:auto; left:auto; right:auto; width:100%; margin-top:-40%;}
div#contents>ul li.last dd p{text-align:center; top:auto; bottom:auto; left:auto; right:auto; width:100%; margin:-40% 0 0;}
div#contents>div>ul{width:auto; float:none; margin:0 5% 20px 30%;}
/*div#contents>div>ul li a:hover dt img{-moz-transform:rotateZ(5deg); -webkit-transform:rotateZ(5deg); -o-transform:rotateZ(5deg); -ms-transform:rotateZ(5deg);}*/
div#contents>div>div#news_box{width:auto; float:none; margin:0 3% 25px;}
div#contents>div>div#news_box h3{font-size:0; line-height:0; padding:12px;}
div#contents>div>div#news_box p{position:absolute; top:15px; right:15px; font-size:14px;}
div#contents>div>div#news_box p a{color:#222458;}
div#contents>div>div#news_box p a:after{content:"→"; color:#222458;}
div#contents>div>div#news_box p a:hover{padding-right:5px; text-decoration:none !important;}
div#contents>div>div#news_box ol{list-style:none; padding-bottom:15px; background:#e6e6e6; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
div#contents>div>div#news_box ol li{border-bottom:2px dotted #fff;}
div#contents>div>div#news_box ol li a{display:block; padding:1em;}
div#contents>div>div#news_box ol li a dt{color:#222458;}
div#contents>div>div#news_box ol li a dd{font-size:14px; color:#222458;}
div#contents>div>div#news_box ol li a:hover{background:#2ad5d1; text-decoration:none !important;}
}