@charset "shift_jis";


/* reset------------------------------------- */

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%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

ul img {
	vertical-align:bottom;
}


/* common------------------------------------- */

body{
	margin:0;
	padding:0;
	font-size:70%;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
	color:#333;
	letter-spacing:0.1px;
	line-height:1.7;
/*	background:url(../../img/bg_main.jpg) repeat-x;*/
	background:#2e1403;
	}

span {
	color:#cc0000;
	}

a {
	color:#333;
	text-decoration:underline;
	}
a:visited{
	color:#333;
	}

a:hover{
	text-decoration:none;
	color:#ff7800;
	}

a img {
	cursor:pointer;
	}


/* style------------------------------------- */

.clear {
	clear:both;
	width:100%;
	line-height:0;
	}

.m0 {margin:0;}

.mb5 {margin-bottom:5px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.tlCenter {text-align:center;}
.tlRight {text-align:right;}

.nobg { background:none;}

/* layout------------------------------------- */

#container_ {
	width:1054px;
	margin:0 auto;
	position:relative;
	background:#fff;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	}

#container_inner_ {
	width:1004px;
	margin:0 auto;
	}

#leftColumn {
	float:left;
	width:758px;
	background:#fff;
	padding:0;
	margin-top:0px;
	}

#leftInner {
	margin:15px 0;
	}

#rightColumn {
	float:right;
	width:242px;
	background:#fff;
	padding:0;
	}

#rightInner {
	margin:15px 0;
	}

.layoutTbl {
	
	}

.layoutTbl td {
	padding:5px;
	vertical-align:top;
	line-height:2;
	}

/* header------------------------------------- */


#header {
	height:81px;
	margin:0 auto;
	position:relative;
	}

#header h1 {
	position:absolute;
	top:17px;
	right:0px;
	font-size:80%;
	color:#574c4c;
	}

/*
#header h2 {
	position:absolute;
	top:12px;
	left:0px;
	width:390px;
	height:54px;
	margin:0 auto 0px auto;
	background:url(../../img/logo.gif) no-repeat;
	text-indent:-9999px;	
	}
*/

#header h2 {
	position:absolute;
	top:12px;
	left:0px;
	margin:0 auto 0px auto;
	}


/* navigation------------------------------------- */


#mainNav {
	position:absolute;
	top:42px;
	right:0px;
	background:url(../../img/separate_navi.gif) no-repeat;
	}

#mainNav li {
	display:inline;
	padding-left:8px;
	padding-right:0px;
	}

#mainNav li img {
	padding-top:4px;
	}

#mainNav li.last {
	margin-right:0px;
	}

#subNav {
	position:absolute;
	top:7px;
	right:-21px;
	}

#subNav li {
	margin-bottom:5px;
	}




/* main_layout------------------------------------- */

#mainWrapper {
	}

#main {
	width:1004px;
	margin:0 auto;
	}

#mainVisual {
	}


/* top_about------------------------------------- */

#top_about {
	margin-bottom:30px;
	}

#top_about dl {
	clear:left;
	margin-left:17px;
	}

#top_about dt {
	clear:left;
	float:left;
	width:333px;
	margin-bottom:15px;
	}

#about_img {
	width:560px;
	height:37px;
	margin:0 auto 20px auto;
	background:url(../../img/ttl_about.gif) no-repeat;
	text-indent:-9999px;
	}

#about_ttl1 {
	width:247px;
	height:37px;
	margin:0 auto 0px auto;
	background:url(../../img/sttl_about1.gif) no-repeat;
	text-indent:-9999px;	
	}

#about_ttl2 {
	width:266px;
	height:52px;
	margin:0 auto 0px auto;
	background:url(../../img/sttl_about2.gif) no-repeat;
	text-indent:-9999px;	
	}

#about_ttl3 {
	width:304px;
	height:39px;
	margin:0 auto 0px auto;
	background:url(../../img/sttl_about3.gif) no-repeat;
	text-indent:-9999px;	
	}

/* recommend------------------------------------- */

#recommend {
	font-size:80%;
	}

#recommend h3 {
	margin-bottom:10px;
	}

#recommend_list {
	background:url(../../img/recommend_bg.gif) repeat-y;
	float:left;
	width:740px;
	padding:0 10px;
	margin-bottom:20px;
	}

.recommend_item {
	width:143px;
	float:left;
/*	background:#eee;*/
	}

.recommend_item .image {
	text-align:center;
	margin-top:12px;
	margin-bottom:15px;
	}

.recommend_item .name {
	margin:12px;
	}

.recommend_item .summery {
	margin:12px;
	}

.recommend_item .price {
	margin:12px;
	text-align:right;
	}


/* ranking------------------------------------- */

#ranking {
	font-size:85%;
	}

#ranking h3 {
	margin-bottom:28px;
	}

#ranking h4 {
	margin-bottom:10px;
	}

#ranking_list {
	padding-left:24px;
	}

#rank_first {
	width:220px;
	float:left;
	margin-right:45px;
	margin-bottom:30px;
	}

#rank_first .image {
	background:url(../../img/image_first_bg.gif) no-repeat;
	width:210px;
	height:210px;
	padding:5px;
	margin-bottom:5px;
	}

#rank_second {
	width:190px;
	float:left;
	margin-right:45px;
	}

#rank_second .image {
	background:url(../../img/image_second_bg.gif) no-repeat;
	width:188px;
	height:178px;
	padding:5px;
	margin-bottom:5px;
	}

#rank_third {
	width:190px;
	float:left;
	}

#rank_third .image {
	background:url(../../img/image_third_bg.gif) no-repeat;
	width:188px;
	height:178px;
	padding:5px;
	margin-bottom:5px;
	}


/* news------------------------------------- */

