@charset "utf-8";

/* CSS Document English */

body {
	background: #fff url(/ori/50013/etc_img/bg.gif) repeat-x;
    color:#666666;
    font-size:80%;
	text-align:center;
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
}

body#top{
	background: #fff url(/ori/50013/etc_img/bg_top.gif) repeat-x;
}

td, th{
    font-size:80%;
}

form {
    margin: 0px;
    padding: 0px;
}
img {
    border:0px;
    vertical-align:bottom;
}

div{
	text-align:left;
}

div2{
	text-align:right;
}

h1,h2,h3{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
	height:1px;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

span.b{
	font-weight:bold;	
}


/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background: #ffffcc url(/tpl_img/proto_ja/alert.gif) 4px 4px no-repeat;
    border: 1px solid;
    border-color: #ff0000;
    padding: 5px 5px 5px 32px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
    font-size:13px;
}

div.item_not_found{
	font-weight:bold;
	color:#ff0000;
	margin:15px;
}

/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #cc0000;
    font-weight: bold;
}
.red{
	color: #cc0000;
}
.ora{
	color: #f60;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #666666;
}

/*　order process ボタン */
div.sbtn{
	text-align:center;	
}
div.sbtn input.ctn{
	width:200px;	
}

/*--------------------------------------
 * 共通枠
 *------------------------------------*/
.waku {
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:0px auto;
}

.waku2{
    border: 1px solid;
    border-color: #ccc;
    padding:10px;
    margin:0px auto 15px;
}

.waku3{
    border: 1px dashed;
    border-color: #ccc;
    padding:10px;
    margin:0px auto 15px;
}


.waku3ora{
    border: 1px dashed;
    border-color: #f60;
    padding:10px;
    margin:0px auto 15px;
}

div.genre_setsumei{
	margin: 0 auto 15px;
}

/* Line */
hr.dash{
	border-bottom: 1px dashed #ccc;
	border-top:0;
}
hr.dashora{
	border-bottom: 1px dashed #f60;
	border-top:0;
}

/* User's voice */
#content div.voice{
    border: 1px dashed;
    border-color: #ccc;
    padding:10px;
    margin:0px auto 15px;
}

#content div.voice div.mark{
	background: transparent url(/ori/50013/etc_img/dot.gif) no-repeat left center;
	padding-left:15px;
	padding-bottom:5px;
	color:#FF4F01;
	text-align:left;
	vertical-align:middle;
}

#content div.voice div.v{
	padding:5px;
	margin-bottom:5px;
	border-top:1px dashed #f60;
}

/* ページ内リンク */
div.plink{
	text-align:center;
	margin-bottom:15px;	
}

/*--------------------------------------
 * area
 *------------------------------------*/
div.area {
    margin:0 auto;
	padding:0 0 20px;
}

/** リンク **/
a:link    { color:#690; text-decoration:underline; }
a:visited { color:#79AF0C; text-decoration:underline; }
a:active  { color:#6c0; text-decoration:underline; }
a[href]:hover   { color:#6c0; text-decoration:underline;}
a.blocklink {width:100%;}

a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*** 在庫なし ***/
.nasi{
	color:#FF6600;
}

/*** Section ***/

#head{
	width:984px;
	margin:0 auto;
}

#main{
	width:984px;
	margin:0 auto;
}

#sec1{
	width:790px;
	float:left;
}

#content{
	width:580px;
	float:right;
	padding-bottom:30px
}

div#catenavi{
	width:194px;
	float: left;
	margin:0;
	padding:0;
	text-align:center;
}

#sec2{
	width:175px;
	float:right;
}

#foot{
	width:984px;
	margin:0 auto;
	clear:both;
	text-align:center;
}

/*** Gloval Navi ***/
#logo{
	float:left;
}

ul#gnavi{
	margin:0;
	padding:0;
	border:0;
}

ul#gnavi li{
	float:left;
	list-style: none;
	margin:0;
	padding:0;
	border:0;
}

#chlang{
	width:155px;
	height:51px;
	background: transparent url(/ori/50013/etc_img/g_btn_bg.gif) no-repeat left top;
	text-align:center;
}
#chlang img{
	margin:18px 4px 16px;
}

ul#navi{
	clear:both;
	margin:0;
	padding:5px 0 0;
	background: transparent;
	border:0;
}

ul#navi li{
	float:left;
	list-style: none;
	margin:0;
	padding:0;
	border:0;
}

/*** パンくず ***/
div.pankuzu{
	clear:both;
	margin:0;
	padding:15px 0;
}

/*** コンテンツ部分 ***/

/** カテゴリ表示 **/
#content div.genreinfo{
	margin:0 0 20px;
}

#content div.sortby{
	margin:0 0 15px;
}

#content div.sortmenu{
	text-align:right;
	margin:2px 0 8px;
}

