@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	line-height: 135%;
	text-align: center;
	background-image: url('../img/common/haikei_bg.gif');
	background-position: center top;
	background-repeat: repeat-y;
	background-color: #f5f5f5;
}

body, h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font: 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*for IE6*/
	_font-size:small;
	line-height: 135%;
}

/*for IE7*/
*+html body div, *+html body h1, *+html body h2, *+html body h3, *+html body h4, *+html body h5, *+html body h6,
*+html body pre, *+html body li, *+html body dt, *+html body dd, *+html body th, *+html body td, *+html body p {
font-size:small;
}

/*for IE8*/
html>/**/body div, html>/**/body h1, html>/**/body h2, html>/**/body h3, html>/**/body h4, html>/**/body h5, html>/**/body h6,
html>/**/body pre, html>/**/body li, html>/**/body dt, html>/**/body dd, html>/**/body th, html>/**/body td, html>/**/body p {
font-size/*\**/:small\9;
}

/*********************
* main structure
*********************/

#container {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background-color: #000000;
}

#header {
	height: 332px;
	background-image:url(../img/common/title.jpg);
	background-repeat: no-repeat;
	background-position: left 80px;
}

#header .information {
	display: block;
	position: relative;
	height: 80px;
	background-image: url(../img/common/top.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#header .information a {
	position: absolute;
	top: 0;
	left: 390px;
	width: 180px;
	height: 80px;
	text-indent: -9999px;
}

#header a.banner {
	display: block;
	width: 1000px;
	height: 201px;
	text-indent: -9999px;
}

#header ul.menu {
	width: 988px;
	padding-left: 12px;
	background-image:url(../img/common/menu_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header ul.menu li {
	float: left;
	list-style-type: none;
}

#header ul.menu li a {
	display: block;
	height: 51px;
	text-indent: -9999px;
	background-image: url(../img/common/003.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#header ul.menu li.m1 a { width: 101px; background-position:    0px   0px; }
#header ul.menu li.m2 a { width: 101px; background-position: -101px   0px; }
#header ul.menu li.m3 a { width: 139px; background-position: -202px   0px; }
#header ul.menu li.m4 a { width: 184px; background-position: -341px   0px; }
#header ul.menu li.m5 a { width: 152px; background-position: -525px   0px; }

#header ul.menu li.m1 a:hover { background-position:    0px -51px; }
#header ul.menu li.m2 a:hover { background-position: -101px -51px; }
#header ul.menu li.m3 a:hover { background-position: -202px -51px; }
#header ul.menu li.m4 a:hover { background-position: -341px -51px; }
#header ul.menu li.m5 a:hover { background-position: -525px -51px; }

#contents {
	margin-left: 10px;
	background-image:url(../img/common/pattern_left.jpg);
	background-repeat: repeat-y;
}

#footer {
	padding: 5px;
	background-color: #540000;
}

#footer_inner {
	margin-left: 670px;
	color: #FFFFFF;
}

#footer_inner .copyright {
	font-size: 85%;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

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

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

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

html>/**/body .clearfix { display /*\**/: block\9 }

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding-bottom: 10px;
}

table {
	font-size:inherit;
	font:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 {
/*	background-color: #8b0b00;
	color: #FFFFFF;
	padding: 5px 10px;*/
}

h3 {
	margin-top: 10px;
	padding: 3px;
	border-bottom: 2px solid #ceb596;
}

.alert {
	color: #FF0000;
	font-weight: bold;
}

table {
	margin: 5px;
	border-collapse: collapse;
}

table th,
table td {
	padding: 1px 3px;
	border: 1px solid #aaa;
}

table th {
	background-color: #fbecd5;
	font-weight: bold;
	text-align: center;
}

table td {
}


/*********************
* main contents
*********************/
#contents #left {
	float: left;
	width: 317px;
}

#contents #left_inner {
	margin: 10px 18px 0 8px;
}

#contents #left h2 {
}

#contents #left ul.left_menu {
	width: 250px;
	margin: 5px 0 10px 20px;
}

#contents #left ul.left_menu li {
	list-style-type: none;
	min-height: 18px;
	width: auto !important;
	height: 18px;
	background-image:url(../img/common/left002.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 3px 0 0 0;
	padding: 0 0 3px 10px;
	border-bottom: 1px dashed #eee;	
}

#contents #left ul.left_menu li a {
	color: #111111;
	text-decoration: none;
}

