@charset "utf-8";

/*--------------------------------------------------------
  Common Settigns
--------------------------------------------------------*/

body{
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background: url(../img/bg_body.jpg) repeat-x;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333;
	background-color:#fff;
}

.clr {
	clear: both;
}

* {
	margin: 0;
	padding: 0;
}


img {
	border: none;
}

h1,h2,h3,h4,h5,h6,tr,td,th,table,p{
	padding:0;
	margin:0;
	font-size:normal;
	font-weight:normal;
	line-height:normal;
}


div.wrap {
	margin: 0 auto;
	text-align: left;
}

div.pagebody {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}

div.navi {
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	margin: 5px
	height:20px;
	
}

div.navi  {
	font-size: 10px;
}

.red14 {
	color:#660000;
	font-size: 14px;
	font-weight:bold;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/


#header {
    line-height: 1;
}


#header #siteId {
    position: relative;
    overflow: hidden;
    width: 1000px; /* for haslayout */
    min-height: 96px; /* for Modern Browsers */
    height: auto !important; /* for Modern Browsers */
    height: 96px; /* for IE6 */
    margin: 0 ;
    text-align: justify;
}

#siteId p#siteLogo {
	float: left;
	padding-top: 17px;
}

#siteId div {
	overflow: hidden;
	float: right;
	padding-top: 17px;
	padding-right: 30px;
	width: auto;
}


#siteId div p.Trial {
}

#siteId div p.Register {
}

p.logoutBt {
	padding-top:10px;
}

a.cartbt {
	display: block;
	text-indent: -9999px;
	width: 200px;
	height:30px;
}

a.cartbt {
	background:url(../img/head/btn_cart_off.jpg) no-repeat 0px 0px;
}

a.cartbt:hover {
	background:url(../img/head/btn_cart_on.jpg) no-repeat 0px 0px;
}

#naviSection #naviBar {
	height: 36px;
	background-image: url("../img/head/navi_bar_bg01.gif");
	background-repeat: repeat-x;
}

#naviSection #naviBar ul li{float:left;width:110px;text-decoration: none;}

#naviSection #naviBar ul li {height:36px;display:block;text-align:center;background-image:url(../img/head/navi_bar_bg02.gif);background-repeat:no-repeat;background-position:left;text-decoration: none;}

#naviSection #naviBar ul li a p{padding-top:11px;font-size:12px;color:#333;text-decoration: none;}

#naviSection #naviBar ul li a:hover p{color:#0d5c0b;text-decoration:underline;} 


/*--------------------------------------------------------
メインの設定
--------------------------------------------------------*/

div .idname {
	font-weight:bold;
	font-size: 14px;
}

#contentBox {
	clear:both;
	margin: 4px auto 0 auto;
	width: 1000px;
	height: 100%;
}

#main{

	width:800px;
	float:right;
	background-color:#fff;
}

#templeft {
	width: 160px;
	padding-right:5px;
	float: left;
	background-color: #fff;
}

.temptitle {
	margin: 0;
	padding: 0;
	width: 810px;
	height: 45px;
	background: url(../img/top/temp_title__bg.jpg)  no-repeat;
}

.temptitletext {
	line-height: 2.5em;
	padding-top:20px;
	padding-left:20px;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight:bold;
}


/*--------------------------------------------------------
左メニュー
--------------------------------------------------------*/

#sideNavi {
	float:left;
	margin:0;
	width:155px;
	border:1px solid #cccccc;
	background-color: #f6f6f6;
}

#sideNavi ul{
	list-style:none;
	text-decoration:none;
	text-align:left;
	font-size:12px;

}
#sideNavi li.line{
	text-align:center;
	font-size:0;
	line-height:0;
}

#sideNavi li.title{
	margin:0;
	padding:0;
	height:35px;
	text-decoration:none;
}

.searchBox {
	margin:5px;
	font-size:11px;
}


.leftsearch {
	padding:10px;
	text-align:center;
}

/* サブナビ */

#sideNavi li.menu {
	background:#f6f6f6 url(../img/left/snv-arw.gif) no-repeat 2px 13px;
	margin:0;
	width:155px;
	min-height:35px;
	text-decoration:none;
	display:table;
}



