@charset "shift_jis";

/***************************************************
	祇園han スタイルシート
	common.css
	基本レイアウトスタイル定義
***************************************************/

/* Reset
------------------------------------------------------------ */
html {
	overflow-y: scroll;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {	font-style: normal;}
h1,h2,h3,h4,h5,h6,h7 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption,th {
	text-align: left;
}
img	{	border: none;	vertical-align: bottom;}
ul	{
	list-style-type: none;
}
ol	{	list-style-position: inside;}
hr	{	display: none;}
input,select{
	position:relative;
	top:2px;
}

/* Base
------------------------------------------------------------ */
body {
	-x-system-font:none;
	background:#D3C0B0 url(../images/index/bg.jpg) repeat-x;
	color:#666666;
	font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	font-size:75%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.6;
	text-align:center;
}
#wrapheader{
	width:962px;
	height:0px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
/*	background: url(../images/index/bg_wrapheader.png) no-repeat top center;*/
}

#wrapper {
	width:962px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/index/bg_wrapmain.png) center repeat-y;
	vertical-align: bottom;
}

#wrapper_popup {
	width:718px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
	background-color:#FFF;
}

/* IE */

*html #wrapheader{
/*	background: url(../images/index/bg_wrapheader.gif) no-repeat top center;*/
}

*html #wrapper {
	background: url(../images/index/bg_wrapmain.gif) center repeat-y;
}

*html #wrapper_popup {
	background: url(../images/index/bg_wrapmain.gif) center repeat-y;
}
/* IEここまで */

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}

#container_popup {
	width: 698px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}
/* Link
------------------------------------------------------------ */
a:link {
	text-decoration:underline;
	color: #0000cc;
}
a:visited {
	color: #7600b3
}
a:hover {
	color: #d70542;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* for All Pages
------------------------------------------------------------ */
.alt	{	display: none;}
.clear	{	clear: both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----header-----*/
#header {
	width:915px;
	height:111px;
	margin:0 auto;
	padding:0 0 0px 0;
	border-bottom:solid 1px #C3CDD6;
}

#header h1{
	float:left;
	background: url(../images/index/header_title.jpg) no-repeat top left;
}

#header h1 a{
	width:600px;
	height:111px;
	display:block;
	text-indent:-9999px;
}

#formfield{
	float:right;
}

#header #guide, #header #system, #header #cart{
	margin:7px 0px 0px auto;
	height:27px;
}
.rightfloat{
	float:right;
}

#header #guide{
	font-weight:bold;
}	

#header #cart{
	clear:both;
}

#header p,  .rightfloat p{
	display:block;
	float:left;
	font-weight:bold;
	margin-left:5px;
}

#header input{
	line-height:21px;
	height:21px;
	vertical-align:middle;
}

#han_log_in_han a, #han_log_out_han a, #header #cart a, #han_new_member_han a{
	height:27px;
	display:block;
	text-indent:-9999px;
	margin-top:-1px;
}
#han_bar_han{
	margin:4px 0 0 5px;
	height:27px;
	display:block;
}
#han_member_han{
	line-height:1.3em;
	display:block;
}
#han_log_in_han a{
	width:76px;
	background-image:url(../images/index/header_login.gif);
}

#han_log_out_han a{
	width:76px;
	background-image:url(../images/index/header_logout.gif);
}

#han_new_member_han a{
	width:92px;
	background-image:url(../images/index/header_member.gif);
}

#header #cart a{
	width:178px;
	background-image:url(../images/index/header_cartcheck.jpg);
}

#han_log_in_han a:hover,#han_log_out_han a:hover,#header #cart a:hover, #han_new_member_han a:hover{ 
	background-position: 0px -27px;
}

#header #guide a{
	color: #5f5f5f;
	text-decoration: none;
}

#header #guide a:hover{
	text-decoration:underline;
}

#header #guide a:visited {
	color: #5f5f5f;
}


/**/
/*▼menu*/
#main_menu{
	clear:both;
	width:915px;
	height:35px;
	margin:12px auto 11px;
	padding:0;
	text-align:center;
}

#main_menu li{
	float:left;
}

