/*--html全体の設定
----------------------------------------------------------------- --*/

	
table td,th,p {font-size:13px;line-height:1.4;}


img{border:0;}



h1{font-size:12px;margin:0;padding:0;}

h1,h2,h3{
        padding:0;
		margin:0;
		}
h4.non{
        padding:0;
		margin:0 0 10px 0;
}
h4{
        background-image:url(image/icon_pad2.gif);
        background-repeat:no-repeat;
        background-position:0% 50% ;
        font-size:14px;
        padding:5px 0 0 30px;
		margin:0 0 10px 0;
        height:27px;
        color:#006699;
}

h5{        
        padding:0 0 5px 0;
		margin:0;
		font-size:13px;
		}

hr{border: 2px dotted #666666;}

small{color:#006600;}

A.green{
        
        color:#336600;
font-weight : bold;
font-size : medium;
}

.style2 {color: #669999;}


/*-- 全体のレイアウト --*/

/* ++++++++++++ HTML RESET ++++++++++++ */

body {
	    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
        margin:0 auto;
        padding:0;
	    font-size: 13px;
	    line-height:1.2;
	    color: #666666;
	    text-align:center;
}




/*--以下それぞれのパーツのボックス設定----------------------------------------------------------*/


/*--ヘッター----------------------------------------------------------*/
#header {
	    margin: 0 auto;
	    padding: 5px 0 0 0;
	    height:40px;
        width:800px;
	    text-align:left;
}
#logo{
        float:left;
        width:640px;
        
}
#logo h1{
	    padding:0px;
	    margin:0px;
}

#logo h2{
        display:none;
	    padding:0px;
	    margin:0px;
	    font-size:12px;
	    text-align:right;
}

#navi{
        float:left;
        width:160px;
        margin:25px 0 5px 0;
        padding:0;
}

#navi a{
        display:block;
        width:75px;
        float:left;
}


#container{
        width:800px;
	    margin: 0px auto;
	    padding:0px;
        border-right:1px solid #669900;
        border-left:1px solid #669900;
        border-bottom:1px solid #669900;
	    font-family:verdana,"Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;

}


#container:after {
        content: "";
        display: block;
        clear: both;
        height: 1px;
        overflow: hidden;
}

/*\*/
* html #container {
        height: 1em;
        overflow: visible;
}
/**/

/*--コピーライト----------------------------------------------------------*/

#footer{
        width:800px;
        clear:both;
        font-size:10px;
        color:#006666;
        padding-top:10px;
        text-align:center;
        margin:0 auto;
	    font-family:verdana,"Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
}


#menu{
        border-top:2px solid #999900;
        border-bottom:2px solid #999900;
        background:#006633;
        float:left;
        width:800px;
	margin: 0px;
	padding:0px;
        text-align:left;
        
}

#menu ul{
        margin:3px 0 3px 20px;
        padding:0;
        float:left;  
	list-style-type: none; 
        text-align:left;              
}

#menu ul li{
        padding:0px 20px 0px 0;
        float:left;
        margin:0;
        display:block;
        height:13px;               
}
/* ++++++++++++ HEADER ++++++++++++ */

/*--#leftと#rightの包括ブロック----------------------------------------------------------*/
#wrapper {
	    margin:0 0 0 8px;
	    padding:0px;
	    width:792px;
	    text-align:left;
}

/*--左サブメニューのテーブル----------------------------------------------------------*/

#left {
    	padding: 0px;
	    width: 196px;
	    margin:10px 0 0 0;
        float:left;  
}

#left ul{
	    list-style-type: none;
	    padding:0;
	    margin:15px 0 5px 0;
        float:left; 
}

#left ul.sub{
	    border-right:1px solid #669900;
	    border-left:1px solid #669900;
        float:left; 
	    width:194px;

}

#left li {
	    width:196px;
        margin:0;
        padding:0;
        float:left;  
}

#left li.head,
#left ul.sub li.head2 {
	    display: block;
	    overflow: hidden;
	    width:100%;
	    height:23px;
	    padding:0;
        margin:0;
        float:left;
}

#left ul.sub li.head2 {
	    height:23px;
}

#left li a {
	    display: block;
	    overflow: hidden;
	    width: 100%;
	    height: 39px;
	    padding:0;
        margin:0;
}

#left ul.sub li {
	    display: block;
	    overflow: hidden;
	    width:100%;
        float:left;
	    height:23px;
        margin:0;
        padding:0;
        border-bottom:1px solid #669900;
        font-weight:bold;
}

