@charset "Shift_JIS";

/* タグ定義 ************************************************/
 
html,
body,
h1,
h2,
h3,
h4,
div,
address{
	margin: 0;
	padding: 0;
}

p{
	margin:0 0 10px 0;
	padding: 0;
}

ul,
li{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

img{
	display:block;
	border: 0;
}

table,
tr,
td{
	vertical-align: top;
}

address{
	padding: 5px;
	display:block;
}


/* 共通 ************************************************/

body{
	text-align:center;
	background-color: #E4E4E4;
}

#wrapper{
	margin-right: auto;
	margin-left: auto;
	padding: 0 10px;
	width: 752px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align:left;
	background-color: #fff;
}

#header{
	margin: 0 0 10px 0;
}

#leftCol .bnrspace img{
	margin: 0 0 10px 0;
}

#leftCol .bnrspace{
	float: left;
}

#pan{
	padding: 5px;
}

#toContents{
	height: 0;
	width: 0;
	text-indent: -2000px;
	float:left;
	line-height: 0;
	font-size: 0;
}


/* index トップページ ************************************************/

.indexCol{
	padding: 0 0;
}

.indexCol .block{
	padding: 0 0 30px 0;
}

.indexCol .block .inBlock{
	margin: 0 0 0 10px;
}

.indexCol .block .inBlock h2 a,
.indexCol .block .inBlock h2 a:hover{
	display: block;
	width: 180px;
	height: 26px;
	text-indent: -2000px;
	text-decoration: none;
}

.indexCol .block #b001{	background: repeat-y url("../img/index_bg_001.gif");	}
.indexCol .block #b002{	background: repeat-y url("../img/index_bg_002.gif");	}
.indexCol .block #b003{	background: repeat-y url("../img/index_bg_003.gif");	}
.indexCol .block #b004{	background: repeat-y url("../img/index_bg_004.gif");	}
.indexCol .block #b005{	background: repeat-y url("../img/index_bg_005.gif");	}
.indexCol .block #b006{	background: repeat-y url("../img/index_bg_006.gif");	}

.indexCol .block #b001 h2 a{	background: no-repeat url("../img/index_txt_001.gif");	}
.indexCol .block #b002 h2 a{	background: no-repeat url("../img/index_txt_002.gif");	}
.indexCol .block #b003 h2 a{	background: no-repeat url("../img/index_txt_003.gif");	}
.indexCol .block #b004 h2 a{	background: no-repeat url("../img/index_txt_004.gif");	}
.indexCol .block #b005 h2 a{	background: no-repeat url("../img/index_txt_005.gif");	}
.indexCol .block #b006 h2 a{	background: no-repeat url("../img/index_txt_006.gif");	}

.indexCol .block .inBlock img,
.indexCol .block .inBlock p{
	margin: 10px 0 0 15px;
}

.indexCol .blockEx{
	margin: 10px 0 10px 10px;
	border: 1px solid #e0e0e0;
	background: #fafafa;
	width: 558px;
}

.indexCol .blockEx ul{
	padding: 10px 0 0 5px;
	margin: 0 0 20px 0;
	height: 30px;
	
}

.indexCol .blockEx h2{
	margin: 5px;
}


.indexCol .blockEx ul li{
	float: left;
}

.indexCol .blockEx ul li a{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 0 0 25px;
	height: 18px;
	background: no-repeat url("../cmn/cmn_icon_001.gif");
}

/* navi グローバルナビゲーション ************************************************/

ul#navi{
	margin: 0 0 20px 0;
	padding: 10px;
	width:180px;
	
	background-color: #788CD1;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:160px;
}

html>body ul#navi{
	width:160px;
}


/* MacIE5only */
/*\*//*/
ul#navi{
	padding-bottom:40px;
	
}
/**/ 

ul#navi:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}

ul#navi li{
	float: left;
	width:160px;
}

ul#navi li a,
ul#navi li div.selected{
	float: left;
	display: block;
	padding: 8px 0 0 30px;
	margin: 0 0 1px 0;
 	height: 30px;
	width: 160px;
	background: no-repeat url("../cmn/cmn_arrow_001.gif") 10px 9px #F2F4FA;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:130px;
 	height: 22px;
}

html>body ul#navi li a,
html>body ul#navi li div.selected{
	width:130px;
 	height: 22px;
}

ul#navi li a:hover,
ul#navi li div.selected{
	background: no-repeat url("../cmn/cmn_arrow_001.gif") 12px 9px #BCC6E8;
}