#sideNavi li.menu a:hover {
	text-decoration:underline;
	color:#3366cc;
}

#sideNavi .smenu {
	font-size:11px;
	text-decoration:none;
	padding:10px 2px 3px 20px;
}

#sideNavi a:hover .smenu{
	font-size:11px;
	text-decoration:underline;
	padding:10px 2px 3px 20px;
}

p.leftcartspace {
	padding-top:10px;
}

a.leftcartbt {
	display: block;
	text-indent: -9999px;
	width: 155px;
	height:58px;
}

a.leftcartbt {
	background:url(../img/left/left_cart_off.jpg) no-repeat 0px 0px;
}

a.leftcartbt:hover {
	background:url(../img/left/left_cart_on.jpg) no-repeat 0px 0px;
}

a.leftjisbt {
	display: block;
	text-indent: -9999px;
	width: 155px;
	height:88px;
}

a.leftjisbt {
	background:url(../img/left/jis_banner.gif) no-repeat 0px 0px;
}

a.leftjisbt:hover {
	background:url(../img/left/jis_banner_on.gif) no-repeat 0px 0px;
}


/*--------------------------------------------------------
メイン中央部
--------------------------------------------------------*/

div.contents {
	background:#fff;
	margin:5px auto;
	width:800px;
	padding:14px;
}

h2 {
	clear:both;
	background: url(../img/top/h2-bg.gif) no-repeat 0 0;
	width:760px;
	height:34px;
	padding:8px 0 0 30px;
	margin:0 0 0 10px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-align:left;
	letter-spacing:0.1em;
}

h3 {
	clear:both;
	background: url(../img/top/h2-bg.gif) no-repeat 0 0;
	width:760px;
	height:34px;
	padding:8px 0 0 30px;
	margin:0 0 0 10px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-align:left;
	letter-spacing:0.1em;
}

h4 {
	clear:both;
	background: url(../img/top/pro-bg.gif) no-repeat 0 0;
	width:760px;
	height:34px;
	padding:8px 0 0 30px;
	margin:0 0 0 10px;
	color:#464034;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	text-align:left;
	letter-spacing:0.1em;
}


div.caption {
  	margin-bottom:40px;
}

div.caption p {
	margin-left:20px;
}


.newsBOX {
	padding-left:5px;
}

.profilebox {
	padding-bottom:50px;
	padding-top:15px;
	text-align:center;
}


#topics{
	margin-left:20px;
	float:left;
	margin:0px 0 0 10px;
	width:760px;
	text-align:left;
}

#topicsIn{
	padding:2px 15px 10px 0;
	font-size:12px;
	line-height:16px;
}

#topicsIn .daytime{
	float:left;
	padding:0px 0 2px 0;
	width:110px;
}

#topicsIn .text{
	float:left;
	background: url(../img/top/toc-arw.gif) no-repeat 0 3px;
	padding:0;
	width:600px;
	text-indent:1em;
}

#topicsIn .line{
	clear:both;
	background: url(../img/top/tpc-line.gif) repeat-x 0 0;
	font-size:3px;
	line-height:3px;
}

.subtitle {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 50px;
	background: url(../img/top/sub_title.gif)  no-repeat;
}

.subtitletext {
	line-height: 4em;
	padding-left:35px;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 13px;
	color: #0d5c0b;
	font-weight:bold;
}


/*--------------------------------------------------------
オススメ商品の設定
--------------------------------------------------------*/

div .recoBOXOUT {
	padding-left:5px;
	padding-bottom:20px;
	clear: both;
}

div #recoBOX {
	text-align:center;
	margin-left:20px;
	clear: both;
	width:725px;
	border: 2px solid #97bc39;
}	

#reco-goods　{
	list-style-type: none;
	width: 100%;
	margin-bottom: 30px;
	display: block;
	clear: none;
	float: left;
}

asset-header {
	margin-bottom: 20px;
}

.picbox {
	border: 2px solid #e7efa4;
}

#reco-goods ul {
	list-style-type:none;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
}

