@charset "utf-8";
/* CSS Document */

body{ font-family: Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif; font-size: 11px; line-height: 14px; color: #666666; }
a {text-decoration: none; color: #666666; }
a:hover {color: #ACACAC;}	
.p15-titlebar {background:#acacac; width:760px; padding:10px; color: white; font-size:14px;}
.infograybox {background-color:#f0f0f0; width:760px; color:#666666; font-weight:bold; font-size:14px; padding:10px 10px; margin: 40px 0px 0px 0px;}  
.info-text { width:750px; margin:0 auto; padding-top:20px; font-size: 13px; line-height: 18px;}
.info-wrap { margin:0 auto; padding:0; width:780px; }
/*.info-nav {  margin:2px 0px 0px 0px; width:780px; height:35px; background:#f0f0f0;}
.info-nav ul { padding:0; list-style:none;}
.info-nav li { margin:0; padding:12px 2.6px; height:11px; float:left; border-right:#CCC 1px solid; display: inline-block}
.info-nav li:hover { background:#666666; color:#FFFFFF;}
.info-nav a:hover { color:#FFFFFF;}
.info-nav li a{ margin:0; padding:8px 1px;}
.info-nav li.last{ padding: 12px 5px;}*/
.clr{clear: both;}	
.clearer{ clear:both; height:10px;}
** ASURAKU **/
.asuraku-title { width:760px; height:40px; background:#bf0000; border-bottom:#790303 solid 4px}
.asuraku-title h3 { color:#FFF; text-indent:10px; font-size:20px; padding:8px 0; margin:5px 0}
.asurak-wrap { margin:0 auto; padding:0; width:755px; } 
.asurak-wrap p { padding:10px 0px 5px 10px; margin:0px; font-size:12px; line-height:1.4;}
.asurak-wrap h1 {background: none; font-size:14px; color:#666; padding:12px 5px 10px 12px; background:#f0f0f0; margin-bottom:10px; border:1px solid #acacac;}
.asurak-wrap h2 { padding:10px 10px; border-top:#707070 3px solid;  background:#acacac; text-transform:uppercase; font-size:24px; color:#FFF;}
.asurak-content {background:url('https://www.rakuten.ne.jp/gold/glv/images/custom/asuraku-japan-map.jpg') top left; background-repeat:no-repeat; height:630px; width:740px; margin-bottom:20px; padding: 15px;}
.asurak-content .lightgray {color:#FFF; border:1px solid #ACACAC; background:#51A023; padding:15px 12px 13px 12px; line-height:17px;  margin-bottom:10px; width:250px; font-size:14px; margin-left: 10px;} 
.asurak-content .darkgray {color:#FFF; border:1px solid #ACACAC; background:#FF000E; padding:15px 12px 13px 12px; line-height:17px; width:250px; font-size:14px; margin-left: 10px;}
.asurak-list ul {list-style:none; font-size:14px; padding:10px 0px 0px 0px; margin:0px auto; float:left; margin-bottom:10px; background:url('../images/custompage/bg-fading.jpg') top left repeat-x;}
.asurak-list li {float: left !important;padding: 15px 52px 4px 10px !important;margin: 0px 5px 10px 5px !important;background: #f0f0f0 !important;border-left: 5px solid #acacac !important;height: 48px !important;width: 300px !important;color: #666666 !important;line-height: 1.3em !important;}  
.viewall a {color:#454545; font-size:14px; text-decoration:none;}
.viewall a:hover {color:#454545; font-size:14px; text-decoration: underline;}
.area-nav {  margin:12px 0px 0px 15px; width:750px; height:35px; background:#f0f0f0;}
.area-nav ul { padding:0; list-style:none;}
.area-nav li { margin:0; padding:12px 16px; height:11px; float:left; border-right:#CCC 1px solid; display: inline-block}
.area-nav li:hover { background:#666666; color:#FFFFFF;}
.area-nav a:hover { color:#FFFFFF;}
.area-nav li a{ margin:0; padding:8px 6px;}
.area-nav li.last{ padding: 12px 15px;}	
.wrapping-border {width: 660px; height: 101px; border: 1px solid #999;margin: 20px 0 0 30px; position: relative; } 
.wrapping-border2 {width: 660px; height: 74px; border: 2px solid #fff; border-radius: 5px; box-shadow: 3px 3px 8px #888888; margin: 12px 0 0 30px; background-color:#27c6fd;}
.wrapping-text5 {font-weight: bold; font-size:41px; color:#000; position: absolute; top: 19px; left: -19px;}
.wrapping-text6 {font-weight: bold; font-size:36px; color:#eb0b01; text-shadow: -2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,2px 2px 4px #000000; position: absolute; top: 8px; right: -14px; line-height: 44px}
.wrapping-text7 {font-weight: bold; font-size:22px; color:#fff; margin:30px 0px 0px 0px;}
.wrapping-l{ float:left;}
.wrapping-r{ float:right;}
.item-table{border:1px solid #fff; width:780px; font-size:12px; color:#666666; line-height: 20px;}
.item-table td{border:1px solid #b5b5b5; padding:8px;}	
	
.info-table2 {margin: 22px 0 0 30px;}
.info-table2 table { margin:0px; width:668px; font-size:12px; text-align:left;}
.info-table2 th { padding:10px 0px; height:35px; border-top:#707070 3px solid;  background:#acacac; text-transform:uppercase; font-size:24px; color:#FFF; text-indent:10px; }
.info-table2 td { width:28px; padding:7px 12px 5px 12px; background-color:#27c6fd;text-align: center;}
.info-table2 .td { text-align:left; padding:10px; font-size:12px; width:405px; background:none; border:1px solid #f0f0f0;}

.info-border {border:1px solid #f0f0f0;}
.info-left {float:left; width:100px; background-color:#F0F0F0; padding:8px;}
.info-right {float:left; padding:8px; margin-left:10px;}
.infocard1 {float:left; background-color:#F0F0F0; width:150px; padding:5px; text-align:center;}
.infocard2 {float:left; background-color:#F0F0F0; width:305px;padding:5px; text-align:center; margin-left:5px;}
.infocardtab1 {border:1px solid #F0F0F0; float:left; width:148px; padding:10px 0 0 10px; height:35px}
.infocardtab2 {border:1px solid #F0F0F0; float:left; width:300px; padding:13px 2px 0 11px; text-align:center; margin-left:5px; height:32px;}