@charset "utf-8";

/* CSS Document */



* {

margin: 0px;

padding: 0px;

}

*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}

body {
   overflow-y:scroll;
}




a{

	text-decoration:underline;

	color:#03C;

	text-align: center;

}

a:hover{

text-decoration:none;

color:#FF7D37;

}



ul,ol,li{

list-style:none;

}



th,td{

text-align: left;

vertical-align: top;

}

img{
border:none;
}



h1,h2,h3,h4,h5,h6,p,ul,ol,li,div{

margin: 0px;

padding:0px;

}



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

Structure & Header

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

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #ffffff;

	margin: 0; 

	padding: 0;

	text-align: center;

	color: #000000;

	background-image: url(../img/bg.gif);

	background-repeat: repeat-x;

}

#container {

	width: 848px;

	margin: 0 auto;

	text-align: left;

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #d9dde6;

	border-right-color: #d9dde6;

	border-bottom-color: #d9dde6;

	border-left-color: #d9dde6;

} 



#header {

	padding: 0px;

	height: 114px;

	width: 848px;

	background-image: url(../img/top_header.jpg);

	background-repeat: no-repeat;	

} 



#header .left {

	padding: 0px;

	height: 114px;

	width: 800px;

	float: left;

} 



#header .leftlogo {

	width: 210px;

	float: left;

	padding-top: 10px;

	padding-left: 10px;

	height: 90px;

} 



#header .lefttext {

	width: 470px;

	float: left;

	padding-top: 50px;

	padding-left:30px;

	height: auto;

	letter-spacing: 0px;

	line-height:140%;

} 



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

Sidebar

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

#sidebar {

	float: right;

	width: 246px;

	padding-right: 10px;

}



/*div#sidebar {

	min-height:700px;

height:expression(this.scrollHeight > 700 ? "auto":"700px"); 

}

*/



#sidebar .content{

	width: 246px;

	margin-right: 0px;

	margin-left: 0px;

	height:auto;

}

#sidebar .menutop{

	width: 232px;

	background-image: url(../img/side_nav_title.jpg);

	background-repeat: no-repeat;

	height: 25px;

	padding-left: 14px;

	padding-top: 15px;

}

#sidebar .menus{

	width: 230px;

	height: 25px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #33609b;

	border-left-color: #33609b;

	padding-left: 14px;

	padding-top: 7px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #396bae;

}



#sidebar .menusB{

	width: 230px;

	height: 25px;

	padding-left: 14px;

	padding-top: 7px;

	background-color: #d6ebfe;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #33609b;

	border-left-color: #33609b;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #396bae;

}

#sidebar .menuBT{

	width: 244px;

	height: 22px;

}



#sidebar a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #0066cc;

	text-decoration: underline;

	letter-spacing: 1px;

}



#sidebar a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #183459;

	text-decoration: none;

	letter-spacing: 1px;

}

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

Content

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

#mainContent {

	width: 578px;

	margin-top: 0;

	padding-bottom: 0;

	padding-left: 10px;

	padding-left: 10px;

} 

#content{

	width: 578px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	padding-top: 10px;

} 



#content2{

	width: 553px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	line-height:140%;

	padding-top: 10px;

	padding-right: 15px;

	padding-left: 10px;

	float:left;

} 



.logobox{

	margin:auto;

	width:500px;

	padding-top:15px;

	padding-left:15px;

	padding-bottom:15px;

	float:left;

}



.logo{

	margin:auto;

	width:120px;

	height:70px;

	float:left;

	padding:0px;

}





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

Tabs / Titles

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



#tab1{

	width: 568px;

	margin: 0;

	padding-left: 10px;

	padding-top: 17px;

	height: 33px;

	float:left;

	background-image: url(../img/main_title.jpg);

	background-repeat: no-repeat;

	vertical-align: middle;

} 



#tab2{

	width: 568px;

	margin: 0;

	padding-left: 10px;

	padding-top: 15px;

	height: 35px;

	float:left;

	background-image: url(../img/main_title2.jpg);

	background-repeat: no-repeat;

	vertical-align: middle;

} 



#tab3{

	width: 568px;

	margin: 0;

	padding-left: 10px;

	padding-top: 17px;

	height: 33px;

	float:left;

	background-image: url(../img/sub_title1.jpg);

	background-repeat: no-repeat;

	vertical-align: middle;

}

#tab4{

	width: 568px;

	margin: 0;

	padding-left: 10px;

	padding-top: 17px;

	height: 33px;

	float:left;

	background-image: url(../img/sub_title2.jpg);

	background-repeat: no-repeat;

	vertical-align: middle;

}



#tab5{

	width: 568px;

	margin: 0;

	padding-left: 10px;

	padding-top: 15px;

	height: 35px;

	float:left;

	background-image: url(../img/sub_title3.jpg);

	background-repeat: no-repeat;

	vertical-align: middle;

} 





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

 1. Area list on index

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



#area {

	width:578px;

	float:left;

	padding-top: 15px;

}



#area a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #0066cc;

	text-decoration: underline;

	padding-left: 3px;

	padding-right: 3px;



}



#area a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #004E9B;

	text-decoration: none;

	padding-left: 3px;

	padding-right: 3px;



}

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