#reco-goods li {
	margin-bottom:1px;
	width: 150px;
	margin-right: 1px;
	list-style-type: none;
	display: block;
	clear:none;
	float: left;
	text-align: left;
	height: 250px;
	font-size: 12px;
	color: #333;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
}

#reco-goods img　{
	clear: left;
	float: left;
	width: 125px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	padding-top: 10px;
	height: 125px;
}

.new-catch {
	width: 150px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: left;
	font-size: 12px;
	color: #333333;
}

.new-cftax {
	clear: left;
	float: left;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	font-weight:bold;
}

.new-title-name a  {
	clear: left;
	float: left;
	width: 150px;
	padding-top:5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 12px;
	color: #ad102b;
}

#reco-goods a {
	color: #106927;
	font-size: 12px;
	line-height: 1.20em;
	text-decoration: none;
}

#reco-goods a:hover {
	color: #106927;
	font-size: 12px;
	line-height: 1.20em;
	text-decoration: underline;
}





/*--------------------------------------------------------
フッターの設定
--------------------------------------------------------*/

.totop {
	clear:both;
	margin:40px auto 0 auto;
	padding-top: 80px;
	width:900px;
	text-align:right;
}

#footer {
	clear: both;
	width:100%;
	text-align:left;
	background: url(../img/footer/footer_bg.jpg) repeat-x 0 0;
	height:100px;
}

#footerIn {
	width:900px;
	margin:0 auto;
	height:24px;
}

#footer .coryright{
	padding:6px 0 0 0;
	height:30px;
	color:#333;
	font-size:12px;
	text-align:center;
}


/*--------------------------------------------------------
テーブルの設定
--------------------------------------------------------*/

.BOXOut {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
}

.BOXOut2 {
	padding-top:10px;
	padding-left:100px;
	padding-bottom:20px;
}


table.mini
	{
	width:770px;
	border-top: 1px solid #bdcad1;
	border-left: 1px solid #bdcad1;
	}

table.mini th
	{
	padding:3px;
	background-color: #e7efa6;
	font-size: 11px;
	line-height: 1.5em;
	border-bottom: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	vertical-align:middle;
	text-align:center;
	}


table.mini td {
	font-size: 12px;
	line-height: 1.5em;
	vertical-align:middle;
	text-align:center;
	text-justify:distribute;
	padding:3px;
	color: #333;
	background-color: #fff;
	border-bottom: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	}


div.itembox {
	width:550px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	margin-bottom:50px;
	padding:10px;
	border:solid 1px #d7d6c2;
	background:#f3f0e7;
	color:#333333;
}


table.mini2
	{
	text-align:center;
	margin:6px;
	width:550px;
	border-top: 1px solid #bdcad1;
	border-left: 1px solid #bdcad1;
	}

table.mini2 th
	{
	padding:3px;
	background-color: #e7efa6;
	font-size: 11px;
	line-height: 1.5em;
	border-bottom: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	vertical-align:middle;
	text-align:center;
	}


table.mini2 td {
	font-size: 12px;
	line-height: 1.5em;
	vertical-align:middle;
	text-align:center;
	text-justify:distribute;
	padding:3px;
	color: #333;
	background-color: #fff;
	border-bottom: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	}


div.box {
	width:550px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	margin-bottom:50px;
	padding:10px;
	border:solid 1px #c7cfad;
	background:#ebf0df;
	color:#333333;
}


table.proBOX
	{
	padding:0px;
	margin: auto 0;
        display: inline-table;
　　　　width:628px;
	border-top: 1px solid #bdcad1;
	border-left: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	border-top: 1px solid #bdcad1;
	border-left: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	}

table.proBOX th {
	width:150px;
	border-bottom: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	background-color: #f6f5f1;
	padding:5px;
	font-size: 12px;
	text-align: left
	}

table.proBOX td {
	width:420px;
	font-size: 12px;
	line-height: 1.5em;
	padding:8px;
	color: #333;
	text-align:left;
	background-color: #fff;
	border-bottom: 1px solid #bdcad1;
	}


/*--------------------------------------------------------
ログイン画面の設定
--------------------------------------------------------*/

.red {
	color:#ff4500;
}

