@charset "UTF-8";

/* -----------------------------------------
 layout style
----------------------------------------- */

/* header
------------------------------------- */
header {
	overflow:hidden;
	padding:0 10px;
	height:48px;
	background:url(../img/header_bg.gif) 0 0 repeat-x;
	-webkit-background-size:auto 48px;
	-moz-background-size:auto 48px;
	-ms-background-size:auto 48px;
	-o-background-size:auto 48px;
	background-size:auto 48px;
}
header h1 {
	float:left;
	margin-top:9px;
	width:168px;
	height:33px;
	background:url(../img/header_logo.png) 0 0 no-repeat;
	-webkit-background-size:168px 33px;
	-moz-background-size:168px 33px;
	-ms-background-size:168px 33px;
	-o-background-size:168px 33px;
	background-size:168px 33px;
	text-indent: -9999px;
}
header p {
	float:right;
	margin-top:12px;
	width:89px;
}


/* mainImage
------------------*/
#mainImage {
	position:relative;
	margin-bottom:15px;
}
#mainImage img#image{
	position:relative;
	min-height:218px;
 min-width:320px;
	width:100%;
	height:auto;
	z-index:9;
}
#mainImage .inner {
	position:relative;
	margin-top:-84px;
	padding:0 15px;
	height:69px;
	z-index:10;
}




/* contents
------------------------------------- */
/* trigger
------------------*/
.trigger {
	position:relative;
	border-top:1px solid #175648;
}
.trigger a {
	display:block;
	border:1px solid #55a569;
	border-bottom:none;
	padding:0 10px 0 10px;
	background:#097c25;
}
.trigger h1 {
	height:43px;
	background:url(../img/title_bg_arrow.gif) right top no-repeat;
	-webkit-background-size:18px 86px;
	-moz-background-size:18px 86px;
	-ms-background-size:18px 86px;
	-o-background-size:18px 86px;
	background-size:18px 86px;
}
.trigger.active h1 {
	background-position:right bottom;
}
.trigger span {
	display:block;
	position:absolute;
	top:0;
	height:43px;
	text-indent:-9999px;
}
.trigger#titChar span {
	width:198px;
	background:url(../img/title_charge.gif) 0 0 no-repeat;
	-webkit-background-size:198px 43px;
	-moz-background-size:198px 43px;
	-ms-background-size:198px 43px;
	-o-background-size:198px 43px;
	background-size:198px 43px;
}
.trigger#titAcce span {
	width:198px;
	background:url(../img/title_access.gif) 0 0 no-repeat;
	-webkit-background-size:198px 43px;
	-moz-background-size:198px 43px;
	-ms-background-size:198px 43px;
	-o-background-size:198px 43px;
	background-size:198px 43px;
}
.trigger#titInfo span {
	width:237px;
	background:url(../img/title_infomation.gif) 0 0 no-repeat;
	-webkit-background-size:237px 43px;
	-moz-background-size:237px 43px;
	-ms-background-size:237px 43px;
	-o-background-size:237px 43px;
	background-size:237px 43px;
}


/* news
------------------------------------- */
#news{
	padding:15px;
}


/* accordion
------------------------------------- */
.accordion{
	padding:15px 15px 5px;
}

/* charge 
------------------*/
#charge {}

#charge .chargePlan {
	overflow:hidden;
	margin:0 0 5px -4px;
}
#charge .chargePlan li {
	float:left;
	margin:0 0 5px 4px;
	padding:8px 0;
	border:3px solid #dcd6c5;
	width:137px;
	background:#f4f3f0;
}

#charge dl {
	margin:0 25px 20px;
}
#charge dl dt {
	margin-bottom:3px;
	padding:3px 0 3px 17px;
	background:url(../img/icon_call.gif) 0 center no-repeat;
	-webkit-background-size:13px 17px;
	-moz-background-size:13px 17px;
	-ms-background-size:13px 17px;
	-o-background-size:13px 17px;
	background-size:13px 17px;
	font-size:14px;
}
#charge dl dd {
	padding:10px 0;
	border:1px solid #d0d0d0;
	background:#f4f3f0;
	text-align:center;
}
#charge dl dd a {
	font-size:16px;
	color:#097c25;
	font-weight:bold;
}

#charge #recommend {
	position:relative;
	margin-bottom:10px;
	padding:3px;
	border:1px solid #bfbc8a;
	background:#ffffff;
}
#charge #recommend .inner {
	padding:7px 7px 8px;
	background:#fffdd2;
}
#charge #recommend h2 {
	margin:0 0 7px 73px;
	width:129px;
	height:20px;
	background:url(../img/title_recommend.jpg) 0 0 no-repeat;
	-webkit-background-size:129px 20px;
	-moz-background-size:129px 20px;
	-ms-background-size:129px 20px;
	-o-background-size:129px 20px;
	background-size:129px 20px;
	text-indent:-9999px;
}
#charge #recommend #recomIcon {
	position:absolute;
	top:-4px;
	left:-4px;
	display:block;
	width:78px;
	height:78px;
}
#charge #recommend p.text {
	margin-left:73px;
	min-height:30px;
}


/* access 
------------------*/
#access {
	position:relative;
}
#access #map_canvas {
	display:block;
	border:1px solid #adadad;
	width:auto;
	height:123px;
	margin-bottom:10px;
}



/* footer
------------------------------------- */
footer {
	position:relative;
	padding:20px 0 13px;
	width:100%;
	background:url(../img/footer_bg.gif) 0 0 repeat;
	-webkit-background-size:4px 4px;
	-moz-background-size:4px 4px;
	-ms-background-size:4px 4px;
	-o-background-size:4px 4px;
	background-size:4px 4px;
	color:#FFFFFF;
}
footer address {
	padding:0 15px;
	margin-bottom:20px;
}
footer address dt {
	margin-bottom:6px;
	color:#fff100;
	font-size:14px;
	font-weight:bold;
}
footer address dd {
	font-size:12px;
}

