@charset "UTF-8";
/* ===================================================================
	CSS Document
=================================================================== */

/* reset */
html {
	overflow-y: scroll;
}
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;
}
address,caption,cite,code,den,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
a {
	overflow:　hidden;
	outline:　none;
}

/* 基本設定 */
body {
	background: #fff;
	color: #333;
	font-size: 75%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
html>/**/body {
	font-size: 12px;
}

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: underline;
}

/* 汎用class */
.imgR {float: right;}
.imgL {float: left;}
.txtR {text-align: right;}
.txtC {text-align: center;}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/cmn/bg_header.gif) no-repeat 0 0;
	overflow: hidden;
}

/* logo */
#header h1 {
	padding: 8px 0 0 45px;
	float: left;
}

/* #navarea */
#header #navarea {
	width: 750px;
	float: right;
}
#header #navarea p {
	padding: 10px 10px 10px 0;
	text-align: right;
}
#header #navarea ul {
	width: 750px;
	overflow: hidden;
}
#header #navarea ul li {
	float: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 1000px;
	margin: 0 auto;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	width: 800px;
	padding: 10px 0 0 0;
	float: right;
}
#main h2 {
	margin: 0 0 20px 0;
}
#main .li_lineup {
	margin: 0 0 30px 0;
}
#main .recommend {
	width: 812px;
	margin: 0 -12px 30px 0;
	overflow: hidden;
	zoom: 1;
}
#main .recommend ul {
	padding: 15px 0 0 0;
}
#main .recommend ul li {
	width: 150px;
	margin: 0 12px 15px 0;
	text-align: center;
	float: left;
}
#main .recommend ul li a {
	text-decoration: none;
}
#main .recommend ul li a span {
	color: #89250a;
	font-weight: bold;
}
#main .recommend ul li img {
	padding: 1px;
	border: 4px #ffd4e5 solid;
}


/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#side,
.wrap_side {
	width: 180px;
	padding: 10px 0 0 0;
	font-family:'ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐゴシック',sans-serif;
	float: left;
}
#side .search {
	width: 160px;
	margin: 0 0 10px 0;
	padding: 10px 10px 5px 10px;
	background: #e5e5e5;
}
#side .search p {
	width: 160px;
	margin: 0 0 5px 0;
	text-align: right;
}
#side .search input[type="submit"] {
    width: 52px;
    height: 0;
    padding: 21px 0 0 0;
    background: url(../img/cmn/bt_search.gif) no-repeat 0 0;
    border: 0;
}
#side .search img {margin: 0 2px 0 0; vertical-align: middle;}
#side .search input {vertical-align: middle;}
#side .category {
	width: 180px;
	margin: 0 0 10px 0;
}
#side .category ul {
	width: 158px;
	padding: 10px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
#side .category ul li {
	padding: 0 0 0 10px;
	background: url(../img/cmn/ic_list.gif) no-repeat left center;
}
#side .category ul li a {
	text-decoration: none;
}
#side .price {
	width: 180px;
	margin: 0 0 10px 0;
}
#side .price ul {
	width: 158px;
	padding: 10px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
#side .price ul li {
	padding: 0 0 0 10px;
	background: url(../img/cmn/ic_list.gif) no-repeat left center;
}
#side .price ul li a {
	text-decoration: none;
}
#side .calendar {
	width: 180px;
	margin: 0 0 10px 0;
}
#side .calendar .list {
	width: 174px;
	margin: 0 0 5px 0;
	padding: 2px;
	background: url(../img/cmn/bg_cal.gif) repeat-y;
	border: 1px #d5c8c8 solid;
}
#side .calendar .list h4 {
	padding: 2px;
	background: #000;
	color: #fff;
	text-align: center;
}
#side .calendar .list th {
	width: 20px;
	padding: 2px;
	text-align: center;
	color: #543a32;
}
#side .calendar .list td {
	width: 20px;
	padding: 2px;
	text-align: center;
}
#side .calendar .list td.holiday {
	color: #dc1e28;
	font-weight:bold;
}
#side .snav {
	margin: 0 0 10px 0;
}
#side .snav li img {
	vertical-align: top;
}

.sidenavi_menu01 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu01.jpg); }
.sidenavi_menu02 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu02.jpg); }
.sidenavi_menu03 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu03.jpg); }
.sidenavi_menu04 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu04.jpg); }
.sidenavi_menu05 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu05.jpg); }
.sidenavi_menu06 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu06.jpg); }
.sidenavi_menu07 { width:180px; height:100px; background:url(../img/cmn/sidelink_menu07.jpg); }
.sidenavi_5ko { width:180px; height:26px; background:url(../img/cmn/sidelink_5ko.jpg); }
.sidenavi_10ko { width:180px; height:26px; background:url(../img/cmn/sidelink_10ko.jpg); }
.sidenavi_15ko { width:180px; height:26px; background:url(../img/cmn/sidelink_15ko.jpg); }


/*----------------------------------------------------
	#about_noshi
----------------------------------------------------*/
#about_noshi { width:800px; padding:10px 0 0 0; text-align:center; float:right; }
#about_noshi .about_noshi_01 { width:800px; height:200px; background:url(../img/cmn/about_noshi_01.jpg);  }
#about_noshi .about_noshi_02 { width:800px; height:340px; background:url(../img/cmn/about_noshi_02.jpg);  }
#about_noshi .about_noshi_03 { width:800px; height:330px; background:url(../img/cmn/about_noshi_03.jpg);  }
#about_noshi .about_noshi_04 { width:800px; height:340px; background:url(../img/cmn/about_noshi_04.jpg);  }
#about_noshi .about_noshi_05 { width:800px; height:340px; background:url(../img/cmn/about_noshi_05.jpg);  }
#about_noshi .about_noshi_06 { width:800px; height:330px; background:url(../img/cmn/about_noshi_06.jpg);  }
#about_noshi .about_noshi_07 { width:800px; height:370px; background:url(../img/cmn/about_noshi_07.jpg);  }


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer #guide {
	width: 1000px;
	margin: 0 0 20px 0;
}
#footer #guide .box_guide {
	width: 956px;
	padding: 20px 20px 10px 20px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}
#footer #guide .box_guide .boxL {
	width: 450px;
	float: left;
}
#footer #guide .box_guide .boxR {
	width: 450px;
	float: right;
}
#footer #guide .box_guide h4 {
	margin: 0 0 10px 0;
}
#footer #guide .box_guide p {
	margin: 0 0 10px 0;
}
#footer #guide .box_guide p.txtR {
	margin: 0 0 20px 0;
}
#footer #guide .box_guide a {
	color: #89250a;
}

#footer #fnav {
	width: 990px;
	height: 30px;
	padding: 45px 10px 0 0;
	background: url(../img/cmn/bg_fnav.gif) no-repeat 0 0;
	text-align: right;
}
#footer #fnav li {
	display: inline;
}

#footer .copy {
	padding: 5px 10px;
	background: #000;
	color: #fff;
	text-align: right;
}


/*----------------------------------------------------
	#footer_kai
----------------------------------------------------*/
#footer_kai { width:1000px; height:75px; background:url(../img/cmn/bg_fnav.gif); clear:both; }
#copy_kai { width:1000px; background:#000000; color:#ffffff; text-align:right }