div.space {
	padding-top:30px;
	clear: both;
	margin:0px auto;
}

div.loginBOXin {
  	width:450px;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top:50px;
  	margin-bottom:50px;
  	padding:10px;
  	border:solid 1px #C6CFE1;
  	background:#f6f6f6;
  	color:#333333;
}


div.loginBOX {
	clear: both;
	border:solid 1px #bcc39e;
	background:#ebf0df;
	margin:20px auto;
	width:800px;
	padding:14px;
}


table.form { margin: 0.2em auto 1em; border-spacing: 2px; font-size: 100%; }

table.form tr           { //background: #ebf0df; }
table.form tr.disabled  { background: #CCCCCC; }
table.form tr.hover     { background: #CCFFEE; }

table.form td             { padding: 1px 6px; text-align: left; white-space: nowrap; }
table.form td.label       { text-align: right; vertical-align: top; }
table.form td.label.error { color: #FF0000; }
table.form td.button      { text-align: center; height: 40px; vertical-align:bottom;}

table.form input.error    { background-color: #FFCCCC; }
table.form input.selected { background-color: #CCFFEE; }
table.form textarea.error    { background-color: #FFCCCC; }
table.form textarea.selected { background-color: #CCFFEE; }
table.form select.error    { background-color: #FFCCCC; }
table.form select.selected { background-color: #CCFFEE; }

table.form .hint          { font-size:10px; color:gray; margin-left: 5px;}
table.form .error-message { color: #FF0000; font-size: 10px; }




p, h1, form, button { border:0; margin:0; padding:0; }
img                 { border: none; }






div.line {
	height: 10px;
	background: url(../img/control/line.gif) repeat-x;
}

img.icon {
  width: 16px;
  height: 16px;
}

img.icon-inline {
  width: 13px;
  height: 13px;
}

img.icon-navi {
  vertical-align: middle;
  margin-left:3px;
  margin-right:3px;
  width: 12px;
  height: 12px;
}

.spacer             { clear:both; height:1px; }
.red                { color:red; }


table.form2 { margin: 0.2em auto 1em; border-spacing: 2px; font-size: 100%; }

table.form2 tr           { //background: #f6f6f6; }
table.form2 tr.disabled  { background: #CCCCCC; }
table.form2 tr.hover     { background: #CCFFEE; }

table.form2 td             { padding: 1px 6px; text-align: left; white-space: nowrap; }
table.form2 td.label       { text-align: right; vertical-align: top; }
table.form2 td.label.error { color: #FF0000; }
table.form2 td.button      { text-align: center; height: 40px; vertical-align:bottom;}

table.form2 input.error    { background-color: #FFCCCC; }
table.form2 input.selected { background-color: #CCFFEE; }
table.form2 textarea.error    { background-color: #FFCCCC; }
table.form2 textarea.selected { background-color: #CCFFEE; }
table.form2 select.error    { background-color: #FFCCCC; }
table.form2 select.selected { background-color: #CCFFEE; }

table.form2 .hint          { font-size:10px; color:gray; margin-left: 5px;}
table.form2 .error-message { color: #FF0000; font-size: 10px; }


/*--------------------
  Table Settings (一覧表示)
--------------------*/
table.list            { margin: 0.2em auto 1em; border-collapse: separate; border-spacing: 2px; font-size: 100%; }

table.list caption    { margin-top: 0em; margin-right: 5px; text-align: right; }
table.list caption a  { text-decoration:none; }

table.list tr           { background: #F3F3F3; }
table.list tr.disabled  { background: #CCCCCC; }
table.list tr.warning   { background: #FFCCCC; }
table.list tr.hover     { background: #CCFFEE; }

table.list th, table.list td { padding: 4px 6px; }
table.list th {
  border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; background: #BBFF99;
  text-align: center; white-space: nowrap; font-size: 92%; width: 100px;
}
table.list th.no { width: 20px; }
table.list th.operation { width: 60px; }

table.list td           { border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; text-align: center; white-space: nowrap;}
table.list td.no        { text-align: center; }
table.list td.operation { text-align: center; white-space: nowrap; }
table.list td.button    { text-align: center; height: 40px; vertical-align:bottom;}