月別アーカイブ: 2018年4月

twentyfifteen

/*****************************************************

全ての要素をリセット
各ブラウザの表示を統一するための設定です

*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table { border-collapse: collapse;border-spacing: 0;}
caption,th,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}

/* float解除用 */
.clearfix:after { content: ” “; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.fixinfo_ttl{font-size:18px;
}

.fixinfo{
}
.fixinfo td{padding:5px;border:1px solid #000;border-collapse:collapse;min-width:200px;}

.stockList label {
font-family: \’Quattrocento\’, serif;
font-weight: 400;
}
.stockList input[type=”radio”] {
position: relative;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
margin: -5px 2px 0 0;
content: “”;
background-color: #fff;

border-radius: 20px;
-webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.2), 0 2px 1px #fff;
-moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.2), 0 2px 1px #fff;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.2), 0 2px 1px #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
.stockList input[type=”radio”]:hover {

-webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.35), 0 2px 1px #fff;
-moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.35), 0 2px 1px #fff;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.35), 0 2px 1px #fff;
}
.stockList input[type=”radio”]:checked:after {
display: block;
position: absolute;
top: 4px;
left: 4px;
content: “”;
width: 10px;
height: 10px;
border-radius: 10px;
background: #42a4eb;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 1px #fff;
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 1px #fff;
box-shadow: inset 0 2px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 1px #fff;
}

.stocklist{border:0;cellspacing:1px;}
.stockList th{
color:#fff;
background:#fff !important;
width:100px;
height:30px;
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
border:0;
color:#000;
}

.stockList,
.stockList th,
.stockList td {
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
border:0;
color:#000;
}

/* メインナビ */
ul,li { margin:0; padding:0; }
#globalNavi {height:38px; text-align: center;padding-left:180px; }

#nav { width: 1000px; margin: 0 auto; position: relative; line-height:1; text-align: right; }
#nav li { list-style: none; float: left; position: relative;font-weight:bold;height:38px;text-transform: uppercase;}

#nav li a{display:block;padding:10px 20px 0px 20px ;height:26px; text-align:center;border-top:2px solid #C7C2BC;}
#nav li a:link{ color:#000; text-decoration:none;}
#nav li a:visited{ color:#000; }
#nav li a:hover{ color:#CC2031;background:#fff;border-top:2px solid #7B111B;}

#nav ul { display: none; position: absolute; top: 38px; left: 0;background:#fff;

}
* html #nav ul { line-height: 0; }
#nav ul li { float: none;height:32px;text-align:left;font-weight:normal;text-transform: none;;

}
#nav ul li a{
display: block;
border-top:none;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;

width:200px;
background:#fff;

text-align:left;

}
#nav ul li a:hover { background: #444;border-top:none; }

#nav ul li ul { top: 0; left:241px;background:#ccc; }

/*— default */
body {
background: #fff;
color: #333;
font-size: 13px;
font-family:helvetica,”メイリオ”, Meiryo, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif;
line-height:1.4;
text-align:center;
border-top:5px solid #4d4d4d;margin:0;

}
body td,body th{
font-size:13px;
}
table{
border-collapse:collapse;
}

/*****************************************************

基本設定、リンクカラーなど

*****************************************************/
#wrap{
width:100%;
}
#wrapper,#makebanner,#topImage{
width:1024px;
margin:0 auto;
}
#wrapper{
margin-top:30px;
}
a:link {
color:#BEC2BC;
text-decoration:underline;
}

a:visited{
color:#1049A0;
text-decoration:underline;
}

a:hover{
color:#345ECB;
text-decoration: none;
}

a:active{
color:#1049A0;
text-decoration:underline;
}
.clear:after{
visibility: hidden;
display: block;
font-size: 0;
content: ” “;
clear: both;
height: 0;
}
* html .clear { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
/*****************************************************

ヘッダ #header

*****************************************************/
#headerWrap{
width:100%;
background: #fff url(/images/original_design_default/samplesource/3/body_bg.png) repeat-x bottom;
text-align:center;
margin-top:20px;

}
#header{
width:1024px;
position:relative;
margin:0 auto;
}
#head{
margin-bottom:10px;
min-height:75px;
height: auto !important;

}
#header h1{
margin-top:5px;
}
#h_logo{
float:left;

text-align:left;
}
#h_right{
float:right;
width:600px;
}
/* サブナビゲーション */
#subNav{
position:absolute;
top:5px;
right:0;
text-align:right;
height:14px;
}
#subNav img{
vertical-align:top;
}
#subNav li{
display:inline-block;
*display: inline;
*zoom: 1;
margin-left:4px;
vertical-align:top;
}
#subNav .M_loginBtn{
display:block;
width:55px;
height:14px;
background:url(/images/original_design_default/samplesource/3/hNav01.png) no-repeat 0 0;
text-indent:-9999em;
text-align:left;
overflow:hidden;
}
#subNav .M_logoutBtn{
display:block;
width:67px;
height:14px;
background:url(/images/original_design_default/samplesource/3/hNav01_out.png) no-repeat 0 0;
text-indent:-9999em;
text-align:left;
float:left;
overflow:hidden;
}
#subNav .M_loginBtn:hover,
#subNav .M_logoutBtn:hover{
background-position:0 -14px;
}
#subNav .M_helloMsg{
float:left;
font-size:11px;
margin-right:5px;
line-height:14px;
}
#cart{
position:absolute;
top:24px;
right:0;
}

/* 電話番号 */
#telnum,#M_basketTemp1{
float:right;
}
#telnum{
padding:0 10px;
}
#telnum p{
margin:4px auto 0;
}
#telnum em{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
}
/* 買い物カゴ */
#M_basketTemp1 .M_headItem{
text-align:left;
}