ul#navi li a#naviHome{
	margin-bottom: 10px;
	background: no-repeat url("../cmn/cmn_arrow_002.gif") 10px 9px #5A6EAE;
}

ul#navi li a:hover#naviHome{
	background: no-repeat url("../cmn/cmn_arrow_002.gif") 10px 7px #465994;
}

ul#navi li a#naviContact{
	background: no-repeat url("../cmn/cmn_arrow_001.gif") 10px 9px #F9F9B6;
	clear: both;
}


ul#navi li a#naviContact:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}

ul#navi li a:hover#naviContact{
	background: no-repeat url("../cmn/cmn_arrow_001.gif") 12px 9px #BCC6E8;
}

ul#navi li li{
	float:left;
	height: 18px;
}

ul#navi li li a,
ul#navi li li.selected{
	margin: 0 0 1px 0;
	height: 17px;
	width: 160px;
	padding: 2px 0 0 30px;
	background: no-repeat url("../cmn/cmn_arrow_003.gif") 150px 5px #FFF;
	float:left;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:130px;
	height: 15px;
}

html>body ul#navi li li a,
html>body ul#navi li li.selected{
	width: 130px;
	height: 15px;
}

ul#navi li li a:hover,
ul#navi li li.selected{
	background: no-repeat url("../cmn/cmn_arrow_005.gif") 150px 5px #BCC6E8;
}

/* footer フッタ************************************************/

#footer{	
	width: 750px;
	text-align: right;
}

#copyright{
	width: 740px;
	padding: 5px;
	background-color: #788CD1;
}

#textNavi{
	width: 730px;
	height: 40px;
	padding: 10px;
	margin: 0 0 20px 0;
	background-color: #F3F3F3;
}

/* 下階層 ************************************************/

/* 下階層共通 ---------------------------------------*/

#rightCol h1{
	margin: 0 0 15px 0;
	text-indent: -2000px;
	width: 560px;
	height: 40px;
}

#rightCol #mainImg{
	margin: 0 0 20px 0;
	width: 560px;
	height: 150px;
	background-color: #999;
}

#rightCol #contents{
	margin: 0 0 0 20px;
	width: 540px;
}

.top{
	width:520px;
	margin: 0 0 20px 0;
}

.top a{
	display: block;
	margin: 0 20px 2px 480px;
	padding: 0 0 0 20px;
	background: no-repeat url("../cmn/cmn_arrow_002.gif") #FFF 0 0;
}

/* mapCol : Map of Hamamatsu ---------------------------------------*/

.mapCol h1{
	background: no-repeat url("../map/img/cmn_id_001.gif");
}

.map{
	margin:0 0 20px 0;
}

/* supportCol : Support ---------------------------------------*/

.supportCol h1{
	background: no-repeat url("../support/img/cmn_id_001.gif");
}
.supportCol h3{
	height:84px;
	padding:0.5em 0.5em 0.5em 140px;
	font-size:95%;
	line-height:120%;
	color:#666;
}
.supportCol h3.stp1{
	background:url(../support/img/bg_h3_01.gif) no-repeat 10px 10px;
}
.supportCol h3.stp2{
	background:url(../support/img/bg_h3_02.gif) no-repeat 10px 10px;
}
.supportCol h3.stp3{
	background:url(../support/img/bg_h3_03.gif) no-repeat 10px 10px;
}
.supportCol h3.stp4{
	background:url(../support/img/bg_h3_04.gif) no-repeat 10px 10px;
}
.supportCol ul{
	margin:1em 0;
}
.supportCol ul li{
	margin:0 10px 1em 10px;
	padding:1em 1.5em 1em 7em;
	border:1px solid #EEE;
	background:url(../support/img/bg_li.gif) no-repeat 10px 10px #F0F0F0;

}


/* facilitiesCol : Facilities ---------------------------------------*/

.facilitiesCol h1{
	background: no-repeat url("../facilities/img/cmn_id_001.gif");
}

.facilitiesCol .table table{
	margin: 20px 0 10px 0;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-color: #f0f0f0;
	width: 520px;
}

.facilitiesCol .table table td{
	margin: 0;
	padding: 3px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}


/* accommodationsCol : Accommodations ---------------------------------------*/

.accommodationsCol h1{
	background: no-repeat url("../accommodations/img/cmn_id_001.gif");
}

