/*FORM*/
.box3 { width: 33px; }    /*W3*/
.box6 { width: 54px; }    /*W6*/
.box10 { width: 82px; }   /*W10*/
.box12 { width: 96px; }   /*W12*/
.box18 { width: 138px; }   /*W18*/
.box19 { width: 145px; }   /*W19*/
.box20 { width: 152px; }   /*W20*/
.box30 { width: 222px; }   /*W30*/
.box33 { width: 243px; }   /*W30*/
.box40 { width: 292px; }   /*W40*/
.box47 { width: 341px; }   /*W47*/
.area40 { width: 302px; height: 134px; }    /*W40〜8*/
.area45 { width: 337px; height: 290px; }    /*W40〜20*/
.area46 { width: 337px; height: 134px; }    /*W40〜8*/
.area50 { width: 372px; height: 290px; }    /*W50〜20*/
.area55 { width: 407px; height: 290px; }    /*W55〜20*/
.area65 { width: 444px; height: 290px; }    /*W65〜20*/
.area68 { width: 498px; height: 134px; }    /*W68〜8*/
.area80 { width: 572px; height: 134px; }    /*W80〜8*/
.area80_2 { width: 572px; height: 200px; }  /*W80〜30*/
.area92 { width: 666px; height: 160px; }    /*W92〜10*/
.area96 { width: 694px; height: 420px; }    /*W80〜30*/
.area96_2 { width: 694px; height: 160px; }  /*W80〜10*/