/* グローバルナビゲーション */
#gNav{
width:960px;
height:50px;
}
#gNav li{
float:left;
}
#gNav li a{
display:block;
width:192px;
height:50px;
text-indent:-9999em;
overflow:hidden;
}
#gNav li#gNav01 a{
background:url(/images/original_design_default/samplesource/3/gNav01.png) no-repeat top;
}
#gNav li#gNav02 a{
background:url(/images/original_design_default/samplesource/3/gNav02.png) no-repeat top;
}
#gNav li#gNav03 a{
background:url(/images/original_design_default/samplesource/3/gNav03.png) no-repeat top;
}
#gNav li#gNav04 a{
background:url(/images/original_design_default/samplesource/3/gNav04.png) no-repeat top;
}
#gNav li#gNav05 a{
background:url(/images/original_design_default/samplesource/3/gNav05.png) no-repeat top;
}
#gNav li#gNav01 a:hover,#gNav li#gNav02 a:hover,#gNav li#gNav03 a:hover,#gNav li#gNav04 a:hover,#gNav li#gNav05 a:hover{
background-position:0 -50px;
}

/*****************************************************

左コンテンツ #leftContents

*****************************************************/
#leftContents{
width:180px;
}
#leftContents .section{
margin-bottom:20px;
}
#leftContents .inner{
border:1px solid #b2b2b2;
border-top:none;
}
/* 検索input */
.inputWrap{
padding:10px;
}
.inputWrap img{
float:left;
_margin-left:0;
}
.search_input{
width:128px;
float:left;
height:20px;
border:1px solid #b2b2b2;
}
/* カテゴリーメニュー */
#l_category td{
text-align:left;
}
/* 会員メニュー */
#l_member ul{
text-align:right;
margin-bottom:5px;
}
#l_member li{
display:inline;
font-size:11px;
background:url(/images/original_design_default/samplesource/3/listIconR.png) no-repeat left;
padding-left:12px;
margin-left:2px;
}
#l_member li a{
color:#333;
}
/* カレンダー */
#l_calendar table{
margin-bottom:5px;
border-collapse:separate;
border-spacing:1px;
}
/* 中央揃え */
#l_owner,#l_banner{
text-align:center;
}
#l_owner table,#l_banner table{
margin:0 auto;
}
/* 投票 */
#l_poll img{
margin:0 2px;
}
#l_poll b{
color:#333;
}
#l_poll input{
margin-right:5px;
}
#l_poll td{
text-align:left;
}
#l_poll a img{
display:none;
}
#l_poll a{
display:block;
height:21px;
float:left;
margin-right:4px;
}
#l_poll a#poll_b01{
width:58px;
background:url(/images/original_design_default/samplesource/3/poll_b01.png) no-repeat 0 0;
margin-left:28px;
}
#l_poll a#poll_b02{
width:69px;
background:url(/images/original_design_default/samplesource/3/poll_b02.png) no-repeat 0 0;
}
#l_poll a#poll_b01:hover,#l_poll a#poll_b02:hover{
background-position:0 -21px;
}
/* 掲示板 */
#l_board table{
width:100%;
}
#l_board td{
text-align:left;
}
/* バナー */
#l_banner img{
margin-bottom:5px;
}

/*****************************************************

メインコンテンツ #rightContents

*****************************************************/
.rightContents{
width:760px;
margin-left:20px;
}
.rightContents .section{
margin-bottom:30px;
}

/*—————————————————-
中央画面 #top
—————————————————-*/
.r_left{
float:left;
width:520px;
}
.r_right{
float:right;
width:220px;
}
.titleMgn{
margin-bottom:10px;
}
#r_shopIntro{
margin-bottom:0;
}
/* 新着 */
#r_new .lims table{
margin:10px auto;
width:170px;
}
#r_new .lims table .woong td{
text-align:left;
font-weight:bold;
padding-top:5px;
}
#r_new .lims table .woong td a{
font-weight:normal;
}
#r_new .lims table .woong td img{
margin-left:5px;
}
/* おすすめ */
#r_recommend .lims table{
margin:10px;
width:170px;
}
#r_recommend .lims table .woong td{
text-align:left;
font-weight:bold;
padding-top:5px;
}
#r_recommend .lims table .woong td a{
font-weight:normal;
}
#r_recommend .lims table .woong td img{
margin-left:5px;
}
#r_recommend .lims table .woong td a b{
font-weight:normal;
font-size:11px;
}
/* ランキング */
#r_ranking .rankList{
float:left;
width:152px;
position:relative;
}
#r_ranking em{
display:block;
text-indent:-9999em;
}
#r_ranking .rankImg{
margin:5px auto;
}
#r_ranking #rank1 em{
background:url(/images/original_design_default/samplesource/3/rankIcon1.png) no-repeat center;
width:31px;
height:25px;
}
#r_ranking #rank2 em{
background:url(/images/original_design_default/samplesource/3/rankIcon2.png) no-repeat center;
width:28px;
height:22px;
}
#r_ranking #rank3 em{
background:url(/images/original_design_default/samplesource/3/rankIcon3.png) no-repeat center;
width:28px;
height:22px;
}
#r_ranking #rank4 em{
background:url(/images/original_design_default/samplesource/3/rankIcon4.png) no-repeat center;
width:17px;
height:17px;
}
#r_ranking #rank5 em{
background:url(/images/original_design_default/samplesource/3/rankIcon5.png) no-repeat center;
width:17px;
height:17px;
}
#r_ranking p{
text-align:left;
}
#r_ranking .rankPrice{
font-weight:bold;
}
/* レビュー */
#r_review #M_reviewView,
#r_review #M_reviewView table{
width:100%;
margin:0;
text-align:left;
}
/* 最近チェックした商品 */
#r_recent #recent{
margin-top:10px;
}
#r_recent #recent .itemBox,#r_recent #recent .itemBox table{
width:130px;
}
#r_recent .name,#r_recent .price{
text-align:left;
margin:5px 5px 0;
}
#r_recent .price{
font-weight:bold;
}
#r_recent #recent .line{
width:0;
}
#r_recent #recent .line img{
display:none;
}
/* お知らせ */
#top #r_news img{
margin-bottom:10px;
}
#top #r_news td.woong{
padding:2px 10px 2px 0;
border-bottom:1px dotted #b2b2b2;
text-align:left;
}

