@charset "Shift_JIS";

/* --------------------------------------------------------------------
	カート画面（TOP）
-------------------------------------------------------------------- */
#orderstep01 {
}
.cart_event_name_ {
	height: 30px;
	padding: 26px 185px 57px 50px;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/usr/h1_back960.png) no-repeat;
}
/*	関連：ピックアップ表示 */
#orderstep01 div.StyleP_Frame_{
	padding: 10px 10px 0 0;
	width: 960px;
}
#orderstep01 div.StyleP_Frame_inner_ {
	width: 100%;
}
#orderstep01 div.StyleP_Line_ {
	width: 110%;
}
#orderstep01 div.StyleP_Item_ {
	width: 286px;
	height:140px;
	margin: 0 20px 20px 0;
	padding: 10px;
	float: left;
	display: block;
	position:relative;
	background: url(../img/usr/top/StyleP_cart_bg.png) left top no-repeat;
}
#orderstep01 div.StyleP_Item_ div.img_ {
	width: 100px;
	height:140px;
	margin: 0;
	padding:0 1px 0 0;
	float: left;
	text-align: left;
	position: relative;
	background: url(../img/usr/dot_line.gif) 100px top repeat-y;
}
#orderstep01 div.StyleP_Item_ div.img_ a img {
	width: 90px;
}
#orderstep01 div.StyleP_Item_ .desc_ {
	width: 173px;
	height:135px;
	padding-bottom: 5px;
	float:right;
	position:relative;
}
#orderstep01 div.StyleP_Item_ .name_ {
	margin-bottom: 5px;
	padding: 0 5px 0 0;
	font-size: 12px;
	font-weight: bold;
	height: 48px;
	overflow: hidden;
}
#orderstep01 div.StyleP_Item_ .comment_ {
	padding:0 5px 8px 0;
	font-size: 10px;
	height: 46px;
	overflow: hidden;
}
#orderstep01 div.StyleP_Item_ .stock_ {
	padding:0 5px 8px 0;
	font-size: 13px;
	height: 15px;
	overflow: hidden;
}
#orderstep01 div.StyleP_Item_ .price_pop_ {
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:120px;
	left:110px;
}
#orderstep01 div.StyleP_Item_ .price_ {
	width: 120px;
	height: 22px;
	font-size: 15px;
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:0;
}
#orderstep01 div.StyleP_Item_ .price2_ {
	padding-top: 5px;
	font-size: 11px;
}
#orderstep01 div.StyleP_Item_ .cart_ {
	width: 45px;
	padding-bottom: 2px;
	position:absolute;
	bottom:0;
	right:0;
}
#orderstep01 .goods_ div.StyleP_Item_ .free_icon_ {
	width:40px;
    position: absolute;
    left:55px;
    top:58px;
}
/**/