/*LINK*/
a:link { color: #3a75af; text-decoration: underline; }
a:visited { color: #3a75af; text-decoration: underline; }
a:hover { color: #3a75af; text-decoration: none; }

/*OVER*/
a.over:link{ color:#4a6fa6; text-decoration: none; }
a.over:visited { color:#4a6fa6; text-decoration: none; }
a.over:hover { color:#4a6fa6; text-decoration: underline; }

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.blue { color: #3a75af; }
.bluest { color: #3a75af; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }

/*PHOTO*/
.picture { 
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}

/*PHOTO*/
img { 
    border: 0px;
}


#container #right #contents #right #price{
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding: 0;
margin: 0;
padding: 0;
width: 295px;
background: #ecf5ff;
}

div.width{
	width: 780px;
}

hr.dotted{
   size:1px;
   color:#00663E;
}
hr.dashed{
   size:1px;
   color:#CCCCCC;
   border-style:dashed;
}
ul {
   list-style-type:none;
   margin:0;
   padding:0;
   font-size:12px;
}
li {
   margin:0;
   padding:0;
}
li.start {
   margin:5px 0 5px 20px;
   padding:0 0 0 10px;
   background: url("../img/guide/map_li.gif") no-repeat center left;
}
li.end{
   margin:5px 0 40px 20px;
   padding:0 0 0 10px;
   background: url("../img/guide/map_li.gif") no-repeat center left;
}

li.textarea{
   margin:8px 0 2px 0;
   padding:0;
}
li.textarea2{
   margin:15px 0 2px 0;
   padding:0;
}
h1{
   margin:0;
   padding:5px;
   font-size:10px;
   color:#333333;3
   font-size:11px;
}
h2{
   margin:0;
   font-size:13px;
   color:#FFF;
}
h2.gide{
   margin:0;
   padding:5px;
   font-size:18px;
   color:#333333;
   background-color:#F2F9F3;
}
h3{
   margin:20px 0 0 0;
   padding:8px 15px;
   width:550px;
   font-size:13px;
   color:#333333;
   text-align:left;
   background: url("../img/cp/h2.jpg") no-repeat left;
   background-color:#F2F9F3;
}
h4{
   margin:0;
   padding:0 0 3px 0;
   font-size:13px;
   color:#FF6600;
   text-align:left;
}
#textarea{
   width:580px;
   margin:10px 0;
   font-size:12px;
   line-height:15px;
   text-align:left;
}
div.kuzu{
   margin:10px;
   font-size:11px;
   text-align:left;
}
div.head_logo{
   margin:0;
   padding:5px;
   color:#333333;3
}

/*----------商品の発送・梱包について----------*/

div.hs-main{
	margin: 0 auto;
	width: 558px;
	height: 169px;
}

div.hs-subtitle{
	margin: 30px auto 0;
	width: 558px;
	height: 21px;
}

div.hstxt{
	width: 558px;
	text-align: left;
	border: 1px splid #FF0000;
	clear: both;
}

ul.hs-txt01{
	width: 146px;
	padding: 10px 0 10px 4px;
	line-height: 120%;
	float: left;
	font-weight: bold;
	text-align: left;
	font-size:13px;
	vertical-align: top;


}

ul.hs-txt02{
	line-height: 120%;
	text-align: left;
	font-size:13px;
	vertical-align: top;
	width: 384px;
	padding: 10px 10px 10px 0;
	float: right;
}

ul.hs-txt03{
	width: 146px;
	padding: 10px 0 0 4px;
	line-height: 120%;
	float: left;
	font-weight: bold;
	text-align: left;
	font-size:13px;
	vertical-align: top;
}

ul.hs-txt04{
	line-height: 120%;
	text-align: left;
	font-size:13px;
	vertical-align: top;
	width: 384px;
	padding: 10px 10px 0 0;
	float: right;
}

ul.hs-txt01 li,ul.hs-txt02 li {
	list-style-type:none;
	padding: 0 0 6px;
	display:block;
}

div.hs-con01{
	margin: 10px auto 20px;
}

.tablelayout{
	margin-bottom: 20px;
}

/*----------正しいシャンプーの使用方法----------*/

div.sh-main{
	margin: 20px auto 24px;
	width: 558px;
	height: 79px;
}

p.sh-txt{
	width: 480px;
	border: 1px solid #9CBE75;
	background-color: #F5F9F2;
	padding: 14px;
	text-align: left;
	font-size: 13px;
	line-height: 160%;
}

div.sh01-img{
	width: 110px;
	height: 110px;
	float: left;
}

div.sh01{
	width: 550px;
	margin: 40px auto 0;
	height: 150px;
}
div.sh02{
	width: 550px;
	margin: 40px auto 0;
	height: 310px;
}
div.sh03{
	width: 550px;
	margin: 40px auto 0;
	height: 164px;
}
div.sh04{
	width: 550px;
	margin: 40px auto 0;
	height: 174px;
}
div.sh05{
	width: 550px;
	margin: 40px auto 0;
	height: 180px;
}

div.sh01-ttl{
	width: 429px;
	height: 31px;
	float: right;
}

p.sh01-txt{
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 4px;
	font-size: 15px;
	line-height: 160%;
}

p.sh02-txt{
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 4px;
	font-size: 15px;
	color: #5258A6;
	line-height: 160%;
}

div.line01{
	width: 516px;
	height: 1px;
	margin-top: 30px;
}

div.line00{
	clear: both;
}

hr.line1{
border-style:none none solid;
border-width:medium medium 1px;
clear:both;
padding-top:40px;
width:515px;
}


div.bg01{
	width: 510px;
	padding: 10px;
	clear: both;
	background-color: #5258A6;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 40px 0;
}
/*----------正しいシャンプーの使用方法2月1日更新----------*/

.tadasii_cont,.sha_txt ,.temp_txt p, .sha_comment1,.sha_comment2{

	margin: 0;
	padding: 0;
}



#shampoo_wrap {
	width: 555px;
	height: auto;

}
#tadasii_top{
	background:url("../img/shampoo/top_touhi.jpg") no-repeat;
	width:555px;
	height:331px;
	margin-top:25px;
	position: relative;
}
.tadasii_comment{
	position: absolute;
	left: 25px;
	bottom: 25px;
	font-size:12px;
	text-align:left;
	line-height: 1.5em;
	letter-spacing:0.2em;
}

.tadasii_box,.tadasii_box2{
	padding:25px;
	width:505px;
	_width:555px;
	height:170px;
	background-color:#f2f2f2;
	clear: both;	  
}

.tadasii_box2{
	text-align:left;	
	height:247px;}
.tadasii_cont{
	width:555px;
	height:49px;
	margin-top:25px;
	margin-bottom:15px;

}
.sha_txt ,.temp_txt p{
	width:352px;
	float: left;
	font-size: 14px;
	line-height: 1.8em;
	text-align:left;
}
.temp_txt p{margin-bottom:25px;}
#tadasii_top p,.tadasii_txt{letter-spacing:0.1em;}
.point_img1,.point_img2 {
	margin-bottom:10px;
	text-align:left;}

div.temp_txt {
	text-align:left;
	width: 352px;
	float:left;
}

.sha_comment1,.sha_comment2{
	color:#4f549d;
	font-size:14px;
	line-height:1.6em;
	text-align:left;
}

span.shampoouse{
	font-weight:bold;
	color:#F00;
}

#tadasii_buy{
	background:url("../img/shampoo/second_touhi.jpg") no-repeat;
	width:556px;
	height:386px;
	margin-top:25px;
	margin-bottom:40px;
	position: relative;
}
.sha_image{
	width:150px;
	display: block;
	float:left;}
#tadasii_buy img {border: 0;}
#tadasii_buy #sha_btn{
	display: block;
	position: absolute;
	right: 15px;
	bottom: 17px;
	
}
/*----------レフトナビ----------*/

div.block{
	margin-bottom:10px;
	border:1px #CCC solid;
	text-align:left;
}
div.block2{
	margin-bottom:10px;
}

ul.block{
    padding:5px 10px;
}

li.block{
    background: url("../img/side/icon.gif") no-repeat left;
    padding-left:20px;
    margin:5px 0;
}

ul.category{
    padding:2px 3px 0px 3px;
}

li.category{
    margin:1px 0 3px 0px;
}

div.cago{
	padding:10px;
}


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

div#header {
	border-top:3px #02673F solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	text-align:left;
	background: url("../img/header/h_bg1.jpg") no-repeat right;
}
div#header h1 a {
    float: left;
    display: block;
    margin: 13px 0 0 0;
    width: 159px;
    height: 37px;
    background: url("../img/header/logo.gif") no-repeat;
}
div#header em {
    display: none;
}