.table_01{
width: 100%;
border-collapse: collapse;
}
.table_01 th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_01 td{
padding: 6px;
border: 1px solid #b9b9b9;
}

h3{
margin: 0 0 1.5em;
border-bottom: 1px dashed #cccccc;
font-size: 13px;
font-weight: bold;
}

/*—————————————————-
商品詳細 タブadd
—————————————————-*/
#tabwrap{
border:1px solid #373737;
margin:30px 0 10px 0;
width:700px;
}

ul#tab {
zoom: 1;
background: #373737;
list-style: none;

padding: 0;
width:700px;
border-top:1px solid #373737;

}
ul#tab:after { content:”.”; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
float: left;
text-align: center;
}
ul#tab li:last-child {
background: none;
}
ul#tab li a {
display: block;
width: 138px;
padding: 8px 0;
text-decoration: none;
color: #C1C2BC;
}
ul#tab li a:hover {
color: #fff;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
background: #fff;
color: #CC2031;
}
#detail {
clear: both;
overflow: hidden;
background: #fff;
width: 660px;
padding: 20px;
}
.tabbox {
display: none;
}

/*—————————————————-
商品カテゴリーと商品詳細 共通
—————————————————-*/
.pankuzu{
text-align:left;
background:#e6e6e6;
border:1px solid #c9c9c9;
line-height:20px;
margin-bottom:10px;
}
.pankuzu a{
padding:0 5px;
font-size:11px;
color:#333;
}
.pankuzu font{
color:#333;
font-size:11px;
}
/*—————————————————-
商品カテゴリー #category
—————————————————-*/
/* カテゴリー */
#category h2{
font-size:14px;
margin-bottom:20px;
background:url(/images/original_design_default/samplesource/3/h2title.png) no-repeat center;
line-height:60px;
height:60px;
padding-left:20px;
}

/* 検索結果と並び替え */
#r_resultInfo{
font-size:11px;
margin:0 auto 10px;
}
.total{
float:left;
}
.listSort{
floar:right;
text-align:right;s
}
.listSort li{
display:inline;
}

/* カテゴリーリスト */
#category .innerList{
overflow:hidden;
_zoom:1;
letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
text-align:left;
}
#category .innerList li{
vertical-align: top;
letter-spacing: normal; /* 文字間を通常に戻す */
width:25%;/* 商品数が4つなので100%÷4=25% */
display:inline-block;
/display: inline; /* IE用ハック */
/zoom: 1; /* IE用ハック */
}
#category .innerBox{
margin:10px;
text-align:center;
}
#category .name{
margin-bottom:5px;
}
#category .imgWrap{
text-align:center;
margin-bottom:5px;
}
#category .price span{
padding:0 2px;
}
#category .price{
font-weight:bold;
color:#333;
}
#category .consumerPrice{
font-size:11px;
color:#999;
text-decoration:line-through;
}
#category .else{
text-align:left;
}
#category .else li{
float:none;
width:auto;
display:inline;
}
#category .M_lumpinput{
text-align:right;
}
#category .content{
border-top:1px dashed #b2b2b2;
padding:10px 0;
margin:10px auto;
border-bottom:1px dashed #b2b2b2;
font-size:11px;
}
#category .btnWrap{
margin:10px auto 5px;
background:#e6e6e6;
padding:5px 0;
text-align:left;
}
#category .btnWrap img{
margin-left:5px;
}
#category .btnWrap .soldout{
text-align:center;
color:#cc0000;
}

/*—————————————————-
商品詳細 #detail
—————————————————-*/
#itemLink{
margin-bottom:30px;
font-size:11px;
}
.item_prev{
float:left;
background:url(/images/original_design_default/samplesource/3/listIconL.png) no-repeat left;
padding-left:14px;
}
.item_next{
float:right;
background:url(/images/original_design_default/samplesource/3/listIconR.png) no-repeat right;
padding-right:14px;
}
#itemImg{
float:left;
width:300px;
}
#itemInfo{
float:right;
width:440px;
}
/* [INFO]タグ */
#detailInfo table{
width:100%;
margin-bottom:10px;
}
#detailInfo table td{
height:auto;
text-align:left;
}
#itemInfo #detailInfo table font{
color:#cc0000;
}
#detailInfo table input{
margin-right:5px;
}
#detailInfo table img{
vertical-align:auto;/* IE対策 */
}
#detailInfo #M_usualValue td{
font-size:16px;
padding:10px 0;
}
#wrapper #makebanner #detailInfo #M_usualValue,
#wrapper #makebanner #detailInfo #M_price2,
#wrapper #makebanner #detailInfo #M_taxview{
border:none;
width:auto;
font-weight:bold;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
#detailInfo #M_usualValue{
font-size:15px;
font-weight:bold;
}
#detailInfo #M_taxview{
width:auto;
}
/* 拡大画像ボタン */
#viewButton{
text-align:right;
}
/* 商品名 */
#detail h2{
margin-bottom:20px;
font-size:15px;
}
/* 商品詳細 */
#detail .detailTxt{
border-top:1px dotted #b2b2b2;
border-bottom:1px dotted #b2b2b2;
padding:10px 0;
margin-bottom:20px;
}

