@charset"UTF-8";

/* 
***********************************************************
* Copyright(C)2007 Frontier of Business Intelligence Inc.
* since:2010.02.22
* Editor:Hiroyuki Yoshino
***********************************************************
*/


/* 
* *************************************************

		1.universal reset
		2.html-body
		3.layout
		4.header
		5.contents
		6.sidebar
		7.main
		8.footer
		9.font-color
	 	10.link-color
		

* *************************************************
*/


/* 1.universal reset
========================================================================================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6,p,dl,ul,th,td{
	font-weight:normal;
	font-size:100%;
}

ol,ul{
	list-style:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}

caption,th{
	text-align:left;
}

q:before,q:after{
	content:'';
}

abbr,acronym{
	border: 0;
}



/* 2.html-body
========================================================================================================
*/

body{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background:url(../images/bgBody.gif) repeat;
	color:#555;
	font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,MS PGothic,"ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
	font-size:78%;
	_font-size:80%;
	line-height:150%;
}



/* 3.layout
========================================================================================================
*/

#headerWrap{
	background:url(../images/bgHeader.gif) repeat-x;
	zoom:1;
}

#header{
	position:relative;
  width:950px;
	margin:0px auto;
	padding:15px 0px 0px 0px;
}

#contentsWrap{
	background:url(../images/bgContents.gif) repeat;
	zoom:1;
}

#contentsHeader{
 width:950px;
 margin:0px auto;
 padding:0px 0px 0px 0px;
 clear:both;
}

#contents{
	clear:both;
	background:url(../images/bgContentsFrame01.jpg) repeat-y;
	width:1000px;
	margin:0px auto;
}

#footerWrap{
	clear:both;
	background:url(../images/bgFooter.gif) repeat-x;
	zoom:1;
}

#footer{
	clear:both;
	position:relative;
	width:950px;
	height:305px;
	margin:0px auto;
	padding:35px 0 0 0;
}



/* 4.header
========================================================================================================
*/

/* title */
#titleLv1{
	background:url(../images/logo.gif) no-repeat;
	width:359px;
	height:34px;
	margin:0px 0px 5px 10px;
}

#titleLv1 a{
	display:block;
	width:359px;
	height:34px;
}

#titleLv1 a span{
	display:none;
}

#titleLv2{
	height:35px;
	position:absolute;
	top:160px;
	right:10px;
}

#titleLv2 span{
	display:none;
}

.shiki{
	width:296px;
	background:url(../../shiki/images/shiki-h01.gif) no-repeat;
}

.schedule{
	width:393px;
	background:url(../../schedule/images/schedule-h01.gif) no-repeat;
}

.purchase{
	width:292px;
	background:url(../../purchase/images/purchase-h01.gif) no-repeat;
}

.homemate{
	width:249px;
	background:url(../../homemate/images/homemate-h01.gif) no-repeat;
}

.regulation{
	width:316px;
	background:url(../../regulation/images/regulation-h01.gif) no-repeat;
}

.ecopoint{
	width:257px;
	background:url(../../ecopoint/images/ecopoint-h01.gif) no-repeat;
}

#headerLead{
	font-size:85%;
	color:#FCF9EF;
	margin-left:10px;
}

/* navigaiton01 */
#globalNavigation01{
	position:absolute;
	top:83px;
	left:10px;
}

#globalNavigation01 li{
	float:left;
	height:30px;
}

#globalNavigation01 li a{
	display:block;
	height:30px;
}

#globalNavigation01 li span{
	display:none;
}

#globalNavigation01 li a:hover{
	background-position:left bottom;
}

#gNavi01{
	background:url(../images/gNavi01.gif) no-repeat left bottom;
	width:86px;
}

#gNavi01 a{
	background:url(../images/gNavi01.gif) no-repeat left top;
	width:86px;
}

#gNavi02{
	background:url(../images/gNavi02.gif) no-repeat left bottom;
	width:126px;
}

#gNavi02 a{
	background:url(../images/gNavi02.gif) no-repeat left top;
	width:126px;
}

#gNavi03{
	background:url(../images/gNavi03.gif) no-repeat left bottom;
	width:126px;
}

#gNavi03 a{
	background:url(../images/gNavi03.gif) no-repeat left top;
	width:126px;
}

#gNavi04{
	background:url(../images/gNavi04.gif) no-repeat left bottom;
	width:126px;
}

#gNavi04 a{
	background:url(../images/gNavi04.gif) no-repeat left top;
	width:126px;
}

#gNavi10{
	background:url(../images/gNavi05.gif) no-repeat left bottom;
	width:126px;
}

