@charset "Shift_JIS";

html * {
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 font-size: 100%;
 font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴシック W3","Osaka","Arial","Helvetica","Verdana","Tahoma",sans-serif;
}

body {
background: #FFF;
 color: #333;
 margin: 0;
 padding: 0;
}

a img { 
 border:none; 
 border-style: none;
 text-decoration: none;
}

img { 
 border:none; 
 border-style: none;
 text-decoration: none;
}

a:link {
 color: #665333;
 text-decoration: none;
}

a:visited {
 color: #665333;
 text-decoration: none;
 }
 
a:hover {
 color: #665333;
 text-decoration: none;
 background:#E4F0DA;
}

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

h2 {
 font-size:15px;
 margin:15px 0 0 10px;
 padding:0 0 0 10px;
 color: #663300;
 border-left: 5px solid #663300;
 }

div#main {
 background: #FFF;
 width:780px;
}

#catch {
background: url(images/top_catch.gif);
}

#catch div{
padding: 5px;
color: #FFF;
font-size: 10px;
text-align: right;
line-height: 130%;
}

/*　コンテンツエリア　*/
#contents p {
margin: 10px 10px 5px 10px;
font-size: 12px;
line-height: 160%;
}

#toTop {
text-align: right;
}

#toTop a {
font-size: 10px;
}

#shopping {
font-size: 10px;
}

#shopping a {
font-size: 10px;
}
#shopping a strong{
color: #6EBE6E;
text-decoration:: none;
}

h1.h01 {
background: url(images/h1_bg.gif);
background-repeat: no-repeat;
margin: 10px 10px 0 10px;
padding: 8px 0 10px 45px;
font-size: 18px;
color: #666;
}

/*　コンテンツのカテゴリページリンク　*/
.cLink {
margin: 3px 10px;
border: 1px solid #CCC;
text-align: center;
background: #ECFFE0;
}

.cLink span {
font-size: 10px;
color: #999968;
}

.cLink a {
display: block;
border-left: 20px solid #A6C78F;
}

.cLink a:hover {
background: #D2E8C3;
}

.textB {
font-size: 13px;
font-weight: bold;
}

/*　Lefter　*/
#lefter table {
font-size: 11px;
margin-top: 6px;
}

#lef01 {background: url(images/leftmenu_about_bg.gif) repeat-y; margin: 0; padding: 0;}
#lef02 {background: url(images/leftmenu_inner_bg.gif) repeat-y; margin: 0; padding: 0;}
#lef03 {background: url(images/leftmenu_skin_bg.gif) repeat-y; margin: 0; padding: 0;}
#lef04 {background: url(images/leftmenu_life_bg.gif) repeat-y; margin: 0; padding: 0;}
#lef05 {background: url(images/leftmenu_other_bg.gif) repeat-y; margin: 0; padding: 0;}

.leftLink {
margin: 0 0 0 0px;
padding: 0;
list-style-image: url(images/arrow01.gif);
}

.leftLink li {
margin: 0 0 2px 90px;
padding: 0;
}

/*　Righter　*/
#righter div {
font-size: 10px;
width: 120px;
margin: 5px;
}

/*　フッター */
#footer {
 clear:both;
 background: url(images/footer_bg.gif);
 color:#fff;
 text-align: center;
 border-bottom: 1px solid #999;
}

address {
 font-size:9px;
 font-style: normal;
text-decoration: none;
padding: 3px 0;
}

.ad{
padding: 5px 0px 5px 7px;
}
.ad a:link{
font-size: 15px;
color: #0000ff;
text-decoration: underline;
}
.ad a:visited {
color: #0000ff;
text-decoration: underline;
}
.ad a:hover {
background-color: #ffffff;
color: #0000ff;
text-decoration: underline;
}

.wrap_beauty{
border: 1px solid #CCC;
margin: 0px 10px 10px;
}
.beauty{
width: 184px;
background: #E6FFCC url(beauty_bg.gif);
}
.beauty img{
float: left;
margin: 10px 8px;
}
.beauty p{
float: left;
margin: 10px 0px 10px;
}
.beauty p a{
color: #3333CC;
font-size: 10px;
text-decoration: underline;
line-height: 14px;
}

#contact h4{margin-bottom: 5px; margin-left: 10px; background: none; padding: 0px; color: #665333; font-size: 15px;}
#contact table {margin: 0px 20px; background: #A8BAC6;}
#contact th {padding: 5px 14px; background: #E6FFCC; font-size: 11px;}
#contact td {padding: 5px 14px; background: #FFF; font-size: 11px;}