#main_menu li a{
	display:block;
	height:30px;
	text-decoration: none; 
	text-indent: -9999px;
}

#main_menu li.btn01 a{
	width:182px;
	margin-right:1px;
	background-image:url(../images/index/mainmenu_top.jpg);
}
#main_menu li.btn02 a{
	width:182px;
	margin-right:1px;
	background-image:url(../images/index/mainmenu_item.jpg);
}
#main_menu li.btn03 a{
	width:182px;
	margin-right:1px;
	background-image:url(../images/index/mainmenu_selection.jpg);
}
#main_menu li.btn04 a{
	width:182px;
	margin-right:1px;
	background-image:url(../images/index/mainmenu_gift.jpg);
}
#main_menu li.btn05 a{
	width:183px;
	background-image:url(../images/index/mainmenu_info.jpg);
}

#main_menu li a:hover { 
	background-position: 0px -30px;
}
/*-----center-----*/
#center{
	clear:both;
	width:915px;
	margin:0 auto;
	padding:0;
}	

/*-----side-----*/
#side_menu{
	float:left;
	width:205px;
	margin:0px 12px 0px 0px;
}

#sidemain{
	width:205px;
	height:20px;
	background:url(../images/index/side_title.gif) no-repeat top left;
	text-indent:-9999px;
}

#side_menu ul#main{
	padding:10px 0px 10px 0px;
}

#side_menu ul#main li a{
	display:block;
	width:205px;
	height:47px;
	text-decoration: none; 
	text-indent: -9999px;
}

#side_menu ul#main li#btn14 a{
	height:126px;
	background-image:url(../images/index/side_dl.jpg);
}

#side_menu ul#main li#btn26 a{
	background-image:url(../images/index/side_ch.jpg);
}

#side_menu ul#main li#btn27 a{
	background-image:url(../images/index/side_cg.jpg);
}

#side_menu ul#main li#btn28 a{
	background-image:url(../images/index/side_ac.jpg);
}

#side_menu ul#main li#btn29 a{
	background-image:url(../images/index/side_wc.jpg);
}

#side_menu ul#main li#btn30 a{
	background-image:url(../images/index/side_fc.jpg);
}

#side_menu ul#main li#btn31 a{
	background-image:url(../images/index/side_dc.jpg);
}

#side_menu ul#main li#btn32 a{
	background-image:url(../images/index/side_bc.jpg);
}

#side_menu ul#main li#btn33 a{
	background-image:url(../images/index/side_ec.jpg);
}

#side_menu ul#main li#btn34 a{
	background-image:url(../images/index/side_df.jpg);
}

#side_menu ul#main li#btn35 a{
	background-image:url(../images/index/side_aa.jpg);
}

#side_menu ul#main li#btn36 a{
	background-image:url(../images/index/side_rs.jpg);
}

#side_menu ul#main li#btn58 a{
	background-image:url(../images/index/side_mc.jpg);
}

#side_menu ul#main li a:hover { 
	background-position: -205px 0px;
}


#side_menu #banner_store a{
	width:205px;
	height:250px;
	display:block;
	background-image:url(../images/index/banner_store.jpg);
	text-indent:-9999px;
}

#side_menu #banner_store a:hover{
	background-position: -205px 0px;
}

/*----------------------------------------*/
#sideguide,#sidemember a, #sidelogin a, #sidecontact a,
#side_menu ul#guide li#btn1 a,
#side_menu ul#guide li#btn2 a,
#side_menu ul#guide li#btn3 a,
#side_menu ul#guide li#btn4 a,
#side_menu ul#guide li#btn5 a,
#side_menu ul#guide li#btn6 a,
#side_menu ul#guide li#btn7 a,
#side_menu ul#guide li#btn8 a,
#side_menu ul#guide li#btn9 a,
#side_menu ul#guide li#btn10 a,
#side_menu ul#guide li#btn11 a,
#side_menu ul#guide li#btn12 a,
#side_menu ul#guide li#btn13 a,
#side_menu ul#guide li#btn14 a,
#side_menu ul#guide li#btn15 a{
	display:block;
	width:205px;
	text-indent:-9999px;
	background:url(../../../../../shop/user_data/packages/default/img/guide/left_menu.gif) no-repeat top left;
}

