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


/* 
ALL:全適用
*/

body {
	margin: 0;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	background-color: #FFF;
	font-size: 90%;
	line-height: 120%;
	text-align: center;
}

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;
}

h3 {
	line-height: normal;
	padding: 3px 0 16px 25px;
	color: #FFFFFF;
	font-size: 24px;
	background: url(/images/common/pageheader.jpg) 0 0 no-repeat;
}

h4 {
	font-weight: normal;
	font-size:12px;
	/*font-size: 90%;*/
	padding: 0;
	margin: 0;
	height:29px;
}

h5, h6 {
	font-size: 1.2em;
}

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;}*/

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

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

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

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

.floatl{float:left;}

.block{display:block;}

.clear{clear: both;}

.text_right {text-align: right;}

.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;
}

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

.red {
	color: #FF0000;
}

.red2 {
	color: #CC0000;
}

.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;
}

/*=================================
フォント
=================================*/
.white {color: #FFFFFF;}
.black {color: #000000;}

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

.f_12{font-size:12px !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_24{font-size:24px !important;}
.f_28{font-size:28px !important;}
.f_30{font-size:30px !important;}
.f_32{font-size:32px !important;}
.f_40{font-size:40px !important;}
.f_60{font-size:60px !important;}

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

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

.syatai {
	font-style: oblique;
}

.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 tab --------------------------------------------*/
form {
	margin: 0;
	padding: 0;
}

/* for renewal --------------------------------------------*/
.alileft {
	text-align:left;
}
.alicenter {
	text-align:center;
}
.aliright {
	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;
}

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

/*=================================
margin/padding 
=================================*/
.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;}
.ma40{margin:40px !important;}
.ml40{margin-left:40px !important;}
.mr40{margin-right:40px !important;}
.mt40{margin-top:40px !important;}
.mb40{margin-bottom:40px !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;}
.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;}
.pa50{padding:50px !important;}
.pt50{padding-top:50px !important;}
.pb50{padding-bottom:50px !important;}
.pl50{padding-left:50px !important;}
.pr50{padding-right:50px !important;}



/* border --------------------------------------------*/

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


/* 20160115追加 --------------------------------------------*/
html {
overflow-y: scroll;
}