#contents #left ul.left_menu li a:hover {
	text-decoration: underline;
}

#contents #left img.banner {
	margin-bottom: 10px;
}

#contents #left .thCalender {
	width: 284px;
	margin: 10px 0px 20px 0px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

#contents #left table.thCalenderTabel {
	width: 240px;
	margin: 10px 22px;
}

#contents #left table.thCalenderTabel th,
#contents #left table.thCalenderTabel td {
/*	background-color: #FFFFFF;
	border: none;*/
	text-align: center;
	line-height: 110%;
}

#contents #left table.thCalenderTabel th {
	padding: 3px;
	background-color: #4f0303;
	color: #FFFFFF;
}

#contents #left table.thCalenderTabel td {
	padding: 1px 0;
	background-color: #fbecd5;
}

#contents #left table.thCalenderTabel .thCalenderSunday {
	font-weight: bold;
	color: #FF0000;
}

#contents #left table.thCalenderTabel td .gone {
	color: #aaaaaa;
}

#contents #left table.thCalenderTabel td.thCalenderSunday .gone {
	color: #faaaaa;
}

#contents #center {
	float: right;
	width: 663px;
	background-color: #FFFFFF;
	margin-right: 10px;
}

* html #contents #center {
	margin-right: 5px;
}

#contents #center_inner {
	margin: 10px 5px;
}

* html #contents #center_inner {
	margin: 10px 3px;
}

/*********************
* トップページ
*********************/
#top #header {
	height: 503px;
	background-image:url(../img/common/001.jpg);
	background-repeat: no-repeat;
	background-position: left 80px;
}

#top #header .information {
	display: block;
	height: 80px;
	background-image: url(../img/common/top.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#top #header a.banner {
	display: block;
	width: 1000px;
	height: 372px;
	text-indent: -9999px;
}

#top #header ul.menu {
	background-image:url(../img/common/menu_background_top.jpg);
}

#contents #center_inner dl.whatsnew {
	width: 630px;
	margin: 5px 0 10px 10px;
	border-bottom: 1px dashed #ccc;
}

#contents #center_inner dl.whatsnew dt {
	float: left;
	width: 80px;
	clear: left;
	padding: 3px 0;
	border-top: 1px dashed #ccc;
}

#contents #center_inner dl.whatsnew dd {
	width: 550px;
	margin-left: 80px;
	padding: 3px 0;
	border-top: 1px dashed #ccc;
}

* html #contents #center_inner dl.whatsnew dd {
	width: 545px;
}

/*********************
* 商品一覧
*********************/
#contents #center_inner .list_box {
	float: left;
	width: 320px;
	margin: 0 5px 30px 0;
}

#contents #center_inner .list_box h3 {
	border: none;
	border-left: 10px solid #970000;
	margin: 0 0 5px 0;
	padding: 3px 5px;
}

#contents #center_inner .list_box .price {
	text-align: right;
	color: #FF0000;
	font-weight: bold;
	margin-right: 10px;
}

#contents #center_inner .list_box .photo {
	text-align: center;
	margin: 0 0 5px 0;
}

/*********************
* 商品詳細
*********************/
#contents #center_inner .detail_photo {
	float: left;
	width: 330px;
}

#contents #center_inner .detail_msg {
	float: left;
	width: 305px;
	margin: 0 5px 0 10px;
}

#contents #center_inner .date_left {
	float: left;
	width: 160px;
}

#contents #center_inner .date_left table {
	width: 150px;
}

#contents #center_inner .date_left table td {
	text-align: center;
}

#contents #center_inner .date_right {
	float: left;
	width: 475px;
	margin: 0 5px 0 10px;
}

#contents #center_inner .date_right .detail {
	background-color: #fbecd5;
	margin: 5px 0;
	padding: 5px 8px;
	font-size: large;
	line-height: 125%;
	font-weight: bold;
}

#contents #center_inner .date_right .detail span {
	font-size: small;
	line-height: 125%;
	font-weight: normal;
}

#contents #center_inner .date_right .detail .price {
	font-size: large;
	line-height: 125%;
	font-weight: bold;
	color: #FF0000;
}

#contents #center_inner .date_right .quantity {
	margin-left: 25px;
	font-size: large;
	font-weight: bold;
}

#contents #center_inner .date_right .quantity select {
	font-size: large;
}

/*********************
* dream weaver対策（本番で消すこと）
*********************/
/*
.clearfix {
	overflow:hidden;
}
*/