/* メールリンク */
#r_contact{
margin:10px 0 10px -5px ;
}
#r_contact li{
float:left;
margin-left:5px;
}
/* SNS */
#r_sns{
margin-top:10px;
}
#r_sns li{
float:left;
}
/* カートにいれるボタン */
#basketBtn{
background:#e6e6e6;
padding:10px;
margin-top:10px;
}
#basketBtn .soldout{
text-align:center;
color:#cc0000;
}
/* 追加商品説明文 */
#r_detailExt{
margin-bottom:0;
}
/* 追加商品画像 */
#r_addImg{
margin-bottom:0;
}
#r_addImg li{
float:left;
width:33%;
text-align:center;
padding-bottom:30px;
line-height:1.4;
}
#r_addImg li .inner{
margin:0 10px;
}
#r_addImg .addImg a{
border:1px solid #b2b2b2;
padding:5px;
display:block;
}
#r_addImg li p{
width:100%;
margin:10px 5px 0;
}
/* レビュー */
#detail #r_review{
margin-bottom:40px;
}
#detail #r_review td{
text-align:left;
}
#detail #r_review .imgLi input{
border:none;
}
#detail #m_reviewView td{
text-align:center;
}
/* 商品グループ */
#r_group{
border-top: 1px dashed #B2B2B2;
padding-top: 20px;
}
#r_group h3{
font-weight:bold;
background:url(/images/original_design_default/samplesource/3/titleIcon.png) no-repeat left;
padding-left:20px;
}
#r_group #M_group{
width:100%;
margin:16px auto;
border-collapse:collapse;
}
#r_group #M_group .itemBox, #r_group #M_group .itemBox table, #r_group #M_group td.itemImg {
width: 170px;
}
#r_group #M_group .itemBox{
vertical-align:top;
}
#r_group #M_group .name, #r_group #M_group .spe,#r_group #M_group .price {
margin: 5px 5px 0;
text-align: left;
}
#r_group #M_group .itemImg{
text-align:center;
}
#r_group #M_group .line {
width: 10px;
}
#r_group #M_group .line img {
display: none;
}
#r_group #M_group .price {
font-weight: bold;
}
/* 最近チェックした商品 */
#detail #r_recent{
border-top:1px dashed #b2b2b2;
padding-top:20px;
}
#detail #recent .itemBox,#detail #recent .itemBox table{
width:190px;
}
/*—————————————————-
ログインフォーム関係 .loginForm
—————————————————-*/
.loginForm{
margin-top:20px;
}
.loginForm h3{
font-size:14px;
margin-bottom:20px;
background:url(/images/original_design_default/samplesource/3/h3title.png) no-repeat left;
padding-left:20px;
}
.loginForm .section{
text-align:center;
}
.btnWrap{
margin-top:20px;
text-align:center;
}
.loginForm .leadTxt{
margin-bottom:30px;
}
.loginForm .lostpass{
text-align:center;
font-size:11px;
margin-top:5px;
}
.loginForm .formTable{
margin:20px auto 0;
width:400px;
}
.formTable th,
.formTable td{
border:1px solid #b2b2b2;
padding:6px 8px;
}
.formTable th{
background:#eee;
width:120px;
}
.M_nameList input,#r_review input,#r_review textarea{
padding:2px;
border:1px solid #b2b2b2;
}
.loginForm .formTable input{
width:200px !important ;
}

/*—————————————————-
会員ログイン #memberlogin
—————————————————-*/
#memberLogin .btnWrap{
overflow:hidden;
_zoom:1;
}
#memberLogin .btnWrap div{
float:left;
width:360px;
padding-bottom:20px;
}
#memberLogin .btnWrap #newMember{
border-right:1px dotted #b2b2b2;
}
#memberLogin .btnWrap p{
margin:20px;
}
/*—————————————————-
注文照会ログイン #orderlogin
—————————————————-*/
/*—————————————————-
パスワード紛失 #orderlogin
—————————————————-*/
/*—————————————————-
約款 #contract
—————————————————-*/
#contractBox{
width:700px;
height:280px;
overflow:auto;
border:1px solid #b2b2b2;
padding:10px;
text-align:left;
margin-top:20px;
}
/*—————————————————-
会員登録修正フォーム #member
—————————————————-*/
#memberForm #M_entryForm{
margin:30px 10px 20px;
width:740px;
border-top:1px solid #b2b2b2;
border-left:1px solid #b2b2b2;
}
* html #memberForm #M_entryForm{
position:relative;
}
#memberForm #M_entryForm th,
#memberForm #M_entryForm td{
border-bottom:1px solid #b2b2b2;
border-right:1px solid #b2b2b2;
padding:8px;
}
* html #memberForm #M_entryForm th,
* html #memberForm #M_entryForm td{
position:relative;
}
#memberForm #M_entryForm th{
background:#eee;
width:160px;
}
#memberForm .M_txt{
font-size:11px;
margin-left:10px;
}
#memberForm #mailreceiveN,
#memberForm #sex1{
margin-left:10px;
}
#memberForm .M_ex,
#memberForm .M_info{
font-size:11px;
color:#666;
}
#memberForm .M_post{
display:block;
width:96px;
height:22px;
background:url(/images/original_design_default/samplesource/3/r_postBtn.png) no-repeat;
float:left;
text-indent:-9999em;
overflow:hidden;
_zoom:1;
}
#memberForm #mailreceiveY,
#memberForm #mailreceiveN,
#memberForm #sex0,
#memberForm #sex1{
border:none;
}
#M_changepw #M_changepwTable th{
background:#615D5C;
}