#content hr{
	color:#ccc;
    border-style:dotted;
    height:1px;
}

/* ページ送り */
#content div.prev{
	width:190px;
	float:left;
	text-align:left;
}
#content div.count{
	width:195px;
	float:left;
	text-align:center;
}
#content div.next{
	width:190px;

	float:right;
	text-align:right;
}

/* 商品一覧 */
#content div.goodslist_box{
    border: 1px solid #ccc;
    padding:10px;
    margin:10px 0px 10px 0px;
}

#content div.goodslist_box table td{
	font-size:80%;
}

#content div.goodslist_box p.no{
	font-size:90%;
	margin:0 0 2px;
}

#content div.goodslist_box p.name{
	margin:0 0 2px;
}

#content div.goodslist_box p.price{
	color:#600;
	font-weight:bold;
	margin:0 0 10px;
}

#content div.goodslist_box p.detail{
	margin:0 0 2px;
}

#content .todetail{
	background:transparent url(/ori/50013/etc_img/arrow_r.gif) no-repeat left 0.2em;
	margin:0 0 2px;
	padding-left:10px;
	font-size:70%;
}

#content .link{
	background:transparent url(/ori/50013/etc_img/arrow_r.gif) no-repeat left 0.2em;
	margin:0 0 2px;
	padding-left:10px;
}


/* 商品リストサムネイル枠 */
#content div.goodslist_box .thumbnail {
    width: 135px;
    height: 135px;
    text-align: center;
}


/* カートボタン */
#content div.goodslist_box .cartbtn {
    text-align: right;
}


/** 商品詳細 **/

#content div.chprice{
    text-align: right;
    margin:0 0 10px;
}

#content div#product{

}

#content div#product div.photo{
	width:240px;
	float:left;
	text-align:center;
	padding:0 0 20px;
}

#content div#product div.prodform{
	width:330px;
	float:right;
	padding:0 0 20px;
}

#content div#product div.prodform .addcartbtn{
	margin:0 5px 10px;
}

#content div#product h1{
	color:#600;
	font-size:120%;
	margin:0 0 10px;
}

#content div.shareF{
	margin:0 0 10px;
	text-align:right;
}

#content div#product table.prodtbl{
	border-bottom:1px dashed #f60;
	margin-bottom:10px;
}

#content div#product table.prodtbl th{
	width:130px;
	background:transparent url(/ori/50013/etc_img/dot.gif) no-repeat left center;
	padding:10px 0 10px 15px;
	color:#FF4F01;
	text-align:left;
	font-size:80%;
	border-top:1px dashed #f60;
	vertical-align:middle;
}

#content div#product table.prodtbl td{
	width:200px;
	padding:10px 0 10px 15px;
	font-size:80%;
	border-top:1px dashed #f60;
	vertical-align:middle;
}

#content div#product button{
	width:169px;
	height:35px;
	border:0;
	background:#fff;
	margin:0 auto 10px;
	padding:0;
	vertical-align:bottom;
}
#content div#product div.prodinfo{
	border: 1px solid #ccc;
	padding:10px;
	margin:0 auto 10px;
}

#content div#product div.prodinfo div.gfreearea{
	padding-top:1em;
}

#content div.priceinfo{
	font-size:70%;
	margin:0 5px 10px;
	border:1px solid #f60;
	padding:5px;
}

#content div#product div.photo2{
	text-align:center;
	margin:0 auto 10px;
}

/*** 左ナビ部分 ***/

/* サーチ */
form#searchform{
	margin:0 auto 10px auto;
	width:194px;
	text-align:center;
}

div#searchdiv {
	border:1px solid #999;
	width:190px;
	height:25px;
	padding:1px;
	margin:0 auto;
	}
div#searchdiv button{
	border:0;
	background:#fff;
	width:26px;
	height:23px;
	margin:0 2px 0;
	padding:0;
	vertical-align:bottom;
	float:right;
}
div#searchdiv input{
	height:23px;
	float:left;
	border:0;
	color:#999999;
	font-size:90%;
	width:156px;
}

/* Shopping Categories */

div.departments{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top:4px;
	margin-bottom:10px;
}

div.departments .linkr{
	background:transparent url(/ori/50013/etc_img/arrow.gif) no-repeat right center;
	margin:0 4px 0 0;
	padding:4px 10px;
	text-align:right;
}

div.departments img{
	margin-bottom:4px;
}

div.departments ul{
	margin:0 0 10px 5px;
	padding:0;
}

div.departments ul li{
	list-style:none;
	background:#fff url(/ori/50013/etc_img/arrow.gif) no-repeat left 0.5em;
	margin:0 0 2px 0;
	padding:0 0 0 15px;
}



/* 左下メッセージ */
div.message{
	background : transparent url(/ori/50013/etc_img/earth.jpg) no-repeat center top;
	padding-top:115px;
	text-align:center;
	margin:20px auto;
}
div.message p{
	margin:5px;
	font-size:90%;
	line-height:110%;
}

