@charset "utf-8";
/* Main CSS */

/* CONTENTS

	0. Common setting
	1. Basic setting
	2. Individual setting 
			----- header
			----- mainCOL
			----- sideCOL
			----- footer
	3. Others
	
									Last Update 2009/10/26
----------------------------------------------------------------- */




/* 0. Common setting
----------------------------------------------------------------- */
html,
body,
p,div,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
dl,dt,dd,
address,
pre, form, fi {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
table	{
	border-collapse: collapse;
	border-spacing: 0;
}
li	{
	list-style-type: none;
}
img {
	vertical-align: bottom;
	border: 0;
}
address {
	font-style: normal;
}


/* font-size setting 1 */
h1, h2, h3, h4, h5, h6 {  
	font-size: 100%;
}
/* font-size setting 2 */
body {
	font-size: 62.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
html>/**/body {
	font-size: 10px;
}
/* safari only ¥*/
html:¥66irst-child body {
	font-size: 12px;
	letter-spacing: -0.1em;
}






/* clearfix
---------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;/* for margin-bottom */
	font-size: 1px;/* for margin-bottom */
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/* etc.
---------------------- */
.clear {
	clear: both;
}







/* 1. Basic setting 
----------------------------------------------------------------- */
body {
	text-align: center;
	background: #F4F2E2 url(../img/common/bg_body.gif) left top repeat-x;
}

#wrap {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/common/bg_foot.gif) left bottom repeat-x;
}
#Content {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#mainCol {
	width: 610px;
	padding: 15px 0 0;
	float: right;
	
	position: relative;
	


}


#SideCol {
	width: 180px;
	padding: 195px 0 0;
	float: left;	
}

#foot {
	width: 800px;
	height: 130px;
	padding: 75px 0 0 0;
	background: url(../img/common/bg_foot-inner.gif) left bottom repeat-x;
	clear: both;
}







/* 2. Individual setting
----------------------------------------------------------------- */

/* header
----------------------------------------------------------------- */
/* logo */
#logo {
	width: 192px;
	height: 246px;
	position: absolute;
	left: -7px;
	top: 0;
	clear: both;
}


#logo img {
	position: relative;
}




/* summary */
#summary {
	width: 600px;
	position: absolute;
	left: 200px;
	top: 23px;
	color: #CCC;
	line-height: 1.3em;
}

/* head Access BOTTON */
#hbtn_accessmap {
	width: 54px;
	margin: 0 0 0 740px;

}







/* Main Col
----------------------------------------------------------------- */
.pan {
	width: 540px;
	padding: 3px 0 3px 10px;
	margin: 0 0 0 60px;
	background-color: #e1dec1;
	font-size: 12px;
	color: #666;
}
.pan a {
	color: #066;
}
.pan a:hover {
	text-decoration: none;
}



/* SideMenu
----------------------------------------------------------------- */

/* sideMENU 1 */
#SideCol #SideMenu1 {
	width: 180px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}
#SideCol #SideMenu1 li {
	display: block;
	width: 180px;
}

#SideCol #SideMenu1 #S-menu1 a {
	display: block;
	width: 180px;
	padding: 38px 0 0 0;
	height: 0 !important;
	background: url(../img/common/btn_sidemenu.gif) 0 0 no-repeat;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#SideCol #SideMenu1 #S-menu2 a {
	display: block;
	width: 180px;
	padding: 38px 0 0 0;
	height: 0 !important;
	background: url(../img/common/btn_sidemenu.gif) -180px 0 no-repeat;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#SideCol #SideMenu1 #S-menu3 a {
	display: block;
	width: 180px;
	padding: 38px 0 0 0;
	height: 0 !important;
	background: url(../img/common/btn_sidemenu.gif) -360px 0 no-repeat;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#SideCol #SideMenu1 #S-menu4 a {
	display: block;
	width: 180px;
	padding: 38px 0 0 0;
	height: 0 !important;
	background: url(../img/common/btn_sidemenu.gif) -540px 0 no-repeat;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#SideCol #SideMenu1 #S-menu5 a {
	display: block;
	width: 180px;
	padding: 38px 0 0 0;
	height: 0 !important;
	background: url(../img/common/btn_sidemenu.gif) -720px 0 no-repeat;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#SideCol #SideMenu1 #S-menu6 a {
	display: block;
	width: 180px;
	padding: 38px 0 0 0;
	height: 0 !important;
	background: url(../img/common/btn_sidemenu.gif) -900px 0 no-repeat;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

