@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:hoshitus.css
 Update:        
 Style Info:     保湿剤の塗り方CSS設定ファイル
--------------------------------------------------------- */
body {
 margin-top:0;
 padding: 0;
 text-align:left;
}

/* -----------------------------------------------------------
　　背景部分
----------------------------------------------------------- */

#hoshitsu-bg-container-prd{
 margin-top:-4px;
 padding: 20px 0 0 0;
 width:0 auto;
 background: url(../img/hoshitu_all_bg.jpg) repeat-x left top;
 color:#333;
 font-size:12px;
 line-height:140%;

}

#hoshitsu-bg-kumo{
 margin: 0 auto;
 background: url(../img/hoshitu_all_bg_kumo.gif) no-repeat left top;

}

#hoshitsu-bg-header{
 width: 768px;
 height:70px;
 margin: 0 auto;
 background: url(../img/hoshitu_header.gif) no-repeat left top;
}

#hoshitsu-bg-center{
 text-align:left;

 width: 768px;
 margin: 0 auto;
 background: url(../img/hoshitu_center.gif) repeat-y left top;
}

#hoshitsu-bg-fuder{
 width: 768px;
 height:25px;
 margin: 0 auto;
 background: url(../img/hoshitu_fuder.gif) no-repeat left top;
}

/* -----------------------------------------------------------
　　menu
----------------------------------------------------------- */

#hoshitsu-menu{
 margin-left:270px;
 padding-top:21px;
}



/* -----------------------------------------------------------
　　共通
----------------------------------------------------------- */

#hoshitsu-container-prd {
 width: 768px;
 margin: 0 auto;
 background: url(../img/hoshitu_top_bg.jpg) no-repeat left top;
 text-align: left;
}

#top-container {
 width: 750px;
 margin:0 0 0 9px;
 position: relative;
 background: url(../img/00_img_bg_00.gif) repeat-y scroll left top;
}

#top-main {
 background: url(../img/00_img_bg_02.jpg) no-repeat right bottom;
}

div p {
 margin: 0;
 padding: 0;
}

/* -----------------------------------------------------------
　　成人用　　
----------------------------------------------------------- */

#adult-container {
 position: relative;
 margin: 0 auto;
 padding: 0 10px;
 width: 740px;
 background: url(../img/01_img_bg_00.gif) repeat-y scroll left top;
}



#adult-howto-bg-container{
 color:#333;
 font-size:12px;
 line-height:140%;
 margin-top:-4px;
 padding: 20px 0 0 0;
 width:0 auto;
 background: url(../img/adult_howto_bg.jpg) repeat-x left top;
}



#adult-howto-header{
 width: 768px;
 height:70px;
 margin: 0 auto;
 background: url(../img/adult_howto_header.gif) no-repeat left top;
}


#adult-mv{
 width: 484px;
 height:277px;
 padding:6px;
 margin: 30px 0px 15px 20px;
 background: url(../img/adult_mv_bg.gif) no-repeat left top;
}


/* -----------------------------------------------------------
　　子供用　　
----------------------------------------------------------- */
#child-container {
 position: relative;
 margin: 0 auto;
 padding: 0 10px;
 width: 740px;
 background: url(../img/02_img_bg_00.gif) repeat-y scroll left top;
}

#child-mv{
 width: 484px;
 height:277px;
 padding:6px;
 margin: 30px 0px 15px 20px;
 background: url(../img/child_mv_bg.gif) no-repeat left top;
}

/* -----------------------------------------------------------
　　保湿剤について　　
----------------------------------------------------------- */
#common-container {
 position: relative;
 margin: 0 auto;
 padding: 0 10px;
 width: 740px;
 background: url(../img/03_img_bg_00.gif) repeat-y scroll left top;
}

/* -----------------------------------------------------------
　　リンク関係
----------------------------------------------------------- */

a. {
 color:#666;
 text-decoration:none;
}
a:hover {
 color:#333;
 text-decoration:underline;
}

a.hoshitsutop {
 display:block;
 padding:2px;
 color:#666;
 text-decoration:none;

}

a.hoshitsutop:visted {
 text-decoration:none;
 color:#333;
 text-decoration:none;
 
}
a.hoshitsutop:hover {
 text-decoration:none;
 color:#333;
 text-decoration:none;
 
}

a.hoshitsutop:active {
 text-decoration:none;
 color:#333;
 text-decoration:none;
 
}


