@charset "Shift_JIS";


/*--------- visual_area ------------------*/
#visual_area{
	width:800px;
	_width:808px;
	background: url(../images/ind_bg_001.jpg) no-repeat;
	padding:4px;
}

/*#visual_area p{
	clear:both;
	width:800px;
	height:237px;
	background: url(../images/ind_bg_002.jpg) no-repeat;
}*/

/*----- g_navi ---------*/
#g_navi{
	width:800px;
	height:57px;
	background:url(../images/ind_gnv_bg.jpg) no-repeat;
	
}

#g_navi li{
	float:left;
}

#g_navi li.company{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_001_off.jpg) no-repeat;
}

#g_navi li.news{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_002_off.jpg) no-repeat;
}

#g_navi li.brands{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_006_off.jpg) no-repeat;
}

#g_navi li.media{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_004_off.jpg) no-repeat;
}

#g_navi li.recruit{
	width:138px;
	height:57px;
	background: url(../images/ind_gnv_005_off.jpg) no-repeat;
}

#g_navi li a{
	display:block;
}

#g_navi li.company a{width:138px; height:57px; margin:0;}
#g_navi li.news a{width:138px; height:57px; margin:0;}
#g_navi li.brands a{width:138px; height:57px; margin:0;}
#g_navi li.release a{width:138px; height:57px; margin:0;}
#g_navi li.media a{width:138px; height:57px; margin:0;}
#g_navi li.recruit a{width:138px; height:57px; margin:0;}

#g_navi li.company a:hover{background: url(../images/ind_gnv_001_on.jpg) no-repeat;}
#g_navi li.news a:hover{background: url(../images/ind_gnv_002_on.jpg) no-repeat;}
#g_navi li.brands a:hover{background: url(../images/ind_gnv_006_on.jpg) no-repeat;}
#g_navi li.release a:hover{background: url(../images/ind_gnv_003_on.jpg) no-repeat;}
#g_navi li.media a:hover{background: url(../images/ind_gnv_004_on.jpg) no-repeat;}
#g_navi li.recruit a:hover{background: url(../images/ind_gnv_005_on.jpg) no-repeat;}

#g_navi li.company a.ac,
#g_navi li.company a:hover.ac{background: url(../images/ind_gnv_001ac.jpg) no-repeat;}
#g_navi li.news a.ac,
#g_navi li.news a:hover.ac{background: url(../images/ind_gnv_002ac.jpg) no-repeat;}
#g_navi li.release a.ac,
#g_navi li.release a:hover.ac{background: url(../images/ind_gnv_003ac.jpg) no-repeat;}
#g_navi li.release a.ac,
#g_navi li.release a:hover.ac{background: url(../images/ind_gnv_003ac.jpg) no-repeat;}
#g_navi li.media a.ac,
#g_navi li.media a:hover.ac{background: url(../images/ind_gnv_004ac.jpg) no-repeat;}
#g_navi li.recruit a.ac,
#g_navi li.recruit a:hover.ac{background: url(../images/ind_gnv_005ac.jpg) no-repeat;}


/*----- /g_navi ---------*/



/*--------- /visual_area ------------------*/

/*--------- main ------------------*/
#top #main{
	margin:20px 4px 0;
}

/*--------- /main ------------------*/

/*--------- content ------------------*/
#top .section{
	width:515px;
	_width:535px;
	padding:0 20px 20px 0;
	background: url(../common/images/cmn_lin_001.gif) left bottom repeat-x;
	margin:0 0 20px;
}

#top #h2_003{
	background:none;
}

#top .section .l_line{
	width:500px;
	_width:505px;
	padding:3px 0 0 10px;
	border-left:6px solid #656FB0;
}

#top .section .l_line div{
	width:148px;
	float:left;
}

#top .section .l_line div p{
	width:60px;
	height:9px;
	background: url(../images/ind_li_001.gif) no-repeat;
	margin:10px 0 0;
}

#top .section .l_line div p a{
	width:60px;
	height:9px;
	margin:0 0 0 9px;
	display:block;
}

#top #h2_001 h2{
	width:128px;
	height:14px;
	background: url(../images/ind_h2_001.gif) no-repeat;
}

#top #h2_002 h2{
	width:104px;
	height:13px;
	background: url(../images/ind_h2_002.gif) no-repeat;
}

#top #h2_003 h2{
	width:104px;
	height:13px;
	background: url(../images/ind_h2_003.gif) no-repeat;
}

#top .section dl{
	width:350px;
	float:right;
}

#top .section dt{
	display:block;
	_width:1px;
	float:left;
}

#top .section dd{
	margin:0 0 0 64px;
	width:280px;
	text-align:left;
}

/*--------- /content ------------------*/

/*--------- right_nv ------------------*/
#top #right_nv,
#top .sub_nv{
	width:216px;
}

#top .sub_nv{
	padding:0 0 10px;
}

#top .sub_nv div,
#top .com_area{
	width:196px;
	_width:216px;
	padding:10px;
}