/* Verified */
#sec1 div.bnr{
	padding:0 0 5px;
	margin:0 auto 10px;
	text-align:center;
}

/*** 右エリア ***/
#sec2 div.calendar{
	margin:5px auto 15px;
	text-align:center;
}
#sec2 div.calendar iframe{
	width:176px;
	height:410px;
	border:0;
	overflow:hidden;
}
#sec2 div.calendar img{
	margin:0 auto 5px;
}
#sec2 div.calendar p{
	margin:2px auto;
}
#sec2 div.calendar div.closed{
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	width:6em;
	font-size:70%;
	text-align:center;
	white-space:nowrap
}
#sec2 div.calendar p.s{
	margin:2px;
	text-align:left;
	font-size:70%;
}

#sec2 div.bnr{
	border-bottom:1px dashed #ccc;
	padding:0 0 5px;
	margin:0 auto 10px;
	text-align:center;
}


#sec2 div.bnr img{
	margin:0 auto 5px;
}

#sec2 div.column{
	text-align:center;
	border:1px dashed #ccc;
	padding:0;
	margin:0 auto 10px;
	width:173px;
}
#sec2 div.column ul{
	text-align:left;
	padding:0 0 0 18px;
	margin:5px 0;
}

#sec2 div.ranking{
	border:1px solid #ccc;
	padding:0;
	margin:0 auto 10px;
	width:173px;
}
#sec2 div.ranking p.rankingd{
	text-align:center;
	font-size:70%;
	margin:0 auto 5px;
}

#sec2 div.ranking table td{
	vertical-align:top;
	font-size:70%;
}
#sec2 div.ranking table td p{
	margin:0 0 2px;
}
#sec2 div.ranking table td p.price{
	color:#f00;
}

/*** フッタ ***/
#foot div.footmenu{
	margin:25px auto;
	text-align:center;
}

#foot div.privacy{
 margin-top:15px;
 text-align:center;
}

#foot div.cp{
 border-top:1px solid #ccc;
 padding:10px 0;
 text-align:center;
 font-size:70%;
}

/*** その他設定 ***/

div#content h1.title{
 background:#f90;
 color:#ffc;
 font-size:140%;
 padding:2px 0;
 margin:0 auto 20px;
}
div#content h1.title span{
	margin:0 10px;
}

div#content h1.h1title{
	color:#900;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px;
}

div#content h2.h2title{
	font-size:110%;
	font-weight:bold;
	margin:0 0 10px;
}

div#content h2.h2title2{
	color:#900;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px;
	border-bottom:1px solid #fc6;
	border-left:5px solid #fc6;
}

div#content h2.h2title2 span{
	margin:0 5px;
}

div#content h3.h3title{
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px;
}

div#content span.rm{
	background: transparent url(/ori/50013/etc_img/arrow_b.gif) no-repeat right center;
	padding: 0 1em 0 0;
}


/*** index ***/

div#content div.photol{
	float:left;
	margin: 0 0 15px 0;
}

div#content div.photol img{
	margin: 0 15px 0 0;
}

div#content div.photor{
	float:right;
	margin: 0 0 15px 0;
}
div#content div.photor img{
	margin: 0 0 0 15px;
}

div.ceophoto{
	float:left;
	width:250px;
	text-align:center;
}

/* 写真キャプション */
p.photocap{
	font-size:70%;
	padding:3px 0;
	text-align:center;
}

div#content div.photoc{
	text-align:center;
	margin:0 auto 15px;
}

div#content p{
	margin:0 0 10px;
}

/* TOP */

div#index div#isec1{
	margin:0 auto 10px;
}

div#index div#isecnew{
	margin:0 auto 10px;
	border:1px solid #ccc;
	padding:2px;
}
div#index div#isecnew h2{
	background: transparent url(/ori/50013/etc_img/news_bg.gif) repeat-x;
	padding:2px 6px 6px 4px;
	color:#f60;
}
div#index div#isecnew h2.h2title span{
	background: transparent url(/ori/50013/etc_img/bikkuri.gif) no-repeat;
	text-indent:22px;
	padding-top:2px;
	display:block;
	height:20px;
}


div#index div#isecnew table td, div#index div#isecnew table th{
	padding:0 5px 4px 5px;
	vertical-align:top;
}

div#index div#isec2{
	margin:0 auto 10px;
	text-align:center;
}

div#index div#isec3, div#index div#isec4, div#index div#isec5{
	margin:0 auto 20px;
	text-align:center;
}
div#index div#isec3 h2, div#index div#isec4 h2, div#index div#isec5 h2{
	margin:0 auto 10px;
}

div#index div.ckitem{
	width:135px;
	float:left;
	padding:0 5px 10px;
}