div.cartlist_ {
}
div.order_flow_ {
	margin: 15px 0;
	text-align: center;
}
table.cartlist_ {
	margin: 0 auto;
	width: 820px;
	border-left: none;
	border-right: none;
}
table.cartlist_ td {
	background: url(../img/usr/comment_back.png);
	border-left: none;
	border-right: none;
	border-bottom:1px  solid #d6c6b9;
}
table.cartlist_ td.img_ {
	width: 50px;
}
table.cartlist_ td.img_ img {
	width: 50px;
}
table.cartlist_ td.money_ {
	width:80px;
	white-space:nowrap;
	text-align:right;
}
table.cartlist_ td.qty_ {
	width:80px;
	white-space:nowrap;
	text-align:right;
}
table.cartlist_ td.button_ {
	text-align: center;
	width: 60px;
}
table.cartlist_ td.total_ {
	text-align:right;
}
table.cartlist_ .qty_ input {
}
input.calc_ {
	width:0px;
	height:0px;
}
div.cartlist_ .title_decoration_ p {
	padding: 13px 8px 13px 55px;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/usr/h2_960.png) 0 0 no-repeat;
	display: block;
	color:#362e2b;
}
/*150820_ボタン追加*/
div.submit_ .plural_area{
	display:inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
div.submit_ .plural_area ul{
	margin-top:10px;
	margin-right: -60px;
	*zoom: 1;
}
div.submit_ .plural_area ul li{
	text-align:left;
	text-indent: 1em;
}
/* 買い物かご内の商品について 20150701 */
.about_cart{
	background-color:#FDDDF6;
	margin: 0 auto 20px;
	width: 820px
}
html>/**/body .about_cart{
	margin-bottom /*\**/:40px\9;/*IE8用*/
}
.about_cart .inner{
	margin-left:20px;
	height: 0;
	padding-top: 10%;
}

.about_cart .inner .note{
	position:relative;
	bottom:127px;
}
.about_cart .inner .note img{
	width:30px;
}

.about_cart .inner .note_01{
    position: relative;
    left: 40px;
    bottom: 50px;
	font-size:120%;
	font-weight:bold;
}
.about_cart .inner .note_02{
	position: relative;
	bottom:85px;
    left: 260px;
	line-height:150%
}

/* --------------------------------------------------------------------
	メールニュース
-------------------------------------------------------------------- */
div.mail_ {
}
div.mail_ .agreebody_ {
	margin: 10px 0 20px 0;
	width: 100%;
}
div.mail_ table {
	width: 100%;
}
div.mail_ table th {
	width: 25%;
}
div.mail_ div.mailnewstitle_ {
}

/* --------------------------------------------------------------------
	お友達に紹介
-------------------------------------------------------------------- */
div.intro_ {
	margin: 0 auto;
	padding-bottom: 150px;
	width: 960px;
}
div.intro_ .common_headline2_ {
	background: url(../img/usr/h2_960.png) no-repeat;
}
div.intro_ .message_ {
	padding-bottom: 20px;
}
div.intro_ .mail_ {
	padding: 0;
}
div.intro_ table {
	margin-top: 10px;
	width: 100%;
}
div.intro_ table.intro_address_ th {
	width: 8em;
	vertical-align: top;
}
div.intro_ .name_ input{
	margin: 0 5px 0 5px;
}
div.intro_ span.mail_ {
	padding-left: 20px;
}
div.intro_ .mail_ input{
	margin: 0 0 0 5px;
}

div.intro_box_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
div.intro_ div.intro_box_ div.name_ {
	margin-right: 20px;
	float: left;
}
div.intro_ div.intro_box_ div.mail_ {
	float: left;
}
/* --------------------------------------------------------------------
	トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */
div.topic_ {
}
h2.topic_title_ {
	margin: 0 0 10px 0;
	padding: 7px 10px 5px 12px;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/usr/h3_back.png) 0 bottom repeat-x;
}

/* トピック一覧 */
div.topiclist_ {
	width:960px;
	padding:0 0  8px 0;
	margin: 0 0 10px 0;
	position:relative;
	background: url(../img/usr/top/info_bottom.png) 0 bottom no-repeat;
}
div.topiclist_ .topiclist_head_ {
	padding:8px 0 0 0;
	background: url(../img/usr/top/info_top.png) 0 top no-repeat;
}
div.topiclist_ .topiclist_head_ h2 {
	width: 120px;
	height: 22px;
	position:absolute;
	top:9px;
	left:10px;
}
div.topiclist_ .topiclist_body_ {
	background: #EA0D12;
	overflow:hidden;
}
div.topiclist_ ul.topicline_ {
	width:795px;
	margin: 0;
	padding: 0;
	float:right;
}
div.topiclist_ ul.topicline_ li {
	padding: 2px 5px 0 18px;
	clear: both;
	overflow: hidden;
	color:#fff;
	background: url(../img/usr/top/topic_arrow.png) 0 3px no-repeat;
}
div.topiclist_ ul.topicline_ li.img_ {
	padding: 5px 0;
	background: none;
}
div.topiclist_ ul.topicline_ li span {
	font-size:16px;
}
div.topiclist_ ul.topicline_ li a {
	color:#FFF;
}
div.topiclist_ ul.topicline_ li a:hover {
	text-decoration:underline;
}
div.topiclist_ ul.topicline_ li .icon_ {
	float: left;
	width: 50px;
}

/* --------------------------------------------------------------------
	アンケート
-------------------------------------------------------------------- */