/* 退会する */
#r_leave img{
display:none;
}
#r_leave a{
display:block;
width:81px;
height:22px;
margin-top:5px;
background:url(/images/original_design_default/samplesource/3/memberjoin_escape.png) no-repeat 0 0;
}
#r_leave a:hover{
background-position:0 -22px
}

/*—————————————————-
ポイント #point
—————————————————-*/
#r_pointData{
border:1px solid #b2b2b2;
background:#eee;
padding:10px;
margin:20px 60px 30px;
}
#r_pointData p{
text-align:center;
}
#r_pointData strong{
font-size:15px;
font-weight:bold;
color:#cc0000;
}
#r_pointList table{
border-collapse:separate;
width:400px;
margin:0 180px;
border-spacing:0;
}
#r_pointList td{
border:1px solid #b2b2b2;
padding:8px;
text-align:center;
}
#r_pointList td font{
font-size:13px;
}
/*—————————————————-
商品検索 #search
—————————————————-*/
#r_searchName{
margin:20px 0 20px;
}
#r_searchName font{
color:#333;
font-weight:bold;
}
#r_searchInput{
background:#dedede;
padding:10px;
}
#r_searchInput table{
width:740px;
background:#fff;
}
#r_searchInput .btnWrap{
margin-top:10px;
}
#r_searchInput th,#r_searchInput td{
border:1px solid #b2b2b2;
padding:6px 8px;
text-align:left;
}
#r_searchInput th{
background:#eee;
}
#r_searchInput #searchPrice input{
width:60px;
}
#r_searchList table,
#r_pager table{
width:100%;
}
.searchResult{
font-size:14px;
margin-bottom:20px;
background:url(/images/original_design_default/samplesource/3/searchIcon.png) no-repeat left;
padding-left:20px;
}
#r_searchList .innerList{
letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
text-align:left;
}
#r_searchList .innerList li{
width:25%;
display:inline-block;
vertical-align: top;
letter-spacing: normal; /* 文字間を通常に戻す */
/display: inline; /* IE用ハック */
/zoom: 1; /* IE用ハック */
}
#r_searchList .innerBox{
margin:10px;
}
#r_searchList .name{
margin-bottom:5px;
}
#r_searchList .imgWrap{
text-align:center;
}
#r_searchList .price{
font-weight:bold;
color:#333;
}
#r_searchList .else{
text-align:left;
}
#r_searchList .else li{
float:none;
width:auto;
display:inline;
}
#r_searchList .btnWrap{
margin:10px auto 5px;
background:#e6e6e6;
padding:5px;
text-align:center;
}
#r_searchList .soldout{
text-align:center;
color:#cc0000;
}

/*—————————————————-
買い物カゴ #basket
—————————————————-*/
#r_basket{
margin-bottom:60px;
}
#basketTable{
width:100%;
margin-top:30px;
}
#basketTable th,#basketTable td{
text-align:center;
border-bottom:1px solid #b2b2b2;
padding:6px;
}
#basketTable th{
border-top:2px solid #b2b2b2;
border-bottom:1px dashed #b2b2b2;
white-space:nowrap;
}
#basketTable .basketNum{
width:30px;
padding:0;
}
#basketTable .basketImg{
width:56px;
}
#basketTable .basketName{
width:400px;
text-align:left;
}
.quantityWrap{
display:table;
}
.quantityInput,.basketQunantity,.quantityAmend{
display:table-cell;
vertical-align:middle;
padding:0 2px;
}
#basketTable .basketQuantity td{
border:none;
padding:0;
}
#basketTable .basketPoint{
width:70px;
}
#basketTable .basketPrice{
width:70px;
}
#basketTable .basketOption{
text-align:left;
margin-top:4px;
}
#basketTable .basketHaisou{
padding:0;
}
#basketTable .carriageWrap{
margin:4px 0;
}
#basketTable .basketHaisou p{
text-align:right;
}
#basketTable .basketHaisou .carriageMsg1{
color:#cc0000;
}
#basketTable .basketHaisou .carriageMsg2{
font-size:11px;
}
#basketTable .basketBtns{
width:80px;
}
#basketTable .basketBtns img{
margin-bottom:2px;
}
#basketTable .basketTotal{
text-align:right;
background:#ebebeb;
border-top:3px solid #b2b2b2;
}
#basketTable .basketTotal em{
font-weight:bold;
font-size:15px;
color:#cc0000;
}
#basketTable .basketEmpty p{
text-align:center;
margin:10px auto;
}
#r_basket .btnWrap .btnBack{
float:left;
padding-top:5px;
margin-left:10px;
}
#r_basket .btnWrap .btnOrder{
float:right;
margin-right:10px;
}

/* お気に入りリスト */
#wishTable{
width:100%;
}
#wishTable th,#wishTable td{
text-align:center;
border-bottom:1px solid #b2b2b2;
padding:6px;
}
#wishTable th{
border-top:2px solid #b2b2b2;
border-bottom:1px dashed #b2b2b2;
}
#wishTable .wishName{
text-align:left;
width:240px;
}
#wishTable .wishQuantity input{
margin-right:4px;
}
/*—————————————————-
お知らせ #news
—————————————————-*/
#r_news{
margin-top:30px;
}
#r_news #newsHead{
text-align:left;
border-bottom:2px solid #b2b2b2;
padding:4px 0;
font-size:15px;
}
#r_news #newsHead span{
margin-right:10px;
font-size:11px;
color:#999;
}
#r_news #newsContents{
text-align:left;
padding:40px 20px;
border-bottom:1px dashed #b2b2b2;
margin-bottom:20px;
}
#r_news #newsAccess{
text-align:right;
font-size:11px;
color:#999;
margin-top:20px;
}
#r_news #newsNext{
text-align:right;
font-size:11px;
margin-bottom:10px;
}
#r_news #newsList{
margin-bottom:20px;
}
#r_news #newsList .line{
background:#fff;
}
#r_news #newsList .lims{
border-bottom:1px dashed #b2b2b2;
}
#r_news #newsListBtn{
text-align:center;
}