div#index div.img{
	text-align:center;
}

div#index div.list{
	height:130px;
	overflow:auto;	
}

div#content table.itemtbl{
	margin:0 auto;
	border-collapse:separate;
}
div#content table.itemtbl td{
	width:125px;
	border:1px solid #ccc;
	padding:5px;
	font-size:80%;
	border-collapse:separate;
	vertical-align:top;
}
div#content table.itemtbl td div.img{
	text-align:center;
}

div#content table.itemtbl td p.name{
	margin:0 0 5px;	
}
div#content table.itemtbl td p.price{
	color:#600;
	font-weight:bold;
	margin:0 0 5px;	
}
div#content table.itemtbl td p.txt{
	margin:0 0 10px;	
}

div#content table.itemtbl div.click{
	text-align:center;
	margin:0 auto 4px;
}

div#index div.click{
	text-align:center;
	margin:0 auto 4px;
}

div#index div.about{
	width:286px;
	min-height:150px;
	height: auto !important;
	height:150px;
	float:left;
	background: transparent url(/ori/50013/etc_img/i_about.jpg) no-repeat right bottom;
	border:1px solid #ccc;
}

div#index div.standard{
	width:286px;
	min-height:150px;
	height: auto !important;
	height:150px;
	float:right;
	background: transparent url(/ori/50013/etc_img/i_standard.jpg) no-repeat right bottom;
	border:1px solid #ccc;
}

div#index div.about div, div#index div.standard div{
	margin:8px;
}

/*** info ***/

div#content div#info p{
	margin:0 0 10px;
}

div#info .mission{
	margin:0 auto 25px;
}

div#info .sign,div#index .sign{
	margin:25px 0 2px 0;
}

/*** cart ***/

/* テーブル枠 */
.tbl {
    background-color:#afaeae;
}
.tbl td{
	font-size: 80%;
}

/* タイトル部 */
.cell_t {
    color:#666666;
    background-color:#f7f7f3;
    padding: 3px;
    white-space:nowrap;
}
/* データ部 */
.cell_d {
    color:#666666;
    background-color:#ffffff;
    padding: 3px;
}

.nw{
	white-space:nowrap;
}



/*  陰陽 */ 
table.yin{
	border:1px solid #ccc;
	border-collapse: collapse;
}
table.yin th{
	background-color:#CCFFFF;
	text-align:center;
	font-size:80%;
	border:1px solid #ccc;
	border-collapse: collapse;
}
table.yin td{
	padding:2px;
	text-align:center;
	font-size:80%;
	border:1px solid #ccc;
	border-collapse: collapse;
}

table.yang{
	border:1px solid #ccc;
	border-collapse: collapse;
}
table.yang th{
	background-color:#FFCC66;
	text-align:center;
	font-size:80%;
	border:1px solid #ccc;
	border-collapse: collapse;
}
table.yang td{
	padding:2px;
	text-align:center;
	font-size:80%;
	border:1px solid #ccc;
	border-collapse: collapse;
}

/* Payment & Shipping Guide */
table.paybank {
	border-collapse:collapse;
}

table.paybank th{
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
}
table.paybank td{
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
}

/* About Us */
div.aboutus{
	background: #fff url(/ori/50013/etc_img/about_us_img.jpg) no-repeat right top;
	margin-bottom:10px;
	min-height:300px;
	height: auto !important;
	height: 300px;
}
div.aboutus p{
	width:380px;
	padding:10px;
	color:#69c;
}

/* Site Map */
ul.sitemap li{
	margin-bottom:5px;
}
ul.sitemap li.ws{
	margin-bottom:15px;
}
ul.sitemap  ul.shoppingcate{

	margin:5px 0 0;
	padding:0;
}
ul.sitemap  ul.shoppingcate li{
	list-style: none;
}

/* Campaign */
div.campaign1{
border:1px solid #FF9900;
text-align:center;
width:95%;
margin:0 auto;
}
div.prodinfo div.campaign1{
width:100%;
}

div.campaign1 div.camtitle{
background-color:#FF9900;
color:#FFFFFF;
text-align:center;
padding:3px;
font-size:140%;
}
div#content div.campaign1 p.cam{
 color:#F60;
 margin: 5px 0 5px;
}



/* Etc */
ul.kome{
	margin-left: 1em;
	padding: 0;
	list-style: none;
}
ul.kome li{
	margin: 0;
	padding: 0;
	text-indent:-1em;
}

ul.nom{
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	paddin-top:0;
	padding-top:0;
	padding-left:2em;
}

ol.infol{

}
ol.infol li{
	margin-bottom:15px;
}
.tal{
	text-align:left;
}
table.basic, table.basic th, table.basic td{
	border:1px solid #ccc;
	border-collapse:collapse;
}
table.basic th, table.basic td{
	padding:2px;
}