div.head_text{
	padding:5px;
	font-size:10px;
	color:#333333;
	font-weight:normal;
}
div#head_r1{
	margin:10px 0 0px 0;
	text-align:right;
}
div#head_r2{
	padding:0px 8px 10px 0;
	text-align:right;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:4px #02673F solid;
	background: url("../img/header/h_bg2.jpg") repeat-y right;
	background-color:#FFF;
}

#head_r1 li{
    margin-right:8px;
}

#head_r1 ul li{
    display:inline;
}

#head_r2 ul li{
    display:inline;
}
div.headline_s{
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	height:10px;
	background-color:#FFF;
}


/*----------フッタ----------*/
div#fotter {
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	text-align:left;
	background-color:#FFF;
}

div.fott_text {
	border-top:3px #02673F solid;
	padding:10px;
}

div.fott_l {
	float:left;
	width:370px;
}

div.fott_r {
	float:right;
	width:370px;
}

div.fott {
	text-align:center;
	border-top:1px #CCCCCC solid;
	border-bottom:3px #02673F solid;
	background-color:#F4F9F7;
}

div.fott_link {
	padding:10px;
	font-size:13px;
}

div.copy {
	font-size:11px;
	padding-bottom:10px;
}

li.fott_end {
	margin-bottom:10px;
}


/*----------かごの中ページ下----------*/
div#cart_btn {
	border:1px #DDE1D2 solid;
	margin-bottom:30px;
	padding:10px;
	font-size:12px;
	line-height:160%;
	text-align:center;
	background-color:#FAF9ED;
}
#cart_btn p {
	margin:0;
}
div.cart_osusume_title {
	text-align:center;
}

/*----------フリーメール----------*/
div.f-mail-wrp{
	height: 100%;
	margin: 0 0 40px 0;
	text-align: left;
	width: 580px;
}

.f-mail-txt01{
	text-align: left;
	padding: 0 10px 20px 10px;
	font-size: 13px;
	text-align: left;
}

ul.f-mail-txt03{
	text-align: left;
	list-style-type: none;
}

ul.f-mail-txt04{
	list-style-type: none;
	text-align: left;
	font-size: 13px;
	text-align: left;
}

