@charset "utf-8";

サイト共通
/*---------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
html
{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}
body
{
	text-align:center;
	margin:0px auto;
	background:#fff;
	font-size:small;
	height:100%;
}

body > #container
{
	height: auto;
}

h1, h2, h3, h4, h5, p, li, ul, form{margin:0px;padding:0px;}
table td
{
	vertical-align: top;
	text-align: left;
}
img{border:none;}
ul, li{list-style:none;}

a{color:#0033cc;text-decoration:underline;}
a:link{color:#0033cc;text-decoration:underline;}
a:visited{color:#0033cc;text-decoration:underline;}
a:active{color:#0033cc;text-decoration:underline;}
a:hover{color:#0033cc;text-decoration:none;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
	height: 1px;
	/**//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear{clear:both; font-size: 1px;}


* html div#container{
    height:100%;
}

div#container
{
	width:100%;
/*	height:100%;*/
	min-height:100%;
	text-align:center;
	margin:0 auto;
	background: url(../img/common/bg_header.png) top repeat-x;
}

div#container-inner{
	width:860px;
	text-align:left;
	margin:0 auto;
	position:relative;
	min-height:100%;
}

	/*--CLEAR--*/
	div#container-inner:after
	{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
		font-size: 0;
	}



p.pagetop{
	float:right;
	clear:both;
}
p.pagetop a{
	display:block;
	text-indent:-9999px;
	background: url(../img/common/z_pagetop.gif) 0 0 no-repeat;
	width:100px;
	height:10px;
}






/* CONTENTS BASE
------------------------------------------------------------ */
div#mainSet{
	width:860px;
	float:left;
	padding-bottom:1px;
}


/*--HEADER--*/
div#header{
	width:858px;
	height:74px;
	margin:0;
	border: 1px solid #c1c1c1;
	background: url(../img/common/bg_headimg.jpg) 230px 0 no-repeat;
}

div#header:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

div#header h1{
	margin: 0;
	padding: 2px 0 0 47px;
	float: left;
}

div#header h1 a{
	display:block;
	width:158px;
	height:72px;
	background:none;
	text-indent:-9999px;
	outline:none;
	background: url(../img/common/logo.gif) no-repeat;
}

div#header img{
	padding: 0 23px 0 0;
	float: right;
}

/*-- メニュー --*/
ul.Menu{
	width: 861px;
	height: 23px;
	font-size: 1px;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
}

ul.Menu:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

ul.Menu li{
	display:inline; float:left;
}

ul.Menu li a.m0{display:block;width: 38px;height: 23px;background: url(../img/common/btn_main.jpg) 0 0 no-repeat;text-indent:-9999px;text-decoration: none;}

