@charset "utf-8"; * { margin: 0; padding: 0; }
html { overflow: auto; }
body { overflow-x: hidden; font-size:13px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; line-height:20px; margin:0; padding:0; width:100%; height:100%; color:#333; -webkit-font-smoothing: antialiased; }

body:before{ content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; z-index: 100;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.4);
box-shadow: 0px 0px 5px rgba(0,0,0,.4); }


h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; margin:0; padding:0; }
ol, ul{ list-style:none; margin:0; padding:0; }
table,tr,td,img,p { margin:0; padding:0; border:none; }
p { font-size:14px; line-height:22px; }

a { outline: none; border:none; }
li { list-style:none;}

.zoom img { cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: all-scroll\9; }
a.arrow { white-space: nowrap; padding-right: 15px; background: url(../img/common/arrow_b.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; }

.cart_notice { color: #e33b30; text-align: center; display: block; font-size: 12px; line-height: 15px;}

/* デバッグ用表示帯
------------------------------------------------ */
div#debugbelt {color:#fff; background-color:navy; text-align:center; font-weight:bold;}

/* リンク指定
----------------------------------------------- */
a { text-decoration:none; }
a:link,
a:visited { color:#0086ce; }
a:hover { color: #0086ce; text-decoration:underline; }

.alpha { -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
.alpha:hover { opacity:0.7; filter:alpha(opacity=70);}

a.trans { -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }


a.shadow { display: block; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
a.shadow:hover{
  	position:relative;
    -webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);
}
a.shadow:hover:before,
a.shadow:hover:after{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.15);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.15);
    box-shadow:0 0 12px rgba(0,0,0,0.15);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
a.shadow:hover:after{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
a.ext_icon {background: url(../img/common/icon_external.png) no-repeat right center; padding-right: 12px;}


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


/* Hide指定
----------------------------------------------- */
.hide_point { display: none; }
.hide { display: none; }


/*pagetop
-----------------------------------*/
p#page-top { position: fixed; bottom: 0!important; font-size: 12px; z-index:999; opacity:0.70; width:100%; }
p#page-top a { background: #666; text-decoration: none; color: #fff; padding: 5px 0; text-align: center; display: block; }
p#page-top a:hover { text-decoration: none; background: #999; }
p#page-top { margin:0; text-align:left; }



/*MARGIN系*/
.m1t{ margin-top:1px; }
.m1b{ margin-bottom:1px; }
.m1r{ margin-right:1px; }
.m1l{ margin-left:1px; }
.m2t{ margin-top:2px; }
.m2b{ margin-bottom:2px; }
.m2tb{ margin:2px 0 2px 0; }
.m2b{ margin-bottom:2px; }
.m2r{ margin-right:2px; }
.m2l{ margin-left:2px; }
.m3t{ margin-top:3px; }
.m3b{ margin-bottom:3px; }
.m3r{ margin-right:3px; }
.m3l{ margin-left:3px; }
.m5t{ margin-top:5px; }
.m5b{ margin-bottom:5px; }
.m5r{ margin-right:5px; }
.m5l{ margin-left:5px; }
.m7t{ margin-top:7px; }
.m7b{ margin-bottom:7px; }
.m7r{ margin-right:7px; }
.m7l{ margin-left:7px; }
.m10t{ margin-top:10px; }
.m10b{ margin-bottom:10px; }
.m10r{ margin-right:10px; }
.m10l{ margin-left:10px; }
.m10tb{ margin-top:10px;margin-bottom:10px; }
.m10lr{ margin-left:10px; margin-right:10px; }
.m10_t{ margin-top:-10px; }
.m10_b{ margin-bottom:-10px; }
.m15t{ margin-top:15px; }
.m15b{ margin-bottom:15px; }
.m15r{ margin-right:15px; }
.m15l{ margin-left:15px; }
.m15tb{ margin-top:15px;margin-bottom:15px; }
.m15lr{ margin-left:15px; margin-right:15px; }
.m15_t{ margin-top:-15px; }
.m15_b{ margin-bottom:-15px; }
.m20t{ margin-top:20px; }
.m20b{ margin-bottom:20px; }
.m20r{ margin-right:20px; }
.m20l{ margin-left:20px; }
.m20tb{ margin-top:20px;margin-bottom:20px; }
.m20lr{ margin-left:20px; margin-right:20px; }
.m20_t{ margin-top:-20px; }
.m20_b{ margin-bottom:-20px; }
.m30t{ margin-top:30px; }
.m30b{ margin-bottom:30px; }
.m30r{ margin-right:30px; }
.m30l{ margin-left:30px; }
.m30tb{ margin-top:30px;margin-bottom:30px; }
.m30lr{ margin-left:30px; margin-right:30px; }
.m40t{ margin-top:40px; }
.m40b{ margin-bottom:40px; }
.m40r{ margin-right:40px; }
.m40l{ margin-left:40px; }
.m40tb{ margin-top:40px;margin-bottom:40px; }
.m40lr{ margin-left:40px; margin-right:40px; }
.m50t{ margin-top:50px; }
.m50b{ margin-bottom:50px; }
.m50r{ margin-right:50px; }
.m50l{ margin-left:50px; }
.m50tb{ margin-top:50px;margin-bottom:50px; }
.m50lr{ margin-left:50px; margin-right:50px; }
.m100t{ margin-top:100px; }
.m100b{ margin-bottom:100px; }
.m100r{ margin-right:100px; }
.m100l{ margin-left:100px; }
.m100tb{ margin-top:100px;margin-bottom:100px; }
.m100lr{ margin-left:100px; margin-right:100px; }
.m105t{ margin-top:105px; }
.m105b{ margin-bottom:105px; }
.m105r{ margin-right:105px; }
.m105l{ margin-left:105px; }
.m110t{ margin-top:110px; }
.m110b{ margin-bottom:110px; }
.m110r{ margin-right:110px; }
.m110l{ margin-left:110px; }
.m120t{ margin-top:120px; }
.m120b{ margin-bottom:120px; }
.m120r{ margin-right:120px; }
.m120l{ margin-left:120px; }

.p3{padding:3px;}
.p3t{padding:3px 0px 0px 0px;}
.p3b{padding:0px 0px 3px 0px;}
.p3lr{padding:0px 3px 0px 3px;}
.p3tb{padding:3px 0px 3px 0px;}
.p5{padding:5px;}
.p5b{padding:0px 0px 5px 0px;}
.p5tb{padding:5px 0px 5px 0px;}
.p5t{padding:5px 0px 0px 0px;}
.p5_20{padding:5px 20px 5px 20px;}
.p7{padding:7px;}.p10{padding:10px;}
.p10t{padding:10px 0px 0px 0px;}
.p10b{padding:0px 0px 10px 0px;}
.p10l{padding:0px 0px 0px 10px;}
.p10tb{padding:10px 0px 10px 0px;}
.p10r{padding:0px 10px 0px 0px;}
.p10_50{padding:10px 50px 10px 50px;}
.p10_20{padding:10px 20px 10px 20px;}
.p10lr{padding:0px 10px 0px 10px;}
.p15{padding:15px;}
.p15b{padding:0px 0px 15px 0px;}
.p15tb{padding:15px 0px 15px 0px;}
.p15_20{padding:15px 20px 15px 20px;}
.p20{padding:20px;}
.p20b{padding:0px 0px 20px 0px;}
.p20l{padding:0px 0px 0px 20px;}
.p20t{padding:20px 0px 0px 0px;}
.p20_32{padding:20px 40px 20px 85px;}
.p20_40{padding:20px 10px 20px 40px;}
.p30{padding:30px;}
.p30t{padding:30px 0px 0px 0px;}
.p30l{padding:0px 0px 0px 30px;}
.p30tl{padding:30px 0px 0px 30px;}
.p35t{padding:35px 0px 0px 0px;}

/*ETC*/

select { border: solid 1px #ccc; padding:8px; font-size:16px; }
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.clear_0 { clear:both; margin:0; padding:0; height:0; }
br.clear { clear: both; display: none; font-size: 0px; line-height: 0%; height: 0px}
.hide{display:none;}
.block{display:block;}
.float_l{float:left;}
.float_r{float:right;}.
.style_none{list-style-type:none; margin:0px; padding:0px; }
.centere33b30
.v_middle{vertical-align:middle}.
.spacer{line-height:1pt;}
.img_center{ text-align:center; padding:5px 0px 0px 0px;}
.w_auto{width:auto;}
.word_break{word-wrap:break-word}
.word_keep{word-break:keep-all}

.wrap { width: 980px; margin: 0 auto;}
.wrap:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both } { width: 980px; margin: 0 auto;}
.relative { position: relative;}


/* PHOTO */
.picture { border: 1px solid #ccc; }

/* フロート回り込み解除
----------------------------------------------- */
br.clear { clear: both; display: none; font-size: 0px; line-height: 0%; height: 0px; }

.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both }
.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/}


/* フォント
----------------------------------------------- */
.price { color: #222; font-weight: bold; font-size:16px; }
.attention { color: #ff0000; }
.mini { font-size: 10px }
.yellow { color: #e33b30; }
.gray { color:#a9a9a9; }
.red { color:#CC0000;}
.bold { font-weight: bold;}
em { font-style: normal; color: #e33b30; }
.form_info{
	color: #FF5C26;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}

/*Webkit*/
::-webkit-input-placeholder {color: #aaa; font-size: 12px;}

/*Firefox 19以降*/
::-moz-placeholder {color: #aaa; font-size: 12px;}

/*Firefox 18以前*/
:-moz-placeholder {color: #aaa; font-size: 12px;}

/*Windows IE*/
:-ms-input-placeholder {color: #aaa; font-size: 12px;}


/*パララックス*/
h1.ppx { width: 100%; background-size: cover; box-shadow: inset 0 0 5px 0 rgba(0,0,0,.15); text-align: center;  }
h1.ppx span { display: block; font-size: 15px; line-height: 24px; color: #777; margin-top: 30px;}



/* テーブル共通指定
-----------------------------------------------*/
table { margin: 15px auto 0 auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; text-align: left; background:#fff; }
table th { padding: 25px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f0f0f0; }
table td { padding: 25px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

div.tblareabtn { clear: both; margin: 40px 0 20px 0; text-align: center; }
.phototd { width: 75px; text-align: center; }
.prodtd { width: 180px; }
.centertd { text-align: center; }
.center { text-align: center; }
.pricetd { text-align: right; }
.pricetd em { font-weight: bold; }
.ship p.free { font-size:13px; margin:3px 0 0 0; color:#e33b30; font-weight:bold; }
.ship p.other { line-height:11px; font-size:9px; margin:2px 0; color:#e33b30; }
div#completetext { margin: 15px auto 0; padding: 50px; border: 1px solid #ccc; }
div#completetext em { font-weight: bold; text-size:16px; }
div#completetext p{ padding: 20px 0 0 0; text-align: left; }



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

header

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

#header_info { width: 100%; height:40px; background: #f0f1f3; border-bottom: #ddd solid 1px; font-size: 13px; color: #555; }
#header_info:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
#header_info a{ color: #000; text-decoration: none; }

#member_info_box { float: left; line-height: 40px; text-shadow: 0 1px 0 #fff;}

/*トップナビ*/
#member_func_box { float: right; border-right: #ddd solid 1px; margin-right: 150px; }
#member_func_box li { float: right; border-left: #ddd solid 1px; cursor: pointer; }
#member_func_box li a { display: block; height: 40px; line-height: 40px; padding: 0 20px; border-left: #fff solid 1px; color: #555; font-size: 12px; text-shadow: 0 1px 0 #fff; }
#member_func_box li a:hover{ background-color: #e2e3e8; }


/*言語*/
.roll_menu { text-align: center;}
.roll_menu a { text-decoration: none; height: 33px !important; padding-top: 7px !important; }
.roll_menu span { padding: 20px 0px; position: absolute; right: 0; top:40px; display: none; color: #555; width: 300px; z-index: 300; background: #FFF; border: 1px solid #ddd; text-align: center; }
.roll_menu span a.enSwitch,
.roll_menu span a.jpSwitch { display: inline-block !important; padding: 0 5px !important; height: 26px !important; line-height: 26px !important; }
.roll_menu span a:hover.enSwitch,
.roll_menu span a:hover.jpSwitch { background: none !important; text-decoration: underline;}
.roll_menu span a label.lang_txt { margin-left: 5px; height: 26px; line-height: 26px; display: inline-block; vertical-align: middle; }

.roll_menu:hover span { display: block; }
.flag { background-repeat: no-repeat; background-size: 40px 26px; display: inline-block; vertical-align: middle; width: 40px; height: 26px; }
.flag-us { background-image: url(/user_data/packages/default/img/header/flag-us.png); }
.flag-jp { background-image: url(/user_data/packages/default/img/header/flag-jp.png); }


.currency_menu span { padding: 0px; position: absolute; right: 232px; top:40px; display: none; color: #555; width: 150px; z-index: 300; background: #FFF; border: 1px solid #ddd; text-align: center; }
.currency_menu:hover span { display: block; }

.currency_menu span a:hover { background: #f6f6f6 !important;}

/*検索*/
#search_nav a { display: block;  text-decoration: none; }
#search_nav span { padding: 40px 30px; position: absolute; right: 0; top:40px; display: none; color: #555; width: 300px; z-index: 300; background: #FFF; border: 1px solid #ddd; }
#search_nav:hover span { display: block; }
#search_nav span a { display: inline; }
#search_nav span a:hover {text-decoration: underline;}

input#s  { width: 190px; height: 22px; background: #ECECEC; border: none; padding: 4px 8px; color: #555; font-size: 16px; font-weight: normal;  }
input#s:focus { outline: none; background: #EEE; color: #333; }

#searchform { position: relative; }
#search_btn { position: absolute; top: 0; right:0px; }
#search_btn:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }


*:first-child + html #search_btn { top: 1px; }

.search_bnr_area { padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;}
.search_bnr_area a { margin: 0 !important; padding: 0 !important; border: none; line-height: 0 !important;}
.search_bnr_area a:hover { background: none !important;}

/*カートボタン*/
#cart_box_count { position: absolute; top: 0; right: 0; display: block; width: 150px; height: 40px; line-height: 40px; font-size: 14px; }
#cart_box_count a { color: #fff; }
#cart_box_count a span { float: left; text-align: center; }
#cart_box_count a span.header_cart_btn { width: 110px; }

#cart_box_count a span.item_num_active,
#cart_box_count a span.item_num_inactive { width: 40px;}

#cart_box_count a span.item_num_active { background: #e33b30; font-weight: bold;}
#cart_box_count a span.item_num_inactive { background: #aaa; }



/* ヘッダー
------------------------------------------------ */

#header { width: 100%; position: relative; z-index: 200; margin-top: 16px; }
.header_menu { padding: 0; border-bottom: #ddd solid 1px;position: relative; }
.header_menu:after {  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }

#site_logo{ width: 120px; position: absolute; top: 19px; left: 20px; }
#site_logo a img { z-index: 1000; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
#site_logo a:hover img { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.wrap_header{ max-width: 980px; margin: 0 auto; min-width: 800px; }

/*
ピンクリボンロゴ
div#head_logo_pinkribbon { margin:10px auto 5px; padding: 0; text-align:left; position: relative; }
div#head_logo_pinkribbon h1 a { display: block; margin:0 0 -3px 15px; width: 164px; height: 59px; background:url(/pinkribbon/images/logo_pinkribbon.png); text-indent: -999em; }
div#head_logo_pinkribbon h1 a:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
*/



/* ヘッダーナビ
----------------------------------------------- */

.MegaMenu { height: 79px; margin-left: 260px; background: transparent !important; margin-bottom: -1px; }

.MegaMenu a { color: #333; text-decoration: none; }

.MegaMenu a.MenuLinks,
.MegaMenu a.MegaMenuLink { padding: 0 20px; font-size: 14px !important; height: 78px; line-height: 78px; display: inline-block; }

.MegaMenu a.MenuLinks:hover,
.MegaMenu a.MegaMenuLink:hover,
.MegaMenu a.MegaMenuLinkActive{ border-bottom: #868686 solid 1px !important; color: #0086ce; margin-bottom: -1px; background-color: rgba( 255, 255, 255, 0.2 ); }



.MegaMenu a.MegaMenuLinkOff {
   display: inline-block;    color: #FFF;    text-decoration: none;    font-size: 14px !important;    outline: none;    z-index: 1000; }
.MegaMenu a.MegaMenuLinkOff:hover {
   background: #FFF;    color: #555; /*   margin: 0px;*/
   padding: 4px 18px 4px 17px;    padding-right: 21px; }

.MegaMenu .MegaMenuContent{
   display: none; }
#MegaMenuContent, #MegaMenuContentShadow {
   background: transparent !important;
   border-top: none;    position: absolute;    z-index: 10; }


.mm-content_top { padding: 10px 0 15px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(249,249,249,0.95) 10%, rgba(249,249,249,0.95) 90%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(10%,rgba(249,249,249,0.95)), color-stop(90%,rgba(249,249,249,0.95)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(249,249,249,0.95) 10%,rgba(249,249,249,0.95) 90%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(249,249,249,0.95) 10%,rgba(249,249,249,0.95) 90%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(249,249,249,0.95) 10%,rgba(249,249,249,0.95) 90%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(249,249,249,0.95) 10%,rgba(249,249,249,0.95) 90%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}

.mm_shadow{ width: 980px; clear: both; background:transparent; position: absolute; background: url(../img/header/nav_shadow.png) no-repeat bottom center; padding: 0 0 20px; margin: 0 auto; padding-top: 1px; }


.nav_solution { width: 150px; margin-right: 10px; display: inline-block; padding: 4px 0; vertical-align: top; text-align: left; }
.nav_solution dl { display: block; padding: 4px 0 0 0 ; }
.nav_solution dt { border-bottom: 1px dotted #777; padding-bottom: 1px; font-weight: bold; color: #555; font-size: 11px;}
.nav_solution dd { }
.nav_solution dd a { background: #646464; display: block; padding: 5px 0px; text-align: center; margin: 5px auto; color: #fff; font-size: 11px;}
.nav_solution dd a:hover { background: #868686; text-decoration: none;}
.nav_solution dd a.solution_19 { background: url(../img/header/nav_brian.jpg) no-repeat top; padding: 80px 0 0; width: 150px; height: 60px; margin-bottom: 15px;}
.nav_solution dd a.solution_19:hover { background: url(../img/header/nav_brian.jpg) no-repeat bottom; text-decoration: underline;}
.nav_solution dd a.solution_19 span.solution_19_detail{ display: block; margin-top: 43px; color: #444; font-size: 12px; }

.nav_item { display: inline-block; padding: 0; text-align: left; vertical-align: top; width: 186px; padding: 0 7px; }
.nav_item dl { display: inline-block; width: 152px; vertical-align: top; padding: 8px 2px 8px 0; }

.nav_item dt { display: block; border-bottom: 1px dotted #777; padding-bottom: 1px;}
.nav_item dt a { font-weight: normal; /*color: #555;*/ font-size: 10px; color: #0086ce;}
.nav_item dt a:hover { text-decoration: underline; }

.nav_item dd { display: block; margin: 5px 2px 0; font-size: 11px; line-height: 13px;}
.nav_item dd a { color: #333; font-family: "HiraKakuProN-W6"; font-weight: bold;}
.nav_item dd a:hover{ text-decoration: underline; }
.nav_item dd:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both }
.nav_item dd a img { width: 35px; height: 35px; margin: 0 5px 0 0; border: 1px solid #aaa; display: block; float: left;}
.nav_item dd a:hover img {border: 1px solid #ccc;}
.nav_item dd a span { display: block; padding-top: 5px;}
.bt_menu_trial{ background: #008c23 none repeat scroll 0 0 !important; display: block; transition: background 500ms ease 0s; }
.bt_menu_trial:hover{ background: #00B22D !important; text-decoration: none; }

/*テクノロジー*/
.nav_tech { width: 860px; margin: 0 auto; padding: 40px 0;}
.nav_tech:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both }

.nav_tech_qusome,
.nav_tech_clay { width: 380px; padding: 0 20px; float: left;}

.nav_tech_qusome p.nav_tech_title { padding: 0px; margin: 0 0 5px;}
.nav_tech_clay p.nav_tech_title { padding: 0px; margin: 10px 0 15px;}

.nav_tech a { color: #555; font-size: 11px;}
.nav_tech a:hover { text-decoration: underline;}
.nav_tech p.nav_tech_title a { padding-left: 0;}

.nav_tech_qusome a { padding-left: 30px;}
.nav_tech_clay a {  padding-left: 20px;}


img.nav_tech_img { float: left; margin-right: 0;}


/*サービス*/
.nav_service { text-align: center; padding: 10px 0;}

.nav_service ul li { display: inline-block; width: 150px; margin: 20px 5px; vertical-align: top; text-align: center; }
.nav_service ul li:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both }

.nav_service ul li p.list_service_title { font-size: 16px; margin-top: 7px;}
.nav_service ul li p.list_service_title a { color: #333;}
.nav_service ul li p.list_service_txt { font-size: 12px; color: #777; line-height: 16px; margin-top: 5px; }
.nav_service ul li p.list_service_txt a{ color: #777; }
.nav_service ul li p.list_service_title a:hover{ text-decoration: underline; }
.nav_service ul li p.list_service_txt a:hover{ text-decoration: underline; }
.nav_service ul li p.list_service_link { text-align: center; margin-top: 3px; }
.nav_service ul li p.list_service_link a { font-size: 11px; text-decoration: none; color: #0086ce !important; }
.nav_service ul li p.list_service_link a:hover { text-decoration: underline;}


.top_service ul li p.list_service_link { text-align: center; margin-top: 3px; }
.top_service ul li p.list_service_link a { font-size: 11px; text-decoration: none; color: #0086ce !important; }
.top_service ul li p.list_service_link a:hover { text-decoration: underline;}


/*お問い合わせ*/
.nav_contact { text-align: center; padding: 10px 0 0;}
.nav_contact ul li { display: inline-block; width: 250px; vertical-align: top; text-align: left; margin: 10px auto; }
.nav_contact ul li:first-child { border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.nav_contact h4 a { font-weight: bold; font-size: 16px; color: #000 !important;}
.nav_contact h4 a span { display: block; font-weight: normal; font-size: 12px; margin: 0 0 10px; line-height: 20px; color: #555;}
.nav_contact p { font-size: 12px; margin: 5px 0 10px; line-height: 20px; color: #555;}
.nav_contact p span { font-size: 11px; display: block; }
.nav_contact img { width: 220px;}
.nav_contact a { font-size: 12px; text-decoration: none; color: #0086ce !important; display: block; }



/*ビーグレンとは*/
#nav_about{ width: 930px; margin: 0 auto; padding-top: 15px; padding-bottom: 5px; }
#nav_about p{ width: 200px; float: left; padding-left: 25px; }
#nav_about span{ font-size: 12px; line-height: 20px; display: block; padding-top: 3px; text-align: center; }
#nav_about a{ color: #888; }
#nav_about a:hover{ color: #666; }
#nav_about img{ width: 200px; border: #ddd solid 1px; }

#nav_about:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/*選び方*/
.nav_abouts ul li { display: inline-block; width: 250px; vertical-align: top; text-align: left; margin: 6px auto; }
.nav_abouts h4 a { font-weight: bold; font-size: 14px !important; color: #000 !important; display: block; width: 100%; }
.nav_abouts h4 a:hover{ text-decoration: underline; }
.nav_abouts h4 a span { display: block; font-weight: normal; font-size: 12px; margin: 0 0 10px; line-height: 20px; color: #777;}
.nav_abouts ul li { border-bottom: 1px solid #ddd; padding-bottom: 14px; text-indent: 20px; }
.nav_abouts ul li:last-child{ border: none; padding-bottom: 0; }
.nav_abouts ul li i{ float: right; margin-right: 20px; margin-top: 2px; }


/* パン屑リスト
----------------------------------------------- */
.breadcrumb { width:970px; text-align:left; margin:13px auto 10px auto; padding:0 0 0 10px; font-size:11px; color:#777; line-height:18px; word-break:keep-all; }
.breadcrumb a { color: #555;}
img.house { margin:0 3px -2px 0; }
img.regist { margin:0 2px -3px 20px; }
img.person { margin:0 1px -3px 0; }
img.topcart_icon { margin:0 2px -6px 0; }
img.my_icon { margin:0 0 -3px 0; }
img.logout_icon { margin:0 1px -3px 0; }


/* フレーム
----------------------------------------------- */
div#container { width:100%; margin: 0 auto; position: relative;}
#container:after {/* firefox背景色表示用 */ content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

div#leftcolumn { float: right; width:170px; padding:0; margin:0 0 40px 0; }
div#leftcolumn h2 { padding:0; margin:0; }
div#leftcolumn h2 img{ padding:0; margin:0; }

div#rightcolumn { float: right; width:210px; padding: 10px 0 0; }



/* メインコンテンツ
----------------------------------------------- */
/* 3カラム設定 */
/*
div#three_maincolumn { float: left; width: 420px; padding: 0 0 0 0; }
div#three_maincolumn h2 { padding: 15px 0 0 0; }
*/
div#three_maincolumn { width: 100%; margin: 0 auto;}


/* 2カラム設定 */
div#two_maincolumn { width:980px; padding:0; margin:0 auto; }

/* 1カラム設定 */
div#one_maincolumn { width:980px; margin:0 auto; }

/* 強制フルフレーム */
.full_frame { width: 2000px; margin-left: -510px; margin-right: -510px; }




h1.title,
h2.title,
h3.title,
div#one_maincolumn h2,
div#two_maincolumn .static_page h2 { height:60px; line-height:60px; padding:0 0 0 10px; margin:0 0 30px; border-bottom:#ddd solid 1px; /*background:url(../img/contact/right_arrow_h2.gif) no-repeat left;*/ font-size:15px; color:#333; }



.static_page { width:750px; float:left; margin:0 0 40px 0; padding:0;}
.static_page table,
.static_page table td { border:none; margin:0; padding:0; }

table#bpoint table { padding:0; }
table#bpoint tr { padding:0; }
table#bpoint td { padding:0; }

.static_page h3 { color:#333; font-weight:bold; font-size:16px; padding:0; margin:50px 0 20px 0;}

.static_page .pText1,
.static_page .pText2,
.static_page .pText3,
.static_page .pText4 { margin:5px 0;}

.static_page .pText2{ font-weight:bold; font-size:14px; }
.static_page .pText3{ padding:0 0 5px 0;}

.static_page .step01,
.static_page .step02{ padding:0px; margin:8px 15px;}

.static_page ol {list-style-type: upper-latin; margin:10px 30px; }
.static_page ol li{list-style-type:upper-latin; margin:5px 0 0 10px; color:#666666;}

.static_page ol.steps {
 margin: 20px 0; /*--Bg of the order numbers--*/
 padding: 0 0 0 35px; /*--Distance between the order numbers--*/
 border: 1px solid #111; }

.static_page ol.steps li {
 margin: 0; padding: 15px 15px; color: #FFF; font-size: 1.7em; font-weight: bold;    /*--The bevel look is styled with various colors in the border properties below--*/
 border-top: 1px solid #000; border-bottom: 1px solid #353535; border-right: 1px solid #333; border-left: 1px solid #151515; background: #222; }

.static_page ol.steps li.first { border-top: 1px solid #353535; }
.static_page ol.steps li.last { border-bottom: none; }

.static_page table.howtopay { width: 100%; border:#CCC 1px solid; }
.static_page table.howtopay th { width:130px; background:#ECECEC; }
.static_page table.howtopay td { border:#CCC 1px solid; }

div#comp_frame { width:980px; }
.static_page .components{ margin:0 0 15px; padding:0 0 20px; border-bottom:1px dotted #ccc;}
.static_page .components .components_img{ float:left; margin:31px 20px 0 20px; }
.static_page .components .components01{ float:right; font-weight:bold; font-size:13px; margin:6px 10px 0 0; }
.static_page .components .components02{ float:left; height: 25px; line-height: 25px; }
.static_page .components .components02 a:hover { text-decoration: none; }

.static_page .components .components02 span.components_box {float:left; margin: 5px 0 0 0; width: 15px; height: 15px; display: block; }
.static_page .components .components02 span.components_txt {float:left; margin:0 0 0 5px; font-family:"Times New Roman", Times, serif; color: #666; font-size: 18px;}
.static_page .components .components02 span.components_subtxt {float:left; margin: 5px 0 0 5px; color:#FFF; font-size: 10px; padding: 0px 8px; height: 15px; line-height: 15px;}

/*color*/
.color_TT { background-color: #00c2eb;}
.color_TR { background-color: #0D76C6;}
.color_CS { background-color: #BF0B0B;}
.color_IQ { background-color: #0D156F;}
.color_MC { background-color: #1b7286;}
.color_AW { background-color: #9236AF;}
.color_WX { background-color: #146F21;}
.color_AF { background-color: #d45e58;}
.color_AB { background-color: #EBB34E;}
.color_IB { background-color: #e9809d;}
.color_YC { background-color: #5C3939;}
.color_YL { background-color: #415B2D;}
.color_NV { background-color: #f59b8b;}

.static_page .components .components03{ width:700px; height:150px; float:left; background:#fff; border:solid 1px #ccc; padding:20px; font-size:12px; line-height: 20px; color:#666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.clay_logo { margin :40px 0 20px 50px; }




/* ガイドリンク
----------------------------------------------- */
#guidearea { padding: 15px 0 0 0; line-height: 0; }


/* ログイン
----------------------------------------------- */
table#pop_login { padding:0; }
table#pop_login tr { padding:5px; }
table#pop_login td { padding:5px; }

div#loginarea { width: 170px; padding: 0 10px 10px 10px; background: url(../img/images/sideBar.gif) no-repeat left bottom; margin:0 0 10px 0;}
div#loginarea p { padding: 8px 0 0 0; }
div#login img { padding: 0 5px 0 0; vertical-align: bottom; }
div#loginarea .btn { text-align: center; }
div#loginarea .btn input{ width:80px; height:20px; }

#loginarea .box96 { width: 96px; border: solid 1px #ccc; }


/* LOGIN
----------------------------------------------- */
img.login_title_pop { margin:0 0 0 20px; }

form#cb_login_form { font-size:16px; padding:20px 0 10px; }
form#cb_login_form input.cb_login_form_input { font-size:16px; background:#fff; border:#c6d2db 1px solid; margin:0; padding:10px; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.08); }
form#cb_login_form input.cb_login_form_input:hover { background:#f6fdff; border:#9ecbe2 1px solid; box-shadow:0 0 4px #fff, inset 0 1px 2px rgba(0,0,0,0.08);}

form#cb_login_form table { width:580px; border:none; margin:0 0 0 30px; padding:0 10px; background:#f0f0f0; border:1px solid #dbdbdb;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
form#cb_login_form table tr td { border:none; }

form#cb_login_form table.registor_table { width:600px; border:none; }
form#cb_login_form .login_txt_top_pop { font-size:13px; text-align:center; padding:20px 0 0px 0; }
form#cb_login_form .email { text-align:right; padding:0 0 0 40px; font-size:13px; font-weight:bold; }
form#cb_login_form td.btn_login { text-align:center; margin:0; padding:20px 0; }

.forgot_pop {padding-bottom: 10px;}
.forgot_pop .forgot_txt { width: 540px; margin:10px auto; font-size: 13px; line-height: 22px;}
.forgot_pop .forgot_info {font-size: 11px; line-height: 18px; margin-bottom: 10px; padding: 5px 10px; border: 1px #ccc solid; color: #555; width: 520px;}
.forgot_pass .forgot_tt {width: 540px; margin:0 auto; text-align: left;}
.forgot_pass .forgot_info {font-size: 11px; line-height: 18px; width: 540px; margin:10px auto; text-align: left; border: 1px #ccc solid; padding: 5px 10px; color: #555;}


p.login_title_p { padding:0 0 20px 30px; }
p.login_title_my { font-size: 16px; font-weight: bold; padding:0 0 10px 30px; margin-left: 20px; color: #333; }

input.btn_login { height: 37px !important; width:225px !important; padding: 0; display:block; overflow: hidden; background:#1882E7; color:#FFFFFF !important; text-align:center; transition:background 500ms ease 0s; border:none; margin: 0 auto; cursor: pointer; font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 5px; }
input.btn_login:hover { background: #479ff3; color: #fff !important; text-decoration: none;}

div#login_pop_regist { background:#f0f0f0; width:580px; padding:10px 0 25px 0; margin: 0 0 0 30px; }
div#login_pop_regist p { margin:10px 0 10px 0; text-align: center; }
div#login_pop_regist a.btn_regist { height: 37px !important; width:225px !important; display:block; background:#008C23; color:#FFFFFF !important; text-align:center; transition:background 500ms ease 0s; margin: 0 auto; font-size: 14px; line-height: 36px; font-weight: bold; }
div#login_pop_regist a.btn_regist:hover { background: #00B22D; color: #fff !important; text-decoration: none;}


/* 検索
----------------------------------------------- */
div#searcharea { width: 160px; padding: 0 10px 10px 10px; background: url(../img/images/sideBar.gif) no-repeat left bottom; margin:0 0 10px 0; }
div#searcharea p { padding: 8px 0 0 0; }

div#searcharea .btn { text-align: center; }
div#searcharea .btn input{ width:80px; height:20px; }

#searcharea .box142 { width: 142px; border: solid 1px #ccc; }


/* カレンダー
----------------------------------------------- */
#block-calendar {}
#block-calendar table { border-collapse: collapse; margin: 0 auto 10px; text-align:center; }
#block-calendar th, #block-calendar td { padding: 2px; border: 1px solid #ccc; }
#block-calendar th { background: #FF8144; color: #fff; }
#block-calendar .off { background: #FFEECC; color: #E04A00; }
#block-calendar caption { color: #DD4400; }


/* バナー
----------------------------------------------- */
ul#banner { padding: 15px 0 0 0; }
#banner li { padding: 0 0 10px 0; }


/* テキストフィールド
----------------------------------------------- */
input[type='text'],
input[type="password"] { border: solid 1px #ccc; padding: 5px; font-size: 18px; }


/* ボタン
----------------------------------------------- */
input[type='image'] { border: none; }
input[type='image'].box190 { width: 190px; height: 30px; }
input[type='image'].box180 { width: 180px; height: 30px; }
input[type='image'].box150 { width: 150px; height: 30px; }
input[type='image'].box140 { width: 140px; height: 30px; }
input[type='image'].box130 { width: 130px; height: 30px; }
input[type='image'].box51 { width: 51px; height: 22px; }


.btn_info { border: 1px solid #ddd; color: #555 !important; text-align: center; text-shadow: 0 1px 0 #fff; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */}
.btn_info:hover { background: #f5f5f5; border: 1px solid #ccc; color: #555; text-decoration: none;}



.btn_cart,
.header_cart_btn { color: #fff !important; text-align: center; font-weight: bold; display: inline-block; font-size: 15px; cursor: pointer;
-webkit-transition: background 500ms ease 0s;
-moz-transition: background 500ms ease 0s;
-ms-transition: background 500ms ease 0s;
-o-transition: background 500ms ease 0s;
transition: background 500ms ease 0s;}

.btn_cart { background: #1882e7; }
.btn_cart:hover { background: #479ff3; color: #fff !important; text-decoration: none;}

.header_cart_btn { background: #42474d; }
.header_cart_btn:hover { background: #2a2d31; color: #fff !important; text-decoration: none;}



.btn_flow { background: #1882e7; color: #fff !important; text-align: center;
-webkit-transition: background 500ms ease 0s;
-moz-transition: background 500ms ease 0s;
-ms-transition: background 500ms ease 0s;
-o-transition: background 500ms ease 0s;
transition: background 500ms ease 0s;}
.btn_flow:hover { background: #479ff3; color: #fff !important; text-decoration: none;}


.btn_flow_inactive { background: #42474d; color: #fff !important; text-align: center;
-webkit-transition: background 500ms ease 0s;
-moz-transition: background 500ms ease 0s;
-ms-transition: background 500ms ease 0s;
-o-transition: background 500ms ease 0s;
transition: background 500ms ease 0s;}
.btn_flow_inactive:hover { background: #2a2d31; color: #fff !important; text-decoration: none;}

/* フッター
----------------------------------------------- */
#footer { width:100%; border-top: 1px solid #ddd; margin: 40px auto 0; padding:0; text-align: left; clear:both; }
#footer hr.footer_hr { clear:both; border:0; height:1px; border-bottom: 1px dotted #ccc; }

#footer .footer_nav { width: 980px; padding:0; margin:0 auto; font-weight:normal; }
#footer .footer_nav_box { padding: 20px 0 30px 0;}
#footer .footer_nav_box_btm { padding: 20px 0 30px 0;}

#footer .footer_nav_box_btm ul.sec1_1 { width:130px; margin:15px 0 0 20px; padding:0; float:left; }
#footer .footer_nav_box_btm ul.sec1_2 { width:150px; margin:42px 0 0 10px; padding:0; float:left;}
#footer .footer_nav_box_btm ul.sec2_1 { width:150px; height: 170px; margin:15px 0 0 10px; padding:0 0 0 20px; float:left; border-left:1px dotted #ccc; }
#footer .footer_nav_box_btm ul.sec2_2 { width:150px; margin:42px 0 0 10px; padding:0 20px 0 0; float:left; }
#footer .footer_nav_box_btm ul.sec3_1 { width:170px; height: 170px; margin:15px 0 0 10px; padding:0 0 0 20px; float:left; border-left:1px dotted #ccc; }
#footer .footer_nav_box_btm ul.sec3_2 { width:150px; margin:42px 0 0 -50px; padding:0; float:left; }
#footer .footer_nav_box_btm li { font-size:12px; line-height:20px; margin:0; padding:0 0 5px 0; display:block; font-weight:normal; }


#footer .footer_nav_box ul.sec4_1 { width:225px; margin:20px 0 0 20px; padding:0; float:left; }
#footer .footer_nav_box ul.sec4_2 { width:225px; margin:47px 0 0 20px; padding:0; float:left; }
#footer .footer_nav_box ul.sec4_3 { width:225px; margin:47px 0 0 20px; padding:0; float:left; }
#footer .footer_nav_box ul.sec4_4 { width:225px; margin:47px 0 0 20px; padding:0; float:left; }
#footer .footer_nav_box ul img { margin:0 10px 0 0; border:1px solid #ccc; vertical-align:middle; }
#footer .footer_nav_box li { width:220px; font-size:12px; line-height:20px; margin:0; padding:0 0 5px 0; display:block; float:left; font-weight:normal; }
#footer .footer_nav_box li.prod_ttl { border-bottom:1px dotted #ccc; font-size:10px; color:#777; margin:10px 0; padding-bottom: 2px; }

#footer ul a:link {	color: #777; }
#footer ul a:visited { color: #777; }
#footer ul a:hover { color: #777; text-decoration:underline; }

#footer .footer_nav ul li.subject1 { clear:both; padding:0 0 11px 0; margin:0; background:none; line-height:16px; font-size:12px; color:#666; }
#footer .footer_nav ul li.subject2 { clear:both; padding:0 0 11px 0; margin:0; background:none; line-height:16px; font-size:12px; color:#666; }
#footer .footer_nav ul.sec2 li.subject2{ width: 235px; }

#footer_link { width: 100%; padding: 30px 0 10px; border-top: 1px solid #ddd; background: #f0f0f2;}

div#footer_out { width:980px; font-size:10px; text-align:right; padding:0 0 15px 0; position: relative; bottom: 0; margin:0 auto; }
div#footer_out a { color:#4272db; }
div#footer_out span.tel { float:left; margin:3px 0 0 10px; }
div#footer_out span.numb { color:#0086ce; font-weight:bold; }
div#footer_out ul { float:right; margin-right:10px; }
div#footer_out ul.footer_link_m { display: block; }
div#footer_out ul.footer_link_m li { float: left; display: inline-block; padding-left:15px !important; margin-bottom:15px; }
div#footer_out ul.footer_link_m a { border:0; padding:0; margin: 0; }
div#footer_out ul.footer_link_m a.first { border: 0 !important; padding: 0; margin:0 !important; }

div#footer_out ul li.times a { height: 20px !important;  width:92px !important; padding: 0; display:block; overflow: hidden; background:url(../img/footer/times.gif) no-repeat 0 0; }
div#footer_out ul li.times a:hover { background-position: 0 -20px; text-decoration:none; }
div#footer_out ul li.youtube a { height: 20px !important; text-indent:-1000em; width:50px !important; display:block; overflow: hidden; background:url(../img/footer/youtube.png) no-repeat 0 0; }
div#footer_out ul li.youtube a:hover { background-position: 0 -20px; text-decoration:none; }
div#footer_out ul li.facebook a { height: 20px !important; width:70px !important; padding: 0; display:block; overflow: hidden; background:url(../img/footer/facebook.png) no-repeat 0 0; }
div#footer_out ul li.facebook a:hover { background-position: 0 -20px; text-decoration:none; }
div#footer_out ul li.twitter a { height: 20px !important;  width:70px !important; padding: 0; display:block; overflow: hidden; background:url(../img/footer/twitter.png) no-repeat 0 0; }
div#footer_out ul li.twitter a:hover { background-position: 0 -20px; text-decoration:none; }
div#footer_out ul li.line { padding:3px 0 0 0; }
div#footer_out ul li span { display:none; }

div#footer_out ul li.youtube_png a { height: 20px !important; text-indent:-1000em; width:50px !important; display:block; overflow: hidden; background:url(../img/footer/youtube.png) no-repeat 0 0; }
div#footer_out ul li.youtube_png a:hover { background-position: 0 -20px; text-decoration:none; }
div#footer_out ul li.facebook_png a { height: 20px !important; width:70px !important; padding: 0; display:block; overflow: hidden; background:url(../img/footer/facebook.png) no-repeat 0 0; }
div#footer_out ul li.facebook_png a:hover { background-position: 0 -20px; text-decoration:none; }
div#footer_out ul li.twitter_png a { height: 20px !important;  width:70px !important; padding: 0; display:block; overflow: hidden; background:url(../img/footer/twitter.png) no-repeat 0 0; }
div#footer_out ul li.twitter_png a:hover { background-position: 0 -20px; text-decoration:none; }


div#footer_copy { clear:both; width:980px; font-size:10px; text-align:left; padding:5px 0 80px 0; position: relative; bottom: 0; margin:0 auto; border-top:1px solid #ccc; }
div#footer_copy span { float:left; margin-left:10px; }
div#footer_copy ul { float:right; margin-right:10px; }
div#footer_copy ul.footer_link_b { display: block; zoom: 1; }
div#footer_copy ul.footer_link_b li { float: left; display: inline; }
div#footer_copy ul.footer_link_b a { border-left: 1px solid #ccc; padding: 0 0 0 12px; margin-left: 12px; }
div#footer_copy ul.footer_link_b a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }


.footer_sticky { position: fixed; bottom: 0px; z-index: 100; padding: 0; margin: 0 auto; width: 100%; text-align: center;}
.footer_sticky img { max-width: 100vw; max-height: 100px;}
.footer_sticky img:hover { opacity: 1 !important;}


/* タグ
----------------------------------------------------*/

.tag_list { overflow: hidden; position: relative;}
.tag_list p { margin: 0; padding: 0; }
.tag_list p span { border: 1px solid #ddd; /*background-color: rgba( 255, 255, 255, 0.80 );*/ padding: 0 !important; margin: 0 3px 3px 0; text-align: center; width: 66px; height: 15px; line-height: 17px; font-size: 9px; color: #555 !important; display: inline-block !important; background-image: none !important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.tag_list p span:first-child { margin-left: 0; }
.tag_list p span:last-child { margin-right: 0; }


/* Maintenance Page
----------------------------------------------- */
div#container_maintenance { width:980px; margin: 0 auto; padding: 0; text-align: center; }
#container_maintenance .maintenance { border:1px solid #ccc; width:980px; background:#fff; margin:20px 0 0 0; padding:0; }
#container_maintenance .maintenance_h2 { font-size :36px; font-weight:bold; color:#ccc; text-align:center; margin:0 0 10px 0; }
#container_maintenance .maintenance_p { text-align:center; color:#777; }

/* static
----------------------------------------------- */
div#static { width:760px; margin: 0 auto; padding: 0; text-align: center; }
#static .static_warningframe { border:1px solid #ccc; width:760px; height:300px; background:#fff; margin:10px 0 0 0; }
#static .static_warningframe_warning { font-size :25px; font-weight:bold; color:#ccc; text-align:center; margin:120px 0 20px 0; }
#static .static_warningframe_p { text-align:center; color:#666; }

/* b.ポイントについて
----------------------------------------------- */
div#two_maincolumn .qtable_t { width:780px; text-align:left; margin:70px 0 20px 0; padding: 0; }
div#two_maincolumn .qtable { width:780px; text-align:left; margin:0; margin:40px 0 20px 0; padding: 0; }
div#two_maincolumn .qa_img { padding:0; }
div#two_maincolumn .p_tex_1 { font-size:14px; padding:0; }
div#two_maincolumn .p_tex { font-size:14px; }


/* Article Style
----------------------------------------------- */
#ARTICLE tr td { margin:0; padding:0; border:none; }


/* SOLUTION
----------------------------------------------- */
div#one_maincolumn_lp { width:980px; margin:30px 0 100px 70px; padding:0; text-align:center; }

div#one_maincolumn_lp table,
div#one_maincolumn_lp tr,
div#one_maincolumn_lp td { border:none; margin:0; padding:0; }

div#one_maincolumn_lp table { text-align:center; }
div#one_maincolumn_lp table.b_btn{ margin:50px 0 10px -70px; }




/* RIGHT NAVI BOTTOM
----------------------------------------------- */
.r_col_box { border: 1px solid #ddd; margin-bottom: 25px;}
.r_col_box h4 { height: 40px; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #ddd; background: #f5f5f5; font-weight: normal; font-size: 14px; color: #666;}
.r_col_box_contents { padding: 0 15px;}
.r_col_box h4 a{ color: #666; }
.r_col_box h4 a:visited{ color: #666; }
.r_col_box h4 a:hover{ text-decoration: none; color: #e33b30; }

.r_col_box ul { margin:0; padding:0; }
.r_col_box ul li { padding:0; margin:0; }
.r_col_box ul li a:hover,
.r_col_box ul li a.onlink { color:#e33b30 !important; text-decoration: underline; }


/* カゴの中
----------------------------------------------- */

div#cartarea .price_box { padding: 0; height: 50px; line-height: 50px; }
div#cartarea .price_box .price_box_txt { float: left; font-size: 12px; color: #555 }
div#cartarea .price_box .price_box_total { float: right; text-align: right; font-size:14px; color:#555;}

div#cartarea .setprice_box { padding: 10px 0; color: #e33b30; border-top: 1px solid #ddd; }
div#cartarea .setprice_box .price_box_txt { float: left; font-size: 11px; }
div#cartarea .setprice_box .price_box_total { float: right; text-align: right; font-size:13px;}
div#cartarea .setprice_box .price_box_discount { font-size:10px; font-weight:normal; clear: both; text-align: center; border: 1px solid #e33b30; padding: 0; }

div#cartarea span.btn_info { display: block; padding: 2px 0; font-size: 12px; color: #555; cursor: pointer;}
div#cartarea .cart_notice { padding: 10px 0;}

/*カート中身*/
.side_cart_box ul { display: none; }
.side_cart_box ul li.cart_content {position: relative; padding: 5px 0; border-bottom: 1px solid #ddd; display: block; min-height: 40px;}
.side_cart_box ul li.cart_content img { position: absolute; top: 5px; left: 0; border: 1px solid #ddd;}
.side_cart_box ul li.cart_content span { font-size: 11px; margin-left: 50px; line-height: 14px; display: block;}

.side_cart_box ul li.cart_empty { text-align: center; font-size: 11px; padding: 10px; border-bottom: 1px solid #ddd; }

div#cartarea a.btn_flow,
div#cartarea a.btn_flow_inactive { display: block; padding: 10px 0; margin-top: 10px; font-size: 14px; font-weight: bold;}

div#cartarea span.price_en { font-size:12px; margin-left:2px; }
div#cartarea span.free { color:#c61300; font-size:12px; }

div#cartarea .in-cart-product { border: #999 1px solid; background:#fff; padding:3px; font-size:12px;}
div#cartarea .tocart { line-height:28px; }


/* カテゴリー
----------------------------------------------- */
div#categoryarea { margin:0 auto -1px;; }

div#categoryarea li.level1 li.level2 a.onlink { color:#e33b30;}
div#categoryarea li.level1 .level2_block{ padding:5px 0 10px 0;  }

div#categoryarea li.selected { }
div#categoryarea li.level1 li { }
div#categoryarea li.level1 a { display:block; height:40px; line-height:40px; display:block; padding: 0 0 0 5px; margin:0; color:#333; text-decoration:none; font-size:12px; border-bottom: 1px solid #ddd;}



/*
div#categoryarea li.level1 a.arrow01 { background:url(../img/side/arrow_r.gif) left no-repeat;}
div#categoryarea li.level1 a.arrow02 { background:url(../img/side/arrow_btm_r.gif) left no-repeat;}
*/
div#categoryarea li.level1 li.level2 a { font-size:11px; display:block; height:auto; line-height:12px; display:block; padding:5px 0 5px 8px; margin:3px 0 0 0; color:#555; text-decoration:none; border: none; }


/* FAQナビ
----------------------------------------------- */
div#aboutusarea li a { display: block; height: 40px; line-height: 40px; padding: 0 0 0 5px; margin: 0; color: #555; text-decoration: none; font-size: 12px; border-bottom: 1px solid #ddd; }
div#aboutusarea li:last-child a { border-bottom: none;}

/* FAQナビ
----------------------------------------------- */
div#faqcatarea .trig { }
div#faqcatarea ul.child { margin:0; padding: 5px 0 10px; }
div#faqcatarea ul.child li { padding:0; margin:0; }
div#faqcatarea ul.child li a {font-size:11px; display:block; height:auto; line-height:12px; display:block; padding:5px 0 5px 8px; margin:3px 0 0 0; color:#777; text-decoration:none; border: none; }

div#faqcatarea li a {display: block; height: 40px; line-height: 40px; padding: 0 0 0 0; margin: 0; color: #555; text-decoration: none; font-size: 12px; border-bottom: 1px solid #ddd; }

div# .toggle_cont { display: none;}


/*フリーダイヤル*/
.freedial {font-size:10px; line-height:12px;}
.freedial h3 { text-align:center; margin:0 0 7px -10px; padding:0; display:block; font-weight: bold; font-size: 10px; }
.freedial .freedial_number { text-align:center; margin:0; padding:10px 0; border-bottom: 1px solid #ddd; /*background: url("../img/side/line_146.gif") no-repeat bottom;*/ }

.freedial h5.freedial_title { text-align: center; font-size: 15px; font-weight: bold; margin: 12px auto 5px; color: #666;}
.freedial p.freedial_txt { font-size:10px; line-height:12px; color: #999; text-indent: -8px; margin-left: 8px; margin-bottom: 15px;}

.freedial p.freedial_subtitle{ font-size: 13px; padding-left: 2px; line-height: 20px; margin-top: 17px; font-weight: bold; }
.freedial p.freedial_subtitle span{ display: block; font-size: 11px; margin-top: 0; color: #999; font-weight: normal; }
.freedial p.freedial_subtitle a { display: block; color: #333; margin-bottom: 20px;}

.freedial hr { border-bottom: 1px solid #ddd; border-top: none;}


.freedial .skincare { margin:0; padding:15px 0 5px 15px; }
.freedial .skincare p { font-size:10px; line-height:20px; }
.freedial p.timezone { text-align:center; margin:5px; color: #999; text-align: center; font-weight: bold; font-size: 10px; }

img.week1 { margin:0; vertical-align:middle; }
img.week2 { margin:1px 0 1px 28px; vertical-align:middle; }
img.week3 { margin:1px 0 1px 28px; vertical-align:middle; }
img.week4 { margin:1px 0 1px 28px; vertical-align:middle; }


/*安心・セキュリティー*/
.ssl { text-align: center;}
img.secure { margin:20px 0; }


div#right_navi_cod { width:168px; padding:0; margin:0 0 10px 0; border:1px solid #ccc; border-top:none; text-align:center; border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -o-border-radius-bottomright: 5px;  -khtml-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -o-border-radius-bottomleft: 5px;  -khtml-border-radius-bottomleft: 5px; }

div#right_navi_cod img.cod { margin:8px 0; }

div#right_navi_credit { width:178px; padding:0; margin:0 0 10px 0; border:1px solid #ccc; border-top:none; text-align:center; border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -o-border-radius-bottomright: 5px;  -khtml-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -o-border-radius-bottomleft: 5px;  -khtml-border-radius-bottomleft: 5px; }

div#right_navi_credit img.credit { margin:8px 0; }

div#right_navi_secure { width:178px; padding:0; margin:0 0 10px 0; border:1px solid #ccc; border-top:none; text-align:center; border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -o-border-radius-bottomright: 5px;  -khtml-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -o-border-radius-bottomleft: 5px;  -khtml-border-radius-bottomleft: 5px; }










/* カスタマーサービス時間
----------------------------------------------------------*/
.w_cs_time { margin-top: 15px;}
.w_cs_time div { margin:0 10px 10px 0; padding: 0; width: 180px; height: 140px; border: 1px solid #ACACAC; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .15); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .15); box-shadow: 1px 1px 2px rgba(0, 0, 0, .15); }

.w_cs_time .skincare { background: #fff;}

.w_cs_time h3.skincare_time_title {
padding: 5px 0px !important; margin: 0 !important; border: 1px solid white; border-bottom: 1px solid #CACACA !important; background: #E8E8E8; font-size: 12px !important; text-shadow: 1px 1px 0 white; display: block; text-align: center; }
.w_cs_time p.skincare_time_txt { margin: 10px 0 0 12px !important; vertical-align: middle; font-size: 11px !important; text-align: left; line-height: 18px;}
.w_cs_time p.timezone { text-align:center; color: #999; text-align: center; font-weight: normal; font-size: 12px; margin: 0 !important }

/* Thank You ページ
----------------------------------------------------------*/
div.thankyou_cs { width: 670px; margin:50px auto 20px; }
div.thankyou_cs div {
margin:0 auto 10px; padding: 0; width: 230px; height: 160px; border: 1px solid #ACACAC; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .15); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .15); box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);}

.thankyou_cs div.order p { padding-top: 15px;}
.thankyou_cs div.shipping p { padding-top: 20px;}

div#complete_img { text-align:center; width:754px; float: left; }
div#complete_img div.thankyou_cs div p { margin: 10px 0 0 30px; text-align: left; }
div#complete_img div.thankyou_cs div h3 {
padding: 5px 0px; margin: 0; border: 1px solid white; border-bottom: 1px solid #CACACA; background: #E8E8E8; font-size: 12px; text-shadow: 1px 1px 0 white; display: block; text-align: center; }
div#complete_img div.thankyou_cs p.timezone { text-align:center; margin:5px; color: #999; text-align: center; font-weight: normal; font-size: 12px; }


div#complete_side { width:226px; float: right; padding: 20px 0 0 0; }





/* Sale Side Ad
----------------------------------------------------------*/
a.sale_side_ad { background:url(../img/top/sale_side_20130613.png); background-repeat:repeat-y; width:83px; height:394px; display:block; overflow: hidden; text-indent: -9999px; position:fixed; top:145px; left:0; z-index: 999; }
a.sale_side_ad:hover { background-position: -83px 0; text-decoration:none; }
a.sale_side_ad_st { background:url(../img/top/sale_side_20130628.png); background-repeat:repeat-y; width:83px; height:394px; display:block; overflow: hidden; text-indent: -9999px; position:fixed; top:145px; left:0; z-index: 999; }
a.sale_side_ad_st:hover { background-position: -83px 0; text-decoration:none; }




/* Corporate Navi
----------------------------------------------------------*/

div#corp_nav { z-index:999; width:100%; position:fixed; bottom:0; left:0; text-align:center; opacity:0.85; filter:alpha(opacity=85); padding: 10px 0 0; background: url(../img/common/corporate_nav/shadow.png) repeat-x top; }
div.corp_nav_wrap01 { width:100%; height: 40px; margin: 0 auto; background: #000;}
div.corp_nav_wrap02 { width:980px; margin: 0 auto;}

div#corp_nav ul { margin: 0; padding: 0; line-height: 0; position: relative;}
div#corp_nav ul li { margin: 0; padding:0; display: block; color:#fff; width: 490px; height: 40px; position: absolute; }
div#corp_nav ul li.corp_nav_active { top: 0; left: 0;}
div#corp_nav ul li.corp_nav_link { top: 0; right: 0;}

div#corp_nav ul li a { display: block; width: 490px; height:40px; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }

div#corp_nav ul li.corp_nav_active a { background:#000;}
div#corp_nav ul li.corp_nav_link a { background:#FFF;}

div#corp_nav ul li a:hover { background:#777;}