#news {
	margin-bottom:25px;
	}

#news h3 {
	}

#news dl {
	float:left;
	background:url(../../img/separate_news.gif) no-repeat bottom;
	padding:25px 0;
	}

#news dt {
	width:110px;
	float:left;
	padding-left:10px;
	}

#news dd {
	width:629px;
	float:left;
	}


/* column------------------------------------- */

#column {
	clear:left;
	width:100%;
	}

#column h3 {
	}

#column_inner {
	padding:15px 15px;
	}

.column_unit {
	clear:left;
	float:left;
	width:715px;;
	border:1px solid #dfdfdf;
	padding:15px 5px;
	margin-bottom:13px;
	}

.column_unit h4 {
	float:left;
	width:115px;
	}

.column_unit ul {
	float:left;
	width:599px;
	}

.column_unit ul li {
	float:left;
	width:170px;
	background:url(../../img/bullet_column.gif) no-repeat 0px 5px;
	margin-right:15px;
	padding-left:10px;
	}


/* search------------------------------------- */

#search{
	margin-bottom:30px;
	}

#search h3 {
	margin-bottom:15px;
	}

#search_box {
	width:220px;
	background:#fbfbfb;
	border:1px solid #e2dfdf;
	padding:12px 10px;
	}

#search_box h4 {
	margin-bottom:7px;
	}

#search_box select {
	margin-bottom:15px;
	width:100%;
	}

#search_box input.text_input {
	margin-bottom:15px;
	width:98%;
	}


/* category------------------------------------- */

#category {
	margin-bottom:30px;
	}

#category h3 {
	margin-bottom:15px;
	}

#category_box {
	width:212px;
	background:#fbfbfb;
	border:1px solid #e2dfdf;
	padding:18px 14px;
	}

.sidemenuunit {
	background:url(../../img/separate_category.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	}


.sidemenu-t h2 {
	background:url(../../img/icon_gift.gif) no-repeat 0px 2px;
	padding-left:30px;
	margin-bottom:5px;
	}

.txtsmall {
	margin-left:30px;
	}

.txtsmall li {
	background:url(../../img/bullet_list1.gif) no-repeat 0px 5px;
	padding-left:13px;
	margin-bottom:5px;
	}


/* shop_list------------------------------------- */

#shop_list {
	margin-bottom:30px;
	}

#shop_list h3 {
	margin-bottom:15px;
	}

#shop_box {
	width:214px;
	background:#fbfbfb;
	border:1px solid #e2dfdf;
	padding:15px 13px;
	}

.shop_tbl {
	margin-bottom:13px;
	border:none;
	}
	
.shop_tbl td,th {
	border:none;
}

.shop_tbl .image {
	padding:5px;
	}

.shop_tbl .image img {
	border: 1px solid #e2dfdf;
	}

.shop_tbl .name {
	padding:5px;
	vertical-align:bottom;
	}


/* payment------------------------------------- */

#payment {
	}

#payment h3 {
	margin-bottom:15px;
	}

#payment_box {
	width:214px;
	background:#fff;
	border:1px solid #e2dfdf;
	padding:15px 13px;
	}


/* footer------------------------------------- */

#footer {
	margin-top:30px;
	clear:both;
	width:100%;
	color:#333;
	font-size:80%;
	padding-top:47px;
	background:url(../../img/footer_bg.jpg) repeat-x bottom;
	}



#footerNav {
	text-align:center;
	background:url(../../img/separate_footer_navi.jpg) no-repeat left 4px;
	}

#footerNav li {
	display:inline;
	padding-left:5px;
	padding-right:5px;
	vertical-align:bottom;
	background:url(../../img/separate_footer_navi.jpg) no-repeat right;
	}


#footer address {
	text-align:center;
	margin-top:15px;
	padding-bottom:37px;
	padding-left:10px;
	}



.back_top {
	font-size:80%;
	}



/*

#pankuzu {
	margin-bottom:10px;
	background:#f3f3f3;
	padding:2px;
	vertical-align:bottom;
	}

#pankuzu li {
	background:url(../../img/mark_pankuzu.gif) no-repeat right 5px;
	display:inline;
	padding-right:15px;
	margin-right:6px;
	color:#cc0000;
	}

#pankuzu li.current {
	background:none;
	font-weight:bold;
	margin:0;
	padding:0
	color:#cc0000;
	}

*/

#mainvisul {
	margin:0 0 15px 0;
}


#header #siteTitle {
	position:absolute;
	top:17px;
	right:0px;
	font-size:80%;
	color:#574c4c;
	}

#header #siteLogo {
	position:absolute;
	top:12px;
	left:0px;
	width:390px;
	height:54px;
	margin:0 auto 0px auto;
	background:url(../../img/logo.gif) no-repeat;
	text-indent:-9999px;	
	}
	
	
#column h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

#two_maincolumn #columnContainer {
	
}

#two_maincolumn #columnContainer h1 {
	margin:0 0 20px 0;
}


#two_maincolumn #columnContainer h2 {
	background:url(../../img/check_img.gif) no-repeat;
	color:#FF6600;
	font-size:2em;
	margin:0 0 5px;
	padding:0 0 0 28px;
}

#two_maincolumn #columnContainer h3 {
	
}

#two_maincolumn #columnContainer h4 {
	background:url(../../img/check_img_02.gif) no-repeat;
	padding:0 0 0 28px;
	color:#003366;
	font-size:1.4em;
	margin:0 0 5px;
}

#two_maincolumn #columnContainer p {
	margin:0 0 30px 0;
	font-size:1.2em;
	line-height:1.8em;
	padding:0 0 0 28px;
}

.linkLine {
	border-bottom:1px solid #999999;
	border-bottom-style:dotted;
	width:90%;
	margin:0 0 30px 0;
}
