@charset "utf-8";

/* Content -------------------------*/

#content{
background:url(../page_images/home_content_bg06.jpg) repeat-x 0 0;
text-align:center;
}
#inner-content01{
width:930px;
margin:0 auto;
text-align:left;
background:#fff;
}
#whats-title,
#lets-title {padding: 15px 0 15px 10px;}

/* Navi -------------------------*/
#navi{
width:898px;
margin:0 auto 20px auto;
}
#navi:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #navi{display:inline-block;}
*:first-child+html #navi{display:inline-block;}
#navi li{float:left;}


/**/
.home-col {width: 897px; margin: 0 auto 20px auto; background: url(../page_images/home_bg_rep.gif) repeat-y 0 0;}
.home-col h3{margin-bottom: 6px;}
.home-col .home-col-inr { padding: 20px 30px 13px 30px; background: url(../page_images/home_bg_btm.gif) no-repeat left bottom;}
.home-col .ti-easy {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_01.gif) no-repeat 0 0;}
.home-col .ti-easy h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-beauty {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_02.gif) no-repeat 0 0;}
.home-col .ti-beauty h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-enjoy {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_03.gif) no-repeat 0 0;}
.home-col .ti-enjoy h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-lets-enj {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 20px 0 97px; background: url(../page_images/lets_bg_h2_03.gif) no-repeat 0 0;}
.home-col .ti-lets-enj h2 {padding-top: 19px; margin-bottom: 5px;} 

.col-02 .col-l {width: 405px; float: left;}
.col-02 .col-r {width: 405px; float: right;}
.col-02 dl {font-size: x-small;float: left; width: 143px; padding-top: 5px;}
.col-02 dl dt {color: #444E57; font-weight: bold;}
.col-02 dl dt,
.col-02 dl dd {padding-right: 15px;}
.col-02 dl.last {width: 115px;}
.col-02 dl.last dt,
.col-02 dl.last dd {padding-right: 0;}

.col-04 {font-size: x-small;}
.col-04 ul li {list-style-type: disc; list-style-position: outside; margin: 5px 10px 0 13px;}
.col-04 .col01,
.col-04 .col02,
.col-04 .col03 {float: left; width: 215px;}
.col-04 .col04 {float: left; width: 189px;}

.col-02 p {font-size: x-small; margin: 10px 0;}
.col-02 ul li {font-size: x-small; list-style-type: disc; list-style-position: outside; margin: 5px 10px 0 13px;}

/* Let's*/
.lets-col-02 {width: 896px; margin: 10px auto 20px auto; padding-bottom: 10px; background: url(../page_images/lets_bg_col02.gif) no-repeat left bottom;}
.lets-col-02 p {
	font-size: small;
	font-weight: bold;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.lets-col-02 .col-l {float: left; width: 434px;}
.lets-col-02 .col-r {float: right; width: 434px;}
.lets-col-02 ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.lets-col-02 ul li {
	float: left;
	width: 100px;
}
.lets-col-02 ul li img {padding-bottom: 3px;}
.lets-col-02 p.link {text-align: right; margin-right: 15px;}
.lets-col-02 ul li {text-align: right;}
/* ------
.lets-col-02 ul li a {padding-left: 8px; text-align: right; background: url(../page_images/ar02.gif) no-repeat 0 .4em;}
.lets-col-02 p.link a {padding-left: 8px; background: url(../page_images/ar02.gif) no-repeat 0 .4em;}
.lets-col-02 ul li a:link,
.lets-col-02 p.link a:link{color:#2D96DF; text-decoration: underline;}
.lets-col-02 ul li a:visited,
.lets-col-02 p.link a:visited{color:#2D96DF; text-decoration: underline;}
.lets-col-02 ul li a:hover,
.lets-col-02 p.link a:hover{color:#2D96DF; text-decoration: none;}
.lets-col-02 ul li a:active,
.lets-col-02 p.link a:active{color:#2D96DF; text-decoration: none;}
-----*/

.lets-col-02 div.center {text-align: center; margin: 30px 0 35px 0;}

.enj .col-04 p {margin: 5px 20px 0 0;}
.enj .col-04 .col04 p {margin-right: 0;}
.txt-idt-1e {text-indent: -1em; padding-left: 1em;}

/* Product -------------------------*/

#product{
font-size: x-small;
background:url(../page_images/home_what_bg01.gif) no-repeat 0 100%;
width:843px;
margin:20px auto 0;
padding-bottom:9px;
}
#product ul{
background:url(../page_images/home_product_bg01.gif) repeat-y 0 0;
padding:10px 0;
}
#product ul:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #product ul{display:inline-block;}
*:first-child+html #product ul{display:inline-block;}

#product ul li{
float:left;
width:250px;
padding: 0 15px;
}
#product ul li:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #product ul li{display:inline-block;}
*:first-child+html #product ul li{display:inline-block;}

#product ul li dl{
float:right;
width:115px;
line-height:1.2;
}
#product ul li dt{padding-bottom:5px;}
#product ul li dd{margin-top:2px;}
#product ul li p{margin-right:120px;}
#product ul li p.link{
margin-top:5px;
padding-left:6px;
line-height:1;
background:url(../page_images/ar02.gif) no-repeat 0 .25em;
}