ul.Menu li a.m1{display:block;width: 130px;height: 23px;background: url(../img/common/btn_main.jpg) -38px 0 no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m2{display:block;width: 117px;height: 23px;background:url(../img/common/btn_main.jpg) -168px 0 no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m3{display:block;width: 143px;height: 23px;background:url(../img/common/btn_main.jpg) -285px 0 no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m4{display:block;width: 143px;height: 23px;background:url(../img/common/btn_main.jpg) -427px 0 no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m5{display:block;width: 143px;height: 23px;background:url(../img/common/btn_main.jpg) -569px 0 no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m6{display:block;width: 145px;height: 23px;background:url(../img/common/btn_main.jpg) -711px 0 no-repeat;text-indent:-9999px;text-decoration: none;}

ul.Menu li a.m0:hover{background-position: 0 -23px;}
ul.Menu li a.m1:hover{background-position: -38px -23px;}
ul.Menu li a.m2:hover{background-position: -168px -23px;}
ul.Menu li a.m3:hover{background-position: -285px -23px;}
ul.Menu li a.m4:hover{background-position: -427px -23px;}
ul.Menu li a.m5:hover{background-position: -569px -23px;}
ul.Menu li a.m6:hover{background-position: -711px -23px;}


ul.Menu li a.ac1{background-position: 0 -23px;}
ul.Menu li a.ac2{background-position: -143px -23px;}
ul.Menu li a.ac3{background-position: -287px -23px;}
ul.Menu li a.ac4{background-position: -427px -23px;}
ul.Menu li a.ac5{background-position: -569px -23px;}
ul.Menu li a.ac6{background-position: -711px -23px;}


body#top ul.Menu li .m1{background-position: -38px -23px;}
body#kyo-pont ul.Menu li a.m2{background-position: -168px -23px;}
body#company ul.Menu li a.m3{background-position: -285px -23px;}
body#company.recruit ul.Menu li a.m4{background-position: -427px -23px;}
body#company.recruit ul.Menu li a.m3{background-position: -285px 0px;}
body#fushimi ul.Menu li a.m5{background-position: -569px -23px;}
body#inquiry ul.Menu li a.m6{background-position: -711px -23px;}
body#inquiry.otayori ul.Menu li a.m6{background-position: -717px -0px;}
body#company.tokutei ul.Menu li a.m3{background-position: -285px 0px;}






/* CONTENTS MAIN
------------------------------------------------------------ */
div#conMain{
	width:860px;
	margin:0;
	padding:0;
}

	div#conMain:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}


/*-- h2 --*/
h2.mainConTitle{
	width: 538px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 12px;
	font-size: 1.0em;
	color: #FFFFFF;
	background: url(../img/common/bg_title04.png) no-repeat;
}

/*-- h3 --*/
h3.sideTitle{
	width: 179px;
	margin: 0 0 10px 0;
	padding: 6px 0 9px 18px;
	font-size: 1.0em;
	color: #000000;
	background: url(../img/common/bg_title01.png) no-repeat;
}

h3.contentTitle{
	width: 530px;
	margin: 0 0 10px 0;
	padding: 6px 0 9px 18px;
	font-size: 1.0em;
	color: #000000;
	background: url(../img/common/bg_title02.png) no-repeat;
}

/* CONTENTS LAYOUT LEFTBOX
------------------------------------------------------------ */
div.leftBox{
	width: 176px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
	float: left;
}

	div.leftBox:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}

/*-- LOGIN --*/
div.loginArea{
	width: 174px;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	border: 1px solid #b9b9b9;
}

div.loginInner{
	margin: 0 0 10px 0;
	padding: 10px 0;
	background: #9d9d9d;
}

div.loginInner p{
	color: #FFFFFF;
}

div.loginInner p a{
	display:block;
	width: 159px;
	height: 24px;
	margin: 0 auto;
	background: url(../img/common/btn_login.gif) 0 0 no-repeat;
	text-indent:-9999px;
	text-decoration: none;
}

div.loginInner p a:hover{background-position: 0 -24px;}

div.loginArea p{
	margin: 0 0 10px 0;
	font-size: 1em;
	text-align: center;
}

div.loginArea p.newEntry a{
	display:block;
	width: 159px;
	height: 24px;
	margin: 0 auto;
	background: url(../img/common/btn_newentry.gif) 0 0 no-repeat;
	text-indent:-9999px;
	text-decoration: none;
}

div.loginArea p.newEntry a:hover{background-position: 0 -24px;}

/*-- search --*/
div.search_form_content {
	width: 174px;
	margin: 10px 0;
	padding: 0;
}

div.search_form_content:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

div.search_form_content input {
	width: 140px;
	height: 20px;
	margin: 4px 1px 0 0;
	padding: 0;
	float: left;
}

div.search_form_content button.searchBtn {
	display: block;
	margin: 0;
	width: 29px;
	height: 30px;
	text-indent: -9999em;
	background: url(../img/common/btn_search.gif) no-repeat left bottom;
	border: none;
	float: left;
}

/*-- wako-tokusen --*/
div.wako-tokusen{margin: 0;padding: 0;}
div.wako-tokusen img{margin: 0 0 5px 0;padding: 0;}


/*-- オーダー --*/
div#orderFax{
	width:100%;
	background:#ccc;
	position:relative;
	margin:10px 0 0 0;
}

div#orderFax a{
	display:block;
	position:absolute;left:3px;
	outline:none;
}
div#orderFax a#orFax{top:85px;}
div#orderFax a#orMail{bottom:46px;}



img.btnCart{margin-bottom:10px;}




/* CONTENTS LAYOUT RIGHTBOX
------------------------------------------------------------ */
div.rightBox{
	width: 671px;
	margin: 0;
	padding: 0 0 2em 0;
	float: right;
}


div.rightBox:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}



/* CONTENTS LAYOUT INNER LEFT
------------------------------------------------------------ */
div.inner_Left{
	width: 478px;
	margin: 0;
	padding: 0;
	float: left;
}

/*-- recommend --*/
div.recommendArea{
	width: 478px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border: 1px solid #000000;
	border-top:none;
}

div.recommendArea img.ttlRecommend{margin: 0 0 10px 0;}

div.recommendInner{
	width: 453px;
	margin: 0 auto 5px auto;
	padding: 5px;
	border: 1px solid #bbb8b1;
	background: url(../img/common/bg_recommend.gif) no-repeat 5px 5px;
}


div.recommendInner img{float: left;}

div.recommendInner dl{
	width: 238px;
	margin: 0;
	padding: 0;
	float: right;
}

div.recommendInner dl dt{
	margin: 0 0 15px 0;
	padding: 0;
}

