@charset "UTF-8";


/*
	Since:Jul 07 2010
	Last-Updated:Jul 07 2010
	Editor:Masataka Asakura
*/


/*
-------------File Contents--------------

	1. All Resets
	
	2. Base Setting
	
	3. Links Setting
	
	4. base wrap
	
	5. header
	
	6. global-navigation
	
	7. main-wrap
	
	8. information-shoplist
	
	9. sidebar
	
	10.footer
	
*/


/*============ 1. All Resets ============*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/*============ 2. Base Setting ==========*/

html {
overflow-y:scroll;   
}
body{
	font:normal 13px/1.231 "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3", "���C���I", meiryo, "�l�r �o�S�V�b�N", "MS P Gothic", Osaka, Verdana, helvetica, clean, sans-serif;
	*font-size:small;*font:x-small;
}

/* for IE6 */
*html body{
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3", "�l�r �o�S�V�b�N", "MS P Gothic", Osaka, Verdana, helvetica, clean, sans-serif;
}

/* ==============3. Link Settings ================== */

a, a:link {color:#003399;} 
a:visited{color:#609;}
a:hover, a:active{color: #f30;}

a:link{text-decoration:none;}
a:visited {text-decoration:none;}
a:hover, a:active{text-decoration:none;}

a img{
	text-decoration:none!important;
  border-width:0!important;
}
a:hover img, a:active img{
  border-width:0!important;
	text-decoration:none!important;
}


/*
------------4. base wrap----------------
*/

body{
	margin:0 auto;
	padding:0;
	background:#fff;
	color:#333;
  vertical-align:baseline;
  text-align:center;
  width:100%;
}

#container{
	margin: 0 auto;
	text-align:center;
	width:900px;
}

/*
------------5. header----------------
*/

#header-wrap{
	margin:0 auto;
	padding:0;
	background:#fff url("../images/bg_header.png") repeat-x left bottom;
  text-align:center;
  width:100%;
}

#header{
	margin:22px auto 12px auto;
	width:900px;
	text-align:center;
}

h1#ci{
	margin-left: 20px;
	float:left;
	width:178px;
	height:36px;
	text-align:left;
}

ul#sub-nav{
	padding-top:23px;
	float:right;
	width: 310px;
	text-align:left;
}
ul#sub-nav li{
	padding-left:13px;
	background:url("../images/li_tri_red_5px.gif") no-repeat left center;
	float: left;
	display:inline;
}
ul#sub-nav li#subnav-reserve{
	margin-right: 36px;
}
ul#sub-nav li a{
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
}



ul#sub-nav li#subnav-reserve a, ul#sub-nav li#subnav-reserve a:link{
	background-image:url("../images/sub_reserve_off.gif");
	width:119px;
	height:14px;
}
ul#sub-nav li#subnav-reserve a:hover{
	background-image:url("../images/sub_reserve_on.gif");
}

ul#sub-nav li#subnav-catalog a, ul#sub-nav li#subnav-catalog a:link{
	background-image:url("../images/sub_catalog_off.gif");
	width:129px;
	height:13px;
}
ul#sub-nav li#subnav-catalog a:hover{
	background-image:url("../images/sub_catalog_on.gif");
}


#mv{
	margin:0 auto;
	width:900px;
	height:515px;
}



/*
------------6. global-navigation----------------
*/

ul#nav{
	margin-top: 10px;
	text-align:left;
}
ul#nav li{
	margin:0 auto;
	padding:3px 0;
	float: left;
	border-right: 1px solid #b2976a;
	width:149px;
}
ul#nav li#nav-home{
	border-left: 1px solid #b2976a;
	width: 148px;
}

ul#nav li a{
	margin:0 auto;
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
	height:15px;
}

/*==home==*/
ul#nav li#nav-home a, ul#nav li#nav-home a:link{
	background-image:url("../images/nav_home_off.gif");
	background-position:center center;
	width:39px;
}
ul#nav li#nav-home a:hover{
	background-image:url("../images/nav_home_on.gif");
}

/*==information==*/
ul#nav li#nav-information a, ul#nav li#nav-information a:link{
	background-image:url("../images/nav_information_off.gif");
	width:78px;
}
ul#nav li#nav-information a:hover{
	background-image:url("../images/nav_information_on.gif");
}

/*==story==*/
ul#nav li#nav-story a, ul#nav li#nav-story a:link{
	background-image:url("../images/nav_story_off.gif");
	width:35px;
}
ul#nav li#nav-story a:hover{
	background-image:url("../images/nav_story_on.gif");
}

/*==collection==*/
ul#nav li#nav-collection a, ul#nav li#nav-collection a:link{
	background-image:url("../images/nav_collection_off.gif");
	width:68px;
}
ul#nav li#nav-collection a:hover{
	background-image:url("../images/nav_collection_on.gif");
}

/*==shop==*/
ul#nav li#nav-shop a, ul#nav li#nav-shop a:link{
	background-image:url("../images/nav_shop_off.gif");
	width:60px;
}
ul#nav li#nav-shop a:hover{
	background-image:url("../images/nav_shop_on.gif");
}

