/*
 * Copyright(c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */

/*** COMMON ***/
h1, h2, h3, h4, h5, h6, p, div, body, form, hr,
ul, li, dl, dt, dd{
	margin:0;
	padding:0;
}
a{
	color:#B34D31;
}
a:hover{
	color:#E36D51;
	text-decoration:none;
}
a img{
	border:none;
}
/*** SHARED ***/
.m{
	margin-bottom:6px;
}
.m2{
	margin-bottom:10px;
}
.m3{
	margin-bottom:20px;
}
a.white{
	color:#FFFFFF;
}
a.white:hover{
	color:#999999;
}
.indent1{
	text-indent:-1em;
	padding-left:1.75em;
}

.red{
	color:red;
}
.txt_center{
  text-align:center;
}

.medium{
  font-size:medium;
}
.small{
  font-size:small;
}
.x-small{
  font-size:x-small;
}

.border{
	border:#CCCCCC solid 1px;
}
.ta_r{
	text-align:right;
}
.tocontact{
}
.tocontact a{
	background:url(/user_data/img/tocontact.jpg) no-repeat right;
	display:block;
	float:right;
	width:143px;
	height:30px;
}
.tocontact a strong{
	display:none;
}

.totop{
	background:url(/user_data/img/totop.gif) no-repeat right;
	margin-right:20px;
	float:right;
	width:458px;
}
.totop a{
	display:block;
	float:right;
	width:112px;
	height:30px;
}
.totop a:hover{
	background:url(/user_data/img/totop_f2.gif) no-repeat right;
}
.totop a strong{
	display:none;
}

hr.dotted{
	border-top:#CCCCCC dotted 1px;
	border-right:none;
	border-bottom:none;
	border-left:none;
	height:1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*** FRAMES ***/
body{
	font-size:12px;
	text-align:center;
	background:url(/user_data/img/bg.jpg) repeat-y top center;
}
body p{
	line-height:1.5em;
}

#Header{
	margin:auto;
	width:850px;
	background:url(/user_data/img/headbg.jpg) no-repeat top center;
	text-aling:center;
}
#HeaderInner{
	margin:auto;
	width:750px;
	text-align:left;
}
h1{
	width:154px;
	height:90px;
	float:left;
}
h1 a{
	display:block;
	width:154px;
	height:90px;
}
h1 a strong{
	display:none;
}
#Header table{
	width:590px;
	height:90px;
	font-size:11px;
}
#Header table td#cell1{
	padding:10px 0 5px 5px;
	vertical-align:top;
}
#Header table td#cell2{
	padding:10px 0 5px 0;
	vertical-align:top;
	text-align:right;
}

/* IDで画像切り替え */
#Header #TopImg_Top,
#Header #TopImg_List,
#Header #TopImg_Detail,
#Header #TopImg_Campaign,
#Header #TopImg_Germanium{
	width:750px;
	height:200px;
	text-indent:-300em;
}
#Header #TopImg_Top{
	background:url(/user_data/img/topimg.jpg) no-repeat top;
}
#Header #TopImg_List{
	background:url(/user_data/img/listimg.jpg) no-repeat top;
}
#Header #TopImg_Detail{
	background:url(/user_data/img/detailimg.jpg) no-repeat top;
}
#Header #TopImg_Campaign{
	background:url(/user_data/img/campaignimg.jpg) no-repeat top;
}
#Header #TopImg_Germanium{
	background:url(/user_data/img/germaniumimg.jpg) no-repeat top;
}

#Body{
	width:850px;
	margin:auto;
	text-align:center;
}
#BodyInner{
	width:750px;
	margin:auto;
	padding-top:6px;
}


/*** Left ***/
#Left{
	float:left;
	width:154px;
	padding:0 3px 0 3px;
	text-align:left;
}
#ShowCart{
	border:#CCCCCC solid 1px;
	padding-bottom:10px;
	width:160px;
}
#ShowCart p{
	padding:5px 10px;
}
#ShowCart p.Title{
	background:url(/user_data/img/cart_t.jpg) no-repeat top;
	border-bottom:#CCCCCC solid 1px;
	padding:0;
	width:158px;
	height:40px;
	text-indent:-300em;
}
#ShowCart p.img{
	text-align:right;
	padding-top:0;
}
#ShowCart strong{
	color:#B30500;
}