#left ul.sub li a{
        float:left;
	    padding:3px 0 3px 20px;
        color:#669900;
        text-decoration:none;
        background-image:url(image/navi_yazi.gif);
        background-repeat:no-repeat;
        background-position:3% 0.6em;
}

#left ul.sub li a:hover{
        background-image:url(image/navi_yazi2.gif);
        background-repeat:no-repeat;
        background-position:3% 0.6em;
        color:#99cc99;
}

.banner{
        font-size:10px;
        color:#333333;

}

.banner img{
        margin-top:10px;
        padding:0;
}

.banner_contents{
        margin-top:20px;
        padding:3px;
        border:1px solid #999900;
        float:left;
        font-size:10px;

}


/*--右内容部分のレイアウト設定----------------------------------------------------------*/

#right_index,
#right {
	    width: 587px;
	    padding: 0px;
	    margin:20px 0 0 9px;
        float:left;
}

#right{
 	    margin:10px 0 0 9px;       
}
/*--パンくずリスト----------------------------------------------------------*/
#right #pagelist{
        margin:0;
		padding:0 0 5px 30px;
		font-size:10px;
		color:#999999;
}

#right #pagelist a{
        text-decoration:none;
}

/*--INDEXトップイメージ----------------------------------------------------------*/
#right_index table#topimage{
	    width: 587px;
	    padding: 0px;
	    margin:0;
}

#right_index table#topimage td{
	padding: 0px;
	margin:0;
}
/*--▽flash未対応の場合--*/

#right_index table#topimage td#topimage_bg{
        background-image:url(image/top_flash.jpg);
        background-repeat:no-repeat;
	    padding: 0px;
	    margin:0;
        width:274px;
        height:206px;
}
/*--△flash未対応の場合--*/

#right_contents{
        margin:0px 10px 0 15px;
}

#right_contents .box{
        padding:10px 0 30px 0;  
} 

#right_index #right_contents .box h3{
        margin:0;
        padding:0 0 10px 0;
}

#right_index #right_contents .box#topics h3{
        margin:0;
        padding:0;
}



/*--ワンズハーツからのお知らせ------------------------------------------ --*/


#right_contents .box#topics #topics_scroll a{
        color:#ff9900;
} 

#right_contents .box#topics #topics_scroll,
#right_contents .box#topics #topics_scroll2{
       width:560px;
       height:100px;
       overflow:auto;
       scrollbar-face-color: #669900; 
       scrollbar-track-color: #F2FFD9; 
       scrollbar-arrow-color: #FFFFFF; 
       scrollbar-highlight-color: #dcdcdc; 
       scrollbar-shadow-color: #FFFFFF; 
       scrollbar-3dlight-color: #669900; 
       scrollbar-darkshadow-color: #669900; 
       border:1px solid #669900;
       background:#F2FFD9;
       margin:0;
       padding-bottom:10px;
}

#right_contents .box#topics #topics_scroll2{
       height:1200px;
	   background:#FFFFFF;
       border:1px solid #FFFFFF;
	   font-size:11px;
}

#right_contents .box#topics #topics_scroll ul,
#right_contents .box#topics #topics_scroll2 ul{
        margin:5px 0px 0 3em;
        padding:0;
}

#right_contents .box#topics #topics_scroll li,
#right_contents .box#topics #topics_scroll2 li{
        margin:0;
        padding:0px 10px 3px 0.2em;
        line-height:1.3;
        color:#336600;
}

#right_contents .box#topics #topics_scroll2 li{
        padding:0px 10px 10px 0.2em;
		color:#333333;
		line-height:1.4;
}

#right_contents #topics span.backno{
        margin:0 5px 20px 210px;
        padding:10px 0 0 15px;
		float:right;
		text-align:right;

}

.topic_ynavi{
        border-top:1px dotted #669900;
        border-bottom:1px dotted #669900;
		padding:3px 10px 3px 10px;
		margin:0 0 20px 0;
}


/*--お客様の声------------------------------------------ --*/

#right_contents .box#voice h3{
        margin:0;
        padding:0 0 10px 0;
        float:left;
}

#right_contents .box#voice span a{
        float:left;
        margin:0;
        padding:0.2em 0 0 20px;
        font-size:13px;
        color:#999966;
}

/*--テーブルレイアウト・段落------------------------------------------ --*/
#right_contents p{
		line-height:1.4;
		padding:0 0 0 15px;
		margin:0 0 20px 0;
}