/*==connection==*/
ul#nav li#nav-connection a, ul#nav li#nav-connection a:link{
	background-image:url("../images/nav_connection_off.gif");
	width:75px;
}
ul#nav li#nav-connection a:hover{
	background-image:url("../images/nav_connection_on.gif");
}



/*
------------7. main-wrap ---------------
*/

#main{
	padding: 45px 0 48px 0;
	text-align:left;
}


#contents{
	float:left;
	width:585px;
}

#sidebar{
	float:right;
	width:251px;
}


#message-board{
	margin-bottom:20px;
}

/*
------------8. information-shoplist ---------------
*/


ul#tab-nav{
	margin-left: 2px;
}

ul#tab-nav li a{
	display:block;
	padding-left:10px;
	float:left;
}

ul#tab-nav li a.selected{
	background:url("../images/li_tri_red_5px.gif") no-repeat left center;
}

ul#tab-nav li#tab-information a{
	margin-right:20px;
	width:80px;
}
ul#tab-nav li#tab-shop a{
	width:62px;
}


ul#tab-nav li a span{
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	height:16px;
}

/*==information==*/
ul#tab-nav li#tab-information a span, ul#tab-nav li#tab-information a:link span{
	background-image:url("../images/tabnav_information_off.gif");
}
ul#tab-nav li#tab-information a:hover span{
	background-image:url("../images/tabnav_information_on.gif");
}
ul#tab-nav li#tab-information a.selected span{
	background-image:url("../images/tabnav_information_now.gif");
	cursor:default;
}

/*==shop==*/
ul#tab-nav li#tab-shop a span, ul#tab-nav li#tab-shop a:link span{
	background-image:url("../images/tabnav_shop_off.gif");
}
ul#tab-nav li#tab-shop a:hover span{
	background-image:url("../images/tabnav_shop_on.gif");
}
ul#tab-nav li#tab-shop a.selected span{
	background-image:url("../images/tabnav_shop_now.gif");
	cursor:default;
}



.info-shop-content{
	margin-top:3px;
	padding:15px 0px 0 12px;
	border-top:1px solid #e7cece;
}

/*==information==*/
dl.headline {
	font-size: 85%;
	color:#5c5c5c;
}
dl.headline dt{
	padding-bottom:8px;
	clear:left;
	float:left;
	width:14%;
}
dl.headline dd{
	padding-bottom:8px;
	float:left;
	width:86%;
}
dl.headline dd a, dl.headline dd a:link{
	color:#5c5c5c;
}
dl.headline dd a:hover{
	color:#e65757;
	text-decoration:underline;
}


/*==shop list==*/
ul.shop-list{
	font-size: 77%;
}
ul.shop-list li{
	margin-right:2%;
	margin-bottom:1em;
	padding-left:10px;
	background:url("../images/li_tri_red_5px.gif") no-repeat left center;
	float:left;
	width:30%;
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3", "�l�r �o�S�V�b�N", "MS P Gothic", sans-serif!important;
}


ul.shop-list li.clear{
	clear:left;
}
ul.shop-list li.right-list{
	margin-right:0!important;
}
ul.shop-list li a, ul.shop-list li a:link{
	color:#5c5c5c;
}

ul.shop-list li a:hover{
	color:#e65757;
	text-decoration:underline;
}

ul.bottom-link {
	padding-top:0.5em;
	padding-right:2em;
}
ul.bottom-link li{
	padding-left:10px;
	background:url("../images/li_tri_red_5px.gif") no-repeat left center;
	font-size: 85%;
	float:right;
}
ul.bottom-link li a, ul.bottom-link li a:link{
	color:#5c5c5c;
}

ul.bottom-link li a:hover{
	color:#e65757;
	text-decoration:underline;
}


/*
------------9. sidebar ---------------
*/
ul#bnr-link li{
	margin-bottom:1.2em;
}
ul#bnr-link li a img{
	display:block;
	padding:1px;
	border:1px solid #ccc!important;
	text-align:center;
}


/*
------------10. footer ---------------
*/
#footer-wrap{
	margin: 0 auto;
	padding:10px 0 30px 0;
	background-color: #f1ead9;
	text-align:center;
	width:100%;
}

#footer{
	margin: 0 auto;
	text-align:center;
	width:900px;
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3", "�l�r �o�S�V�b�N", "MS P Gothic", sans-serif!important;
}
#footer-left{
	float:left;
	width:550px;
}
p#copyright{
	padding-top:0;
	font-family:arial, san-serif;
	font-size:77%;
	color:#666;
	letter-spacing:0!important;
	float:left;
}

ul#footer-nav{
	padding-top:1px;
	padding-left:20px;
	float:left;
	font-size:77%;
}
ul#footer-nav li{
	margin-right:15px;
	float:left;
}
ul#footer-nav li.right-list{
	margin-right:0px;
}
ul#footer-nav li a, ul#footer-nav li a:link{
	color:#666;
}

ul#footer-nav li a:hover{
	color:#e65757;
	text-decoration:underline;
}


ul#footer-right{
	float:right;
	width: 345px;
}

ul#footer-right li{
	margin-right:5px;
	float:left;
	width:170px;
}
ul#footer-right li.right-list{
	margin-right:0px;
}