li.f-li{
	text-align: left;
	margin:10px 0 0 24px;
	padding: 0 0 0 16px;
	background: url(../img/guide/map_li.gif) no-repeat scroll left center;
}

div.f-mail-con01{
   background: url(../img/mail/con01.gif) no-repeat;
   width: 394px;
   height: 15px;
   margin-top: 30px;
   margin-bottom: 10px;
}
div.f-mail-con02{
   background: url(../img/mail/con02.gif) no-repeat;
   width: 394px;
   height: 15px;
   margin-top: 30px;
   margin-bottom: 10px;
}
div.f-mail-con03{
   background: url(../img/mail/con03.gif) no-repeat;
   width: 394px;
   height: 15px;
   margin-top: 30px;
   margin-bottom: 10px;
}
div.f-mail-con04{
   background: url(../img/mail/con04.gif) no-repeat;
   width: 394px;
   height: 15px;
   margin-top: 30px;
   margin-bottom: 10px;
}
div.f-mail-con05{
   background: url(../img/mail/con05.gif) no-repeat;
   width: 394px;
   height: 15px;
   margin-top: 30px;
   margin-bottom: 10px;
}

/*----------コンテンツ----------*/

div#contents{
   text-align: left;
   width:570px;
   font-size: 13px;
   line-height: 160%;
}

#contents h2{
   color:#333333;
   font-size:19px;
}

/*----------コンテンツ QA----------*/

div#user_data_main {
   text-align:left;
   font-size:13px;
}
#user_data_main p {
   margin:15px;
   line-height:160%;
}
div.user_data_main_left {
   float:left;
   margin-right:16px;
   width:271px;
}
div.user_data_main_right {
   float:right;
   width:271px;
}
div.anser {
   clear:both;
   margin:10px;
}
div.linkarea {
   margin:15px;
   overflow:auto;
}
div.clearfix {
   display:inline-block;
}
li.q_cate {
   background-color:#00633C;
   color:#FFF;
   padding:5px;
   font-weight:bold;
   margin-bottom:10px;
}
li.q_link {
   margin-bottom:13px;
   margin-left:20px;
   list-style-type:disc;
}

li.q {
   margin-bottom:10px;
   padding:3px 3px 1px 3px;
   font-weight:bold;
   color:00633C;
   border-bottom:2px solid #00633C;
   background-color:#F6F6E6;
}
li.a {
   margin-bottom:25px;
   padding:0 10px;
   line-height:160%;
}
li.qa_top {
   text-align:right;
   padding:10px;
}

div.login_left {
   height:263px;
   padding:15px;
   border:#CCC solid 5px;
   font-size:13px;
   line-height:160%;
   float:left;
   margin-right:20px;
   margin-left:10px;
   width:320px;
   text-align:left;
}
div.login_left_bottom {
   background-color:#EEE;
   text-align:center;
   width:320px;
}
div.login_left_bottom2 {
   padding:40px;
}
div.login_right {
   padding:15px;
   border:#CCC solid 5px;
   font-size:13px;
   line-height:160%;
   float:right;
   width:320px;
   text-align:left;
   margin-right:10px;
}
div.login_right_form {
   background-color:#EEE;
   padding:10px;
   width:auto;
}
div.login_right_btm {
   margin-top:10px;
   width:300px;
}
#login_foot {
   width:740px;
}
#login_foot p {
   margin:0;
}

/*----------注文完了----------*/

div.comp_main {
   width:660px;
}
div.comp_left {
   width:510px;
   float:left;
}
div.comp_right {
   margin-top:20px;
   width:150px;
   float:right;
}
div.products_stitle {
   height:40px;
   background: url(../img/products/product_title.jpg) no-repeat;
   text-align:left;
   margin-bottom:10px;
   padding:11px 0 0 35px;
}

/*----------404エラーページ----------*/

div.text404 {
   font-size:0.8em;
   line-height:160%;
}