1. Blue and White Div of different state on index

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

.listareaB {

	width:568px;

	float:left;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	background-image: url(../img/main_tabbg.gif);

	height: 20px;

	background-repeat: no-repeat;

}



.listareaW {

	width:568px;

	float:left;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	height: 20px;

}



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

1. Left and right Div of different state on index

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

.listarea {

	width: 80px;

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

}



.listareaR {

	width: 470px;

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #0984FF;

	text-decoration: none;

	letter-spacing: 0px;

}



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

2. Listing of shops

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



#list {

	width:570px;

	float:left;

}

#listtop{

	width:570px;

	float:left;

	background-image: url(../img/sub_info_top.gif);

	background-repeat: no-repeat;

	height: 18px;

}

#listbottom{

	width:570px;

	float:left;

	background-image: url(../img/sub_info_bottom.jpg);

	background-repeat: no-repeat;

	height: 14px;

}



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

2. White bg of listing

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

#listleft{

	width:300px;

	float:left;

	padding-top: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	height: 55px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #d0cbcf;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #C2CAD8;

}



#listright{

	width: 238px;

	height: 50px;

	padding-top: 15px;

	padding-bottom: 5px;

	padding-left: 10px;

	padding-right: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #d0cbcf;

	border-right-width: 1px;

	border-right-color: #C2CAD8;

	border-right-style: solid;

	float: left;

}



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

2. Yellow bg of listing

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

#listYleft{

	width:300px;

	float:left;

	padding-top: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	height: 55px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #d0cbcf;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #C2CAD8;

	background-color: #FFFFF0;

}



#listYright{

	width: 238px;

	height: 50px;

	padding-top: 15px;

	padding-bottom: 5px;

	padding-left: 10px;

	padding-right: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #d0cbcf;

	border-right-width: 1px;

	border-right-color: #C2CAD8;

	border-right-style: solid;

	float: left;

	background-color: #FFFFF0;

}



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

3. Shop Info

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

#listinfoL{

	width:300px;

	float:left;

	padding-top: 0px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	height: auto;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #C2CAD8;

	line-height: 22px;

}



#listinfoR{

	width: 238px;

	height: 60px;

	float: left;

	padding-top: 30px;

	padding-bottom: 25px;

	padding-left: 10px;

	padding-right: 10px;

	border-right-width: 1px;

	border-right-color: #C2CAD8;

	border-right-style: solid;

}



#listbox{

	width:568px;

	float:left;

	padding-top: 10px;

	padding-bottom: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: 0px;

	height: auto;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #C2CAD8;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #C2CAD8;

	text-align: center;

}



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

3. Shop info with Blue BG

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

#listinfoL2{

	width:257px;

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	background-color: #D6EBFE;

	margin-left: 5px;

	margin-top: 5px;

	padding-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

	text-align: left;

	padding-bottom:20px;

}



#listinfoR2{

	width: 257px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #D6EBFE;

	margin-left: 5px;

	margin-top: 5px;

	padding-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

	text-align: left;

	padding-bottom:20px;

}

#subtitle_but{

	width:135px;

	height: 23px;

	padding-left:15px;

	padding-right:9px;

	padding-top:5px;

	margin-right:106px;

	margin-bottom:10px;

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	margin-top: 5px;

	text-align: left;

	background-image: url(../img/sub_smalltitle.gif);

	background-repeat: no-repeat;

}



#searchbox{

	width:248px;

	float:left;

	height: 60px;

	padding-right: 160px;

	padding-left: 160px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #C2CAD8;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #C2CAD8;

	text-align: center;

	vertical-align: middle;

	padding-top: 15px;

}



#list a{

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #ff0000;

	text-decoration: underline;

	line-height: 10px;

}

#list a:hover{

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #990000;

	text-decoration: none;

}





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

Footer

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

#footer {

	width: 100%;

	background-image: url(../img/footer_bg.gif);

	background-repeat: no-repeat;

	height: 50px;

	padding-top: 0;

	background-position: center top;

} 



#footer .text {

	width: 800px;

	height: 25px;

	float: left;

	padding-top: 5px;

	padding-right: 20px;

	padding-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	text-decoration: none;

	letter-spacing: 1px;

	line-height:140%;

	text-align: center;

}

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

Misc

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

#breadcrumb {

	width: 568px;

	height: 20px;

	padding-left: 10px;

	padding-top: 5px;

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000;

	letter-spacing: 1px;

	}

	

#breadcrumb a {

	float:left;

	vertical-align: middle;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	text-decoration: underline;

	color: #FF6600;

	letter-spacing: 1px;

	}	

	

#breadcrumb a:hover {

	float:left;

	vertical-align: middle;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333;

	letter-spacing: 1px;

	}	

	

#spacer {

	height: 20px;

	width: 560px;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



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

text

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

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 30px;

	font-weight: bold;

	color: #371827;

	text-decoration: none;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	}



h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #ffffff;

}



h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #335F9A;

}



h5{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

}



#map{

	width: 548px;

	height: 300px;

	margin:0px auto;

}



p .noshop{

width:500px;

padding-left:30px;

margin-bottom:100px;

color:#FF0000;

}



p .noshoptop{

width:500px;

padding-left:30px;

margin-bottom:100px;

}