@charset "utf-8";
/* CSS Document */

/**********************************************************
all.cssを統合済み　基本記述設定まとめ
***********************************************************/

/* 
140516 狩野
暫定的な記述です。パンくずを<div>に変えた際、
この記述を削除します。
*/
h4{
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3";
}

/**********************************************************
general setting
***********************************************************/

body {
	margin: 0;
	background-color: #FFF;
	/*font-size: 90%;*/
	line-height: 170%;
	-webkit-text-size-adjust: 100%;
}

div, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
h1, h2, h3, h4, h5, h6, li, pre, div{
	margin: 0;
	padding: 0;
}

#header_frame p,#sidenavi_frame p,#footer_frame p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

a{text-decoration: underline;}

a:link, a:visited {
	color: #0033FF;
	text-decoration: none;
}

a:hover, a:active {
	color: #0033FF;
	text-decoration: underline;
}

hr {
	clear: both;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #999;
	color: #FFF;
	background-color: inherit;
}

/*p img { display: inline; margin: 2px;}*/

#main_frame{
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3";
}

iframe {border:0; margin:0; border:0;}

/* 全体リンク設定 */
.divlink,.divlink_b{
background: #fff;
cursor: pointer;
/*position:relative;*/
}
.divlink:hover,.divlink_b:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
/**/

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

.clearfix {
	clear : both;
	zoom: 100%;
}

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

.clear {clear: both;}

img.left{
margin-right:10px;
margin-bottom:10px;
float:left;
}

img.right{
margin-left:10px;
margin-bottom:10px;
float:right;
}

.line_black_dotted {
margin: 20px 0;
clear: both;
border-bottom: dotted 1px #999;
}

/**********************************************************
Decoration
***********************************************************/

.hide { position:absolute;top:0;left:-9999px; font-size:12px; }

.block {display:block;}

.large_bold_text {font-size: 1.2em;font-weight: bold;}

