@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

body { 
	color: #000000;
	margin:0;
	padding:0;
	font-family: "メイリオ", "Meiryo","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	width:100%;
	webkit-text-size-adjust: 100%;
}

img{
	border:0;
	margin:0;
}

table,tr,td {
	border-collapse: collapse; 
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.clear{
	clear:both;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#page-top a {
	width: 56px;
	display: block;
}

#page-top a:hover {
	text-decoration: none;
}

.header_area01{
	width:100%;
	z-index:9999;
}

.header01{
	width:1170px;
	margin:0 auto;
	padding:20px 0 0 0;
}

.header02{
	font-size:14px;
	line-height:1;
	color:#6E7274;
	text-align:center;
	margin:0 0 10px 0;
}

.header03{
	width:459px;
	margin:0 0 0 100px;
}

.navi_area01{
	width:100%;
	height:58px;
	background-image:url("./img/bg_nav01.png");
	background-repeat:repeat-x;
}

.navi_area02{
	width:955px;
	margin:0 auto;
}

.nav01{
	width:191px;
	float:left;
	text-align:center;
}

.nav01 a{
	width:191px;
	height:38px;
	display:block;
	background-image:url("./img/bg_nav02.png");
	background-repeat:repeat-x;
	margin:4px 0 0 0;
	padding:12px 0 0 0;
	color:#323b44;
	text-decoration:none;
}

.nav01 a:hover{
	width:191px;
	height:38px;
	display:block;
	background-image:url("./img/bg_nav03.png");
	background-repeat:repeat-x;
	margin:4px 0 0 0;
	padding:12px 0 0 0;
	color:#323b44;
	text-decoration:none;
}

.nav_line01{
	background-image:url("./img/bg_nav04.png");
	background-repeat:no-repeat;
	background-position:right;
	z-index:999999;
}

.layout01{
	width:1170px;
	margin:50px auto 0 auto;
}

.main_contetn_area01{
	width:910px;
	float:right;
}

.main_contetn_area02{
	width:950px;
	float:right;
}

.side_nav_area01{
	width:200px;
	float:left;
}

.title_h2_st01{
	font-size:18px;
	line-height:1;
	font-weight:normal;
	color:#23459c;
	border-bottom:3px #DDEFFA solid;
	margin:0 0 30px 0;
	padding:0 0 9px 40px;
	background-image:url("./img/bg_title_h2.png");
	background-repeat:no-repeat;
	background-position:11px 0;
}

.content_block01{
	margin:0 0 50px 0;
}
.content_block01_2023{
	width:604px;
	margin:0 auto;
}

.news_st01{
	border-bottom:1px #BDC0C4 solid;
	padding:0 0 14px 50px;
	margin:14px 0 14px; 0;
	list-style-type:none;
	font-size:14px;
	line-height:1.5;
}

.news_st01 dt{
	width:120px;
	float:left;
	margin:0 0 15px 0;
}

.news_st01 dd{
	width:710px;
	float:left;
	margin:0 0 15px 0;
}

.news_st01 dd p{
	margin:0 0 10px 0;
}

.news_st01 a{
	color:#0B2C82;
	padding:0 0 0 0;
}

.news_st01 a:hover{
	color:#0B2C82;
	padding:0 0 0 0;
	text-decoration:none;
}

.link_banner_st01{
	margin:0 0 25px 0;
}

.link_banner_st01_01{
	margin:0 0 0 0;
}

.link_banner_st02{
	width:440px;
	height:270px;
	float:left;
	margin:0 0 15px 0;
}

.link_banner_st03{
	width:440px;
	height:270px;
	float:right;
	margin:0 0 15px 0;
}

.link_banner_st04{
	width:266px;
	float:left;
	margin:0 18px 25px 18px;
}

.item_discript01{
	font-size:14px;
	line-height:1;
	color:#202021;
	margin:15px 0 7px 0;
	text-align:center;
}

.item_discript02{
	font-size:18px;
	line-height:1;
	color:#f70824;
	text-align:center;
}

.item_discript03{
	font-size:14px;
	line-height:1;
	color:#f70824;
	text-align:center;
}

.title_h3_st01{
	width:200px;
	height:34px;
}

.title_h3_st02{
	width:200px;
	height:52px;
}

.side_item_list01{
	margin:0 0 15px 0;
}

.side_item_list01 li{
	width:200px;
	height:100px;
	list-style-type:none;
}

.side_item_list01 li img{
	-webkit-transition: 1s ease-in-out;
	   -moz-transition: 1s ease-in-out;
		 -o-transition: 1s ease-in-out;
			transition: 1s ease-in-out;
}