#right_contents .box table.fit{
        margin:0 0 0 10px;
        padding:0;
        border:0;
        clear:both;
        width:550px;
}

#right_contents .box table.fit td{
        line-height:1.4;
}

#right_contents .box table.fit p{
        margin-bottom:20px;
		line-height:1.5;
}
/*--お客様の声／商品------------------------------------------ --*/

#right_contents .box table.fit#index_voice td{
        color:#666666;
        padding:0 5px 3px 0;
}

#right_contents .box table.fit#index_voice td.dotted{
        border-top:1px dotted #999999;
        padding:0;
        margin:0;
}

.f10{
        font-size:10px;
}

.f11{
        font-size:11px;
		line-height:1.3;
}

/*--お客様の声／一覧------------------------------------------ --*/
.box#voiceall{
        padding:0;
		margin:0;
}
.box#voiceall table.vt td{
        font-size:11px;
		line-height:1.4;
		width:550px;
}

.box#voiceall table.vt td.title{
		color:#333333;
		border:1px solid #669900;
		padding-left:10px;
		background:#F9FFEC;
}
.box#voiceall table.vt td img{
        float:left;
		margin:0 20px 10px 0;
}

/*--共通box・ナヴィゲーションありの場合はbox#topicsを使用------------------------------------------ --*/

.box .midashi{
        margin:0 0 20px 0;
		padding:0;
      
} 

.box .midashi h3{
        margin:0;
		padding:0;
		border-bottom:1px dotted #669900;
}

/*--レラ商品------------------------------------------ --*/
table.sp{
        border-top:1px dotted #333333;
        border-bottom:1px dotted #333333;
        margin-top:10px;
       background:#F2FFD9;
}

table.sp td img{
        vertical-align:middle;
}
/*--レラ成分／商品------------------------------------------ --*/
.item {
       line-height:150%;
	   font-weight:bold;
	   color:#009999;
	   
}

/*--ワンズハーツのこころ------------------------------------------ --*/

table.fit td#kokoro{
        background-image:url(image/resukyuirasuto.jpg);
		background-repeat:no-repeat;
		background-position:100% 0%;
		height:283px;
}
table.fit td#kokoro p{
		font-family:Trebuchet, Verdana, Arial, sans-serif;
		padding-left:20px;
		padding-bottom:0;
		margin:0;
		color:#003333;
		line-height:1.5;
}

/*--シャンプー使用法------------------------------------------ --*/
ul.midori li{
        padding:5px;
}

ul.midori{color:#006666;}
/*--ページTOP------------------------------------------ --*/

#pagetop{
        padding:0;
        margin-top:50px;
        margin-left:30px;
        text-align:left;
}

#pagetop a,
#right_contents #topics span.backno a,
.topic_ynavi a,
.topic_ynavi span{
        background-image:url(image/navi_yazi2.gif);
        background-repeat:no-repeat;
        background-position:0% 50% ;
        padding-left:15px;
        margin-left:20px;
        text-decoration:none;
        color:#669933;
}

#pagetop a:hover,
#right_contents #topics span.backno a:hover,
.topic_ynavi a:hover
{
        color:#990000;
}

/*--カウンター------------------------------------------ --*/

#counter{
        padding:0;
        margin-top:20px;
        margin-left:20px;
        text-align:left;
		clear:both;
}




/*--TOP小窓用----------------------------------------------------------*/

body#komado{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
    margin:0 auto;
    padding:0;
	text-align:left;
}


body#komado table td{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
    margin:0;
    padding:5px;
	font-size:12px;
	line-height:1.4;
	color: #666666;
}

#textarea1{
font-family : "Verdana","ＭＳ Ｐゴシック","Osaka";
font-size:11px;line-height:150%;color:#999999;
BORDER: #005b00 1px solid; 
SCROLLBAR-FACE-COLOR: white;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #bcd1bd;
SCROLLBAR-3DLIGHT-COLOR: #bcd1bd;
SCROLLBAR-ARROW-COLOR: #bcd1bd;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: white;
width:480px;
}
	
	
.Margin10Class {
	MARGIN-LEFT: 0px
;}

#ssi_bg{background-image:url(image/bg2.gif) ;}

/*--ヘッター下のメニュー（緑メニュー）の設定 --*/

