
/********************** 初期設定 **********************/

/****  セカンドページ以降レイアウト  ****/
@import url("./contents.css");

/****  トップページレイアウト  ****/
@import url("./top.css");


/********************** 基本レイアウト **********************/

/* { font-family: MS P Gothic, MS PGothic, OSAKA, sans-serif; }*/
body{
	margin: 0 auto;
	padding: 0;
	
	background: #fff;
	
	/*font-family: MS UI Gothic, MS PGothic, OSAKA, sans-serif;*/
	/*font-family: MS PGothic, OSAKA, sans-serif;*/
	font-size: 12px;
	color: #533;
	
	line-height: 1.4em;
	text-align: center;
}

a:link { text-decoration:underline; color:#332911; background-color:transparent; }
a:visited { text-decoration:underline; color:#332911; background-color:transparent; }
a:active { text-decoration:underline; color:#332911; background-color:transparent; }
a:hover { text-decoration:none; color:#332911; background-color:transparent;}

h1{ margin: 0; padding: 0; font-size: 12px; line-height: 1.0em; }
h2{ margin: 0; padding: 0; font-size: 12px; line-height: 1.0em; }

img { border: 0; }

/**********************************/
/*            ヘッダ部            */
/**********************************/
#head{
	width: 780px;
	
	margin: 0 auto;
	padding: 0;
	
	background: #fff;
	border: 0;
}

#head p{ margin: 0; padding: 0; line-height: 1.0em;}
#head img{ margin: 0; border: 0; }

/**********************************/
/*              本文              */
/**********************************/
#body{
	width: 780px;
	
	margin: 0 auto;
	padding: 0;
	
	background: #fff;
	
	vertical-align: baseline;
}


/**********************************/
/*              左部              */
/**********************************/

#left{
	width: 160px;
	
	margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
	vertical-align: top;
	background: #fff;
}

#left img{ margin: 0; border: 0; }


/**********************************/
/*              右部              */
/**********************************/

#right{
	width: 120px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
	vertical-align: top;
	background: #fff;
}

#right img{ margin: 0; border: 0; }
#right p{ margin: 4px 0 0 0; border: 0; }


/**********************************/
/*         左（メイン）部         */
/**********************************/

#main{
	width: 640px;
	
	margin: 0;
	padding: 0;
	
	color: #332911;
	background: #fff;
	
	text-align: left;
}

/**********************************/
/*              中央部            */
/**********************************/
#center{
	width: 460px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}


/**********************************/
/*            フッタ部            */
/**********************************/

p#foot{
	position: relative;
	width: 780px;
	
	clear: both;
	
	margin: 20px auto;
	padding: 8px 0;
	
	color: #533;
	
	text-align: center;
	vertical-align: middle;
	text-indent: -9999px;
	
	border-top: 1px solid #533;
	background: url("../images/parts/copyright.gif") 243px 8px no-repeat;
}



/********************** 共通設定 **********************/

/*******************************/
/*****      sub_menu      *****/
/*******************************/
#help_menu {
	width: ;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: right;
}

#store_menu {
	margin: 4px 0 12px 0;
	padding: 0;
	background: #fff;
	text-align: right;
}

#help_menu img,#store_menu p{ margin: 0; padding: 0; text-align: right; }
#help_menu img img{ margin: 0; padding: 0 0 0 0; border: 0; }
#store_menu img{ margin: 0; padding: 0 0 0 5px; border: 0; }

/****************************/
/**        商品検索        **/
/****************************/
#search_ttl { 
	border-bottom: 5px solid #ab4;
	padding-bottom: 2px;
}
#right #search { width: 100%; margin: 0 0 8px 0; padding: 0; }
#right #search form{ margin: 0; padding: 0; }
#right #search table td{ padding: 0; }
#right #search #form { text-align: center; vertical-align: middle; }
#right #search input#text{
	width: 82px;
	height: 15px;
}
#right #search #form input#submit{
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	border: 0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: url("../images/parts/bt_search.gif");
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-indent: 1px;
}
#search_error { color: #f00; }

/********************************/
/**      ショッピングナビ      **/
/********************************/
#shoppingnavi {
	width: 120px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url("../images/parts/shoppingnavi_bg_foot.gif") 0 100% no-repeat;
	font-size: 10px;
}
#shoppingnavi h3{ width: 120px; height: 29px; margin: 0; padding: 0; text-indent: -9999px; background: url("../images/parts/shoppingnavi_h3.gif") no-repeat; }
#shoppingnavi p {
	margin: 0;
	padding: 0 0 4px 0;
	
	background: #fff url("../images/parts/shoppingnavi_bg_side.gif") repeat-y;
	
	text-align: center;
}
#shoppingnavi img { margin: 15px 0 0 0; border: 0; }
#shoppingnavi a:link { text-decoration:underline; color:#f60; background-color:transparent; }
#shoppingnavi a:visited { text-decoration:underline; color:#f60; background-color:transparent; }
#shoppingnavi a:active { text-decoration:underline; color:#f60; background-color:transparent; }
#shoppingnavi a:hover { text-decoration:none; color:#f60; background-color:transparent; }


