/*------ページ全体の設定-------*/

body{

background-color:#f8f2e7;

font-family: Tahoma,"MS UI Gothic","osaka";

font-size: 12px;

color: #564b47;

line-height:12pt;

padding:0px;
margin:0px;

}

A:link {text-decoration:none;}

A:visited {color:#000066;}

A:active {text-decoration:none;}

A:hover {color:#ff3333;position:relative;top:-1;left:-1;}

A{text-decoration:none;}



/* -----container to center the layout------*/

#container {

width: 800px;

margin-bottom: 10px;

margin-left: 0px;

margin-right: auto;

background-color: #f9f4ec;

}



/* ----上のロゴバナーとメニューのバナー---- */

.banner {

background-color: #ffffff;

text-align: right;
padding: 0px;

margin: 0px;

}



.banner1 {

padding: 0px;

margin: 10px 30px;

}



.banner img {
padding:10px 0px;
}

 

/* -------上のバー------- */

#topbar {

font-size: 11px;

background-color: #bb918e;

border-top:1px solid #564b47;

border-bottom:1px solid #564b47;

padding:5px 15px;
margin:0px;

}



/* -------下のバー------- */

#footer {

clear: both;

margin: 0px;

padding:5px 15px;

text-align: right;

font-size: 11px;

background-color: #bb918e;
border-top:1px solid #564b47;

border-bottom:1px solid #564b47;

}




/* -------左のメニュー欄-------- */

#left {

float: left;

width: 170px;

margin: 0px;

padding: 0px;

}



/*-----キノコつきメニュー------*/

.menu{
font-size: 15px;

font-weight:bold
;
width: 130px;

border-bottom: dashed 1px;

background: url(http://www.candycolor.net/soap/image/kinoko.gif) no-repeat left;

background-position:0px;

margin: 30px 9px;

text-indent:15px;

padding: 5px 0px;

line-height:10px;

}



/*---キノコつきの赤---*/

.aka2 {

color: #cc3300;

font-size: 15px;

font-weight:bold;

width: 130px;

border-bottom: dashed 1px;

background: url(http://www.candycolor.net/soap/image/kinoko.gif) no-repeat left;

background-position:0px;

margin: 30px 9px;

text-indent:15px;

padding: 5px 0px;

line-height:10px;

}



/*---おおきめ赤---*/

.aka1 {

font-size: 14px;

color: #cc3300;

line-height:12pt;
}



/*---普通の赤---*/

.aka3 {

font-family:  Tahoma,"MS UI Gothic","osaka";

color: #cc3300;
}



/* ---------右のメイン部分---------- */

#content {

background-color: #ffffff;

padding: 0px;

margin-left: 160px;

margin-right: 0px;
text-align: left;

}



/* ------右のメインのタイトル------ */

.rr1 {

float: left;

width: 30px;

margin-left:5px;

background-color: #996666;

border-width: 1px;

border-style: solid;

border-color: #5a3a33;

}



.rr2 {

width:550px;

color: #5a3a33;

text-indent: 5px;
margin-left: 10px;
border-width: 1px;

border-style: solid;

border-color: #5a3a33;

}




/*-------○はっぱつきタイトル（お知らせとか）-------*/

.tt1 {

color:#996666;

font-weight:bold;

width: 550px;

margin-left:10px;

border-bottom: dotted 1px;
background: url(http://www.candycolor.net/test/image/maru05.gif) no-repeat left top;

background-position:0px;

text-indent:18px;

}




/*-------文章の左アキ---------*/

.m {

margin-left:30px;

margin-right:20px;

}



.mm {

margin-left:20px;

margin-right:20px;

}






/*---おおきめ緑---*/

.midori1 {

font-size: 14px;

color: #669933;

line-height:12pt;

}



/*---リンクページにきたときの文字色---*/

.kiiro1 {

color: #ffffcc;

}



/*---石鹸の説明ページの中---*/

.ss {

margin-left:20px;
margin-top:10px;

font-size: 12px;

line-height:12pt;

}



/*---石鹸の説明ページの上---*/
.s {

margin-left: 20px;

font-size: 10px;

line-height:10pt;

}



/*---使用材料---*/

.z {

margin-left: 3px;

font-size: 10px;

line-height:12pt;

}




h1{
font-size: 16px;
color: #666633;
margin-left:20px;
}



h2.spam {
font-size: 16px;

color: #cc3300;

margin-left:20px;
}

h3{font-size: 12px;color: #666633;font-weight: normal;margin: 0px;padding: 0px;}