.brand h3{
	width:79px;
	height:12px;
	background: url(../images/ind_h3_001.gif) no-repeat;
	margin:0 0 5px;
}

.brand li{
	margin:0 0 5px;
}

.brand li a{
	width:216px;
	height:40px;
	display:block;
}

.brand .ende{width:216px; height:30px; background: url(../images/ind_bn_001.jpg) no-repeat;}
.brand .thermo{width:216px; height:30px; background: url(../images/ind_bn_004.jpg) no-repeat;}
.brand .acade{width:216px; height:30px; background: url(../images/ind_bn_002.jpg) no-repeat;}
.brand .exuv{width:216px; height:30px; background: url(../images/ind_bn_003.jpg) no-repeat;}
.brand .sparom{width:216px; height:30px; background: url(../images/ind_bn_005.jpg) no-repeat;}
.brand .tsc{width:216px; height:84px; background: url(../images/ind_bn_006.gif) no-repeat;}
.brand .tsc_r1{width:216px; height:40px; background: url(../images/bana01.jpg) no-repeat;}
.brand .recruit{width:216px; height:36px; background: url(../images/recruit_bn.gif) no-repeat;}
.brand .plasma{width:216px; height:36px; background: url(../images/plasma_bn.jpg) no-repeat;}



.banner li{
	margin:0 0 5px;
}

.banner li a{
	width:216px;
	height:84px;
	display:block;
}
.banner li a{
	width:216px;
	height:84px;
	display:block;
}
.banner .tsc{width:216px; height:84px; background: url(../images/ind_bn_006.gif) no-repeat;}
.banner .kajiro{
	width:216px;
	height:84px;
	background-image: url(../images/ind_bn_007.jpg);
	background-repeat: no-repeat;
}
.banner .ecs{width:216px; height:50px; background: url(../images/ecs_bn02.gif) no-repeat;}

/*--------- /right_nv ------------------*/

/*--------- font ------------------*/

/*----- color ---------*/
#top .section dt{
	color:#666;
}

#top .section a{
	color:#5E86D2;
}

/*----- size ---------*/
#top .section{
	font-size:12px;
}

/*----- line-height ---------*/
#top .section{
	line-height:20px;
}

/*--------- /font ------------------*/



/* 20090420 追加-----------------------*/
#visual_area{
	margin-bottom: 35px;
	width:800px;
	_width:808px;
	height: 415px;
	background: url(../images/fla_bg.gif) no-repeat left top transparent;
	padding:4px;
}

#visual_area div#topfla {
	clear:both;
	display: block;
	width:800px;
	height:350px;
	/*background: url(../images/flaimage.jpg) no-repeat left top transparent;*/
	overflow: hidden;
}

#top #main{
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

/* sectionTitle -----------------------*/
body#top div.sectionTitle {
	position: relative;
	margin-bottom: 25px;
	width: 800px;
	height: 26px;
	background: url(../images/stitle_bg.gif) repeat-x left bottom transparent;
}

body#top div.sectionTitle h2 {
	position: absolute;
	top: 4px;
	left: 2px;
	text-indent: -9999px;
}

body#top div.sectionTitle h2#stitle_item {
	width: 236px;
	height: 15px;
	background: url(../images/stitle_item.gif) no-repeat left top transparent;
}

body#top div.sectionTitle h2#stitle_info {
	width: 159px;
	height: 14px;
	background: url(../images/stitle_info.gif) no-repeat left top transparent;
}

body#top div.sectionTitle p {
	position: absolute;
	top: 0px;
	right: 0px;
}

/*body#top div.sectionTitle p a:hover {
	position: relative;
	top: -1px;
}*/

body#top div.sectionTitle p a#btn_iteminfo {
	display: block;
	width: 144px;
	height: 20px;
	background: url(../images/btn_iteminfo.gif) no-repeat left top transparent;
	text-indent: -9999px;
	overflow: hidden;
}


body#top div.sectionTitle p a#btn_info {
	display: block;
	width: 110px;
	height: 19px;
	background: url(../images/btn_info.gif) no-repeat left top transparent;
	text-indent: -9999px;
	overflow: hidden;
}
/* //sectionTitle -----------------------*/


/* bannerArea -----------------------*/
body#top div#bannerArea {
	margin-bottom: 35px;
	width: 800px;
	height: auto;
	overflow: hidden;
}

body#top div#bannerArea h3 {
	margin-bottom: 7px;
	width: 100px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
}

body#top div#bannerArea h3#cate_01 { background: url(../images/catetitle_01.gif) no-repeat left top transparent; }
body#top div#bannerArea h3#cate_02 { background: url(../images/catetitle_02.gif) no-repeat left top transparent; }
body#top div#bannerArea h3#cate_03 { background: url(../images/catetitle_03.gif) no-repeat left top transparent; }


body#top div#bannerArea li a {
	display: block;
	margin-bottom: 9px;
	width: 247px;
	height: 35px;
}

body#top div#bannerArea li a:hover {
	position: relative;
	top: -1px;
}