/*----------ＮＥＷフッタ----------*/
.column { float: left; }
.column_b { float: left; }
#directorynav { font-size: 11px; line-height:18px; padding-top: 0; float: left; width: 100%; margin-top: -4px; *position: relative; }
#directorynav .column { width: 120px; margin: 15px 0 4px 15px; }
#directorynav .column_b { width: 120px; margin: 0 0 10px 15px; }
#directorynav .column_c { width: 120px; margin: 8px 0 4px 0; }
#directorynav .column.last { float: left !important; padding-right: 0; }
#directorynav ul {
    font-size:10px;
    text-align:left;
}
#directorynav #fott_link_a { width: 175px; }
#directorynav #fott_link_b { width: 155px; }
#directorynav #fott_link_c { width: 120px; }
#directorynav #fott_link_d { width: 120px; }
#directorynav #fott_link_e { width: 120px; }
#directorynav #fott_stitle_a { width: 175px; font-size:13px; font-weight:bold; text-align:left; border-bottom:1px solid #999999; }
#directorynav #fott_stitle_b { width: 290px; font-size:13px; font-weight:bold; text-align:left; border-bottom:1px solid #999999; }
#directorynav #fott_stitle_c { width: 120px; font-size:13px; font-weight:bold; text-align:left; border-bottom:1px solid #999999; }
#directorynav #fott_stitle_d { width: 120px; font-size:13px; font-weight:bold; text-align:left; border-bottom:1px solid #999999; }


/*----------打ち間違いページ----------*/
h2.misstake_stitle {
   height:40px;
   background: url(../img/products/product_title.jpg) no-repeat;
   font-size:17px;
   text-align:left;
   margin-bottom:10px;
   padding:11px 0 0 35px;
}
div.misstake_stitle {
   margin:20px 0 0 0;
   padding:8px 5px;
   width:570px;
   font-size:16px;
   color:#333333;
   text-align:left;
   font-weight:bold;
}
#misstake_textarea {
   width:560px;
   margin:10px 0;
   font-size:13px;
   line-height:160%;
   text-align:left;
}
div.misstake_morarea {
   padding:10px;
   width:560px;
   font-size:13px;
   line-height:160%;
   color:#333333;
   background-color:#EEE;
}
#misstake_textarea2 {
   width:560px;
   margin:10px 0;
   font-size:15px;
   line-height:160%;
   text-align:left;
}
#misstake_textarea2 ul {
   font-size:15px;
   margin:12px 0;
   padding-left:40px;
}
#misstake_textarea2 li {
   list-style-type:disc;
}


/*----------用語集ページ----------*/

div.yougo_morarea {
   padding:10px;
   margin:30px auto;
   width:540px;
   font-size:16px;
   line-height:160%;
   color:#333333;
   font-weight:bold;
   background-color:#EEE;
}
div.yougo_sstitle {
   margin:20px auto 0 auto;
   padding:5px 5px 2px 8px;
   width:527px;
   font-size:16px;
   color:#333333;
   text-align:left;
   font-weight:bold;
   background-color:#F3F7F8;
}
#yougo_textarea {
   width:540px;
   margin:10px auto;
   font-size:13px;
   line-height:160%;
}
#yougo_textarea li {
   display:inline;
}
div.yougo_link_area {
   margin:10px;
   text-align:left;
}
div.yougo_link_area_l {
   width:167px;
   float:left;
}
div.yougo_link_area_r {
   width:343px;
   float:right;
}
div.yougo_link_area_rl {
   width:166px;
   margin-right:10px;
   float:left;
}
div.yougo_link_area_rr {
   width:167px;
   float:right;
}


/*----------会員登録ページ----------*/
#ssl {
	padding:10px;
	background-color:#f0f0f0;
}
#ssl_b {
	margin-bottom:10px;
	padding:10px;
	background-color:#f0f0f0;
}
#ssl_l {
	margin-right:10px;
	width:115px;
	float:left;
}
#ssl_r {
	width:535px;
	float:right;
}
#ssl700 {
	width:720px;
	margin-bottom:10px;
	background-color:#f0f0f0;
}
#ssl700_l {
	margin:10px;
	width:115px;
	float:left;
}
#ssl700_r {
	width:575px;
	float:right;
	font-size:75%;
	text-align:left;
	line-height:160%;
	margin-right:10px;
	margin-top:10px;
}
#ssl_cart {
	padding:10px;
}
#ssl_cart_r {
	width:533px;
	float:right;
}