@charset "utf-8";
/* ------------------------------------
File Name:		common.css
Last Update:	20100110


/* 1=common
/* 2=header
/* 3=gNav
/* 4=main
/* 5=footer

--------------------------------------- */


/* 1=common */

html, #pageOuter {
	height:100%;
}

#pageOuter {
	height:100%;
	text-align: center;
/*	background-image: url(../images/page_bg_x.jpg);
*/	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#page {
/*	background-image: url(../images/page_bg_y.jpg);
*/	background-repeat: repeat-y;
	background-position: center 0px;
	position: relative;
}
#pageInner {
	background-image: url(../images/low_page_bg_h.jpg);
	background-repeat: no-repeat;
	background-position: center top
}

#container{
	width:856px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../images/low_container_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
*html #container{
	width:856px;
	background-position: 0px 0px;
	margin:0 0 0  30px;
}



/* 2=header */

#header #logo{
	float:left;
	width:157px;
	display:inline;
	margin:0 50px 0 50px;
}
#header #tel{
	float:right;
	width:203px;
	text-align:right;
}
#header .topTxts{
	margin:52px 0 0 0;
	float:left;
	width:284px;
	display:inline;
}
#header .topTxt{
	font-size: 93%;
	color: #EF887C;
}
#header .topTxt2{
	width:284px;
	font-size: 85%;
	color: #F8C9BD;
	line-height:1;
}

#header #img{
	float:left;
	width:729px;
}
.weatherSec{
	float:left;
	width:111px;
	padding:0;
	margin:15px 0 0 0;
}
.weatherSec .weather1{
	background-image: url(../images/tmp_weather2.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 110px;
}
.weatherSec .weather1 p{
	padding:9px 5px 0 7px;
	color: #FFF;
	line-height:1.1;
}
.weather1 span img{
		vertical-align:middle;
}
.weatherSec .weather2{
	background-image: url(../images/tmp_weather2-04.jpg);
	background-repeat: no-repeat;
	height: 153px;
	width: 111px;
}
.weatherSec .weather2 p{
	padding:6px 5px 0 7px;
	font-size:93%;
	line-height:1.1;
}
.weather2 span img{
		vertical-align:middle;
}

/* 3=gNav */
.gNavSec{
/*	background-image: url(../images/gnav_bg.jpg);
	background-repeat: no-repeat;
	height: 46px;*/
	width: 849px;
	margin:0 0 2px 0;
}
.gNavSec ul{
	padding:9px 0 0px 4px;

}
ul#gNav li{
	display: inline;
	float: left;
}

/* 4=main */
ol#topocPath{
	margin-top: 5px;
}
ol#topocPath li{
	display:inline;
}

#main {
}

#mainBlock {

}

#mainBlock p{
	color: #262424;
}

#img{
	width:845px;
	margin:15px 0 0px 2px;
}


.tmpPlanSec{
	padding:10px 0 20px 30px;
	width:859px;
	background-image: url(../images/low_main_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px top;
		margin:0 0 0 -1px;

}
*html .tmpPlanSec{
	margin:0 0 0 0px;
}
.tmpPlanBox p{
	float:left;
	width:199px;
	margin:0 1px 0 0;
}
.planBox {
margin:10px 0 20px;
text-align:center;
}

#subBlock {
}

#extraBlock {
}


/* 5=footer */
#footer{
	background-image: url(../images/low_footer_bg.jpg);
	background-repeat: no-repeat;
	width:859px;
	margin:0 0 0 -1px;
}
*html #footer{
	margin:0 0 0 0px;
}
ul#fNav{
	
}
ul#fNav li{
	display: inline;
	float: left;
	font-size: 93%;
	color: #000;
}
#footer .gNavSec{
	margin:0px 0 4px 7px;
	padding:4px 0 0 0;
}
#footer .gNavSec ul{
	padding:0px 0 0px 0px;

}

#footer .fTextBox{
	float:left;
	width:738px;
}
#footer .fText{
	float:left;
	padding:2px 0 0 8px;
	font-size:93%;

}

#footer .fLogo{
	float:left;
	margin:2px 0 0 0;
	width:114px;
}

#footer{

}
#footer address{
	padding:14px 0 0 8px;
	font-weight:bold;
	font-size: 93%;
}
/* 6=respectively */



/*--------------------------------*/
#subBlock li{ display: inline-block; }
#subBlock li{ display: block; }

#subBlock li a { display: inline-block; }
#subBlock li a { display: block; }

.useStepSec li a { display: inline-block; }
.useStepSec li a { display: block; }

*html .btmSec3Btn a img,
.voiceBtn a img{
	behavior: url(01module/js/iepngfix.htc);
}