body#top div#bannerArea li a:active {
	position: relative;
	top: 0px;
}

body#top div#bannerArea div {
	float: left;
	display: block;
	width: 247px;
	height: auto;
	margin-right: 28px;
}

body#top div#bannerArea div.last {
	margin-right: 0;
}

 
/* //bannerArea -----------------------*/


/* infoArea -----------------------*/
body#top div#infoArea {
	margin: 0 0 59px 45px; 
	width: 710px;
}

body#top div#infoArea div {
	margin-bottom: 8px;
	width: 100%;
	overflow: hidden;
}

body#top div#infoArea h3 {
	float: left;
	display: block;
	margin-top: 2px;
	width: 132px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
}

body#top div#infoArea h3.company {background: url(../images/info_thum_co.gif) no-repeat right center transparent;}
body#top div#infoArea h3.plasmashine {background: url(../images/info_thum_ps.gif) no-repeat right center transparent;}
body#top div#infoArea h3.thermoshap {background: url(../images/info_thum_ts.gif) no-repeat right center transparent;}
body#top div#infoArea h3.ionnosizuku {background: url(../images/info_thum_is.gif) no-repeat right center transparent;}
body#top div#infoArea h3.lipomodelage {background: url(../images/info_thum_lm.jpg) no-repeat right center transparent;}
body#top div#infoArea h3.lpg {background: url(../images/info_thum_lp.jpg) no-repeat right center transparent;}
body#top div#infoArea h3.endermologie {background: url(../images/info_thum_em.gif) no-repeat right center transparent;}
body#top div#infoArea h3.exuviance {background: url(../images/info_thum_ev.gif) no-repeat right center transparent;}
body#top div#infoArea h3.sparom {background: url(../images/info_thum_sr.gif) no-repeat right center transparent;}
body#top div#infoArea h3.academie {background: url(../images/info_thum_ac.gif) no-repeat right center transparent;}
body#top div#infoArea h3.dietcoffee {background: url(../images/info_thum_dc.gif) no-repeat right center transparent;}
body#top div#infoArea h3.manpuku {background: url(../images/info_thum_mp.gif) no-repeat right center transparent;}
body#top div#infoArea h3.meso {background: url(../images/info_thum_mc.gif) no-repeat right center transparent;}
body#top div#infoArea h3.mesoceutical {background: url(../images/info_thum_mc.gif) no-repeat right center transparent;}

body#top div#infoArea dl {
	display: block;
	margin-left: 146px;
	padding-left: 15px;
	line-height: 1.2;
	border-left: 1px solid #c8c5c4;
}

body#top div#infoArea dl dt { padding-top: 2px; }

body#top div#infoArea dl dd {
	margin: 0;
	padding-bottom: 2px;
}
/* //infoArea -----------------------*/


/* inqbtnArea -----------------------*/
body#top div#inqbtn {
	margin: 0 0 38px 130px;
	width: 600px;
}

body#top div#inqbtn ul { overflow: hidden; }

body#top div#inqbtn ul li {	display: inline; }

body#top div#inqbtn ul li a {
	display: block;
	float: left;
	margin-right: 23px;
	width: 264px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
}

body#top div#inqbtn ul li a:hover {
	position: relative;
	top: -1px;
}

body#top div#inqbtn ul li a#enterprise { background: url(../images/btn_inq_enterprise.gif) no-repeat left top transparent; }
body#top div#inqbtn ul li a#consumer { background: url(../images/btn_inq_consumer.gif) no-repeat left top transparent; }

/* //inqbtnArea -----------------------*/


/* ---------------------------------------------------- *
	clearfix
 * --------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

*html .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

/* 20090420 追加ここまで-----------------------*/

/* 20100412 追加　-----------------------------*/

body#top div#reading h2 { padding-bottom: 20px; }
body#top div#reading p {
	padding-bottom: 50px;
	letter-spacing: 0.02em;
	line-height: 1.6;
	text-align: justify;
}

/* 20100412 追加ここまで-----------------------*/

/* 20110322 追加　-----------------------------*/
#shien {
	position:relative;
	width:747px;
	_width: 100%;
	margin-bottom:50px;
	padding: 20px 15px 10px 38px;
	border: 1px solid #c8161e;
}

#shien p {
	color:#231815;
	line-height:1.5;
}

#shinRbox {
	float:right;
	width:575px;
}

#shinLbox {
	float:left;
	width:128px;
}

#shien p#shienInfo {
	clear:both;
	padding-top:10px;
	_padding-top:0;
	font-size:13px;
	font-weight:bold;
	color:#c8161e;
}

#shinRbox h3 {margin-bottom:10px;}

#shinRbox p#shinTel {margin-top:16px;}

body#top div#reading p {padding-bottom: 20px;}
/* 20110322 追加ここまで-----------------------*/

/* 20111219 追加　-----------------------------*/
#contestBnr {
	clear:both;
	margin-bottom:45px;
}
/* 20111219 追加ここまで-----------------------*/