/* ご利用ガイド */
#makebanner #guideMain{
margin:0 70px;
}

/*—————————————————-
カタログ #catalog
—————————————————-*/
#catalog .ctlg_text{
margin-top:24px;
}
#r_catalog .catalogCart{
text-align:right;
margin:8px 0;
}

/*****************************************************

フッタ #footer

*****************************************************/
.pageTop{
position:fixed;
right:37px;
bottom:40px;
}
#footerWrap{
width:100%;
background:#ccc;
margin-top:20px;
}
#footer{
width:960px;
margin:0 auto;
padding:10px 0;
font-size:11px;
}
#f_nav{
overflow:hidden;
_zoom:1;
float:left;
}
#f_nav li{
display:inline;
padding:0 1em 0 8px;
background:url(/images/original_design_default/samplesource/3/footerDot.png) no-repeat left;
}
#f_nav li a:link,#f_nav li a:visited,#f_nav li a:active{
text-decoration:none;
color:#333;
}
#f_nav li a:hover{
text-decoration:underline;
color:#666;
}
#f_info{
float:right;
width:400px;
text-align:right;
color:#666;
}
#f_info a{
color:#666;
}
.footer_menu{
float:left;
margin-right:12px;
text-align:left;
}

.footer_menu p{
color:#747474;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

.footer_menu ul{
margin-top:10px;
}

.footer_menu li{
margin:3px 0;
}

.footer_menu a:link,a:visited,a:active{
color:#C7C2BC;
text-decoration:none;
}

.footer_menu a:hover{
color:#C32031;
text-decoration:none;
}

/* marketing css */
#primary{width:;}
#content{
line-height:2.0em;
}
.site-content{float:right;width:700px;}
.entry-page-title{font-weight:bold;font-size:24px;margin-bottom:12px;}
.entry-title{font-weight:bold;font-size:18px;margin-bottom:12px;}
.archive-title{font-weight:bold;font-size:24px;margin-bottom:12px;}

.entry-title{color:#CC2031;
}
.entry-title a:link{
color:#CC2031;
text-decoration:none;
}

.entry-title a:visited{
color:#CC2031;
text-decoration:none;
}

.entry-title a:hover{
text-decoration:underline;
}

.widget a:link{
color:#CC2031;
text-decoration:none;
}

.widget a:visited{
color:#CC2031;
text-decoration:none;
}

.widget a:hover{
text-decoration:underline;
}

.mark_sidebar{
float:left;
text-align:left;
line-height:1.4em;
}

h3.widget-title{font-size:1.3em;margin-top:30px;}

.entry-summary{line-height:2.0em;}
.entry-content{line-height:2.0em;}

.entry-content img{margin:10px 0;}

.entry-content iframe{margin:10px 0;}

#content a:link {
color:#CE0C24;
text-decoration:none;
}

#content a:visited{
color:#CE0C24;
text-decoration:none;
}

#content a:hover{
color:#CE0C24;
text-decoration: underline;
}

#content a:active{
color:#CE0C24;
text-decoration:underline;
}

.nav-previous{
float:left;
text-align:right;
max-width:350px;
}

.nav-next{
float:right;
text-align:left;
max-width:350px;
}

#headbnr{
width:100%;padding:4px 0 2px 0;background:#7B111B;height:20px;
position:absolute;top:0px;z-index:9999;font-weight:bold;
}

#headbnr a:link{color:#fff;text-decoration:none;}
#headbnr a:hover{text-decoration:underline;}
#headbnr a:visited{color:#fff;}

twentytwelve

/* Common CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

.listGrid #list_item li{
width:48% !important;
}

body {
line-height:1.4;
font-family: Helvetica, san-serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

ul, ol {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:\’\’;
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}

a:link{
color:#333;
}

a:visited{
color:#333;
}

a:hover{
color:#333;
}

a:active{
color:#333;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

img {
border: 0;
vertical-align: bottom;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
#mainContents{padding:5px;}
input, select {
vertical-align:middle;
}

strong,em{
font-style:normal;
font-weight:bold;
}

/* 上下ナビゲーション */
.navBar{
background-color:#373737;
border-top:solid 1px #EDEDED;
border-bottom:solid 1px #EDEDED;
width:100%;
margin:0;
}

.navBar ul{
border-top:solid 1px #ccc;
border-bottom:solid 1px #cfcfcf;
overflow: hidden;
}

.navBar ul li{
float:left;
width:33%;
}

.navBar ul li a{
text-align:center;
display:block;
color: #fff;
font-size: 12px;
line-height:1.7;
white-space:nowrap;
border-left: 1px solid #fff;
border-right: 1px solid #181008;
padding: 5px 0;
}

.navBar ul li.btnLogin a{
border-right: 0px solid #fff;
}

.navBar ul li.btnHome a{
border-left: 0px solid #181008;
}