/********************************/
/**   MMJギフトセレクション    **/
/********************************/
#gift {
	width: 120px;
	margin: 12px 0;
	padding: 0;
}
#gift h3{ width: 120px; height: 18px; margin: 0 0 8px 0; padding: 0; }
#gift p { margin: 1px 0 0 0; padding: 0; line-height: 1.2em; font-size: 10px; }
#gift img { margin: 0 0 0; border: 0; }

#gift img { margin: 0; border: 0; }
#gift a:link { text-decoration:underline; color:#533; background-color:transparent; }
#gift a:visited { text-decoration:underline; color:#533; background-color:transparent; }
#gift a:active { text-decoration:underline; color:#533; background-color:transparent; }
#gift a:hover { text-decoration:none; color:#533; background-color:transparent; }


/************************ 基本設定 ************************/
img{
vertical-align:bottom;
}
/*** テーブル設定 ***/
table,th,td {
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0;
}

.box01 {
	border: 1px solid #b4dfc5;
}
.box01 th{
	padding: 4px 8px;
	border: 1px solid #b4dfc5;
	background: #c9ecda;
}
.box01 td{
	padding: 10px 8px;
	border: 1px solid #b4dfc5;
}

/*** リスト設定 ***/
dl{ line-height: 1.4em; }

dt {
	margin: 0.75em 0 0 0.75em ;
	font-weight: bold;
}

dd { margin: 0.25em 0 0 2.0em; }

/*** 各種設定 ***/
hr { display: none; }

.hidden { display: none; }

.acc { color: #f00; }
.acc02 { color: #533; }
.acc02bold { color: #533; font-weight: bold; }
.acc03 { color: #666; }
.acc03bold { color: #666; font-weight: bold; }
.acc04 { color: #350; }
.acc04bold { color: #350; font-weight: bold; }
.acc05 { color: #f60; }
.acc05bold{ color: #f60; font-weight: bold; }
.acc06 { color: #963; }
.acc06bold { color: #963; font-weight:bold;}
.acc07 { color: #f66; }
.acc07bold { color: #f66; font-weight:bold;}
.acc08 { color: #77b4ff; }
.acc08bold { color: #77b4ff; font-weight: bold; }
.acc09 { color: #6c3; }
.acc09bold { color: #6c3; font-weight: bold; }
.acc10 { color: #6db7db; }
.acc10bold { color: #6db7db; font-weight: bold; }
.acc11 { color: #633; }
.acc11bold { color: #633; font-weight: bold; }
.acc12 { color: #F69; }
.acc12bold { color: #F69; font-weight:bold;}
.acc13 { color: #C03; }
.acc13bold { color: #C03; font-weight:bold;}
.acc14 { color: #339966; }
.acc14bold { color: #339966; font-weight:bold;}
.acc15 { color: #669900; }
.acc15bold { color: #669900; font-weight:bold;}
.acc16 { color: #663333; }
.acc16bold { color: #663333; font-weight:bold;}


.txt-s{
font-size:80%;
line-height:100%;
}

.bold { font-weight: bold; }
.thin { font-weight: normal; }

.arial { font-family: Arial, Helvetica; }

.lead { color: #f30; font-size: 12px; line-height: 1.4em; }
.s { font-size: 10px; }
.m { font-size: 12px; }
.l { font-size: 14px; }
.xl { font-size: 16px; }
.small{font-size:80%; line-height:130%;}

.bg01 { background: #e0f1f3; }
.bg02 { background: #f5f5f5; }
.bg03 { background: #eee; }

a:link.acc03 { text-decoration:underline; color:#666; background-color:transparent; }
a:visited.acc03 { text-decoration:underline; color:#666; background-color:transparent; }
a:active.acc03 { text-decoration:underline; color:#666; background-color:transparent; }
a:hover.acc03 { text-decoration:none; color:#666; background-color:transparent;}

a:link.acc04 { text-decoration:underline; color:#350; background-color:transparent; }
a:visited.acc04 { text-decoration:underline; color:#350; background-color:transparent; }
a:active.acc04 { text-decoration:underline; color:#350; background-color:transparent; }
a:hover.acc04 { text-decoration:none; color:#350; background-color:transparent;}

a:link.acc05 { text-decoration:underline; color:#f60; background-color:transparent; }
a:visited.acc05 { text-decoration:underline; color:#f60; background-color:transparent; }
a:active.acc05 { text-decoration:underline; color:#f60; background-color:transparent; }
a:hover.acc05 { text-decoration:none; color:#f60; background-color:transparent;}

p.bt_close {
	text-align: center;
	border-top: 1px solid #000;
}
.bt_close input {
	margin: 0.75em 0;
	
	color: #000;
	font-size: 10px;
	
	background: #eee;
	border: 1px solid #000;
	text-align: center;
	
	cursor: pointer;
}

input.bt { cursor: pointer; }
img.bt { cursor: pointer; }

.clear { clear: both; }
.f-left { float: left; margin: 0 10px 0 0; }
.center { text-align: center; }
.left { text-align: left; }


/*** 区切り線 ***/
.line_001 {
background:url(../images/parts/line_001.gif) repeat-x;
height:1px;
margin:10px 0;
}
.line_002 {
border-bottom:1px dashed #FA0; 
margin:10px 0;
}