@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;
	position: relative;
	padding: 10px 0;
}
html>/**/body .about_cart{
	margin-bottom /*\**/:40px\9;/*IE8用*/
}
.about_cart .inner{
	/*height: 0;*/
	padding-top: 10%;
	width: 820px;
}

.about_cart .inner .note{
	width: 30px;
	position:absolute;
	left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.about_cart .inner .note img{
	width:100%;
}

.about_cart .inner .note_01{
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 250px;
	font-size:120%;
	font-weight:500;
	letter-spacing: 0;
}
.about_cart .inner .note_02{
	position: absolute;
	width: 490px;
    left: 310px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	line-height:150%;
	letter-spacing: 0;
}


/* 	カート画面　レコメンド 3社共通
--------------------------------------------------------------------- */
#RecCartPage{
}
#RecCartPage h2{
	border-top: #eee 4px solid;
	border-bottom: #eee 4px solid;
	text-align: center;
	font-size: 22px;
	color: #dd1d18;
	line-height: 1.2;
	padding: 12px 0;
}
#RecCartPage .RecItemBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 50px;
}
#RecCartPage .RecItemBox .RecItem{
	width: 176px;
}
#RecCartPage .RecItemBox .ItemProduct{
	position: relative;
}
#RecCartPage .RecItemBox .RecItem a{
	display: block;
}
#RecCartPage .RecItemBox .RecItem a:hover{
	opacity: 0.8;
}
#RecCartPage .RecItemBox .RecItem div.image{
	margin-bottom: 10px;
}
#RecCartPage .RecItemBox .RecItem div.image img{
	width: 100%;
}
#RecCartPage .RecItemBox .RecItem div.Name{
	font-size:14px;
	line-height:1.4;
	text-align:left;
	margin-bottom: 10px;
}
#RecCartPage .RecItemBox .RecItem div.Price {
	width:176px;
	margin:0 auto 10px;
	text-align:left;
	font-size: 18px;
	font-weight:500;
}

/* --------------------------------------------------------------------
	メールニュース
-------------------------------------------------------------------- */
div.mail_ {
}
div.mail_ .agreebody_ {
	margin: 10px 0 20px 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border: #ccc 1px solid;
}
div.mail_ table {
	width: 100%;
}
div.mail_ table th {
	width: 25%;
}
div.mail_ div.mailnewstitle_ {
}
div.mail_.col1_{
	margin-bottom: 70px;
}

/* --------------------------------------------------------------------
	お友達に紹介
-------------------------------------------------------------------- */
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_ {
}
div.topic_ h1{
    font-size: 36px;
    line-height: 1em !important;
    font-weight: 500;
    color: #dd1d18;
    text-align: center;
    margin-bottom: 45px;
    padding-top: 20px ;
}
div.topic_ h1::after{
    display: block;
    content: " ";
    width: 70px;
    height: 2px;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

h2.topic_title_ {
	padding: 15px 10px;
	margin-bottom: 20px;/*20230808追加*/
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	border-top: #dd1d18 2px solid;
    border-bottom: #dd1d18 2px solid;
}

div.topic_ .article_{
	margin-bottom: 50px;
}

/* トピック一覧 */
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_ .common_headline1_{
	line-height: 1.2;
	padding: 10px 50px 19px 50px;
	width: 860px;
}
div.research_.col1_ .common_headline1_ span.page_title_{
	max-width: 860px;
}
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: 500;
}
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: 500;
	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: 412px;
	padding: 10px 0 10px 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);
}
div.research_ .research_goods_ div.StyleT_Item_{
	margin-right: 20px;
}


/* --------------------------------------------------------------------
	リサーチ回答画面
-------------------------------------------------------------------- */
.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: 500;
	border-bottom: 2px dotted #d6c5bb;
}
.research_ div.answer_limit_ {
	margin-top: 10px;
	text-align: right;
}
.research_ div.answer_limit_ span {
	font-weight: 500;
}
.research_ ul.researchlist_ {
	border-top: 1px solid #D6C6B9;
}
.research_ ul.researchlist_ li {
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	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: 500;
	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;
}
/* --------------------------------------------------------------------
	お問い合わせ
-------------------------------------------------------------------- */
div.contact_{
	width: 960px;
	margin: 0 auto;
}
div.contact_ .message_{
	font-weight: 500;
	font-size: 17px;
}
div.contact_ .checklistBox{
	padding:30px;
	margin-bottom:20px;
	border:3px #dd1d18 solid;
	background:#FFFFFF;
	line-height:1.8em;
}
div.contact_ ul.checklist li{
	padding:0 0 10px 15px;
	text-indent:-1.2em;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 15px;
}
div.contact_ .contactTtl{
	font-size: 17px;
	font-weight: 500;
}
div.contact_ .contactTxtB{
	font-size: 16px;
	font-weight: 500;
}
div.contact_ footer{
	font-weight: normal;
}
div.contact_ b{
	font-weight: 500;
}
/* --------------------------------------------------------------------
	詳細検索
-------------------------------------------------------------------- */

/*詳細検索見出し*/

.detailedSearchH1{
	font-size: 36px;
    line-height: 1em;
    font-weight: 500;
    color: #dd1d18;
    text-align: center;
    margin-bottom: 45px;
    padding-top: 30px;
}

.detailedSearchH1::after{
	display: block;
    content: " ";
    width: 70px;
    height: 2px;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

/* --------------------------------------------------------------------
	イベントページ
-------------------------------------------------------------------- */
.event_ section{
	padding: 0;
}