/* 入力画面 */
div.questionnaire_ {
}
div.questionnaire_box_ {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
div.questionnaire_box_ div.desc_ {
	margin-bottom: 10px;
	padding: 0 0 10px 10px;
	border-bottom: 1px dotted #CCC;
}
div.questionnaire_box_ table {
	width: 100%;
}
div.questionnaire_box_ table.formdetail_ th {
	width: 16em;
}
div.questionnaire_box_ div.questionnaire_box_content_ {
	padding: 0 10px;
}
/**/

/* 確認画面 */
table.questionnaire_confirm_ {
	width: 100%;
}
table.questionnaire_confirm_ th {
	width: 16em;
}
/**/

/* --------------------------------------------------------------------
	カタログ
-------------------------------------------------------------------- */
/* カタログ一覧 */
.catalog_cart_ {
	margin-bottom: 10px;
	text-align: center;
}
.catalog_frame_ {
	width: 100%;
}
.catalog_frame_ td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	border-bottom: 1px dotted #CCC;
}
.catalog_frame_ td.img_ {
	padding-right: 10px;
}
.catalog_frame_ td.desc_ div.name_ {
	margin-bottom: 10px;
	padding: 5px;
	background: #F0F0F0;
}
.catalog_frame_ td.desc_ div.name_ .name1_ {
	font-size: 14px;
	font-weight: bold;
}
.catalog_frame_ td.desc_ div.comment_ {
	margin: 0 0 10px 10px;
}
.catalog_frame_ td.desc_ div.limit_ {
	margin: 0 0 10px 10px;
}

/* カタログ利用規約 */
div.customer_ .catalog_agreebody_ {
	margin: 0 0 10px 0;
	width: 100%;
}
/**/

/* カタログ請求確認 */
dl.catalogconfirm_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
dl.catalogconfirm_ dt {
	padding: 5px;
	float: left;
	font-weight: bold;
}
dl.catalogconfirm_ dd {
	padding: 5px 5px 5px 8em;
	border-bottom: 1px dotted #CCC;
}

/* --------------------------------------------------------------------
モール広告
--------------------------------------------------------------------- */

div.MallAdvt_Item1_ {
	padding: 0 0 0 0;
	float: left;
	display: inline;
	height: 200px;
	width: 300px;
}
div.MallAdvt_Item2_ {
	padding: 0 0 0 0;
	float: left;
	height: 200px;
	width: 300px;
}

/* --------------------------------------------------------------------
法人
-------------------------------------------------------------------- */
div.biz_ {
}
div.biz_ table {
	width: 100%;
}
div.biz_ table.biz_, 
div.biz_ table.customerconfirm_ {
	margin-bottom: 20px;
}
div.biz_ table.biz_ 
th, div.biz_ table.customerconfirm_ th {
	width: 25%;
}
div.biz_ .agreebody_ {
	margin: 20px 0;
	width: 100%;
}
.history_total_ {
	text-align: right;
	font-weight: bold;
}

/* --------------------------------------------------------------------
 イベント
-------------------------------------------------------------------- */
.event_detail_ {
	padding: 0 10px;
	height: 172px;
	width: 208px;
	overflow: hidden;
}
.event_detail_ ul {
}
.event_detail_ ul li {
	float: left;
	width: 49.9%;
	text-align: center;
	font-size: 11px;
}
.event_detail_ ul li span {
	padding-left: 13px;
}
.event_detail_ ul li.e_health1_ a {
	padding-top: 45px;
	line-height: 1.2;
}
.event_detail_ a {
	padding: 55px 0 14px;
	color: #fff;
	display: block;
}
#event_character.event_detail_ a {
	padding: 68px 0 0;
}
#event_character.event_detail_ ul li.li3_ a {
	padding-top: 57px;
	padding-bottom: 13px;
}
.event_detail_ a:hover {
	text-decoration: none;
}
#event_character {
	background: url(../img/usr/event_character_bottom.png) no-repeat;
}
#event_character ul li span {
	background: url(../img/usr/event_arrow_y.png) 0 2px no-repeat;
}
#event_character a:hover {
	color: #fff100;
}
#event_health {
	padding: 0 15px 0 12px;
	width: 201px;
	background: url(../img/usr/event_health_bottom.png) no-repeat;
}
#event_health ul li span {
	background: url(../img/usr/event_arrow_g.png) 0 2px no-repeat;
}
#event_health a:hover {
	color: #67e767;
}
#event_assortment {
	padding: 0 15px 0 16px;
	width: 199px;
	background: url(../img/usr/event_assortment_bottom.png) no-repeat;
}
#event_assortment ul li span {
	background: url(../img/usr/event_arrow_p.png) 0 2px no-repeat;
}
#event_assortment a:hover {
	color: #f279a3;
}


/* --------------------------------------------------------------------
	リサーチ一覧画面
-------------------------------------------------------------------- */
div.research_ {
	overflow: hidden;
}
div.research_  table.research_ {
	margin-bottom: 5px;
}
div.research_  table.research_ th.title_ {
	width: 60%;
}
div.research_  table.research_ th.period_ {
	width: 30%;
}
div.research_  table.research_ th.number_ {
}
div.research_  table.research_ td {
	vertical-align: middle;
	border: 1px solid #D6C6B9;
}
div.research_  table.research_ td a {
	text-decoration: underline;
}
div.research_  table.research_ td.title_ {
	font-weight: bold;
}
div.research_  table.research_ td.number_ {
	text-align: right;
}