#Navi{
	display:block;
	width:160px;
	padding:0 0 1px 0;
	border:#CCCCCC solid 1px;
}
#Navi h4{
	background:url(/user_data/img/navi.jpg) no-repeat top;
	width:158px;
	height:32px;
	text-indent:-300em;
}
#Navi li{
	list-style:none;
	list-style-position:outside;
	margin:0 auto 2px auto;
	width:155px;
}
#Navi li a{
	display:block;
	width:155px;
	height:80px;
}
#Navi li a strong{
	display:none;
}
#Navi1{
	background:url(/user_data/img/navi1.jpg) no-repeat;
}
#Navi2{
	background:url(/user_data/img/navi2.jpg) no-repeat;
}
#Navi3{
	background:url(/user_data/img/navi3.jpg) no-repeat;
}
#Navi4{
	background:url(/user_data/img/navi4.jpg) no-repeat;
}
#Navi5{
	background:url(/user_data/img/navi5.jpg) no-repeat;
}
#Navi6{
	background:url(/user_data/img/navi6.jpg) no-repeat;
}
#Navi7{
	background:url(/user_data/img/navi7.jpg) no-repeat;
}
#Navi8{
	background:url(/user_data/img/navi8.jpg) no-repeat;
}
#Navi1 a:hover{
	background:url(/user_data/img/navi1_f2.jpg) no-repeat;
}
#Navi2 a:hover{
	background:url(/user_data/img/navi2_f2.jpg) no-repeat;
}
#Navi3 a:hover{
	background:url(/user_data/img/navi3_f2.jpg) no-repeat;
}
#Navi4 a:hover{
	background:url(/user_data/img/navi4_f2.jpg) no-repeat;
}
#Navi5 a:hover{
	background:url(/user_data/img/navi5_f2.jpg) no-repeat;
}
#Navi6 a:hover{
	background:url(/user_data/img/navi6_f2.jpg) no-repeat;
}
#Navi7 a:hover{
	background:url(/user_data/img/navi7_f2.jpg) no-repeat;
}
#Navi8 a:hover{
	background:url(/user_data/img/navi8_f2.jpg) no-repeat;
}
#LeftInfo{
	border:#CCCCCC solid 1px;
	padding:80px 0 3px 0;
	background:url(/user_data/img/logo.jpg) no-repeat top center;
	width:160px;
}
#LeftInfo h4{
	display:none;
}
#LeftInfo h5{
	font-size:12px;
	padding-left:12px;
}
#LeftInfo p{
	padding-left:12px;
}
#LeftInfo p strong{
	color:#660000;
}

/*** NOTICE ***/
#Notice{
	float:right;
	width:578px;
	text-align:left;
	padding:0 3px 0 3px;
	text-align:left;
}

/*** PLAINLINKS ***/
#PlainLinks{
	float:right;
	text-align:center;
	font-size:11px;
	width:578px;
	padding:0 3px 0 3px;
}
#PlainLinks a{
	color:#003366;
}
#PlainLinks a:hover{
	color:#0099CC;
}


/*** RIGHT ***/
#Right{
	float:right;
	width:578px;
	padding:0 3px 0 3px;
	text-align:left;
}

/* NEWS */
#News{
	float:right;
	border:#CCCCCC solid 1px;
	width:576px;
	margin-right:3px;
	text-align:left;
}
#News h3{
	background:url(/user_data/img/t_news.jpg) repeat-x top left;
	text-indent:-300em;
	width:576px;
	height:30px;
}
#News ul{
	padding-bottom:4px;
  height:200px;
  overflow-y:scroll;
}
#News li{
	list-style:none;
	list-style-position:outside;
	padding:8px 0 8px 8px;
	border-bottom:#CCCCCC dotted 1px;
}


/*** FOOTER ***/
#Footer{
	width:850px;
	margin:auto;
}
#FooterInner{
	background:url(/user_data/img/footbg.jpg) no-repeat top center;
	height:20px;
	width:850px;
	text-align:center;
	padding-top:90px;
}


/*** MAIN ***/

#Top,
#List,
#Detail,
#Campaign,
#Privacy,
#howtoorder,
#Abouts,
#Order,
#Contact,
#Germanium{
	float:right;
	width:578px;
	padding:0 3px 0 3px;
	text-align:left;
}
#Cart{
	text-align:left;
	width:710px;
	padding:0 20px;
}

#List h2,
#Detail h2,
#Campaign h2,
#Privacy h2,
#howtoorder h2,
#Abouts h2,
#Order h2,
#Cart h2,
#Contact h2,
#Germanium h2{
	background:url(/user_data/img/list_t_bg.jpg) no-repeat left top;
	padding:2px 0 0 20px;
	min-height:44px;
	font-size:24px;
	font-family:"小塚明朝 Pro L", "ＭＳ Ｐ明朝", Osaka;
}