.LinkClass {
	DISPLAY: block; WIDTH: 100%; COLOR: white; PADDING: 3px 0px; 
}
.CellClass {
	WIDTH: 133px; padding: 0; margin:0 ;BACKGROUND-COLOR: #005b00; text-align:center;
	font-size:13px;font-weight:bold;
	border-left:1px solid #cccc99;
	border-right:1px solid #cccc99;
	border-top:4px solid #cccc99;
	border-bottom:4px solid #cccc99;
	
}
	
/*--　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
.cellclassには、132pxのボックス（１メニュー/「当店について」などののボックスのこと）の
左に2px/実線/色の指定・上下に4px/実線/色の指定　が設定してあります。
テーブルの横幅が800pxなので、800÷6（メニューの数）＝133
メニューの数が増えた場合　この計算で１ボックスの横幅（width）を変えてください。
メニューの数によっては、文字の大きさを小さくするなり・・しなくてはいけませんが。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− --*/

.Cellclass A:link {COLOR: white; BACKGROUND-COLOR: #005b00;text-decoration:none;}
.Cellclass A:active {COLOR: white; BACKGROUND-COLOR: #005b00;text-decoration:none;}
.Cellclass A:visited {COLOR: white; BACKGROUND-COLOR: #005b00;text-decoration:none;}	
.Cellclass A:hover {
COLOR: #ffffcc; BACKGROUND-COLOR: #ff9900;text-decoration:none;
background-image:url(image/icon.gif) ;
background-repeat:no-repeat;
background-position:0px 0.7px;}

/*--　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
.cellclass A:〜〜は、.cellclass（１ボックス）のリンク色・背景色などの設定部分です。
マウスオン時（.Cellclass A:hover）ボックスの頭に三角アイコンが出るよう背景として三角画像を
設定しています。

background-image: url(三角画像ファイル名);　←マウスオン時にボックスに反映される背景画像の意味。
background-repeat:no-repeat;　←背景に指定した三角画像を繰り返さないの意味
background-position:left middle;　←背景画像（三角）の位置がボックスの左（横位置）・真ん中（縦位置）の意味
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− --*/

a:link {color:#006666;}
a:active {color:#006666;}
a:visited {color:#006666;}
a:hover {color:#FF9900;}


/*--左側メニューの設定 --*/

.menu {padding:15px 7px 5px 7px;font-size:13px;font-weight:bold;line-height:120%;}

.menu A:link {	COLOR: #005b00;  border-bottom:1px dotted #cccccc;width:100%;text-decoration:none;}
.menu A:active {	COLOR: #005b00; border-bottom:1px dotted #cccccc;width:100%;text-decoration:none;}
.menu A:visited {	COLOR: #005b00; border-bottom:1px dotted #cccccc;width:100%;text-decoration:none;}	
.menu A:hover {	COLOR: #ff9900; border-bottom:1px dotted #ff9900;width:100%;text-decoration:none;}

/*--　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
.menu A:〜〜は、左側メニューのリンク文字に対する設定です。
リンク文字部分には、それぞれマウスオン時の色変化の設定と同時に、リンク文字の下に　1px/点線/点線の色
が引かれるようにしてあります。

 border-bottom:1px dotted #cccccc;width:100%;　という所。width100％というのは、
 セルの横幅100％いっぱいに点線を伸ばすための設定。これがないと、純粋にリンク文字の文字数だけにしか
 点線がつかず、セルの横幅いっぱいに点線がつかない。
 
 なぜ、リンク文字の上下左右に若干の余白があるかというと、
 
 .menu {padding:10px 7px;font-size:14px;}
 
 ここで、上下10px　左右7px　の余白設定をしているから。
 リンク文字の大きさを変えたければ、余白設定の次の　font-size:14px;　の部分を変えて下さい。
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− --*/


/*--サイトマップ部分のリンク設定 --*/

.siteadd {border-bottom:1px dotted #dcdcdc ; font-size:10px;}
.siteadd A:link{color:#669900;text-decoration:none;}
.siteadd A:active{color:#669900;text-decoration:none;}
.siteadd A:visited{color:#669900;text-decoration:none;}
.siteadd A:hover{color:#FFCC00;text-decoration:none;}


/*--商品名の文字の大きさの指定 

h3{font-size:17px;
   background-image:url(image/yazirushi.gif);
   background-repeat:no-repeat;
   background-position:10px 1px;
   padding:0 0 5px 40px;margin:0 0 10px 0;
   border-bottom:3px solid #dcdcdc}--*/

/*--商品詳細のテキスト部分の設定 --*/



/*--著作権部分 --*/

.copy {background-color:#005b00;font-size:10px;color:#FFFFFF;text-align:center;}