/* linkWrap 
------------------*/
footer ul.linkWrap {
	margin:0 15px 20px;
}
footer ul.linkWrap li {
	margin-bottom:10px;
}

/* deviceSwitch 
------------------*/
footer .deviceSwitch dl {
	border-top:1px dotted #ffffff;
	border-bottom:1px dotted #ffffff;
	margin-bottom:10px;
	padding:10px 5px;
	text-align:center;
}
footer .deviceSwitch dl dt {
	display:inline;
	padding-right:5px;
}
footer .deviceSwitch dl dd {
	display:inline;
	border-right:1px solid #ffffff;
	padding-right:8px;
}
footer .deviceSwitch dl dd:last-child {
	border-right:none;
	padding:0 0 0 8px;
}
footer .deviceSwitch dl dd a {
	color:#FFFFFF;
}

/* copyRight 
------------------*/
footer #copyRight {
	margin:0 15px;
	text-align:center;
}
footer #copyRight small {
	font-size:10px;
}



/* -----------------------------------------
 parts
----------------------------------------- */

/* text
------------------*/
.text {
	margin-bottom:10px;
	font-size:14px;
	line-height:1.5;
}
.bold {
	font-weight:bold;
}


/* btn
------------------*/
.btn {
 min-width:260px;
	width:100%;
	height:69px;
	background:url(../img/btn_bg.gif) 0 0 repeat-x;	
	-webkit-background-size:auto 69px;
	-moz-background-size:auto 69px;
	-ms-background-size:auto 69px;
	-o-background-size:auto 69px;
	background-size:auto 69px;
}
.btn a {
	display:block;
	padding:15px 0;
}
.btn p {
	margin:0 12px;
	background:url(../img/btn_arrow.gif) right center no-repeat;
	-webkit-background-size:28px 39px;
	-moz-background-size:28px 39px;
	-ms-background-size:28px 39px;
	-o-background-size:28px 39px;
	background-size:28px 39px;
}
.btn p span {
	display:block;
	width:237px;
	height:39px;
	text-indent:-9999px;
}
.btn p span.btnReserve {
	background:url(../img/btn_reserve.gif) 0 0 no-repeat;
	-webkit-background-size:237px 39px;
	-moz-background-size:237px 39px;
	-ms-background-size:237px 39px;
	-o-background-size:237px 39px;
	background-size:237px 39px;
}
.btn p span.btnCall {
	background:url(../img/btn_call.gif) 0 0 no-repeat;
	-webkit-background-size:237px 39px;
	-moz-background-size:237px 39px;
	-ms-background-size:237px 39px;
	-o-background-size:237px 39px;
	background-size:237px 39px;
}




/* gradientBtn
------------------*/
.gradientBtn {
	border:1px solid #931200;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background:linear-gradient(#e5412d, #931200);
	background:-moz-linear-gradient(top, #e5412d, #931200);
	background:-webkit-gradient(linear, left top, left bottom, from(#e5412d), to(#931200));
}
.gradientBtn a {
	display:block;
	padding:8px 12px 8px 10px;
	text-shadow:0 -1px 1px #000000;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
}
.gradientBtn span {
	display:block;
	background:url(../img/btn_arrow02.gif) center right no-repeat;
	-webkit-background-size:9px 14px;
	-moz-background-size:9px 14px;
	-ms-background-size:9px 14px;
	-o-background-size:9px 14px;
	background-size:9px 14px;
}


/* gradientBtn2
------------------*/
.gradientBtn2 {
	margin-bottom:10px;
	border:1px solid #adadad;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background:-moz-linear-gradient(top, #fefefe, #dadada);
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dadada));
}
.gradientBtn2 a {
	display:block;
	padding:5px 12px 5px 30px;
	background:url(../img/icon_map.gif) 10px center no-repeat;
	-webkit-background-size:17px 17px;
	-moz-background-size:17px 17px;
	-ms-background-size:17px 17px;
	-o-background-size:17px 17px;
	background-size:17px 17px;
	text-decoration:none;
	font-size:14px;
	color:#000000;
}
.gradientBtn2 span {
	display:block;
	background:url(../img/btn_arrow03.gif) right center no-repeat;
	-webkit-background-size:9px 14px;
	-moz-background-size:9px 14px;
	-ms-background-size:9px 14px;
	-o-background-size:9px 14px;
	background-size:9px 14px;
}


/* detail
------------------*/
.detail {
	position:relative;
	border:1px solid #adadad;
	padding:1px;
	margin-bottom:10px;
}
.detail dl {
	padding:7px 10px;
	background:#eaeaea;
}
.detail dl dt {
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
.detail dl dd {
	font-size:12px;
}
.detail dl dd.boxStyle1 {
	font-size:14px;
}
.detail dl dd.col1 {
	width:100%;
}
.detail dl dd.col2 {
	margin-right:10px;
	display:inline;
}
.detail dl + dd a {
	color:#097c25;
}


.detail dl.type2 > dt {
	margin-bottom:5px;
	border-bottom:1px dotted #000000;
	color:#097c25;
}
.detail dl.type3 {
	margin-bottom:7px;
	padding:0;
	background:none;
}
.detail dl.type2 dd dl.type3:last-child {
	margin-bottom:0;
}
.detail dl.type3 > dt {
	font-size:12px;
	padding-bottom:0;
}