@charset "utf-8";

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

/* Reset
------------------------------------------------------------ */
html {	overflow-y: scroll;}
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;}

/* Base
------------------------------------------------------------ */
body {
	font-size: 75%;
	line-height: 1.6;
	color: #323232;
	background: #821e0a url(../img/temp/bg.png) 50% 0 repeat-y;
	text-align: center;
}
* html body {    font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {    font-family: 'ＭＳ Ｐゴシック',sans-serif;}

#container {
	width: 898px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #FFFFFF url(../img/temp/header_bg.jpg) 0 0 no-repeat;
}

/* Link
------------------------------------------------------------ */
a { outline: none; }
a:link {
	color: #3c3c3c;
	text-decoration: underline;
}
a:visited {
	color: #5c5c5c;
	text-decoration: underline;
}
a:hover {
	color: #721908;
	text-decoration: none;
}

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

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .clearfix             { zoom: 1; }
/* IE7 */
*:first-child+html .clearfix { zoom: 1; }

p.pgtp {	clear:both;	margin-right: 15px;	text-align: right;}
p.pgtp a {	padding-right: 15px;	background: url(../img/temp/ico05.png) 100% 50% no-repeat;	color: #692314;}

/*-----header-----*/
#header {
	position: relative;
	width: 898px;
}
#header h1 {
	float: left;
	width: 500px;
}
#header h1 dfn {
	position: absolute;
	top: 2px;
	left: 14px;
}
#header h1 a {
	display: block;
	width: 360px;
	height: 86px;
	background: url(../img/temp/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#header dl.fontsize {
	float: right;
	width: 119px;
	margin: 10px 0 0 20px;
	padding: 7px 0 6px 10px;
	background: #b4a08c url(../img/temp/fontsize_bg.png) 0 0 no-repeat;
}
#header dl.fontsize dt {
	padding-bottom: 5px;
}
#header dl.fontsize dd {
	float: left;
	width: 35px;
}
#header dl.fontsize a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}
#header dl.fontsize a.small-text {	background: url(../img/temp/fontsize_btn_s.png) 0 0 no-repeat;}
#header dl.fontsize a.medium-text {	background: url(../img/temp/fontsize_btn_m.png) 0 0 no-repeat;}
#header dl.fontsize a.large-text {	background: url(../img/temp/fontsize_btn_l.png) 0 0 no-repeat;}
#header dl.fontsize a.textresizer-active {	background-position: 0 -24px;}


#header .top_navi {
	float: right;
	width: 108px;
	padding: 7px 14px 0 0;
	background: url(../img/temp/border01.png) 100% 0 repeat-y;
}
#header .top_navi li {
	width: 108px;
	line-height: 1;
}
#header .top_navi li a {
	display: block;
	height: 18px;
	text-indent: -9999px;
}
#header .top_navi li.n01 a {	background: url(../img/temp/navi01.jpg) 0 0 no-repeat;}
#header .top_navi li.n02 a {	background: url(../img/temp/navi02.jpg) 0 0 no-repeat;}
#header .top_navi li.n03 a {	background: url(../img/temp/navi03.jpg) 0 0 no-repeat;}
#header .top_navi li.n04 a {	background: url(../img/temp/navi04.jpg) 0 0 no-repeat;}
#header .top_navi li a:hover {	background-position: 0 -18px;}


/*-----gnavi-----*/
#gnavi {	border-top: 1px solid #ffffff;	border-bottom: 1px solid #ffffff;}
#gnavi ul {	border-top: 3px solid #f0d2c8;	border-bottom: 3px solid #f0d2c8;}
#gnavi li {
	float: left;
	width: 150px;
}
#gnavi li.n01,
#gnavi li.n06 {	width: 149px;}
#gnavi li a {
	display: block;
	height: 56px;
	text-indent: -9999px;
}
#gnavi li.n01 a {	background: url(../img/temp/gnavi01.jpg) 0 0 no-repeat;}
#gnavi li.n02 a {	background: url(../img/temp/gnavi02.jpg) 0 0 no-repeat;}
#gnavi li.n03 a {	background: url(../img/temp/gnavi03.jpg) 0 0 no-repeat;}
#gnavi li.n04 a {	background: url(../img/temp/gnavi04.jpg) 0 0 no-repeat;}
#gnavi li.n05 a {	background: url(../img/temp/gnavi05.jpg) 0 0 no-repeat;}
#gnavi li.n06 a {	background: url(../img/temp/gnavi06.jpg) 0 0 no-repeat;}
#gnavi li a:hover {	background-position: 0 -56px;}

#topic_path {	padding: 3px 12px;}
#topic_path a {	font-weight: bold;}
#topic_path dfn {	color: #721908;}

/*-----contents-----*/
#contents {
	min-height: 400px;
	_height: 400px;
}
#contents:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html #contents             { zoom: 1; }
/* IE7 */
*:first-child+html #contents { zoom: 1; }

/* snavi */
#snavi {
	float: left;
	width: 275px;
}

#bannerArea {
	width: 250px;
	padding: 10px 0 5px 15px;
}
#bannerArea li {
	margin-bottom: 10px;
	background-color: #ffffff;
}
#bannerArea li a:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#bannerArea .getFlash {
	padding: 10px 0 10px 5px;
	color: #555555;
	line-height: 1.35;
}
#bannerArea .getFlash h3 {
	color: #821e0a;
	font-weight: bold;
}
#bannerArea .getFlash p {
	margin-top: 5px;
	font-size: 91%;
}
#bannerArea .getFlash p.btn {}
#bannerArea .getFlash p.btn dfn {	display: block;}