#SideCol #SideMenu1 #S-menu1 a:hover {
	background-position: 0 -38px;
}
#SideCol #SideMenu1 #S-menu2 a:hover {
	background-position: -180px -38px;
}
#SideCol #SideMenu1 #S-menu3 a:hover {
	background-position: -360px -38px;
}
#SideCol #SideMenu1 #S-menu4 a:hover {
	background-position: -540px -38px;
}
#SideCol #SideMenu1 #S-menu5 a:hover {
	background-position: -720px -38px;
}
#SideCol #SideMenu1 #S-menu6 a:hover {
	background-position: -900px -38px;
}


/* sideMENU 2 */
#SideCol #SideMenu2 {
	width: 180px;
	padding: 7px 0;
	border-bottom: 1px solid #CCC;
}
#SideCol #SideMenu2 li {
	display: block;
	width: 180px;
}
#SideCol #SideMenu2 li a {
	display: block;
	width: 145px;
	height: 20px;
	padding: 3px 0 0 35px;
	background: url(../img/common/arrow_bl.gif) 20px 5px no-repeat;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
#SideCol #SideMenu2 li a:hover {
	text-decoration: underline;
	color: #066;
}

/* sideMENU 2  TripBNR */
#SideCol #tripBanner a {
	display: block;
	width: 178px;
	height: 83px;
	margin: 20px 0 0;
	border: 1px solid #CCC;
}

#SideCol #tripBanner a:hover {
	border: 1px solid #2c7b6e;
}





/* side BANNER */
#SideCol #SideBnr_ttl {
	width: 180px;
	margin: 40px 0 0;
}
#SideCol #SideBnr {
	width: 180px;
	margin: 10px 0 0;
}
#SideCol #SideBnr li {
	width: 180px;
	margin: 15px 0 0;
	font-size: 12px;
}


/* side SHOP information */
#SideCol #side_shopinfo {
	width: 180px;
	padding: 0 0 3px;
	margin: 40px 0 0;
	border-bottom: 2px solid #645F38;
}
#SideCol #side_shopinfo h2 {
	margin: 0 0 3px;
}
#SideCol #side_shopinfo p {
	width: 170px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	background-color: #ecead0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}
#SideCol #side_shopinfo #p-top_none {
	border-top: none !important;
}

#SideCol #side_shopinfo #p-btm_none {
	border-bottom: none !important;
}







/* footer
----------------------------------------------------------------- */
/* PageTOP */
#foot #pageTOP {
	width: 85px;
	margin: -21px 0 0 715px;
}




/* footMENU */
#foot #FootMenu {
	width: 795px;
/*	padding: 12px 0 0 5px;*/
	padding: 14px 0 0 5px;
}
#foot #FootMenu li {
	display: inline;
/*	font-size: 12px;*/
	font-size: 11px;
	color: #CCC;
}










#foot #FootMenu li a {
	color: #CCC;
	text-decoration: none;
}
#foot #FootMenu li a:hover {
	text-decoration: underline;
}


 


/* COPYRIGHT */
#foot #copy {
	width: 500px;
	margin: 60px 0 0 5px;
	color:#CCC;
	font-size: 12px;
}










/* 3. Others
----------------------------------------------------------------- */
.attention_red {
	color: #C00;
}
.color_d-red {
	color: #900;
}









/* PageTOP */
.re_pageTop {
	width: 560px;
	margin: 20px 0 0;
	clear: both;
	text-align: right;
	font-size: 12px;
}
.re_pageTop a {
	color: #999;
}
.re_pageTop a:hover {
	text-decoration: none;
	color: #066;
}