#gNavi10 a{
	background:url(../images/gNavi05.gif) no-repeat left top;
	width:126px;
}

#gNavi11{
	background:url(../images/gNavi06.gif) no-repeat left bottom;
	width:126px;
}

#gNavi11 a{
	background:url(../images/gNavi06.gif) no-repeat left top;
	width:126px;
}

/* navigaiton02 */
#globalNavigation02{
	position:absolute;
	top:55px;
	right:20px;
}

#globalNavigation02 li{
	float:left;
	height:12px;
}

#globalNavigation02 li a{
	display:block;
	height:12px;
}

#globalNavigation02 li a span{
	display:none;
}

#globalNavigation02 li a:hover{
	background-position:left bottom;
}

#gNavi05 a{
	background:url(../images/globalNavi05.gif) no-repeat left top;
	width:128px;
}

#gNavi06 a{
	background:url(../images/globalNavi06.gif) no-repeat left top;
	width:54px;
}

#btnHomeMate{
	background:url(../images/btnHomeMate.gif) no-repeat left top;
	width:199px;
	height:34px;	
	position:absolute;
	top:15px;
	right:10px;
}

#btnHomeMate a{
	display:block;
	width:199px;
	height:34px;	
}

#btnHomeMate a span{
	display:none;
}

#logoKeio{
	background:url(../images/logoKeio.gif) no-repeat;
	width:130px;
	height:20px;
	margin:45px 0 0 810px;
}

#logoKeio a{
	display:block;
	width:130px;
	height:20px;
}

#logoKeio a span{
	display:none;
}

.topicPath{
	width:500px;
	margin:0 0 0 10px;
}

.topicPath li{
	float:left;
}



/* 4.contents
========================================================================================================
*/

#innerWrap02 ul{
	text-align:center;
}

#bannerArea02{
	margin-bottom:45px;
}

#bannerArea02 li{
	display:inline;
	margin:0px 5px;
}

#contentsNavigation01,
#contentsNavigation02{
	font-size:95%;
}

#contentsNavigation01 li{
	display:inline;
	line-height:250%;
}

#contentsNavigation02 li{
	display:inline;
}



/* 4.footer
========================================================================================================
*/

#footer h2{
 background:url(../images/footer01.gif)  no-repeat;
 width:346px;
 height:17px;
 margin-left:10px;
 margin-bottom:10px;
}

#footer h2 span{
	display:none;
}

#footer address{
	background:url(../images/footerAddress.gif)  no-repeat;
	width:613px;
	height:111px;
	margin-bottom:30px;
}

#footer address span{
	display:none;
}

#footerNavigation{
	position:absolute;
	top:143px;
	left:320px;
}

#footerNavigation li{
	float:left;
	width:140px;
	height:12px;
	margin-right:10px;
}

#footerNavigation li a{
	display:block;
	width:140px;
	height:12px;
}

#footerNavigation li a span{
	display:none;
}

#footerNavigation li a:hover{
	background-position:left bottom;
}

li#fNavi01 a{
	background:url(../images/footerNavi01.gif)  no-repeat top left;
	zoom:1;
}

li#fNavi02 a{
	background:url(../images/footerNavi02.gif)  no-repeat top left;
	zoom:1;
}

#footerLinklist{
	width:940px;
	margin-left:10px;
	clear:both;
}

.leftColumn{
	width:400px;
	float:left;
}

.rightColumn{
	width:540px;
	float:left;
}

#footerLinklist dl{
	clear:both;
}

#footerLinklist dl dt{
	float:left;
	width:50px;
	height:16px;
	margin-right:10px;
	margin-bottom:10px;
}

#footerLinklist dl dt span{
	display:none;
}

#footerLinklist dl dd{
	float:left;
	font-size:95%;
	color:#FCF9EF;
	font-weight:normal;
}

#footerLinklist dl dd a{
	color:#FCF9EF;
 	font-weight:normal;
	_font-weight:bold;
	text-decoration:underline;
}

#footerLinklist dl dd a:visited{
	color:#FCF9EF;
 	font-weight:normal;
	_font-weight:bold;
	text-decoration:underline;
}

#footerLinklist dl dd a:hover{
	color:#FCF9EF;
 	font-weight:normal;
	_font-weight:bold;
	text-decoration:none;
}

#footerLinklist dl dd a:active{
	color:#FCF9EF;
 	font-weight:normal;
	_font-weight:bold;
	text-decoration:underline;
}

#Linklist01{
	background:url(../images/footer02.gif)  no-repeat;
	zoom:1;
}

#Linklist02{
	background:url(../images/footer03.gif)  no-repeat;
	zoom:1;
}