/* --------------------------------------------------------------------
	リサーチ結果画面
-------------------------------------------------------------------- */
div.research_ div.research_result_ {
	padding: 20px;
	background: url(../img/usr/goods_back.png) ;
}
div.research_ .questionbox_ {
	margin-bottom: 20px;
	padding: 20px;
	background: url(../img/usr/goods_back.png) ;
	border: 1px solid #D6C6B9;
}
div.research_ .questionbox_ p.title_ {
	margin-bottom: 8px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 2px dotted #d6c5bb;
}
div.research_ .questionbox_ p.question_ {
	padding-bottom: 10px;
}
div.research_ .questionbox_ p.period_ {
	text-align: right;
}
div.research_ div.research_result_ table {
	width: 100%;
}
div.research_ div.research_result_ table td {
	vertical-align: top;
}
div.research_ td#pie_chart {
	width: 520px;
}
div.research_ td#pie_chart .total_ {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
table.innertbl_ {
	width: 100%
}
table.innertbl_ th {
	padding: 2px 5px;
	width: 50px;
}
table.innertbl_ td {
	padding: 2px 5px;
}
table.innertbl_ td .ans_ {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 2px dotted #d6c5bb;
}
table.innertbl_ td .num_ {
	text-align: right;
	font-weight: bold;
}
div.research_bottom_ {
	overflow: hidden;
	width: 100%;
}
div.research_ .research_comment_ {
	padding: 10px 10px 0;
	float: left;
	width: 510px;
	background: url(../img/usr/goods_back.png) ;
}
div.research_ .research_comment_ h2 {
	width: 510px;
	height: 41px;
	background: url(../img/usr/ttl_research.png) no-repeat;
	text-indent: -99999px;
}
div.research_ .research_comment_ .btn_ {
	margin: 20px 0;
	text-align: right;
}
div.research_ .research_cmm_frame_ {
}
div.research_ .research_cmm_itm_ {
	margin: 0 0 20px;
	padding: 10px;
	background: url(../img/usr/goods_back.png);
}
div.research_ .research_cmm_name_ {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 2px dotted #d6c5bb;
	font-weight: bold;
}
div.research_ .research_cmm_com_ {
}
div.research_ .research_goods_ {
	float: right;
	width: 400px;
	padding: 10px;
}
div.research_ .research_goods_ h2 {
	margin-bottom: 10px;
	padding: 10px 5px 7px;
	font-size: 16px;
	font-weight: bold;
	border-top: 3px dotted #f62323;
	border-bottom: 6px solid #f62323;
	background: url(../img/usr/goods_back.png);
}


/* --------------------------------------------------------------------
	リサーチ回答画面
-------------------------------------------------------------------- */
.research_ div.research_info_ {
	margin-bottom: 20px;
	padding: 10px;
	background: url(../img/usr/goods_back.png) repeat scroll 0 0 transparent;
	border: 1px solid #D6C6B9;
}
.research_ div.research_question_ {
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px dotted #d6c5bb;
}
.research_ div.answer_limit_ {
	margin-top: 10px;
	text-align: right;
}
.research_ div.answer_limit_ span {
	font-weight: bold;
}
.research_ ul.researchlist_ {
	border-top: 1px solid #D6C6B9;
}
.research_ ul.researchlist_ li {
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #D6C6B9;
	border-top: none;
	background-color: #FFF;
}
.research_ ul.research_otherlink_ {
	margin-bottom: 20px;
	text-align: center;
}
.research_ ul.research_otherlink_ li {
	margin: 0 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
.research_ ul.research_otherlink_ li a {
	padding-left: 20px;
	background: url(../img/usr/arrow_red.gif) left center no-repeat;
}

/* --------------------------------------------------------------------
	リサーチ履歴画面
-------------------------------------------------------------------- */
.research_ table.research_history_ {
	margin: 0 auto 10px;
	width: 100%;
}
.research_ table.research_history_ .to_result_ {
	text-align: right;
	vertical-align: bottom;
}
.research_ table.research_history_ .to_result_ a {
	padding-left: 20px;
	white-space: nowrap;
	background: url(../img/usr/arrow_red.gif) left center no-repeat;
}