div.recommendInner dl dd{
	width: 220px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.4;
}


	/*--CLEAR--*/
	div.recommendInner:after,
	div.recommendInner dl:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}






/* CONTENTS LAYOUT INNER RIGHT
------------------------------------------------------------ */
div.inner_right{
	width: 176px;
	margin: 0;
	padding: 0;
	float: right;
}

div.kyo_pont{
	width: 175px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	text-align: center;
	background:#666 url(../img/common/bg_pont.gif) repeat-y;
}

div.kyo_pont img.icoKyopont{margin: 0;}
img.bnrGift,
img.bnrMail,
img.bnrBlog,
img.bnrFaq,
img.bnrbnrMuryou{margin: 0 0 10px 0;}

img.bnrInq{margin:10px 0 0 0;}


div#anime{
	width:109px;
	height:99px;
	background: url(../img/common/bg_ochame.png) 0 0 no-repeat;
	margin:0 auto;
}
div#anime img{margin:0 0 0 0;}

div.kyo_pont ul{width:156px;margin:0 auto;padding:0;}
div.kyo_pont ul li{margin:0;padding:0;}



/* 140425変更 */
.kyo_pontHaru{width:175px;background:#fae9e7;padding-bottom:10px;margin-bottom:10px;}
.kyo_pontHaru ul{width:156px;margin-left:10px;}
.bnrGion{margin-bottom:10px;}

.bnrPont{width:176px;margin-bottom:10px;}
.bnrPont img{margin-bottom:10px;vertical-align:top;}



/* 買い物について・個人情報
------------------------------------------------------------ */
div.explanationArea{
	width: 860px;
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../img/common/bg_explanation.gif) repeat-y;
}

div.explaBox{
	width: 424px;
	margin: 0;
	padding:0;
}

.floL{float:left;}
.floR{float:right;}

div.explaInner{
	width:398px;
	margin:13px;
	text-align:center;
}
div.explaInner h3{
	background:#666;
	padding:5px;
	width:380px;
	color:#fff;
	font-size:0.9em;
	font-weight:lighter;
	position:relative;
	margin-bottom:1em;
	text-align:left;
}
div.explaInner h3 span{position:absolute;right:5px;}

div.explaInner p{
	line-height:1.4em;
	color:#797978;
	font-size:11px;
	text-align:left;
	margin-bottom:0.5em;
}
div.privacy p{margin-bottom:1em;}
div.explaInner p.mb2{margin-bottom:2em;}

div.explaInner img{margin-bottom:1em;}

div.explaInner a,
div.explaInner a:link,
div.explaInner a:visited,
div.explaInner a:active{color:#0050e5;text-decoration:none;}
div.explaInner a:hover{color:#0050e5;text-decoration:underline;}



	/*--CLEAR--*/
	div.explanationArea:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}




/* CONTENTS LAYOUT FOOTER
------------------------------------------------------------ */
div#footer{
	width: 860px;
	clear:both !important;
	margin: 30px auto 0 auto;
	padding: 0;
	text-align: center;
}

div#footer p.footLink{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 0.9em;
}

div#footer p.footLink a{color:#000000;text-decoration:none;}
div#footer p.footLink a:link{color:#000000;text-decoration:none;}
div#footer p.footLink a:visited{color:#000000;text-decoration:none;}
div#footer p.footLink a:active{color:#000000;text-decoration:none;}
div#footer p.footLink a:hover{color:#000000;text-decoration:underline;}

address{
	width: 860px;
	margin: 0;
	padding: 10px 0;
	font-size: 1.0em;
	color: #FFFFFF;
	font-style: normal;
	background: #3f3f3f;
}



/* カートページヘッダー　150310
------------------------------------------------------------ */
#header2{width:100%;margin-bottom:10px;}

#header2 ul{width:860px;height:52px;}
#header2 ul li{float:left;}
#header2 ul li a{display:block;height:52px;text-indent:-9999px;}

#header2 ul li a#c00{background:url(../img/shop/nav_g2.jpg) 0 0 no-repeat;width:50px;}
#header2 ul li a:hover#c00{background-position:0 -52px;}

#header2 ul li a#c01{background:url(../img/shop/nav_g2.jpg) -50px 0 no-repeat; width:270px;}
#header2 ul li a:hover#c01{background-position:-50px -52px;}

#header2 ul li a#c02{background:url(../img/shop/nav_g2.jpg) -320px 0 no-repeat; width:270px;}
#header2 ul li a:hover#c02{background-position:-320px -52px;}

#header2 ul li a#c03{background:url(../img/shop/nav_g2.jpg) -590px 0 no-repeat; width:270px;}
#header2 ul li a:hover#c03{background-position:-590px -52px;}


	/*--CLEAR--*/
	#header2 ul:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}