/* TOP */
#Top h2{
	background:url(/user_data/img/top_t1.jpg) no-repeat left;
	width:578px;
	height:44px;
	text-indent:-300em;
}
#Top p.exp1{
	padding-left:1em;
}
#Top #TopCampaign{
	background:url(/user_data/img/topimg01.jpg) no-repeat top;
	width:578px;
	height:42px;
	padding-top:130px;
}
#Top #TopCampaign h3{
	text-indent:-300em;
}
#Top #TopCampaign p{
	padding:0 10px 20px 0;
	text-align:right;
}
#Top #Recommend{
	background:url(/user_data/img/topimg02.jpg) no-repeat top right;
	width:576px;
	height:170px;
	overflow:visible;
	border:#CCCCCC solid 1px;
}
*html #Top #Recommend{
	width:578px;
}
#Top #Recommend h3,
#Top #Recommend h4{
	width:327px;
	height:39px;
	text-indent:-300em;
}
#Top #Recommend h3{
	background:url(/user_data/img/top_t2.jpg) no-repeat top;
}
#Top #Recommend h4{
	background:url(/user_data/img/top_t3.jpg) no-repeat top;
}
#Top #Recommend p{
	width:300px;
	padding-left:10px;
}

/* 商品一覧 list.tpl */
#List #MainTable td{
	vertical-align:bottom;
}
#List .SubTable{
	margin-right:auto;
	margin-left:auto;
}
#List .SubTable td{
	padding-right:3px;
	padding-left:3px;
	font-size:12px;
	text-align:center;
}
#List .SubTable td .image{
	border:#CCCCCC solid 1px;
	padding:1px;
}
#List .SubTable td.item_name{
	padding-top:3px;
}
#List .SubTable td.item_body{
	padding-top:3px;
	padding-bottom:20px;
	line-height:1.75em;
}


/* 商品詳細 detail.tpl */
#Detail #MainTable{
	width:578px;
}
#Detail #MainTable th,
#Detail #MainTable td{
	vertical-align:top;
}
#Detail #MainTable td#ImageCell{
	width:178px;
	padding-left:20px;
}
#Detail #MainTable td#ImageCell p{
  padding-top:20px;
}
#Detail #MainTable td#InfoCell{
	padding-right:20px;
	padding-left:20px;
}
#Detail #InfoTable{
	border-top:#333333 solid 1px;
}
#Detail #InfoTable th,
#Detail #InfoTable td{
	border-right:#333333 solid 1px;
	border-bottom:#333333 solid 1px;
	padding:3px 5px;
}
#Detail #InfoTable th{
	background-color:#937F5E;
	text-align:left;
	font-weight:normal;
	border-left:#333333 solid 1px;
	color:white;
	width:7em;
}
#Detail #InfoTable td{
	background-color:#F0E3CA;
	color:#333333;
}
#Detail #InfoTable td.into_cart{
	background-color:white;
	text-align:right;
	padding-top:20px;
	border-right:none;
	border-bottom:none;
	border-left:none;
	line-height:2em;
}
#Detail #Comment{
	padding:10px 15px;
	margin-right:20px;
	margin-left:20px;
	border:#CCCCCC solid 1px;
}
#Detail #Comment h4{
	color:#990000;
	font-size:16px;
	display:inline;
	font-family:"小塚明朝 Pro L", "ＭＳ Ｐ明朝", Osaka;
}

/*** キャンペーン campaign.tpl ***/
#Campaign #area1,
#Campaign #area2,
#Campaign #area3{
	width:578px;
	height:240px;
}
#Campaign #area1{
	background:url(/user_data/img/campaign1.jpg) no-repeat top;
}
#Campaign #area2{
	background:url(/user_data/img/campaign2.jpg) no-repeat top;
}
#Campaign #area3{
	background:url(/user_data/img/campaign3.jpg) no-repeat top;
}
#Campaign h3{
	text-indent:-300em;
}

/*** 佑起について /Smarty/abouts/index.tpl ***/
#Abouts table{
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	margin-right:20px;
	margin-left:20px;
	font-size:12px;
}
#Abouts th,
#Abouts td{
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:3px 5px;
}
#Abouts th{
	background-color:#F0F0F0;
	text-align:left;
	width:8em;
}


/*** 特定商取引に関する法律に基づく表記 /Smarty/order/index.tpl ***/
#Order table{
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	margin-right:20px;
	margin-left:20px;
	font-size:12px;
}
#Order th,
#Order td{
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:3px 5px;
}
#Order th{
	background-color:#F0F0F0;
	text-align:left;
	width:10em;
}


/*** お問い合わせ /Smarty/templates/contact/ ***/
#Contact p{
	padding:5px 20px;
}
#Contact #MainTable{
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	margin-right:20px;
	margin-left:20px;
	font-size:12px;
}
#Contact #MainTable th.MainTH,
#Contact #MainTable td.MainTD{
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:3px 5px;
}
#Contact #MainTable th.MainTH{
	background-color:#F0F0F0;
	text-align:left;
	width:11em;
}
#Contact table table{
	font-size:12px;
}
#Contact #SubmitCell{
	text-align:center;
	padding:20px !important;
}


#Order #SubTable{
	border:none;
}