@charset "shift_jis";

/* --------------------------------------------------------------------
	20160607 デザイン改修用
-------------------------------------------------------------------- */
body{
	line-height: 1;
	text-align: left;
	color: #362e2b;
	line-height: 1.5;
	font-style: normal;
	font-weight: normal;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: none;
}
a img:hover {
	opacity: 0.6 ;
	filter: alpha(opacity=60) ;	/* Ie用 */
}
a img {
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}

.op_inner980_ {margin: 0px auto;width: 980px;}

/* --------------------------------------------------------------------
	TOPページ header
-------------------------------------------------------------------- */
/*#op_h1_wrap {background: #eeeeee;padding: 2px;}
#op_h1_wrap h1 {font-size: 10px;line-height: 1em;color: #535353;margin: 0px auto;width: 980px;}*/
#op_logo {padding:4px 0;}
#op_header {width: 100%;text-align: left;margin:0 auto 14px;}
#op_header #op_header_top {margin: 6px auto;width: 980px;position:relative;} 
#op_header #op_header_top #op_header_info {width: 630px;margin-left: 63px;}
#op_header #op_header_guide li {margin-top: 14px;float: left;display: block;background: url(../../images/common/arrow01.png) no-repeat left center;padding-left: 12px;margin-right: 14px;}
#op_header #op_header_guide li a {font-size: 14px;text-decoration: none;}
#op_header #op_header_blue {background: #006CB5;padding: 4px 0px;clear: both;}
#op_header #op_header_blue .op_inner980_ #op_header_btn01_ {float: left;}
#op_header #op_header_blue .op_inner980_ #op_header_btn01_ a img {margin-right: 14px;}
#op_header .op_header_txt {font-size: 18px;font-weight: bold;color: #FFF;text-align: center;width: 262px;float: left;margin: 0px;padding: 0px;}
#op_header #op_header_blue .op_inner980_ #op_header_price {background: #FFF;width: 302px;float: left;padding: 3px 6px;margin-right: 14px;}
#op_header #op_header_price dl dt,
#op_header #op_header_price dl dd {float: left;font-size: 14px;font-weight: normal;display:block;}
#op_header #op_header_price dl dt {float: left;font-size: 14px;}
#op_header #op_header_price dl {display: block;margin: auto;}
#op_header #op_header_blue .op_inner980_ #op_header_cart_btn {float: right;}
#op_header #op_header_price dl dd {text-align: right;}
#op_header #op_header_price .op_header_tensu_ {width: 55px;}
#op_header #op_header_price .op_header_price_ {width:90px;}
#op_header #op_fontChange {float: left;width: 143px;margin: 14px 0px 0px;padding: 0px 0px 0px 20px;}
#op_header #op_fontChange p {float: left;font-size: 14px;font-weight: bold;padding: 8px 0px 0px;line-height: 14px;margin: 0px 14px 0px 0px;}
#op_header #op_fontChange ul {float: left;}
#op_header #op_fontChange ul li {float: left;display: block;}
#op_header #op_fontChange ul li#o_font-S {margin-right: 6px;}
#op_header #op_fontChange ul li#o_font-S a {display: block;width: 25px;height: 25px;text-indent: -5000px;cursor: pointer;background: url(../../images/header/font-s_on.gif) left top no-repeat;}
#op_header #op_fontChange ul li#o_font-L a {display: block;width: 25px;height: 25px;text-indent: -5000px;cursor: pointer;background: url(../../images/header/font-l.gif) left top no-repeat;}
#op_header #op_sms {float: left;width: 80px;margin-left: 5px;padding: 5px 0 0 0;}
#op_header #op_sms a {margin-left: 5px;}
#op_header #op_sms .op_fb_,
#op_header #op_sms .op_tw_ {float: left;width: 40px;text-align: right;}
.op_border_lg {border-bottom: 1px solid #D6D6D6;}
.op_shop_link {position:absolute;top:-20px;right:0;}

/* --------------------------------------------------------------------
TOPページ gナビ
-------------------------------------------------------------------- */
#op_header #op_gnavi {margin: 10px 0 0 0;border-bottom: 2px solid #C7E8FF;}
#op_gnavi_list{*zoom: 1;list-style-type: none;width: 980px;margin: 0 auto;padding: 0;}
#op_gnavi_list:before, 
#op_gnavi_list:after{content: "";display: table;}
#op_gnavi_list:after{clear: both;}
#op_gnavi_list .op_gnavi_mmenu_ {position: relative;width: 195px;float: left;margin: 0;padding: 0;text-align: center;border-left: 1px solid #C7E8FF;}
#op_gnavi_list .op_gnavi_mmenu_:first-child {width: 196px;border-left: 0px ;}
#op_gnavi_list .op_gnavi_mmenu_ a{display: block;margin: 0;padding: 8px 0;background: #ffffff;color: #333333;font-size: 16px;line-height: 1;text-decoration: none;}
#op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ {list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 14px;background-color: rgba( 90, 90, 90, 0.9 );background-color: rgb( 90, 90, 90 )\9;text-align: left;}
#op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li .op_gnavi_subtitle_ {color: #C8E8FF;font-size: 1.2em;font-weight: bold;background: url(../../images/common/title_head03.gif) no-repeat left center;padding-left: 20px;}
#op_gnavi_list li ul li{width: 100%;}
#op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li a{padding: 13px 15px 13px 30px;color: #FFF;font-size: 14px;background: rgba( 90, 90, 90, 0 ) url(../../images/common/arrow02.png) no-repeat 10px center;}
#op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li a:hover {background: #C8E8FF url(../../images/common/arrow01.png) no-repeat 10px center;}

#op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li.more a{padding: 8px 26px;color: #FFF;font-size: 14px;background: rgba( 90, 90, 90, 0 ) url(../../images/common/arrow02.png) no-repeat 370px center;text-align:right;font-weight:bold;}
#op_gnavi_list .op_gnavi_mmenu_ .op_gnavi_sublist_ li.more a:hover{background:#C8E8FF url(../../images/common/arrow01.png) no-repeat 370px center;}


#op_gnavi_list .op_gnavi_mmenu_:hover a{background: #C8E8FF;}
#op_gnavi_list .op_gnavi_mmenu_ a:hover{background: #C8E8FF;}
#op_gnavi_list li ul{opacity: 0;top: 50%;visibility: hidden;transition: .5s;}
#op_gnavi_list li:hover ul{top: 100%;visibility: visible;opacity: 1;}

/* --------------------------------------------------------------------
	TOPページ メインバナー
-------------------------------------------------------------------- */
#op_top_bnr_wrap {margin: 0 auto auto;width: 980px;}
#op_top_bnr_wrap .op_top_bnr_ {border: 2px solid #eeeeee;float: left;position: relative;}
#op_top_bnr_wrap .op_top_bnr_l_ a {border: 4px solid #FFF;display: block;}
#op_top_bnr_wrap .op_top_bnr_s_ a {border: 3px solid #FFF;display: block;}
#op_top_bnr_wrap .op_top_bnr_l_ {width: 476px;height:296px;margin:0 10px 0 0;}
#op_top_bnr_wrap .op_top_bnr_s_ {width: 231px;margin:0 0 10px 10px;}
#op_top_bnr_wrap .op_top_bnr_ a p {position: absolute;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);background: rgba( 49, 49, 49, 0.6 );font-size: 12px;color: #FFF;text-decoration: none;padding: 3px 6px;margin:0;}
#op_top_bnr_wrap .op_top_bnr_l_ a p {width:456px;left: 4px;bottom: 4px;}
#op_top_bnr_wrap .op_top_bnr_s_ a p {width:213px;	left: 3px;bottom: 3px;}

#op_top_bnr_wrap .op_top_bnr_ a p:not(:target){filter: none;}/* IE9対応 */

/* --------------------------------------------------------------------
	TOPページ header下トピックス
-------------------------------------------------------------------- */
#op_top_topics {background: #eeeeee;padding: 6px 10px;margin: 14px auto 24px;width: 960px;font-size: 14px;}
#op_top_topics dl dt {float: left;width: 120px;}
#op_top_topics dl dd {padding: 0 60px 0 120px;}
#op_top_topics dl dd a {text-decoration: none;color: #362E2B;}
#op_top_topics dl .op_new {background: url(http://www.otsuka-plus1.com/img/icon/news_01.gif)  no-repeat right center;}/*　アイコン　NEW　*/


/* ---------------------------------------------------------------------
TOPおすすめ
--------------------------------------------------------------------- */

#op_top_reco {width: 980px;margin: 0px auto 30px;}
#op_top_reco .op_reco_wrap {padding: 0px;width: 978px;background: #FFF;border: 2px solid #EEE;}
.op_reco_item_l {width: 292px;height: 282px;float: left;padding: 14px 18px;position:relative;}
.op_reco_item_l .op_reco_btn_ {position: absolute;display: block;right: 90px;top:272px;height: 24px;}
a .op_reco_item_l:hover,
a .op_reco_item_s:hover {background: #EBEBEB;}
a .op_reco_item_l img {margin: auto;display: block;}
.op_reco_item_l .op_top_reco_name {color: #1868b3;font-weight: bold;text-decoration: none;font-size: 16px;line-height: 24px;}
.op_reco_item_l .op_reco_catch {font-size: 14px;text-decoration: none;color: #333;border-bottom: 3px solid #EEE;line-height: 18px;}
.op_reco_item_l p {text-decoration: none;font-size: 12px;color: #333;line-height: 16px;margin: 0px;padding: 4px 0px;}
.op_reco_item_s {float: left;width: 295px;padding: 14px;border-left: 2px solid #EEE;}
.op_reco_item_s img.op_reco_img_ {float: left;height: 126px;width: 126px;margin-right: 6px;}
.op_reco_item_s .op_reco_inner_ {height: 126px;position:relative;}
.op_reco_item_s .op_reco_btn_ {position: absolute;display: block;right: 11px;bottom: 0px;}
.op_reco_item_s .op_top_reco_name {color: #1868B3;font-weight: bold;text-decoration: none;font-size: 16px;padding-top: 4px;line-height: 20px;}
.op_reco_item_s p {text-decoration: none;font-size: 12px;color: #333;display: block;line-height: 18px;padding-top: 10px;}
#op_top_reco .op_reco_wrap .op_border_t {border-top: 2px solid #eee;}
#op_top_reco a:hover img {opacity: 0.6 ;filter: alpha(opacity=60) ;}

/* ---------------------------------------------------------------------
h2基本
--------------------------------------------------------------------- */
h2.op_subtitle01 {
	color: #006CB5;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #C8E8FF;
	padding: 4px 4px 4px 20px;
	background: url(../../images/common/title_head01.gif) no-repeat left center;
}
.op_subtitle02 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 4px 4px 4px 20px;
	background: url(../../images/common/title_head02.gif) no-repeat left center;
}
#op_footer_title .op_subtitle02 {
	width:980px;
	margin:auto;
}

.op_subtitle03 {
	background: url(../../images/common/title_head01.gif) no-repeat 4px center;
	text-align: left;
	padding: 4px 4px 4px 20px;
	border-bottom: 2px solid #EEE;
	margin-bottom: 2px;
	color: #006CB6;
}

/* ---------------------------------------------------------------------
製品一覧
--------------------------------------------------------------------- */
.op_subtitle01 span {float:left;width:200px;font-size: 18px;padding:0;margin:0;	font-weight: bold;}
ul.op_cateList_ {float:right;width:400px;padding:8px 0 0;margin:0;}
ul.op_cateList_ li {font-size: 12px;float: left;margin-left:12px;padding: 0 0 0 12px ;background: url(../../images/common/arrow03.png) no-repeat left center;}
.op_search_list_wrap_ .op_search_list_head_ {border-bottom: 3px solid #006CB5;margin-bottom: 14px;}
.op_search_list_wrap_ .op_search_list_head_ .op_search_list_title_ {background: url(../../images/top/category_title_bg.gif) no-repeat left top;padding: 7px 4px 0 20px;color: #FFF;float: left;width: 380px;margin: 0px;line-height: 16px;font-size: 16px;font-weight:nomal;}
.op_search_list_wrap_ .op_search_list_head_ .op_search_list_sub_title_ {padding: 4px 4px 2px 20px;color:  #006CB5;float: left;width: 380px;margin: 0px;line-height: 1em;font-size: 16px;}
.op_search_list_wrap_ .op_seach_list_ {width: 750px;overflow: hidden;}
.op_search_list_wrap_ .op_seach_list_ .op_seach_item a ul li img {display: block;width: 100px;margin: 0px auto 8px;padding: 0px;}
.op_search_list_wrap_ .op_seach_list_ .op_seach_item a ul {margin: 10px auto;width: 145px;}
.op_search_list_wrap_ .op_seach_list_ .op_seach_item {border: 2px solid #eee;float: left;width: 163px;margin: 0 20px 14px 0;position: relative;}
.op_search_list_wrap_ .op_seach_list_ .op_seach_item:hover {border-color: #006CB6;}
.op_search_list_wrap_ .op_seach_list_ .op_seach_item:hover img {opacity: 0.6 ;filter: alpha(opacity=60) ;}
.op_seach_item a ul .op_brand_name_ {font-size: 14px;font-weight: bold;text-decoration: none;display: block;}
.op_seach_item a ul .op_brand_cap_ {font-size: 12px;text-decoration: none;color: #333;display: block;background: url(../../images/top/category_item_bg.gif) no-repeat right bottom;}
.op_search_list_wrap_ {margin-bottom: 30px;}
.op_search_list_wrap_ .op_seach_list_ .op_seach_item a ul li img.op_seach_icon_reizou {display: block;position: absolute;top: 2px;right: 2px;height: 20px;width: 50px;opacity: 1 ;filter: alpha(opacity=100) ;}
.op_search_list_wrap_ .op_seach_list_:after {display: block;clear: both;content: "";}

.op_search_list_wrap_ .op_search_list_head_ss {border-bottom: 3px solid #F28510;margin-bottom: 14px;}
.op_search_list_wrap_ .op_search_list_head_ss .op_search_list_title_ {background: url(../../images/top/category_title_bg_ss.gif) no-repeat left top;padding: 7px 4px 0 20px;color: #FFF;float: left;width: 380px;margin: 0px;line-height: 16px;font-size: 16px;font-weight:nomal;}
.op_search_list_wrap_ .op_seach_list_ss .op_seach_item:hover {border-color: #F28510;}

/* ---------------------------------------------------------------------
目的から探す
--------------------------------------------------------------------- */
.op_mokuteki_search_    {width: 750px;overflow: hidden;margin-bottom: 40px;display: block;}
.op_mokuteki_search_ li {float: left;position: relative;margin: 0 0 20px 0;height: 100px;width: 355px;margin: 0 20px 20px 0;}
.op_mokuteki_search_ li a span {color: #FFF;position: absolute;display: block;bottom: 2px;left: 22px;}

/* ---------------------------------------------------------------------
サイドメニュー
--------------------------------------------------------------------- */
/*.op_side_title01_ {background: #EEE url(../../images/common/title_head01.gif) no-repeat 4px center;text-align: left;padding: 5px 5px 5px 20px;margin-bottom: 2px;}*/
.op_side_cart_ {margin: 0 0 15px;}
.op_side_cart_ h3 {margin: 0 0 10px;}

#op_login_ {border: 2px solid #EEEEEE;border-radius: 2px;margin: 0 0px 15px;}
#op_login_ dl dt {margin-bottom: 10px;padding: 12px 12px 2px 12px;font-weight: bold;color: #333333;text-align: left;}
#op_login_ dl dd {margin-bottom: 9px;text-align: center;}
ul.op_sidebanner_ li {padding-bottom: 15px;}
/*#op_sidebox_search {margin: 20px 0;padding: 0 9px;}
#op_sidebox_search input {float: left;width: 160px;height: 18px;}
#op_sidebox_search input.o_search_btn_ {display: block;float: right;width: 32px;height: 25px;margin-left: 0;border: none;border-width: 0px;padding: 0;cursor: pointer;text-indent: -5000px;vertical-align: middle;background: url(../../images/toppage/btn_search.gif) left top no-repeat;}
#op_sidebox_search input.o_search_btn_:hover {background-position: bottom;}
#op_sidebox_search form {overflow: hidden;}*/

.op_side_brandlist_ {margin-bottom: 30px;}
.op_side_brandlist_ dt {color: #006CB6;background: #FFF url(../../images/common/title_head01.gif) no-repeat 4px center;font-weight: bold;border-bottom: 2px solid #006CB6;font-size: 14px;padding: 2px 2px 2px 20px;}
.op_side_brandlist_ dt.subCate {background: none;border-bottom: 1px dashed;}
.op_side_brandlist_ dd a,
.op_side_brandlist_ li a {color: #333;border-bottom: 1px solid #eee;display: block;width: 197px;padding: 3px 3px 3px 20px;}


/* ---------------------------------------------------------------------
フッター　
--------------------------------------------------------------------- */
#op_footer #op_footer_guide_wrap {background: #EEE;padding: 14px 0px;line-height: 1.6em;}
#op_footer #op_footer_guide_wrap #op_footer_guide {background: #FFF;width: 940px;padding: 20px;margin: 0px auto;}
#op_footer_guide .op_footer_box_ {width: 450px;}
#op_footer_guide .op_footer_box_ .op_footer_list dt {font-weight: bold;color: #006CB6;}
#op_footer_guide .op_footer_box_ .op_footer_list dd {padding-left: 14px;}
.op_txtred {color: #c4112f;}
#op_footer_guide .op_footer_box_ ul li {padding-left: 1em;text-indent: -1em;}
#op_footer_guide .op_footer_boxwide_ {clear: both;margin-top: 20px;}
#op_footer_sitemap {margin: auto;width: 940px;padding: 20px;font-size: 1.2em;border-bottom: 1px solid #EEE;}
#op_footer_sitemap .op_footer_itemlist_ li a {font-size: 12px;float: left;display: block;width: 190px;}
.op_footer_itemlist_ {width: 760px;display: block;}
#op_footer_btm #op_footer_itemlist {margin: auto;width: 980px;padding: 20px 0px;}

.op_txtblack {color: #333333;}
.op_txtblue {color: #006CB6;}
.op_txtbold {font-weight: bold;}

.op_side_brandlist_ dd a:hover,
.op_side_brandlist_ li a:hover {background: #c8e8ff;}
#op_footer_title {background: #006CB6;}

p.op_newsall_ {text-align: right;padding:8px 20px ;}
p.op_newsall_ a {padding-left: 20px;color: #006cb6;text-decoration: none;background: url(../../images/common/arrow01.png) no-repeat left 50%;}


/* ---------------------------------------------------------------------
他会員区分用　
--------------------------------------------------------------------- */
p.o_footer_title_ {text-align:center;}
.method_box_content_ label {margin: 0 20px 0 5px;}


/* ---------------------------------------------------------------------
161226共通ヘッダ
--------------------------------------------------------------------- */

.op_common_header {
    height: 56px;
    width: 980px;
    margin: 0 auto;
}

.op_common_header > li {
    float: left;
    width: 50%;
    height: 56px;
    line-height: 36px;
}
.op_common_header_op1:hover {background:#E0ECFA}
.op_common_header_ss:hover {background:#FFEEDC}
.op_common_header > li a {
    display: block;
}

.op_common_header > li a:hover {
    color: #999;
}
.op_common_header_gnavi_op1,
.op_common_header_gnavi_ss {
    visibility: hidden;
    opacity: 0;
    z-index: 50;
		width:100%;
}

.op_common_header > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}


.op_common_header_gnavi_op1 .op_common_header_gnavi_list li a:hover {
    background: #88BEE2;
}
.op_common_header_gnavi_ss .op_common_header_gnavi_list li a:hover {
    background: #EFA359;color:#FFF !important;
}

/* floatクリア */
.op_common_header:before,
.op_common_header:after,
.op_common_header_gnavi_list:before,
.op_common_header_gnavi_list:after{
    content: " ";
    display: table;
}

.op_common_header:after,
.op_common_header_gnavi_list:after {
    clear: both;
}

.op_common_header,
.op_common_header_gnavi_list {
    *zoom: 1;
}

.op_common_header_gnavi_op1,
.op_common_header_gnavi_ss {
    position: absolute;
    top: 66px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 0;
    background: #0064B2;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.op_common_header_gnavi_op1 {background: #0064B2;}
.op_common_header_gnavi_ss {background: #F27C0E;}

li.op_common_header_menu ul.op_common_header_gnavi_list {
    box-sizing: border-box;
    width: 980px;
		margin:0 auto;
}
li.op_common_header_menu ul.op_common_header_gnavi_list a {color:#FFF;text-align: center;}

li.op_common_header_menu:hover .op_common_header_gnavi_op1,
li.op_common_header_menu:hover .op_common_header_gnavi_ss{
    top: 66px;
    visibility: visible;
    opacity: 1;
		text-align:center;
}
		
li.op_common_header_menu:hover ul.op_common_header_gnavi_list {
    box-sizing:border-box;
		text-align:center;
		border-left:solid 1px #FFF;
}

li.op_common_header_menu ul.op_common_header_gnavi_list > li {
    float: left;
    width: 195px;
    border-right:solid 1px #FFF;box-sizing:border-box;
}
#op_header #op_header_gray {background: #EEEEEE;padding: 4px 0px;clear: both;}
#op_header #op_header_gray .op_inner980_ #op_header_btn01_ {float: left;}
#op_header #op_header_gray .op_inner980_ #op_header_btn01_ a img {margin-right: 14px;}
#op_header #op_header_gray .op_inner980_ #op_header_price {background: #FFF;width: 302px;float: left;padding: 3px 6px;margin-right: 14px;}
#op_header #op_header_gray .op_inner980_ #op_header_cart_btn {float: right;}
#op_header #op_header_gray #op_header_guide {width: 242px;float: left;padding:0 0 0 20px;}
#op_header #op_header_gray #op_header_guide li {margin-top: 4px;float: left;display: block;background: url(../../images/common/arrow01.png) no-repeat left center;padding-left: 12px;margin-right: 14px;}
#op_header #op_header_gray #op_header_guide li a {font-size: 14px;text-decoration: none;}

#op_header #op_header_gray #op_header_guide2 {float:right;padding:0 0 0 20px;}
#op_header #op_header_gray #op_header_guide2 li {line-height:28px;float: left;display: block;background: url(../../images/common/arrow01.png) no-repeat left center;padding-left: 12px;margin-right: 14px;}
#op_header #op_header_gray #op_header_guide2 li a {font-size: 14px;text-decoration: none;}


/* ---------------------------------------------------------------------
1703_マイページエクエルパウチ追加
--------------------------------------------------------------------- */
.mypage_eq_pauchi_Txt{
	background-color: #D5E8FD;
	padding:10px;
	border: solid 1px #006CB5;
	margin-bottom:30px;
}
.myeq_pauchi_ItemLeft{
    float: left;
    font-size: 16px;
    line-height: 175%;
    padding: 17px;
    text-align: left;
    width: 640px;
}
.myeq_pauchi_ItemRight{
	float: right;
}
.eq_pauchi_TxtCon{
	margin-bottom:10px;
}

.mypage_pauchiInfo_Left{
    float: left;
    margin: 0 32px;
    text-align: left;
    width: 370px;
	line-height: 175%;
}
.mypage_pauchiInfo_Btnbox{
    float: right;
    margin: 0 33px 8px;
    width: 450px;
}
.mypage_pauchiInfo_item{
	margin-bottom:20px;