/* 共通パーツ */
.btn{
display:block;
margin-left:3px;
border:1px solid #959595;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background:#e8e8e8;
background:-webkit-gradient(linear,left top, left bottom,from(#dfdfdf),color-stop(0.03, #fff),color-stop(0.45, #fff),color-stop(0.52, #e7e7e7),to(#fefefe));
background:-moz-linear-gradient(top,#dfdfdf 0%,#fff 3%,#fff 45%,#e7e7e7 52%,#fefefe 100%);
color:#333;
font-size:16px;
font-weight:bold;
text-align:center;
}

.markSearch{
position:absolute;
width:22px;
height:22px;
background:url(\’/smartphone/images/mark_search.png\’) no-repeat;
top:6px;
left:5px;
-webkit-user-select:none;
-moz-user-select:none;
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
}

h3.catTit{
background-color:#9c9e9c;
background:-webkit-gradient(linear,left top, left bottom,from(#8a8c8a),to(#9c9e9c));
background:-moz-linear-gradient(top,#8a8c8a 0%,#9c9e9c 100%);
font-size:13px;
padding:10px;
color:#fff;
text-shadow: 1px 1px 2px #636563;
margin:10px 0 5px;
}

#topicPath{
text-align:left;
padding:8px 10px;
color:#999;
margin-bottom:8px;
}

#topicPath li:not(.multiTopicPath),
#topicPath li li{
display:inline;
font-size:13px;
color:#333;
padding-right:4px;
}

#topicPath li li a{
color:#044f9d;
}

.noTopicPath ul{
margin-top:15px;
}
.optionPanel{
margin:16px 8px 8px;
}

.optionPanel h3{
border:1px solid #848284;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#848284;
color:#fff;
font-size:14px;
padding:5px 8px;
}

.optionPanel .optionMenu{
display:block;
padding:5px 8px 0;
margin-bottom:8px;
border-left:solid 1px #cecfce;
border-right:solid 1px #cecfce;
border-bottom:solid 1px #cecfce;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

.optionPanel .optionMenu select{
display:block;
width:100%;
margin-bottom:8px;
border:1px solid #4c4c4c;
line-height:1;
font-size:14px;
}

.optionPanel .searchArea{
display:block;
padding:8px;
margin-bottom:8px;
border-left:solid 1px #cecfce;
border-right:solid 1px #cecfce;
border-bottom:solid 1px #cecfce;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
background:#fff;
}

/* トップページ */
.comment{
font-size:12px;
margin-top:10px;
padding:0 5px;
}

#recommend ul,#newItem ul{
display:-webkit-box;
display:-moz-box;
width:100%;
}

#recommend ul li,#newItem ul li{
width:100px;
}

ul.item{
font-size:12px;
margin-bottom:5px;
}

ul.item.lastChild{
margin-bottom:0;
}

ul.item li{
margin-left:5px;
word-break:break-all;
font-family: monospace;
}

ul.item li a{
display:block;
}

ul.item span{
color:#f00;
font-family: Helvetica, san-serif;
}

.itemImg{
width:100px;
height:100px;
background:url(\’/smartphone/images/loading.gif\’) no-repeat center center #ebebeb;
text-align:center;
display:table-cell;
vertical-align:middle;
}

/* カテゴリーリスト */
.catBox{
background:#969696;
padding:5px;
font-size:16px;
}

.catBox .catMenu li{
margin-bottom:1px;
}

.catBox .catMenu li:first-child,.catBox .catMenu li:first-child a{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

.catBox .catMenu li:last-child,.catBox .catMenu li:last-child a{
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}

.catBox .catMenu li a{
display:block;
padding:15px;
background:#373737;
color:#fff;
}

.catBox .catMenu li a span{
background:url(\’/smartphone/images/icon_arrow.png\’) no-repeat right center;
display:block;
padding-right:10px;
-webkit-background-size: 14px 14px;
background-size: 14px 14px;
}

.catBox .catMenu li.subCatClose:last-of-type a{
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}

.catBox .catMenu li:last-child.subCatOpen,.catBox .catMenu li:last-child.subCatOpen a{
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
}

.catBox .catMenu .subCatBox li.subCatLink a{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}

.catBox .catMenu .subCatBox{
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

.catBox .catMenu .subCatBox li{
margin-top:1px;
}

/* サブカテゴリー表示 */
.catBox .catMenu .subCatOpen a span{
background:url(\’/smartphone/images/icon_arrow_up.png\’) no-repeat right center;
display:block;
padding-right:10px;
-webkit-background-size: 14px 14px;
background-size: 14px 14px;
}

.catBox .catMenu .subCatClose a span{
background:url(\’/smartphone/images/icon_arrow_down.png\’) no-repeat right center;
display:block;
padding-right:10px;
-webkit-background-size: 14px 14px;
background-size: 14px 14px;
}

.catBox .catMenu .subCatBox li a{
display:block;
padding:15px;
background:#333;
color:#fff;
background:#333 url(\’/smartphone/images/icon_arrow_tree.png\’) no-repeat 15px 17px;
padding-left:32px;
-webkit-background-size: 14px 14px;
background-size: 14px 14px;
}

.catBox .catMenu .subCatBox li a span{
background:url(\’/smartphone/images/icon_arrow_white.png\’) no-repeat right center;
display:block;
padding-right:10px;
-webkit-background-size: 14px 14px;
background-size: 14px 14px;
}

.catBox .catMenu .subCatBox .subCatBox{
border:none;
}

.catBox .catMenu .subCatBox .subCatBox .subCatBox li a{
padding-left:52px;
background-position:35px 17px;
}

.catBox .catMenu .subCatBox .subCatBox .subCatBox .subCatBox li a{
padding-left:72px;
background-position:55px 17px;
}

.catBox .catMenu .subCatBox .subCatBox .subCatBox .subCatBox .subCatBox li a{
padding-left:92px;
background-position:75px 17px;
}

/* 検索窓 */
.searchArea{
padding:5px;
background:#e5e5e5;
border-bottom:solid 1px #ccc;
}

.searchBox{
display:-webkit-box;
display:-moz-box;
width:100%;
}

.searchBox .frame{
position:relative;
display:block;
-webkit-box-flex:1;
-moz-box-flex:1;
padding:0 15px 0 20px;
border:1px solid #959595;
border-radius:14px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
background:#fff;
box-shadow:inset 0 1px 2px rgba(0,0,0, 0.4) ;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0, 0.4) ;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0, 0.4) ;
-webkit-user-select:none;
}

.searchBox input{
-webkit-appearance:none;
position:relative;
width:100%;
height:28px;
background:transparent;
border:0;
color:#333;
font-size:14px;
line-height:28px;
z-index:2;
}

.searchBox p{
position:relative;
}

.searchBox .submit{
display:block;
margin-left:3px;
width:57px;
height:29px;
border:1px solid #959595;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background:#e8e8e8;
background:-webkit-gradient(linear,left top, left bottom,from(#dfdfdf),color-stop(0.03, #fff),color-stop(0.45, #fff),color-stop(0.52, #e7e7e7),to(#fefefe));
background:-moz-linear-gradient(top,#dfdfdf 0%,#fff 3%,#fff 45%,#e7e7e7 52%,#fefefe 100%);
color:#333;
font-size:16px;
font-weight:bold;
line-height:30px;
text-align:center;
}

.searchBox .submit input{
-webkit-appearance:none;
display:block;
position:absolute;
width:57px;
height:29px;
margin:0;
padding:0;
border:0;
background:transparent;
text-indent:-9999px;
top:1px;
left:4px;
overflow:hidden;
}

#guide h3{
margin-bottom:24px;
}

.editContent{
border-bottom:1px dotted #c9c9c9;
padding-bottom:16px;
margin:0 8px 16px;
}

#htmlEdit{
border:none;
padding:0;
margin:0;
}

.editContent h4{
font-size:14px;
color:#044F9D;
margin-bottom:16px;
}

.editContent h4 span{
margin-right:3px;
}

.editArea{
font-size:12px;
text-align:left;
idth:100%;
}

.editArea pre{
margin:10px;
white-space: pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-wrap: break-word;
}

#policy .editContent,#law .editContent{
border:none;
padding:0;
margin:8px 8px 0;
}

#policyPerson{
font-size:12px;
margin:16px 0 0;
text-align:right;
}

#policyPerson a{
text-decoration:underline;
}