#sidemember a{
	height:30px;
	margin:0px 0px 8px 0px;
}

#sidelogin a{
	height:30px;
	background-position: 0px -38px;
	margin:0px 0px 13px 0px;
}
	
#sideguide{
	height:20px;
	margin:0px 0px 4px 0px;
	background-position: 0px -82px;
}

#side_menu ul#guide{
	margin:0px 0px 23px 0px;
}

#sidecontact a{
	height:35px;
	margin:0px 0px 20px 0px;
	background-position: 0px -624px;
}

#side_menu ul#guide li a{
	height:33px;
}

#side_menu ul#guide li#btn1 a{
	background-position: 0px -106px;
}

#side_menu ul#guide li#btn2 a{
	background-position: 0px -139px;
}

#side_menu ul#guide li#btn3 a{
	background-position: 0px -172px;
}

#side_menu ul#guide li#btn4 a{
	background-position: 0px -205px;
}

#side_menu ul#guide li#btn5 a{
	background-position: 0px -238px;
}

#side_menu ul#guide li#btn6 a{
	background-position: 0px -271px;
}

#side_menu ul#guide li#btn7 a{
	background-position: 0px -304px;
}

#side_menu ul#guide li#btn15 a{
	background-position: 0px -337px;
}

#side_menu ul#guide li#btn8 a{
	background-position: 0px -370px;
}

#side_menu ul#guide li#btn9 a{
	background-position: 0px -403px;
}

#side_menu ul#guide li#btn10 a{
	background-position: 0px -436px;
}

#side_menu ul#guide li#btn11 a{
	background-position: 0px -469px;
}

#side_menu ul#guide li#btn12 a{
	background-position: 0px -502px;
}

#side_menu ul#guide li#btn13 a{
	background-position: 0px -535px;
}

#side_menu ul#guide li#btn14 a{
	background-position: 0px -568px;
}


#sidemember a:hover{
	background-position: -206px 0px;
}

#sidelogin a:hover{
	background-position: -206px -38px;
}

#sidecontact a:hover{
	background-position: -206px -624px;
}

#side_menu ul#guide li#btn1 a:hover{
	background-position: -206px -106px;
}

#side_menu ul#guide li#btn2 a:hover{
	background-position: -206px -139px;
}

#side_menu ul#guide li#btn3 a:hover{
	background-position: -206px -172px;
}

#side_menu ul#guide li#btn4 a:hover{
	background-position: -206px -205px;
}

#side_menu ul#guide li#btn5 a:hover{
	background-position: -206px -238px;
}

#side_menu ul#guide li#btn6 a:hover{
	background-position: -206px -271px;
}

#side_menu ul#guide li#btn7 a:hover{
	background-position: -206px -304px;
}

#side_menu ul#guide li#btn15 a:hover{
	background-position: -206px -337px;
}

#side_menu ul#guide li#btn8 a:hover{
	background-position: -206px -370px;
}

#side_menu ul#guide li#btn9 a:hover{
	background-position: -206px -403px;
}

#side_menu ul#guide li#btn10 a:hover{
	background-position: -206px -436px;
}

#side_menu ul#guide li#btn11 a:hover{
	background-position: -206px -469px;
}

#side_menu ul#guide li#btn12 a:hover{
	background-position: -206px -502px;
}

#side_menu ul#guide li#btn13 a:hover{
	background-position: -206px -535px;
}

#side_menu ul#guide li#btn14 a:hover{
	background-position: -206px -568px;
}


/*-----contents-----*/
#contents {
	float:right;
	width:698px;
}



/*-----footer-----*/

#footer {
	width: 915px;
	margin:20px auto 7px auto;
	padding:7px 0px 0px 0px;
	text-align:center;
	border-top:solid 1px #C3CDD6;
}

#footer_left{
	float:left;
	
}

#footer_right{
	float:right;
}

#footer a{
	height:30px;
	color: #5f5f5f;
	text-decoration: none;
}

#footer a:hover{
	text-decoration:underline;
}

#header #guide a:visited {
	color: #5f5f5f;
}

#clear{
	clear:both;
}