.accommodationsCol .wrapBlock,
.factoryCol .wrapBlock,
.businessCol .wrapBlock,
.souvenirCol .wrapBlock,
.supportCol .wrapBlock{
	margin: 0 0 15px 0;
	width: 540px;
	background: no-repeat url("../cmn/cmn_bg_001.gif") right bottom; 
}

.accommodationsCol .block,
.factoryCol .block,
.businessCol .block,
.souvenirCol .block,
.supportCol .block{
	margin: 0;
	width: 520px;
	border-top: 1px solid #EBEBEB;
}

.accommodationsCol .block h2{
	margin: 10px 0 0 10px;
	padding: 10px 5px 0 5px;
	width: 160px;
	height: 90px;
	background: no-repeat url("../accommodations/img/index_bg_001.gif");
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:150px;
	height: 80px;
}

html>body .accommodationsCol .block h2{
	width:150px;
	height: 80px;
}

.accommodationsCol .block img,
.factoryCol .block img,
.businessCol .block img{
	margin: 10px 0 30px 10px;
}

.accommodationsCol .block p,
.factoryCol .block p{
	margin: 15px 10px 5px 10px;
	height: 90px;
	width: 330px;
}

.accommodationsCol .block table table{
	margin: 0 0 30px 10px;
	border: 10px solid #F0F0F0;
	width: 330px;
	background:#F0F0F0;
}


.factoryCol .block table table,
.businessCol .block table table,
.souvenirCol .block table table{
	margin: 10px 0 30px 10px;
	border: 10px solid #F0F0F0;
	width: 330px;
	background:#F0F0F0;
}


/* MacIE5only */
/*\*//*/

.accommodationsCol .block table table,
.factoryCol .block table table,
.businessCol .block table table,
.souvenirCol .block table table{
	width: 310px;
}

/**/ 


.accommodationsCol .block table table td,
.factoryCol .block table table td,
.businessCol .block table table td,
.souvenirCol .block table table td{
	margin: 0 10px 3px 10px;
	padding: 0 5px 2px 15px;
}

.accommodationsCol .block table table td.ex,
.factoryCol .block table table td.ex,
.businessCol .block table table td.ex,
.souvenirCol .block table table td.ex{
	background: no-repeat url("../cmn/cmn_arrow_003.gif") 0 4px !important;
}

.accommodationsCol .block table table td li,
.factoryCol .block table table td li,
.businessCol .block table table td li,
.souvenirCol .block table table td li{
	background: no-repeat url("../cmn/cmn_arrow_004.gif") 0 3px;
	padding: 0 0 0 10px;
}

/* factoryCol : Factory Tours ---------------------------------------*/

.factoryCol h1{
	background: no-repeat url("../factory/img/cmn_id_001.gif");
}

.factoryCol .block h2{
	margin: 10px 0 0 10px;
	padding: 15px 5px 40px 5px;
	width: 160px;
	background: no-repeat url("../factory/img/index_bg_001.gif");
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:150px;
}

html>body .factoryCol .block h2{
	width:150px;

}


/* businessCol : Business Information ---------------------------------------*/

.businessCol h1{
	background: no-repeat url("../business/img/cmn_id_001.gif");
}

.businessCol h2{
	margin: 0 0 0 12px;
}

.businessCol .block .name .type,
.souvenirCol .block .name .souvenir{
	margin: 2px 0 0 12px;
}

.businessCol .block .name{
	margin: 10px 0 0 10px;
	padding: 10px 0;
	width: 500px;
	background: no-repeat url("../business/img/index_bg_001.gif");
}


/* souvenirCol : Souvenir Shops ---------------------------------------*/

.souvenirCol h1{
	background: no-repeat url("../souvenir/img/cmn_id_001.gif");
}

.souvenirCol h2{
	margin: 0 0 0 12px;
}

.souvenirCol .block .name{
	margin: 10px 0 0 10px;
	padding: 10px 0;
	width: 500px;
	background: no-repeat url("../souvenir/img/index_bg_001.gif");
}

.souvenirMap{
	margin: 10px 0;
}

.souvenirCol .block img{
	margin: 10px 0 10px 10px;
}
.souvenirCol .block .caption{
	margin: 0 0 30px 10px;
	text-align:center;
	width:160px;
}

/* volunteerCol : Volunteer Guide ---------------------------------------*/

.volunteerCol h1{
	background: no-repeat url("../volunteer/img/cmn_id_001.gif");
}
.volunteerCol .imgleft{
	margin: 0 20px 20px 0;
	float: left;
}