.blue {font-size: 14px; line-height: 125%; font-weight: bold;color: #0b8fff;}

.blue2 {font-size: 10px; line-height: 125%; color: #0b8fff;}

.blue3 {font-size: 12px; line-height: 125%; font-weight: bold;color: #0b8fff;}

.blue4 {font-size: 10px; line-height: 125%; font-weight: bold;color: #0b8fff;}

.orenge {font-size: 14px; line-height: 125%; font-weight: bold;color: #f1790e;}

.price_red {font-size: 14px; line-height: 125%; font-weight: bold;color: #fe0000;}


/**********************************************************
font
***********************************************************/

.white {color: #FFF;}
.black {color: #000;}
.bk    {color: #222;}
.red   {color: #FF0000;}
.red2  {color: #CC0000;}
.red3  {color: #e60012;}

.f_bold{font-weight:bold;}
.f_normal{font-weight:normal !important;}

.f_black{color:#222 !important;}
.f_orange{color:#fe6d00;}
.f_yellow{color:#fa8f02;}
.f_green{color:#1F9A2C;}
.f_red{color:#EB0000;}

.syatai {font-style: oblique;}

.short_text {letter-spacing:-0.05em;}
.bold_text {font-weight: bold;}
.small_text {font-size: 90%;}
.large_text {font-size: 120%;}
.large2_text {font-size: 2em;}

.line{line-height: 1.2em;}


/**********************************************************
form
***********************************************************/

.new_logo {
	display: block;
	width: 35px;
	height: 13px;
	background: url(/wc/washlet/list/img/new-logo.gif) 0 0 no-repeat;
}

.cart_buy_num {width:15px;}

form.newWIN :hover,
form.newWIN :hover input,
a.rollover:hover,
a.rollover:hover img,
.btn_cart:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
.BtnForm1 {margin:0;}

form {margin: 0;padding: 0;}


/**********************************************************
position
***********************************************************/

.center{
	text-align:center;
	margin:0 auto !important;
}

.fl {float:left !important;}
.fr {float:right !important;}
.floatl {float:left;}

.txtl{text-align:left;}
.txtr{text-align:right;}

.alileft {text-align:left;}
.alicenter {text-align:center;}
.aliright {text-align:right;}
.text_right {text-align: right;}

.valitop {vertical-align:top;}
.valimiddle {vertical-align:middle;}
.valibottom {vertical-align:bottom;}

.marginbottom8px {margin-bottom:8px;}

.areatext {line-height:250%;font-size:12px;}

.relative {position: relative;}

.db {display: block;}



/**********************************************************
font-size / margin / padding 
***********************************************************/

.f_10{font-size:10px !important;}
.f_11{font-size:11px !important;}
.f_12{font-size:12px !important;}
.f_13{font-size:13px !important;}
.f_14{font-size:14px !important;}
.f_15{font-size:15px !important;}
.f_16{font-size:16px !important;}
.f_18{font-size:18px !important;}
.f_20{font-size:20px !important;}
.f_22{font-size:22px !important;}
.f_24{font-size:24px !important;}
.f_26{font-size:26px !important;}
.f_28{font-size:28px !important;}
.f_30{font-size:30px !important;}
.f_32{font-size:32px !important;}
.f_36{font-size:36px !important;}
.f_40{font-size:40px !important;}
.f_60{font-size:60px !important;}

.ma0{margin:0 !important;}
.ml0{margin-left:0 !important;}
.mr0{margin-right:0 !important;}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.ma5{margin:5px !important;}
.ml5{margin-left:5px !important;}
.mr5{margin-right:5px !important;}
.mt5{margin-top:5px !important;}
.mb5{margin-bottom:5px !important;}
.ma10{margin:10px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.ma15{margin:15px !important;}
.ml15{margin-left:15px !important;}
.mr15{margin-right:15px !important;}
.mt15{margin-top:15px !important;}
.mb15{margin-bottom:15px !important;}
.ma20{margin:20px !important;}
.ml20{margin-left:20px !important;}
.mr20{margin-right:20px !important;}
.mt20{margin-top:20px !important;}
.mb20{margin-bottom:20px !important;}
.ma25{margin:25px !important;}
.ml25{margin-left:25px !important;}
.mr25{margin-right:25px !important;}
.mt25{margin-top:25px !important;}
.mb25{margin-bottom:25px !important;}
.ma30{margin:30px !important;}
.ml30{margin-left:30px !important;}
.mr30{margin-right:30px !important;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
.ma35{margin:35px !important;}
.ml35{margin-left:35px !important;}
.mr35{margin-right:35px !important;}
.mt35{margin-top:35px !important;}
.mb35{margin-bottom:35px !important;}
.ma40{margin:40px !important;}
.ml40{margin-left:40px !important;}
.mr40{margin-right:40px !important;}
.mt40{margin-top:40px !important;}
.mb40{margin-bottom:40px !important;}
.ma45{margin:45px !important;}
.ml45{margin-left:45px !important;}
.mr45{margin-right:45px !important;}
.mt45{margin-top:45px !important;}
.mb45{margin-bottom:45px !important;}
.ma50{margin:50px !important;}
.ml50{margin-left:50px !important;}
.mr50{margin-right:50px !important;}
.mt50{margin-top:50px !important;}
.mb50{margin-bottom:50px !important;}
.ma55{margin:55px !important;}
.ml55{margin-left:55px !important;}
.mr55{margin-right:55px !important;}
.mt55{margin-top:55px !important;}
.mb55{margin-bottom:55px !important;}
.ma60{margin:60px !important;}
.ml60{margin-left:60px !important;}
.mr60{margin-right:60px !important;}
.mt60{margin-top:60px !important;}
.mb60{margin-bottom:60px !important;}
.ml70{margin-left:70px !important;}
.mr70{margin-right:70px !important;}
.mt70{margin-top:70px !important;}
.mb70{margin-bottom:70px !important;}
.ml80{margin-left:80px !important;}
.mr80{margin-right:80px !important;}
.mt80{margin-top:80px !important;}
.mb80{margin-bottom:80px !important;}
.ml90{margin-left:90px !important;}
.mr90{margin-right:90px !important;}
.mt90{margin-top:90px !important;}
.mb90{margin-bottom:90px !important;}
.ml100{margin-left:100px !important;}
.mr100{margin-right:100px !important;}
.mt100{margin-top:100px !important;}
.mb100{margin-bottom:100px !important;}


.pa0{padding:0px !important;}
.pt0{padding-top:0px !important;}
.pb0{padding-bottom:0px !important;}
.pl0{padding-left:0px !important;}
.pr0{padding-right:0px !important;}
.pa5{padding:5px !important;}
.pt5{padding-top:5px !important;}
.pb5{padding-bottom:5px !important;}
.pl5{padding-left:5px !important;}
.pr5{padding-right:5px !important;}
.pa10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pb10{padding-bottom:10px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pa15{padding:15px !important;}
.pt15{padding-top:15px !important;}
.pb15{padding-bottom:15px !important;}
.pl15{padding-left:15px !important;}
.pr15{padding-right:15px !important;}
.pa20{padding:20px !important;}
.pt20{padding-top:20px !important; }
.pb20{padding-bottom:20px !important;}
.pl20{padding-left:20px !important;}
.pr20{padding-right:20px !important;}
.pa25{padding:25px !important;}
.pt25{padding-top:25px !important; }
.pb25{padding-bottom:25px !important;}
.pl25{padding-left:25px !important;}
.pr25{padding-right:25px !important;}
.pa30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pb30{padding-bottom:30px !important;}
.pl30{padding-left:30px !important; }
.pr30{padding-right:30px !important;}
.pa35{padding:35px !important;}
.pt35{padding-top:35px !important;}
.pb35{padding-bottom:35px !important;}
.pl35{padding-left:35px !important; }
.pr35{padding-right:35px !important;}
.pa40{padding:40px !important;}
.pt40{padding-top:40px !important;}
.pb40{padding-bottom:40px !important;}
.pl40{padding-left:40px !important; }
.pr40{padding-right:40px !important;}
.pa45{padding:45px !important;}
.pt45{padding-top:45px !important;}
.pb45{padding-bottom:45px !important;}
.pl45{padding-left:45px !important; }
.pr45{padding-right:45px !important;}
.pa50{padding:50px !important;}
.pt50{padding-top:50px !important;}
.pb50{padding-bottom:50px !important;}
.pl50{padding-left:50px !important;}
.pr50{padding-right:50px !important;}
.pa55{padding:55px !important;}
.pt55{padding-top:55px !important;}
.pb55{padding-bottom:55px !important;}
.pl55{padding-left:55px !important;}
.pr55{padding-right:55px !important;}
.pa60{padding:60px !important;}
.pt60{padding-top:60px !important;}
.pb60{padding-bottom:60px !important;}
.pl60{padding-left:60px !important;}
.pr60{padding-right:60px !important;}
.pa70{padding:70px !important;}
.pt70{padding-top:70px !important;}
.pb70{padding-bottom:70px !important;}
.pl70{padding-left:70px !important;}
.pr70{padding-right:70px !important;}
.pa80{padding:80px !important;}
.pt80{padding-top:80px !important;}
.pb80{padding-bottom:80px !important;}
.pl80{padding-left:80px !important;}
.pr80{padding-right:80px !important;}
.pa90{padding:90px !important;}
.pt90{padding-top:90px !important;}
.pb90{padding-bottom:90px !important;}
.pl90{padding-left:90px !important;}
.pr90{padding-right:90px !important;}
.pa100{padding:100px !important;}
.pt100{padding-top:100px !important;}
.pb100{padding-bottom:100px !important;}
.pl100{padding-left:100px !important;}
.pr100{padding-right:100px !important;}


@media screen and (max-width:640px){
.f_10{font-size: 80% !important;}
.f_11{font-size: 85% !important;}
.f_12{font-size: 90% !important;}
.f_13{font-size: 95% !important;}
.f_14{font-size: 100% !important;}
.f_15{font-size: 105% !important;}
.f_16{font-size: 105% !important;}
.f_18{font-size: 110% !important;}
.f_20{font-size: 120% !important;}
.f_22{font-size: 120% !important;}
.f_24{font-size: 125% !important;}
.f_26{font-size: 125% !important;}
.f_28{font-size: 125% !important;}
.f_30{font-size: 130% !important;}
.f_32{font-size: 130% !important;}
.f_36{font-size: 135% !important;}
.f_40{font-size: 140% !important;}
.f_60{font-size: 160% !important;}

.ma5{margin:0.6em !important;}
.ml5{margin-left:0.6em !important;}
.mr5{margin-right:0.6em !important;}
.mt5{margin-top:0.6em !important;}
.mb5{margin-bottom:0.6em !important;}
.mt10{margin-top: 0.7em !important;}
.mr10{margin-right: 0.7em !important;}
.mb10{margin-bottom: 0.7em !important;}
.ml10{margin-left: 0.7em !important;}
.ma10{margin: 0.7em !important;}
.mt15{margin-top: 0.8em !important;}
.mr15{margin-right: 0.8em !important;}
.mb15{margin-bottom: 0.8em !important;}
.ml15{margin-left: 0.8em !important;}
.ma15{margin: 0.8em !important;}
.mt20{margin-top: 0.9em !important;}
.mr20{margin-right: 0.9em !important;}
.mb20{margin-bottom: 0.9em !important;}
.ml20{margin-left: 0.9em !important;}
.ma20{margin: 0.9em !important;}
.ma25{margin:1.0em !important;}
.ml25{margin-left:1.0em !important;}
.mr25{margin-right:1.0em !important;}
.mt25{margin-top:1.0em !important;}
.mb25{margin-bottom:1.0em !important;}
.mt30{margin-top: 1.1em !important;}
.mr30{margin-right: 1.1em !important;}
.mb30{margin-bottom: 1.1em !important;}
.ml30{margin-left: 1.1em !important;}
.ma30{margin: 1.1em !important;}
.ma35{margin:1.2em !important;}
.ml35{margin-left:1.2em !important;}
.mr35{margin-right:1.2em !important;}
.mt35{margin-top:1.2em !important;}
.mb35{margin-bottom:1.2em !important;}
.mt40{margin-top: 1.3em !important;}
.mr40{margin-right: 1.3em !important;}
.mb40{margin-bottom: 1.3em !important;}
.ml40{margin-left: 1.3em !important;}
.ma40{margin: 1.3em !important;}
.ma45{margin:1.4em !important;}
.ml45{margin-left:1.4em !important;}
.mr45{margin-right:1.4em !important;}
.mt45{margin-top:1.4em !important;}
.mb45{margin-bottom:1.4em !important;}
.mt50{margin-top: 1.5em !important;}
.mr50{margin-right: 1.5em !important;}
.mb50{margin-bottom: 1.5em !important;}
.ml50{margin-left: 1.5em !important;}
.ma50{margin: 1.5em !important;}
.ma55{margin:1.6em !important;}
.ml55{margin-left:1.6em !important;}
.mr55{margin-right:1.6em !important;}
.mt55{margin-top:1.6em !important;}
.mb55{margin-bottom:1.6em !important;}
.ma60{margin:1.7em !important;}
.ml60{margin-left:1.7em !important;}
.mr60{margin-right:1.7em !important;}
.mt60{margin-top:1.7em !important;}
.mb60{margin-bottom:1.7em !important;}
.ml70{margin-left:1.9em !important;}
.mr70{margin-right:1.9em !important;}
.mt70{margin-top:1.9em !important;}
.mb70{margin-bottom:1.9em !important;}
.ml80{margin-left:2.1em !important;}
.mr80{margin-right:2.1em !important;}
.mt80{margin-top:2.1em !important;}
.mb80{margin-bottom:2.1em !important;}
.ml90{margin-left:2.3em !important;}
.mr90{margin-right:2.3em !important;}
.mt90{margin-top:2.3em !important;}
.mb90{margin-bottom:2.3em !important;}
.ml100{margin-left:2.5em !important;}
.mr100{margin-right:2.5em !important;}
.mt100{margin-top:2.5em !important;}
.mb100{margin-bottom:2.5em !important;}

.pa5{padding:0.6em !important;}
.pt5{padding-top:0.6em !important;}
.pb5{padding-bottom:0.6em !important;}
.pl5{padding-left:0.6em !important;}
.pr5{padding-right:0.6em !important;}
.pt10{padding-top: 0.7em !important;}
.pr10{padding-right: 0.7em !important;}
.pb10{padding-bottom: 0.7em !important;}
.pl10{padding-left: 0.7em !important;}
.pa10{padding: 0.7em !important;}
.pt15{padding-top: 0.8em !important;}
.pr15{padding-right: 0.8em !important;}
.pb15{padding-bottom: 0.8em !important;}
.pl15{padding-left: 0.8em !important;}
.pa15{padding: 0.8em !important;}
.pt20{padding-top: 0.9em !important;}
.pr20{padding-right: 0.9em !important;}
.pb20{padding-bottom: 0.9em !important;}
.pl20{padding-left: 0.9em !important;}
.pa20{padding: 0.9em !important;}
.pa25{padding:1.0em !important;}
.pt25{padding-top:1.0em !important; }
.pb25{padding-bottom:1.0em !important;}
.pl25{padding-left:1.0em !important;}
.pr25{padding-right:1.0em !important;}
.pt30{padding-top: 1.1em !important;}
.pr30{padding-right: 1.1em !important;}
.pb30{padding-bottom: 1.1em !important;}
.pl30{padding-left: 1.1em !important;}
.pa30{padding: 1.1em !important;}
.pa35{padding:1.2em !important;}
.pt35{padding-top:1.2em !important;}
.pb35{padding-bottom:1.2em !important;}
.pl35{padding-left:1.2em !important; }
.pr35{padding-right:1.2em !important;}
.pt40{padding-top: 1.3em !important;}
.pr40{padding-right: 1.3em !important;}
.pb40{padding-bottom: 1.3em !important;}
.pl40{padding-left: 1.3em !important;}
.pa40{padding: 1.3em !important;}
.pa45{padding:1.4em !important;}
.pt45{padding-top:1.4em !important;}
.pb45{padding-bottom:1.4em !important;}
.pl45{padding-left:1.4em !important; }
.pr45{padding-right:1.4em !important;}
.pt50{padding-top: 1.5em !important;}
.pr50{padding-right: 1.5em !important;}
.pb50{padding-bottom: 1.5em !important;}
.pl50{padding-left: 1.5em !important;}
.pa50{padding: 1.5em !important;}
.pa55{padding:1.6em !important;}
.pt55{padding-top:1.6em !important;}
.pb55{padding-bottom:1.6em !important;}
.pl55{padding-left:1.6em !important;}
.pr55{padding-right:1.6em !important;}
.pa60{padding:1.7em !important;}
.pt60{padding-top:1.7em !important;}
.pb60{padding-bottom:1.7em !important;}
.pl60{padding-left:1.7em !important;}
.pr60{padding-right:1.7em !important;}
.pa70{padding:1.9em !important;}
.pt70{padding-top:1.9em !important;}
.pb70{padding-bottom:1.9em !important;}
.pl70{padding-left:1.9em !important;}
.pr70{padding-right:1.9em !important;}
.pa80{padding:2.1em !important;}
.pt80{padding-top:2.1em !important;}
.pb80{padding-bottom:2.1em !important;}
.pl80{padding-left:2.1em !important;}
.pr80{padding-right:2.1em !important;}
.pa90{padding:2.3em !important;}
.pt90{padding-top:2.3em !important;}
.pb90{padding-bottom:2.3em !important;}
.pl90{padding-left:2.3em !important;}
.pr90{padding-right:2.3em !important;}
.pa100{padding:2.5em !important;}
.pt100{padding-top:2.5em !important;}
.pb100{padding-bottom:2.5em !important;}
.pl100{padding-left:2.5em !important;}
.pr100{padding-right:2.5em !important;}
}