@charset='utf-8';
/* cakePHP Version */


/* ////////////////////////////// cake ////////////////////////////// */

.tbl_vol{font-size:80%;color:#333333;line-height:130%;}
.tbl_vol{background-color:#e9e9ee;border:3px double #cccccc;margin:10px 0px 20px 0px;}

.tbl_hr{border:3px double #3366cc;}
.td_left{color:#333333;background-color:#dddde0;border:1px solid #ffffff;}
.td_right{color:#333333;background-color:#ffffff;}
.td_box{background-color:#dddde0;border:1px solid #ffffff;}
.td_boxs{background-color:#dddde0;border:1px solid #ffffff;text-align:left;}

.td_boxup{font-size:80%;text-align:left;}
.td_boxup{width:600px;padding:5px 3px 3px 3px;background-color:#cccccc;}
.td_boxup{border-top-style:double;border-top-width:3px;border-top-color:#cccccc;}

.td_boxdown{font-size:80%;text-align:left;line-height:130%;}
.td_boxdown{width:600px;padding:3px 3px 5px 3px;margin-bottom:20px;background-color:#dddde0;}
.td_boxdown{border-top-style:dotted;border-top-width:1px;border-top-color:#ffffff;}
.td_boxdown{border-bottom-style:double;border-bottom-width:3px;border-bottom-color:#cccccc;}

.udbox{border-left-style:double;border-left-width:3px;border-left-color:#cccccc;}
.udbox{border-right-style:double;border-right-width:3px;border-right-color:#cccccc;}

.td_boxf{background-color:#ffffff;border:1px solid #999999;}
.box{width:98%;border:1px solid #999999;background-color:#ffffff;}
.box_100{width:100px;border:1px solid #999999;background-color:#ffffff;}
.box_200{width:200px;border:1px solid #999999;background-color:#ffffff;}
.box_300{width:300px;border:1px solid #999999;background-color:#ffffff;}
.box_tel{width:80px;border:1px solid #999999;background-color:#ffffff;}
.comp{height:200px;font-size:90%;color:#ff6600;font-weight:bold;line-height:170%;}
.error-message{color:#ff0000;font-weight:bold;}

#vol-title{width:600px;text-align:left;margin:30px 0px 20px 0px;padding:5px 0px 5px 5px;}
#vol-title{font-size:100%;font-weight:bold;color:#ff6600;}
#vol-title{background:url("../img/bcg_v_title.gif") repeat-x bottom left;}
#vol-title{border:3px double #cccccc;}

#vol-mes{width:600px;text-align:left;}
#vol-mes{font-size:80%;color:#333333;line-height:150%;}

.hissu{width:100%;padding:0px 0px 3px 17px;}
.hissu{background:url("../img/hissu.gif") no-repeat 0 0;}

#infobox{width:740px;text-align:center;margin-left:10px;}
/* IE7 */
*:first-child+html #infobox{width:740px;text-align:center;}

.infobody{width:700px;background-color:#e0e0e0;text-align:left;padding:5px;margin-bottom:20px;line-height:150%;}
.infobody{border:7px double #cccccc;}
.infotitle{font-size:80%;font-weight:bold;color:#003399;}
.infocom{font-size:80%;margin:0px 0px 5px 0px;padding-bottom:5px;}
.infocom{border-bottom-style:dashed;border-bottom-width:2px;border-bottom-color:#ffffff;}


/* ////////////////////////////// base ////////////////////////////// */
body{
	font-size:90%;
	text-align:center;
	background-color:#ffffff;
	margin:0px auto 30px auto;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#container{
	clear:both;
	width:750px;
	text-align:left;
	background-color:#ffffff;
	margin:0px auto 0px auto;
}

/* IE */
#container_left{
	width:213px;
	font-size:80%;
	text-align:left;
	margin:30px 0px 0px 0px;
	float:left;
}
/* Firefox */
html:not([lang*=""]) #container_left{
	width:213px;
	font-size:90%;
	text-align:left;
	margin:30px 0px 0px 0px;
	float:left;
}
/* safari */
html:not(:only-child:only-child) #container_left{
	width:213px;
	font-size:80%;
	text-align:left;
	margin:30px 0px 0px 0px;
	float:left;
}

#container_right{
	width:527px;
	text-align:left;
	font-size:90%;
	margin:35px 0px 0px 10px;
	line-height:150%;
	color:#333333;
	float:left;
}
#container_right_en{
	width:527px;
	text-align:left;
	font-size:80%;
	margin:35px 0px 0px 10px;
	line-height:130%;
	color:#333333;
	float:left;
}

#right_box{
	padding-left:10px;
}
#right_boxmini{
	padding-left:10px;
	line-height:170%;
	font-size:90%;
}
#right_boxmini_en{
	padding-left:10px;
	line-height:130%;
}

#sitemap{
	text-align:left;
	font-size:80%;
	margin:20px 0px 0px 30px;
	line-height:150%;
}
#sitemap_en{
	text-align:left;
	font-size:80%;
	margin:20px 0px 0px 30px;
	line-height:130%;
}


/* ////////////////////////////// header ////////////////////////////// */

#header{
	background-color:#ff9900;
	width:100%;
	height:110px;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#000099;
}

.logobox{
	width:750px;
	height:100%;
	margin:0px auto 0px auto;
	text-align:right;
}
.logobox_left{
	width:415px;
	height:105px;
	padding-top:5px;
	float:left;
}
.logobox_right{
	width:335px;
	height:105px;
	text-align:right;
}
.logobox_img{
	padding:15px 0px 5px 0px;
}
.logobox_link{
	font-size:80%;
	margin:5px 0px 0px 0px;
	color:#000099;
}
.logobox_link_now{
	color:#ffffff;
	font-weight:bold;
}

.input{height:20px;border:1px solid #ccc;}
input.text{background:#fff;margin:0px;padding:0px;width:200px;height:20px;border:solid 1px #2a5997;font-size:10px;}
/* Firefox */
html:not([lang*=""]) input.text{background:#fff;margin:0px;padding:0px;width:200px;height:16px;border:solid 1px #2a5997;font-size:12px;}
html:not([lang*=""]) input.submit{margin-top:0px;padding:0px;font-size:12px;}

#under_c{
	height:250px;;
	font-size:120%;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
	margin:80px 0px 0px 0px;
	line-height:170%;
}


/* ////////////////////////////// main ////////////////////////////// */

#main_title{
	/*border-left: 5px solid #ccc;*/
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 0px 5px;
	color:#f90;
	font-weight:bold;
}
#messagefla{
	padding:3px;
	border:3px double #fff;
	color:#fff;
	background-color:#f00;
}

.enbox{
	color:#3366ff;
	margin:5px 0px 15px 0px;
	font-size:16px;
}
.cnbox{
	color:#ff6600;
	margin:5px 0px 15px 0px;
}

.language_box{
	width:96px;
	height:22px;
	font-size:80%;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
	border:1px solid #666666;
	background:url("../img/bg_language.gif") no-repeat left top;
	margin:10px 10px 0px 0px;
	padding:9px 0px 0px 0px;
	float:left;
}
.bn_box{
	margin:8px 7px 0px 0px;
	padding:0px;
	float:left;
}

.sitemap_p{margin:35px 0px 0px 0px;}

.image_box{
	clear:both;
	margin:20px 0px 5px 0px;
}
.image_box_m{
	clear:both;
	margin:0px 0px 20px 0px;
}
.bn_spacer{padding:50px 0px 50px 0px;}
.cl{clear:both;}

/* TOP Menu Box */
.menu_box{
	width:357px;
	font-size:80%;
	margin:10px 5px 0px 8px;
	float:left;
}
.menu_box ul {
	width:347px;
	height:200px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:10px;
	line-height:100%;
}
.menu_box li {
	background:url(../img/mark_li.gif) no-repeat 0px 12px;
	padding:10px 0px 0px 15px;
	list-style:none;
}
/* TOP Menu Box */


.fillform {
	margin: 10px 0px 10px 10px;
}

.fillform table {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.fillform th {
	color: #333;
	background-color: #e0e0e0;
	margin: 0px;
	padding: 5px 3px 3px 10px;
	font-weight: bold;
	text-align: center;
	border-bottom: 3px double #999;
	border-left: 1px solid #999;
	font-size: 12px;
}

.fillform td {
	padding: 2px 2px 2px 5px;
	margin: 0px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	font-size: 12px;
	line-height: 130%;
}

.fillform tr:hover {
	background-color: #FFFFCC;
}



.menu_box_jp{
	width:357px;
	font-size:80%;
	margin:10px 5px 10px 8px;
	float:left;
}
/* IE */
.menu_box_jp ul {
	width:347px;
	height:160px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:10px;
	list-style-position:inside;
}
/* Firefox */
html:not([lang*=""]) .menu_box_jp ul{
	width:337px;
	height:180px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:20px;
	list-style-position:inside;
}
/* safari */
html:not(:only-child:only-child) .menu_box_jp ul{
	width:337px;
	height:180px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:20px;
	list-style-position:inside;
}


/* IE */
.menu_box_jp li {
	list-style-position:outside;
	display:marker;
	marker-offset:1em;
	margin:0px;
	padding:10px 0px 0px 15px;
}
/* Firefox */
html:not([lang*=""]) .menu_box_jp li{
	list-style-position:outside;
	display:marker;
	marker-offset:1em;
	margin:0px;
	padding:10px 0px 0px 5px;
}
/* safari */
html:not(:only-child:only-child) .menu_box_jp li{
	list-style-position:outside;
	display:marker;
	marker-offset:1em;
	margin:0px;
	padding:10px 0px 0px 5px;
}

/* IE */
.menu_box_en{
	width:357px;
	font-size:80%;
	margin:10px 5px 0px 8px;
	float:left;
}
/* Firefox */
html:not([lang*=""]) .menu_box_en{
	width:357px;
	font-size:80%;
	margin:10px 5px 0px 8px;
	float:left;
}
/* safari */
html:not(:only-child:only-child) .menu_box_en{
	width:357px;
	font-size:90%;
	margin:10px 5px 0px 8px;
	float:left;
}

/* IE */
.menu_box_en ul {
	width:347px;
	height:180px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:10px;
	list-style-position:inside;
}
/* Firefox */
html:not([lang*=""]) .menu_box_en ul{
	width:337px;
	height:180px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:20px;
	list-style-position:inside;
}
/* safari */
html:not(:only-child:only-child) .menu_box_en ul{
	width:337px;
	height:180px;
	color:#ff6600;
	background-color:#fde5b7;
	margin:0px;
	padding-left:20px;
	list-style-position:inside;
}

/* IE */
.menu_box_en li {
	list-style-position:outside;
	display:marker;
	marker-offset:1em;
	margin:0px;
	padding:10px 0px 0px 15px;
}
/* Firefox */
html:not([lang*=""]) .menu_box_en li {
	list-style-position:outside;
	display:marker;
	marker-offset:1em;
	margin:0px;
	padding:10px 0px 0px 0px;
}
/* safari */
html:not(:only-child:only-child) .menu_box_en li {
	list-style-position:outside;
	display:marker;
	marker-offset:1em;
	margin:0px;
	padding:10px 0px 0px 0px;
}

.float{
	float:left;
}
.float_r{
	float:right;
}
.float_box{
	width:200px;
	float:right;
}

.left_titlebox{
	width:213px;
	font-weight:bold;
	color:#ff6600;
	padding-top:5px;
}
.left_titlebox_bl{
	width:213px;
	font-weight:bold;
	color:#0066cc;
	padding-top:5px;
}
.left_fontbox{
	padding-top:5px;
	line-height:130%;
}
.left_fontbox_en{
	padding-top:5px;
}
.left_onoff_box{
	background:url("../img/left_menu/bg_on_off.gif") no-repeat left top;
	width:213;
	height:18px;
	padding:3px 3px 0px 0px;
	margin-bottom:10px;
	text-align:right;
	clear:both;
}

/* IE */
h1{
	font-size:110%;
	font-weight:bold;
	color:#ff6600;
	margin:30px 0px 0px 0px;
	padding:3px 0px 2px 20px;
	background:url("../img/navi.gif") no-repeat 2px 4px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#ff9900;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#ff9900;
	background-color:#ffffcc;
}
/* Firefox */
html:not([lang*=""]) h1{
	font-size:110%;
	font-weight:bold;
	color:#ff6600;
	margin:30px 0px 0px 0px;
	padding:2px 0px 2px 20px;
	background:url("../img/navi.gif") no-repeat 2px 2px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#ff9900;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#ff9900;
	background-color:#ffffcc;
}
/* safari */
html:not(:only-child:only-child) h1{
	font-size:110%;
	font-weight:bold;
	color:#ff6600;
	margin:30px 0px 0px 0px;
	padding:2px 0px 2px 20px;
	background:url("../img/navi.gif") no-repeat 2px 2px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#ff9900;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#ff9900;
	background-color:#ffffcc;
}
h2{
	color:#333333;
	font-size:120%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	padding:1px 0px 1px 5px;
}
h3{
	color:#333333;
	font-size:100%;
	font-weight:normal;
	margin:10px 0px 10px 0px;
	padding:1px 0px 1px 5px;
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#999999;
	background-color:#e0e0e0;
}
h3.minicat{
	font-size:110%;
	font-weight:bold;
	color:#3366cc;
	padding-left:3px;
	margin:0px 0px 10px 0px;
	/*
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#3366cc;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#3366cc;
	*/
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#3366cc;
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#3366cc;
	background-color:#ffffff;
}
h4{
	color:#333333;
	font-size:100%;
	font-weight:normal;
	margin:10px 0px 10px 0px;
	padding:1px 0px 1px 5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#cccccc;
	background-color:#ffffff;
}



.right_namebox{
	font-weight:bold;
	color:#333333;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 2px;
}

p.mes_box{
	color:#333333;
	border:1px solid #cccccc;
	margin:10px 0px 10px 0px;
	padding:5px;
	background-color:#f6f5e0;
}

.attention{
	color:#ff3333;
	font-weight:bold;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#ff3333;
	padding:0px 0px 0px 2px;
}
.attention_en{
	color:#ff3333;
	font-weight:bold;
	padding:0px 0px 0px 2px;
}

.topup{
	text-align:right;
	padding:20px 0px 50px 0px;
}
.arrow{
	width:400px;
	text-align:left;
	border:1px solid #ff9900;
	padding:5px;
	background-color:#f6f5e0;
}
.arrow_img{
	height:29px;
	background:url("../img/arrow.gif") no-repeat center top;
	margin-bottom:10px;
	text-align:center;
}
p.sps{color:#ffffff;padding-top:4px;}

.partsbox{
	width:160px;
	margin:15px 0px 0px 5px;
	line-height:130%;	
	float:left;
}

.illustbox{
	width:110px;
	height:60px;
	margin:0px;
	float:left;
}

#pagertop{
	font-size:90%;
	text-align:center;
}
#pagertop .current{
	text-decoration: none;
	background: #f60;
	width: 21px;
	margin-right: 1px;
	margin-left: 1px;
	display: inline-block;
	color: #FFF;
	text-align:center;
}
#pagertop a:link{
	color:#f60;
	text-decoration:none;
}
#pagertop a:visited {
	color:#f60;
	text-decoration:none;
}
#pagertop a:hover {
	color:#000;
	text-decoration:none;
}


/* ////////////////////////////// footer ////////////////////////////// */

#banner{
	clear:both;
	padding:10px 0px 150px 0px;
	text-align:center;
}
#banner_en{
	clear:both;
	padding:10px 0px 130px 0px;
	text-align:center;
}
.banner_en{
	clear:both;
	padding:30px 0px 100px 0px;
	text-align:center;
}
.bannerbox{
	width:32%;
	margin:0px 5px 0px 5px;
	font-size:80%;
	text-align:center;
	float:left;
}
.bannerbox_jp{
	width:210px;
	color:#666666;
	padding:5px 0px 5px 0px;
	line-height:130%;
	text-align:left;
}
.bannerbox_info{
	width:210px;
	color:#666666;
	padding:5px 0px 5px 15px;
	line-height:130%;
	text-align:left;
}
/* IE7 */
*:first-child+html .bannerbox_info{
	width:210px;
	color:#666666;
	margin:5px 0px 0px 0px;
	line-height:130%;
	text-align:left;
}
.bannerbox_en{
	width:200px;
	color:#666666;
	margin:5px 0px 0px 0px;
	text-align:left;
	color:#ff9900;
}
.bannerbox_info_en{
	width:200px;
	color:#666666;
	margin:5px 0px 0px 15px;
	text-align:left;
	color:#ff9900;
}
/* IE7 */
*:first-child+html .bannerbox_info_en{
	width:200px;
	color:#666666;
	margin:5px 0px 0px 0px;
	text-align:left;
	color:#ff9900;
}
#footer{
	font-size:80%;
	font-weight:bold;
	color:#333333;
	text-align:center;
	margin-top:10px;
	padding-top:10px;
}
#footer_menu{
	clear:both;
	width:100%;
	font-size:80%;
	color:#000099;
	text-align:center;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000099;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000099;
	margin:50px 0px 20px 0px;
	padding:7px 0px 7px 0px;
}
#allbox{
	text-align:left;
	font-size:80%;
	margin:0px 50px 50px 50px;
	line-height:150%;
}
#allbox_en{
	text-align:left;
	font-size:80%;
	margin:0px 50px 50px 50px;
	line-height:130%;
}

/* ////////////////////////////// hr ////////////////////////////// */

hr.line_dotted{
	border:2px dotted #ff9900;
}
hr.line_ora{
	border:1px solid #ffcc99;
}
hr.line_w{
	border:1px solid #ffffff;
}


/* ////////////////////////////// font ////////////////////////////// */

.fontline{color:#000099;background-color:#ffff33;}
.f_36c{color:#3366cc;}
.f_f00{color:#ff0000;}
.ff_f00{color:#ff0000;font-family:"ＭＳ ゴシック", "Osaka－等幅";}
.ff_333{color:#333333;font-family:"ＭＳ ゴシック", "Osaka－等幅";}
.f_f00_b{color:#ff0000;font-weight:bold;}

.chk_red{
	color:#ff3333;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#ff3333;
	}
.chk_bl{
	color:#3366cc;	
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#3366cc;
	}
.chk_ora{
	color:#ff6600;	
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#ff6600;
	}

/* ////////////////////////////// link ////////////////////////////// */

a {text-decoration:none;}
a:link{color:#000099;}
a:visited{color:#9999cc;}
a:hover{color:#ff6600;text-decoration:underline;}

a.line:link{color:#000099;}
a.line:visited{color:#9999cc;}
a.line:hover{color:#000099;background-color:#ffff33;padding:3px 0px 3px 0px;}

a.weight:link{font-weight:bold;}
a.weight:visited{font-weight:bold;}
a.weight:hover{font-weight:bold;}

a.nones:link{color:#000099;text-decoration:none;}
a.nones:visited{color:#000099;text-decoration:none;}
a.nones:hover{color:#ff6600;text-decoration:none;}

a.ora:link{color:#ff6600;text-decoration:underline;}
a.ora:visited{color:#ff9900;text-decoration:underline;}
a.ora:hover{color:#000099;text-decoration:none;}

a.menu:link{color:#ff6600;text-decoration:none;}
a.menu:visited{color:#ff6600;text-decoration:none;}
a.menu:hover{color:#000099;text-decoration:none;}

a.search:link{color:#000099;text-decoration:none;}
a.search:visited{color:#000099;text-decoration:none;}
a.search:hover{color:#ffffff;text-decoration:underline;}