#Linklist03{
	background:url(../images/footer04.gif)  no-repeat;
	zoom:1;
}

#Linklist04{
	background:url(../images/footer05.gif)  no-repeat;
	zoom:1;
}

#Linklist05{
	background:url(../images/footer06.gif)  no-repeat;
	zoom:1;
}

#Linklist06{
	background:url(../images/footer07.gif)  no-repeat;
	zoom:1;
}

#btnRegulation{
	clear:both;
	position:absolute;
	top:12px;
	_top:14px;
	right:150px;
}

#btnPageTop{
	position:absolute;
	top:2px;
	right:10px;
}

#copyright{
	background:url(../images/copyright.gif)  no-repeat;
	width:388px;
	height:11px;
	position:absolute;
	top:325px;
	left:0px;
}

#copyright span{
	display:none;
}



/* link-Color
========================================================================================================
*/

a{
	color:#39C;
	text-decoration:underline;
	font-weight:bold;
}

a:visited{
	color:#67029A;
	text-decoration:underline;
}

a:hover{
	color:#F6C;
	text-decoration:none;
}

a:active{
	color:#39C;
	text-decoration:none;
}


/* 汎用クラス
========================================================================================================
*/

.clearfix:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

.clear{
	clear:both;
}

.caption{
	font-size:82%;
	_font-size:80%;
	line-height:150%;
}

.border{
	border:1px #999 solid;
}

.border2{
	padding:5px;
	border:1px #999 solid;
}

.border3{
	border:1px #999 dashed;
}

.border4{
	padding:10px;
	border:1px #999 solid;
}

.border5{
	padding:10px;
	border:1px #999 dashed;
}

.border5pink{
	padding:10px;
	border:1px #F6C dashed;
}

.border6{
	padding:20px;
	border:1px #999 dashed;
}

.pdfDl{
	padding:0 0 0 25px;
	margin:10px 0 0 0;
	line-height:170%;
	background:url(../../common/images/icnPdf.jpg) no-repeat left top;
	zoom:1;
}

.underline01{
	border-bottom:1px #999 dashed;
}

.textLineHeght150{
	line-height:150%;
}

.marginB25{
	margin-bottom:25px;
}

.marginB50{
	margin-bottom:50px;
}

.ml-5{
	margin-left:5px;
}

.ml-10{
	margin-left:10px;
}

.ml-15{
	margin-left:15px;
}

.ml-20{
	margin-left:20px;
}

.ml-30{
	margin-left:30px;
}

.mr-5{
	margin-right:5px;
}

.mr-10{
	margin-right:10px;
}

.mr-15{
	margin-right:15px;
}

.mr-20{
	margin-right:20px;
}

.mr-30{
	margin-right:30px;
}

.mt-5{
	margin-top:5px;
}

.mt-10{
	margin-top:10px;
}

.mt-15{
	margin-top:15px;
}

.mt-20{
	margin-top:20px;
}

.mt-30{
	margin-top:30px;
}

.mb-5{
	margin-bottom:5px;
}

.mb-10{
	margin-bottom:10px;
}

.mb-15{
	margin-bottom:15px;
}

.mb-20{
	margin-bottom:20px;
}

.mb-30{
	margin-bottom:30px;
}

.lc-Pink{
	color:#FF66CC;
}

.lc-Gray{
	color:#666666;
}

sup{
	font-size:70%;
	_font-size:75%;
}

.yokoku{
	width:870px;
	margin:30px 0;
}

.yokoku dt,
.yokoku dd{
	float:left;
}

.yokoku dt{
	width:100px;
	border:1px #999 solid;
	text-align:center;
	margin:0 15px 0 0;
	font-size:14pt;
	line-height:150%;
}

.yokoku dd{
	width:750px;
	line-height:230%;
}



/* aboutCityDetail
========================================================================================================
*/

#aboutCityDetail{
	clear:both;
	width:870px;
	margin:40px 0 0 65px;
	min-height:350px;
	height: auto !important;
	height:350px;
}

#aboutCityDetail div{
	float:left;
	width:420px;
}

#aboutTama{
	margin-left:30px;
}

#aboutMinamino h2{
	background:url(../images/minamino01.gif) no-repeat;
	width:420px;
	height:39px;
	margin-bottom:15px;
}

#aboutTama h2{
	background:url(../images/tamasakai01.gif) no-repeat;
	width:255px;
	height:39px;
	margin-bottom:15px;
}

#aboutCityDetail h2 span{
	display:none;
}

p.aboutCityLead{
	line-height:150%;
	margin:10px 0px;
}