.side_item_list01 li a:hover img{
	opacity: 1!important;
	filter: alpha(opacity=100);
}

.side_item_list02{
	margin:25px 0 15px 20px;;
}

.side_item_list02 li{
	list-style-image:url("./img/bg_nav05.png");
	font-size:14px;
	line-height:1;
	margin:0 0 10px 0;
}

.side_item_list02 li a{
	color:#2d2c2c;
	text-decoration:none;
}

.side_item_list02 li a:hover{
	color:#2d2c2c;
	text-decoration:underline;
}

.layout02{
	width:1140px;
	margin:0 auto;
}

.slider_area01{
	width:100%;
	height:500px;
	position:relative;
	top:-4px;
}
.no_slider_area01{
	width:1170px;
	height:500px;
	margin:0 auto;
}

.footer_area01{
	width:100%;
	padding:60px 0 150px 0;
	border-top:1px #54B1D2 solid;
}

.footer_area02{
	width:100%;
	background-color:#54B1D2;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}

.footer01{
	width:900px;
	margin:0 auto;
}

.footer02{
	width:213px;
	float:left;
}

.footer03{
	width:565px;
	float:right;
}

.footer03 a{
	color:#111111;
	font-size:16px;
	line-height:2;
	text-decoration:none;
	padding:0 20px 0 0;
}

.footer_banner01{
	width:950px;
	margin:0 auto 15px auto;
}

.footer_banner02{
	width:910px;
	margin:0 auto 15px auto;
}

.campaign01{
	width:950px;
	height:828px;
	margin:0 0 0 0;
}

.campaign02{
	width:950px;
	height:547px;
	margin:0 0 55px 0;
}

.campaign03{
	width:950px;
	height:1128px;
	margin:0 0 55px 0;
}

.campaign04{
	width:811px;
	height:460px;
	background-image:url("./img/campaign04.jpg");
	margin:0 auto 40px auto;
	position:relative;
}

.campaign05{
	width:811px;
	height:460px;
	background-image:url("./img/campaign05.jpg");
	margin:0 auto 40px auto;
	position:relative;
}

.campaign06{
	width:811px;
	height:528px;
	background-image:url("./img/campaign06.jpg");
	margin:0 auto 40px auto;
	position:relative;
}

.campaign07{
	width:811px;
	height:460px;
	background-image:url("./img/campaign07.jpg");
	margin:0 auto 40px auto;
	position:relative;
}

.campaign_link01{
	width:433px;
	height:58px;
	position:absolute;
	top:395px;
	left:189px;
}

.text_position01{
	width:550px;
	position:absolute;
	top:370px;
	left:140px;
	text-align:center;
	color:red;
}

.text_position02{
	width:500px;
	position:absolute;
	top:435px;
	left:160px;
	text-align:center;
	color:red;
}

.campaign_link02{
	width:433px;
	height:58px;
	position:absolute;
	top:460px;
	left:189px;
}

.shinjunsui01{
	width:950px;
	height:753px;
	margin:0 0 0 0;
}

.shinjunsui02{
	width:950px;
	height:1719px;
	margin:0 0 100px 0;
}

.shinjunsui03{
	width:950px;
	height:620px;
	margin:0 0 40px 0;
}

.shinjunsui04{
	width:950px;
	height:1407px;
	margin:0 0 40px 0;
}

.naiyo01{
	width:910px;
	margin:80px auto 50px auto;
	font-size:13px;
}

.naiyo01 th{
	padding:25px 10px;
	width:180px;
	background-color:#E1E1E1;
	border:1px #FFFFFF solid;
	text-align:left;
	font-weight:normal;
}

.naiyo01 td{
	padding:10px 10px;
	border:1px #FFFFFF solid;
	text-align:left;
	font-weight:normal;
}
	

.gel01{
	width:950px;
	height:863px;
	margin:0 0 0 0;
}

.gel02{
	width:950px;
	height:1138px;
	margin:0 0 0 0;
}

.gel03{
	width:950px;
	height:3376px;
	margin:0 0 0 0;
}

.gel04{
	width:950px;
	height:1164px;
	margin:0 0 0 0;
}

.gel05{
	width:950px;
	height:698px;
	margin:0 0 0 0;
}

.gel06{
	width:950px;
	height:981px;
	margin:0 0 0 0;
}

.lotion01{
	width:950px;
	height:863px;
	margin:0 0 0 0;
}

.lotion02{
	width:950px;
	height:1139px;
	margin:0 0 0 0;
}

.lotion03{
	width:950px;
	height:2438px;
	margin:0 0 0 0;
}

.lotion04{
	width:950px;
	height:700px;
	margin:0 0 0 0;
}

.lotion05{
	width:950px;
	height:981px;
	margin:0 0 0 0;
}

.skinoil01{
	width:950px;
	height:862px;
	margin:0 0 0 0;
}

.skinoil02{
	width:950px;
	height:1138px;
	margin:0 0 0 0;
}

.skinoil03{
	width:950px;
	height:3816px;
	margin:0 0 0 0;
}

.skinoil04{
	width:950px;
	height:699px;
	margin:0 0 0 0;
}

.skinoil05{
	width:950px;
	height:1258px;
	margin:0 0 0 0;
}




.contents.slider{
	position:absolute;
	top:170px;
}
#slider{
}
div#slider {
    width: 100%;
	height:500px;
    text-align: left;
    position: relative;
    overflow: hidden;
	background:url("./img/loading.gif") center center no-repeat #fff;
}
div#slider ul,
div#slider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
div#slider ul li img {
    width: 100%;
    display: none;
}
 
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 50%;
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 500;
    cursor: pointer;
	/*width:53px !important;
	height:53px !important;*/
}
.slider_prev {background: #fff url("./img/slidePrev.png") no-repeat left center;}
.slider_next {background: #fff url("./img/slideNext.png") no-repeat right center;}

div.footerWrapper {
    width: 996px;
    border: 3px solid #bdbdbd;
    padding: 52px 34px;
    margin: 5px auto 100px auto;
    overflow: hidden;
    text-align: left;
	font-size:14px;
}

div.footerLeft {
    float: left;
}
div.footerLeft, div.footerRight {
    width: 450px;
}
div.footerWrapper h3 {
    background: url(./img/list06.jpg) left 0.4em no-repeat;
    border-bottom: 1px dashed #333;
    padding-left: 20px;
    font-size: 16px;
    padding-bottom: 3px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 1em;
}
div.footerWrapper p.time {
    background: url(./img/ftr_logi_time.jpg) no-repeat;
    width: 450px;
    height: 85px;
}

div.footerWrapper p {
    line-height: 1.5em;
    margin-bottom: 1em;
}

div.footerWrapper p.card {
    background: url(./img/ftr_p_card.jpg) no-repeat;
    width: 316px;
    height: 44px;
    text-indent: -9999px;
}
div.footerWrapper span.blue {
    color: blue;
}
div.footerWrapper ul {
    line-height: 1.5em;
    margin-left: 2em;
    margin-bottom: 1em;
}
div.footerRight {
    float: right;
}
div.footerLeft, div.footerRight {
    width: 450px;
}
div.footerWrapper span.red {
    color: red;
}

.item_box_area01{
	width:750px;
	margin:0 0 100px 90px;
}

.item_box_area02{
	width:750px;
	border-top:1px #A4A4A4 solid;
	padding:60px 0;
}

.item_box01{
	width:300px;
	float:left;
}

.item_box01 img{
	width:300px;
}

.item_box02{
	width:340px;
	float:left;
	margin:0 0 0 60px;
}

.item_box03{
	font-size:16px;
	margin:0 0 5px 0;
}

.item_box04{
	font-size:22px;
	margin:0 0 10px 0;
}

.item_box05{
	font-size:16px;
	margin:0 0 10px 0;
}

.item_box06{
	font-size:20px;
	margin:0 0 10px 0;
	color:#D00808;
}

.item_box06_big{
	font-size:30px;
}

.item_box07{
	margin:0 0 0 44px;
}

.item_box07{
	margin:0 0 20px 44px;
}

.item_box07_01{
	margin:0 0 0 44px;
}

.item_box08{
	width:300px;
	text-align:center;
}

.item_box08 a{
	color:#333333;
	text-decoration:underline;
}

.item_box08 a:hover{
	color:#333333;
	text-decoration:none;
}
.item_box09{
	color:red;
}

.praivacy001 tr{
	border-bottom:1px #CCCCCC dotted;
}

.praivacy001 td{
	padding:5px 5px  5px  5px;
}

.news01{
	font-size: 14px;
    line-height: 1.5;
}
.news01 p{
	margin:0 0 15px 0;
}
.news_table01{
	width:650px;
	margin:0 auto;
}
.news_table01 th{
	border:1px #CCC solid;
	padding:10px 10px;
	width:150px;
	text-align:left;
	background-color:#EFEFEF;
}
.news_table01 td{
	border:1px #CCC solid;
	padding:10px 20px;
}
.news_float02{
	width:80px;
	float:left;
}
.news_float03{
	width:300px;
	float:left;
}