@charset 'utf-8';



/* mainArea */
#main { width: 950px;}



/* sun_basic_designの上書き */
.subContents,
.subContents .lowConColumn{ width: 950px;}
.chCon { width: 950px;}

.chTopArea {
	position: relative;
	width: 950px;
	height: 840px;
	margin-bottom: 60px;
	background: url("/cms/sun/images/citycharge_top.jpg") no-repeat 0 0;
}

.chTopArea h3{
	position: absolute;
	top: 42px;
}

.chTopArea .textImg{
	position: absolute;
	right: 0;
	bottom: 20px;
}

.chSupport ul{
	width: 950px;
	margin-top: 13px;
	overflow: hidden;
}

.chSupport ul li{
	width: 296px;
	float: left;
	margin-right: 31px;
}

.chCon .chSubtit{
	margin: 30px 0 0 15px;
	font-weight: bold;
	font-size: 135%;
	letter-spacing: 0.05em;
}

.chCon .chTable{
	width: 950px;
	margin: 60px auto 20px auto;
}

.chCon table{
	font-size: 100%;
	line-height: 1.5;
	width: 540px;
	margin-bottom: 30px;
}


.chCon table td{
	border-bottom: 1px #000 solid;
	padding: 5px;
}

.chCon table td.w70p{ width: 70%;}
.chCon table td.w30p{ width: 30%;}
.chCon table td.w80p{ width: 80%;}
.chCon table td.w20p{ width: 20%;}



.chBlue{
	color: #0066CC;
	font-weight: bold;
	font-size: 120%;
	margin: 10px 0;
}




/* sun_basic_designの上書き */
.link_box span.bg{
    padding: 10px 40px 6px 40px;
    font-size: 15px;
}



span.fw_b{ font-weight: bold;}





/* 移動可能型ページ用 */
#movable.chCon { margin-top: 30px;}
#movable.chCon .chTable{ width: 870px; margin: 20px auto 0 auto;}
#movable.chCon dl{ margin: 15px auto;}

#movable.chCon dt {
	font-weight: bold;
	font-size: 153%;
	}

#movable.chCon dd {
	margin-left: 1.7em;
	font-size: 120%;
	line-height: 1.8em;
	margin-bottom: 20px;
}

#movable .lowConA{ margin: 0 auto; width: 870px;}
#movable .lowConA .caption{ float: right;}
#movable .lowConA table{ width: 100%; margin: 0 auto;}
#movable .lowConA table span{ color: #00A0E9;}

#movable .lowConA .info{
	background: #F5F1E0;
	padding: 20px 55px 5px 55px;
	margin-top: 65px;
	}

#movable .lowConA .info span{ font-size: 138%; font-weight: bold;}
#movable .lowConA .info dt{ margin-bottom: 0;}
#movable .lowConA .info dt{ font-size: 115%; font-weight: bold;}

#movable .lowConA .info dd{
	font-size: 230%;
	font-weight: bold;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.4em;
	}

#movable .lowConA .info dd.normal{
	font-size: 100%;
	font-weight: normal;
	margin-top: -10px;
	}

#movable .lowConA .infoL{ float: left;}
#movable .lowConA .infoR{ float: right;}

#movable .num_green{ color:#00953C;}
#movable .num_blue{ color:#005EA4;}

/*--index.html---------*/
.hub_top{
    min-width: 950px;
    width: 100%;
    overflow: hidden;
    height: 760px;
    text-align: center;
    position: relative;
}
.hub_top_main{
	position: absolute;
	top: 0;
	left: 50%;
 	margin-left: -960px;
}

.hub_950{
	width: 950px;
	height: 760px;
	margin: 0 auto;
	position: relative;
}
.hub_top_tit{
	position: absolute;
	top: 70px;
	left: 30px;
}
.hub_top_btn_01{
	position: absolute;
	top: 665px;
	left: 170px
}
.hub_top_btn_02{
	position: absolute;
	top: 665px;
	left: 740px;
}
.hub_subtit01{
  position:absolute;
  left:50%;
  width:950px;
  height:30px;
  margin-left:-465px;
  text-align:center;
}
.hub_list{
	margin-top: 30px;
	overflow: auto;
}

.hub_list li{
	margin: 10px;
	display: inline-block;
}

.hub_list li.one_column{
	width: 450px;
	margin:10px auto;
	display: block;
}


/*-pole-----------*/
.pole_top_banner{
	position: absolute;
    	top: 820px;
    	left: 470px;
}

/*--movable-----------------*/
.movable_top{
	min-width: 950px;
	width: 100%;
	overflow: hidden;
	height: 1030px;
	text-align: center;
	position: relative;
}
.movable_top_main{
	position: absolute;
	top: 30px;
	left: 50%;
 	margin-left: -960px;
}

.movable_imgpos01{
	position: absolute;
	top: 70px;
	left: 0px;
}
.movable_imgpos02{
	position: absolute;
   	top: 450px;
    	left: 7px;
}
.movable_imgpos03{
	position: absolute;
 	top: 760px;
    	left: 460px;
}
.movable_imgpos04{
	position: absolute;
 	top: 945px;
    	left: 465px;
}

.movable_chSupport ul li{
	width: 460px;
    	float: left;
    	margin: 0 30px 30px 0;
}
.movable_chSupport ul li:nth-child(even){
	margin-right: 0;
}

.movable_chSupport ul{
	width: 950px;
    	margin-top: 13px;
    	overflow: hidden;
}
.movable_chTable{
	width: 950px;
	margin: 60px auto 20px auto;
}
.movable_chTable table{
	font-size: 100%;
    	line-height: 1.5;
	width: 450px;
	margin-bottom: 30px;
}
.movable_chTable table td {
    	border-bottom: 1px #000 solid;
    	padding: 5px;
}
#title01,#title02,#title03,#title04{
	margin-bottom: 13px;
}

.movable_chTable ul li .star{
	text-align: center;
	float: left;
	padding-left: 1em;
}
.movable_chTable ul li .text{
	width: auto;
	overflow: hidden;
	zoom: 1;
	float: none;
}

.option_tit{
	border-bottom: 1px #000 solid;
    	padding: 5px;
    	margin-bottom: 15px;
}
.option_wrap{
	overflow: hidden;
	border-bottom: 1px #000 solid;
    	padding: 8px 0;
}
.option_wrap:first-child{
    	padding-top: 0;
}
.option_subtit,.option_price{
	font-size: 14px;
}
.option_name{
	font-size: 16px;
	font-weight: bold;
}
.option_box_r{
	width: 220px;
	float: right;
}
.option_box_l{
	width: 245px;
	float: left;
}
.option_box{
	width: 465px;
}
.option_wrap p{
	line-height: 25px;
}
.option_wrap ul li .star {
	text-align: center;
	float: left;
}
.option_wrap ul li .text {
	font-size: 11px;
	line-height: 18px;
	width: 230px;
	overflow: hidden;
	zoom: 1;
	float: none;
}
.option_box ul li .text {
	width: auto;
}
.option_wrap ul li .text span{
	display: inline-block;
}
.pdf_link{
	padding: 60px 0 10px 0;
	overflow: hidden;
    	clear: both;
}