#myaccount_btn {
	width: 247px;
	margin: 0 0 15px 15px;
	padding: 0 1px 1px 0;
	background-color: #ffffff;
	border-top: 1px solid #d7cdb9;
	border-right: 1px solid #afa582;
	border-bottom: 1px solid #afa582;
	border-left: 1px solid #d7cdb9;
}
#myaccount_btn ul {
	padding: 42px 10px 0;
	background: #ccc3a3 url(../img/temp/myaccount_bg.jpg) 0 0 no-repeat;
}
#myaccount_btn li.n01 a {
	display: block;
	width: 225px;
	height: 32px;
	text-indent: -9999px;
	background: url(../img/temp/myaccount_btn.jpg) 0 0 no-repeat;
}
#myaccount_btn li.n01 a:hover {	background-position: 0 -32px;}
#myaccount_btn li.n02 {
	padding: 4px 0;
	text-align: right;
}
#myaccount_btn li.n02 a {
	padding-left: 15px;
	background: url(../img/temp/ico04.png) 0 50% no-repeat;
}

#itemList {
	width: 250px;
	margin: 0 0 15px 15px;
}
#itemList li {
	padding-bottom: 3px;
	background: url(../img/temp/border01.png) 0 100% repeat-x;
}
#itemList li.n05 {	padding-bottom: 0;	background: none;}
#itemList li a {
	display: block;
	width: 248px;
	height: 51px;
	border: 1px solid #cdb4b4;
	text-indent: -9999px;
}
#itemList li.n01 a {	background: url(../img/temp/item01.jpg) 0 0 no-repeat;}
#itemList li.n02 a {	background: url(../img/temp/item02.jpg) 0 0 no-repeat;}
#itemList li.n03 a {	background: url(../img/temp/item03.jpg) 0 0 no-repeat;}
#itemList li.n04 a {	background: url(../img/temp/item04.jpg) 0 0 no-repeat;}
#itemList li.n05 a {	background: url(../img/temp/item05.jpg) 0 0 no-repeat;}
#itemList li a:hover {	background-position: 0 -51px;}

#guideList {
	width: 250px;
	margin: 0 0 15px 15px;
	padding-bottom: 5px;
	background: #ebdcdc url(../img/temp/guideList_bg02.png) 0 100% no-repeat;
}
#guideList ul {
	padding: 10px 0 0 20px;
	background: #ebdcdc url(../img/temp/guideList_bg01.png) 0 0 no-repeat;
}
#guideList li {	padding-bottom: 5px;}
#guideList li a {
	display: block;
	width: 120px;
	height: 18px;
	text-indent: -9999px;
}
#guideList li.n01 a {	background: url(../img/temp/guide01.png) 0 0 no-repeat;}
#guideList li.n02 a {	background: url(../img/temp/guide02.png) 0 0 no-repeat;}
#guideList li a:hover {	background-position: 0 -18px;}

/* main */
#main {
	float: right;
	width: 588px;
	margin-top: 7px;
	padding-right: 15px;
}

/*-----introduction-----*/
#introduction {	padding: 0 16px;}

#introduction h3 {
	margin-bottom: 3px;
	background: url(../img/temp/introduction_bg01.png) 0 100% repeat-x;
}
#introduction .item {
	padding: 5px;
	background-image: url(../img/temp/introduction_bg02.png);
}
#introduction .item ul {
	padding: 10px 0 0 15px;
	background-color: #FFFFFF;
}
#introduction .item li {
	float: left;
	width: 200px;
	padding: 0 10px 10px 0;
}
#introduction .item li a {
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
}
#introduction .item li.n01 a {	background: url(../img/temp/introduction01.jpg) 0 0 no-repeat;}
#introduction .item li.n02 a {	background: url(../img/temp/introduction02.jpg) 0 0 no-repeat;}
#introduction .item li.n03 a {	background: url(../img/temp/introduction03.jpg) 0 0 no-repeat;}
#introduction .item li.n04 a {	background: url(../img/temp/introduction04.jpg) 0 0 no-repeat;}
#introduction .item li.n05 a {	background: url(../img/temp/introduction05.jpg) 0 0 no-repeat;}
#introduction .item li.n06 a {	background: url(../img/temp/introduction06.jpg) 0 0 no-repeat;}
#introduction .item li.n07 a {	background: url(../img/temp/introduction07.jpg) 0 0 no-repeat;}
#introduction .item li.n08 a {	background: url(../img/temp/introduction08.jpg) 0 0 no-repeat;}
#introduction .item li.n09 a {	background: url(../img/temp/introduction09.jpg) 0 0 no-repeat;}
#introduction .item li.n10 a {	background: url(../img/temp/introduction10.jpg) 0 0 no-repeat;}
#introduction .item li.n11 a {	background: url(../img/temp/introduction11.jpg) 0 0 no-repeat;}
#introduction .item li.n12 a {	background: url(../img/temp/introduction12.jpg) 0 0 no-repeat;}
#introduction .item li a:hover {	background-position: 0 -30px;}

/*-----footer-----*/
#footer {
	clear: both;
	width: 898px;
	height: 107px;
	padding-top: 30px;
	background: url(../img/temp/footer_bg.jpg) 0 100% no-repeat;
}
#footer .btm_navi {
	width: 550px;
	margin-left: 13px;
}
#footer .btm_navi li {
	display: inline;
	padding: 0 10px 0 10px;
	background: url(../img/temp/ico02.png) 0 50% no-repeat;
}
#footer address {	text-indent: -9999px;}

p.copyright {	padding: 1px 0 0 10px;	background-color: #FFFFFF;}
p.shopmedia {
	padding: 0 10px 10px 0;
	background-color: #FFFFFF;
	text-align: right;
}
p.shopmedia a {
	font-size: 92%;
	color: #d3acac;
	text-decoration: none;
}