#lawList{
margin-top:16pt;
}

#lawList th{
color:#044F9D;
font-size:13px;
}

#lawList td{
padding:6px 6px 16px;
}

/* レビュー */
#M_review_title{
background:#000;
border:1px solid #373737;
margin:20px 0 20px 0;
width:1012px;
text-transform:uppercase;
text-align:left;
padding:8px 0 8px 10px;
font-size:20px;
font-weight:bold;
color:#CC2031;
border-top:3px solid #7B111B;
}
#M_review_wrap{
width:1012px;
padding:8px 0 8px 10px;
margin:20px 0 20px 0;
}

#M_review{}
#M_review table{width:1022px !important;}
#r_review #M_reviewView,
#r_review #M_reviewView table{
text-align:left;
}
.M_btnStyle{
border:1px solid #CC2031;
padding:5px;
position:relative;
top:20px;left:-22px;
}
.M_reviewRead{width:1022px !important;}

#M_reviewViewAll{width:1024px !important;margin-left:-10px;}

/***************************************

商品レビュー

***************************************/

/* レビューの星 */
.reviewRate{
display:inline-block;
vertical-align:middle;
font-size:0;
margin:8px 0 8px -1px;
}

.reviewRateStar{
display:inline-block;
width:21px;
height:21px;
text-indent:-9999em;
cursor:pointer;
background:no-repeat center center;
background-size:21px 21px;
margin:0 1px;
}

.starOn{
background-image:url(/smartphone/images/star_on.png);
}

.starOff{
background-image:url(/smartphone/images/star_off.png);
}

.starHalf{
background-image:url(/smartphone/images/star_half.png);
}

/* レビューを書く */
.reviewContent{
text-align:left;
margin:0 10px 24px;
}

.reviewForm dl {
margin-bottom: 10px;
}
.reviewForm dd {
margin-bottom: 15px;
}
.reviewForm dt {
margin-bottom:4px;
font-weight:bold;
}
.reviewForm dl input {
padding: 6px 0;
width: 99%;
}
.reviewForm dl textarea {
padding: 6px 0;
width: 99%;
}

.reviewForm .reviewRateStar{
width:43px;
height:43px;
background-size:43px 43px;
}

.reviewContent .required {
background: #C00;
color: white;
display: inline-block;
font-size: 11px;
margin-left: 8px;
padding: 1px 3px;
font-weight: normal;
}

.reviewItem{
margin: 16px auto;
width: 100%;
box-sizing: border-box;
padding:16px;
background:#eee;
box-sizing:border-box;
display:table;
}

.reviewItemUnit{
display:table-cell;
vertical-align: middle;
text-align:left;
}
.reviewItemName{
padding-left:8px;
font-size:13px;
}

.reviewItemImg{
width:80px;
}

.reviewItemImg img{
border: solid 1px #ccc;
box-sizing: border-box;
max-width:100%;
height:auto;
}

.errorTxt{
color:#cc0000;
margin-bottom:5px;
}

.captionTxt{
color:#888;
text-align:right;
font-size:12px;
}

.reviewText{
border: 1px solid #808080;
box-sizing: border-box;
padding: 10px;
width: 100%;
height:120px;
}

.btnPost{
background:#999;
text-align:center;
color:#fff !important;
width:100%;
padding:15px 0;
font-size:16px;
}

#review #back .btn{
width:auto;
font-size:13px;
padding:10px 30px;
background:#eee;
}