#navi_adult a.hoshitsutop:hover {
 background-color:#C4F0D3;
}

#navi_child a.hoshitsutop:hover {
 background-color:#FEC8C8;
}

#navi_common a.hoshitsutop:hover {
 background-color:#C8DEFF;
}

a.link, a.link:link, a.link:visited, a.link:hover, a.link:active {
 display: block;
 width: 93px;
 height: auto;
}

/* -----------------------------------------------------------
　　
----------------------------------------------------------- */

#left {
 float:left;
 padding-bottom:10px;
 text-align:center;
 width:200px;
}

#right {
 float:right;
 height:100%;
 margin-right:10px;
 width:540px;
}

#top-plugin {
	position: absolute;
	left: 10px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	width: 180px;
	text-align:left;
	font-size:10px;
	top: 297px;
}

#plugin {
	position: absolute;
	left: 20px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	width: 180px;
	text-align:left;
	font-size:10px;
	top: 297px;
}

#plugin img {
 margin-top: 10px;
}

#sub-navi {
 margin: 0;
 padding: 0 0 0 35px;
 height: 43px;
 background-color: #FFF;
}

#top-menu {
 margin: 0;
 padding: 0 0 0 11px;
 height: 115px;
 background: #FFFFFF url(../img/00_img_bg_01.gif) no-repeat right bottom;
}



#hoshitsu-top {
 margin: 0;
 padding: 0;
 width: 530px;
 background: url(../img/00_img_02.gif) no-repeat right center;
}

#img-00-01 {
 margin: 0 0 0 50px;
 padding: 0 0 29px 0;
}

#cyuui {
 margin: 25px 0 30px 25px;
 padding: 0;
}

#kansyu {
 margin: 0 0 15px 30px;
 padding: 0;
 border-left: 3px solid #6699FF;
}


#child-main, #adult-main, #common-main {
 height:100%;
 padding:10px;
 width:520px;
}


#img-glb-01-b {
 margin: 0;
 padding: 0;
 width: 200px;
 height: 97px;
 background-color: #FFF;
}

.img-02-06 {
 background:url(../img/02_img_06.gif) no-repeat right bottom;
}


#mv {
 margin: 30px 18px 25px;
 padding: 0;
}

#mv-comment {
 margin: 0 30px 25px ;
 padding: 0;
}

#img-03-01 {
 margin: 0 0 0 16px;
 padding: 0;
 width: 487px;
 height: 64px;
 inline-height: 64px;
 background: url(../img/03_img_01.gif) no-repeat left top;
}
/* -----------------------------------------------------------
　　サイトマップ
----------------------------------------------------------- */

#map-adult-bg {
 background: url(../img/03_03_img_bg_00.jpg) no-repeat left top;
}

#map-child-bg {
 background: url(../img/03_03_img_bg_01.jpg) no-repeat left top;
}

.map {
 margin: 15px 45px 0;
 padding: 0;
}

.map-adult {
 margin: 15px 30px 0;
 padding: 0;
 height: 30px;
 background: url(../img/03_03_img_bg_03.jpg) no-repeat left top;
}

.map-child {
 margin: 15px 30px 0;
 padding: 0;
 height: 30px;
 background: url(../img/03_03_img_bg_04.jpg) no-repeat left top;
}

.map td {
 border-bottom: 1px solid #666;
}

#map-common-bg {
 margin: 15px 14px 30px;
 background: url(../img/03_03_img_bg_02.jpg) no-repeat left top;
}

#map-common01 {
 background: url(../img/03_03_img_bg_05.jpg) no-repeat left top;
}

#map-common02 {
 background: url(../img/03_03_img_bg_06.jpg) no-repeat left top;
}

#map-common03 {
 background: url(../img/03_03_img_bg_07.jpg) no-repeat left top;
}



/* -----------------------------------------------------------
　　pankuzu
----------------------------------------------------------- */

#pankuzu {
 margin: 20px 25px 0;
 padding: 0;
}

#pankuzu a, #pankuzu a:link, #pankuzu a:visited {
 color: #3366CC;
	text-decoration: none;
}

#pankuzu a:hover, #pankuzu a:active {
 color: #3366CC;
	text-decoration: underline;
}



/*#p-list {
 margin:10px 0;
 width:482px;
}*/


/* -----------------------------------------------------------
　　IE PNG FIX 2.0設定
----------------------------------------------------------- */
img, div {
 behavior: url(../common/js/iepngfix.htc);
}