@charset "utf-8";

/* reset css
-----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding:0;
	margin:0;
  }
table{
	border-collapse: collapse;
	border-spacing:0;
  }
fieldset,img{
	border:0;
  }
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
  }
ol,ul{
	list-style:none;
  }
caption,th{
	text-align:left;
  }
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
  }
q:before,q:after{
	content:'';
  }
abbr,acronym{
	border:0;
  }
	
.cfix:after {
  content:".";
  display:block;
  height:0.1px;
  visibility:hidden;
  clear:both;
  font-size:0.1em;
  line-height:0;
  }
.cfix { min-height:1px; }
* html .cfix  { height:1px; }

.clr { clear:both; }

/* base
-----------------------------------------------------------------*/
body {
	font-size: 100%;
	line-height: 120%;
	color: #333333;
	background: url(images/content_bg.gif) repeat-x 0 162px;
}

/***** link ******/
a:link { color: #006699; text-decoration:underline; }
a:visited { color: #006699; text-decoration:underline; }
a:hover { color: #006699; text-decoration:none; }

.pagetop2 {
	text-align:right;
}

.fw-nrml {
	font-weight:normal;
}

/* Wrapper
-----------------------------------------------------------------*/
#wrapper {
	width:100%;
	margin:0;
	padding:0;
	min-width:961px;
	/**/
  }

.home-bg {
	background: url(images/top_bg.gif) repeat-x top left;
}

.naka-bg {
	background: url(images/bg.gif) repeat-x top left;
  }


/* Header
-----------------------------------------------------------------*/
#headerContainer {
	width:961px;
	margin:0 auto 0;
	position:relative;
	background:url(images/header_bg.gif) no-repeat 245px 0;
	}

.home-h {
	height:162px;
	}

.naka-h {
	height:250px;
	}

.h-txt {
	font-size:10px;
	position:absolute;
	top:8px;
	left:5px;
	color:#fff;
  }

/*** logo ***/
.logo {
  width:240px;
	position:absolute;
	top:37px;
	left:0px;
}
	
.btn-head {
  width:302px;
	position:absolute;
	top:0px;
	right:0px;
}
	
.btn-head li {
	float:left;
}
	
.btn-head-sitemap {
	position:absolute;
	top:70px;
	left:655px;
}

.head-contact {
	width:211px;
	position:absolute;
	top:45px;
	right:0px;
}



/*** globalNavigation ***/
#globalNaviBox {
	width:960px;
	position:absolute;
	top:116px;
	left:0px;
	}

#globalNaviBox ul li {
  float:left;
	}

#container {
	width:961px;
	margin:20px auto 0;
	background: url(images/sub_mid.gif) repeat-y left top;
}

#sub {
	float:left;
	width:210px;
	position:relative;
}


/* side navigation  */

.snav-position {
	position:absolute;
	top:0px;
	left:0px;
}

#sub {
	border-bottom:solid 1px #fff;
}

.snav-box {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #e1dfd9;
	padding:10px 9px 6px;
}	

.snav-box.top {
	border-top-style:none;
	border-bottom:solid 1px #e1dfd9;
	padding:0px 9px 6px;
}

.snav-box li img {
	vertical-align:bottom;
}

.subTitleMenu {
	margin-top:7px;
	margin-bottom:6px;
}

.subTitleCosme {
	margin-top:7px;
}

.sideTable {
	margin-top:10px;
}

.sideTableNote {
	font-size:78%;
	line-height:1.5;
	padding-top:5px;
}

.sideTableNote li {
	text-indent:-1em;
	margin-left:1em;
}

.sideOsusume {
	margin-top:5px;
}

.sideOsusume li {
	border-top: dotted 1px #c8c6c2;
	padding:10px 0 10px 0;
}
	
.sideOsusume li:first-child {
	border-top-style: none;
}

.sideOsusume li.osusume img {
	float:left;
}

.sideOsusume li.osusume span {
	display:block;
	margin-left:78px;
	font-size:78%;
}

.sideOsusume li.osusume span a {
	background:url(images/osusume_arw.gif) no-repeat 0 0.4em;
	padding:0px 2px 2px 17px;
	display:block;
	font-weight:bold;
}

.sideOsusume li.osusume span a:link,
.sideOsusume li.osusume span a:visited {
	text-decoration:none;
	color:#796b11;
}

.sideOsusume li.osusume span a:hover,
.sideOsusume li.osusume span a:active {
	text-decoration: underline;
	color:#796b11;
}

.sideOsusume li.bnr {
	padding:10px 0 6px 0;
}
	
.sideOsusume li.bnrlst {
	padding:10px 0 0px 0;
}
	
#mainimg {
	float:right;
	padding-bottom:10px;
  }

#main {
	float:right;
	width:730px;
	font-size:0.9em;
	line-height:1.6em;
}

#topmain {
	float:right;
	width:730px;
	font-size:0.9em;
	line-height:1.6em;
}

.topmenu-box {
	background:url(images/top_menu_btm.gif) no-repeat left bottom #f6f7f2;
	margin-bottom:20px;
}

.topmenu-box ul {
	width:714px;
	padding-top:15px;
	margin-left:15px;
}

.topmenu-box li {
	float:left;
	margin-right:10px;
	padding-bottom:3px;
}

.topmenu-box li.last {
	margin-right:0px;
}

.news {
	background:url(images/top_news_bg.gif) no-repeat left bottom;
	padding:5px 20px 20px;
	margin-bottom:20px;
}


.news dl {
	border-bottom:dotted 1px #535353;
	font-size:0.8em;
	padding-top:10px;
	padding-bottom:10px;
}
	
.news dt {
	float:left;
	padding-left:45px;
	font-weight:bold;
}
	
.news dt.new {
	background:url(images/icon_new.gif) no-repeat 7px 0.55em;
}
	
.news dd {
	margin-left:180px;
}
	

.foot-box {
	background:url(images/foot_box_mid.gif) repeat-y top center;
	margin-top:28px;
	clear:both;
}

.foot-box-inner {
	padding-top:9px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}

.foot-box .foot-credit li {
	float:left;
	margin-right:10px;
}

.foot-box .foot-credit li.last {
	margin-right:0px;
}

.foot-box .nav01 {
	clear:both;
	margin-top:20px;
	font-size:0.8em;
	line-height:1.4em;
}

.foot-box .nav01 dt {
	color:#0669b7;
	font-weight:bold;
	clear:both;
	float:left;
}

.foot-box .nav01 dd {
	margin-left:110px;
}

.foot-box .nav02 {
	clear:both;
	margin-top:20px;
	font-size:0.8em;
	line-height:1.4em;
}

.foot-box .nav02 dt {
	color:#0669b7;
	font-weight:bold;
	clear:both;
	float:left;
}

.foot-box .nav02 dd {
	margin-left:110px;
}

.foot-box-info {
	font-size:0.8em;
	line-height:1.4em;
	border-left: solid 4px #0669b7;
	padding-left:10px;
	margin-top:20px;
}

.blue { color:#3d9ae3; }

.pink { color:#color: #F26183; }

.foot-box .nav01 dd a:link, .foot-box .nav02 dd a:link { color: #333; text-decoration:none; }
.foot-box .nav01 dd a:visited, .foot-box .nav02 dd a:visited { color: #333; text-decoration:none; }
.foot-box .nav01 dd a:hover, .foot-box .nav02 dd a:hover { color: #333; text-decoration:underline; }

/*ranking*/
.ranking dl {
	clear:both;
	padding:3px 10px;
	border-bottom:dotted 1px #ccc;
}

.ranking dt {
	width:70px;
	float:left;
}

.ranking dd.course {
	width:480px;
	float:left;
	font-size:1.1em;
	font-weight: bold;
	line-height:39px;
}

.ranking dd.btn-more {
	width:127px;
	margin-left:580px;
	font-size:1.1em;
	font-weight: bold;
	padding-top:7px;
}


/* Footer
-----------------------------------------------------------------*/

#footer {
  clear:both;
  width:100%;
  }

.pagetop {
	width:960px;
	margin:0 auto 0;
	padding-top:20px;
	text-align:right;
}


.footer-inner {
	width:961px;
	margin:0 auto 0;
	background:url(images/footer_bg.gif) repeat-x left top;
}

.footer-bnr-box {
	background:#f3f1eb;
	padding:7px 0 8px 0;
	border-top:solid 1px #e3e1db;
}

.footer-bnr-box ul {
	width:961px;
	margin:0 auto 0;
}

.footer-bnr-box li {
	float:left;
	margin-right:6px;
}

.footer-bnr-box li img {
	vertical-align:bottom;

}

.footer-bnr-box li.last {
	margin-right:0px;
}

#footer-link a:link { color:#fff; text-decoration:none; }
#footer-link a:visited { color:#fff; text-decoration:none; }
#footer-link a:hover { color:#fff; text-decoration:underline; }
#footer-link a:active { color:#fff; text-decoration:none; }

.footer-info {
	clear:both;
	background:url(images/footer_bg.gif) repeat-x left top #4c95cf;
	height:151px;
	color:#fff;
}

.footer-info-inner {
	width:961px;
	margin:0 auto 0;
	position:relative;
	background:url(images/footer_inner_bg.gif) no-repeat top left;
	height:151px;
}

.foot01 {
	position:absolute;
	top:35px;
	left:11px;
	font-weight:bold;
	font-size:15px;
	color:#bda400;
	white-space:nowrap;
}

.foot02 {
	position:absolute;
	top:61px;
	left:11px;
	font-weight:bold;
}

.foot03 {
	position: absolute;
	top: 95px;
	left: 12px;
	font-size: 12px;
}

.foot04 {
	position:absolute;
	top:86px;
	right:0px;
	font-size:11px;
}





/* naka contents
-----------------------------------------------------------------*/

#main p {
	margin:0 5px 1em;
}

#main h2 {
	clear:both;
	background: url(images/title1_bg.gif) no-repeat left top;
	line-height:47px;
	margin-bottom:1em;
	padding-left:60px;
	font-size:120%;
	font-weight:bold;
	color:#5e0318;
}

#main h3 {
	clear:both;
	background: url(images/title2_bg.gif) no-repeat left top;
	line-height:37px;
	margin-bottom:1em;
	padding-left:15px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
}

#main h4 {
	clear:both;
	background:url(images/tit4_bg.gif) no-repeat 5px 0.3em;
	border-bottom:solid 1px #5e0318;
	line-height:25px;
	margin-bottom:1em;
	padding-left:25px;
	font-size:110%;
	font-weight:bold;
	color:#5e0318;
}

#main h5 {
	clear:both;
	margin-bottom:0.5em;
	font-size:105%;
	font-weight:bold;
	color:#5e0318;
	padding:0 0 2px 5px;
	border-bottom: dotted 1px #5e0318;
}

#main h6 {
	clear:both;
	margin-bottom:0.5em;
	font-size:100%;
	font-weight:bold;
	padding:0 0 0 5px;
}


.pink {
	color: #f26182;
}

.red {
	color: #F00;
}

.bold {
	font-weight:bold;
}

.f-left {
	float:left;
}

.f-right {
	float:right;
}

.txt-c {
	text-align:center;
}

.txt-l {
	text-align:left;
}

td {
	text-align:center;
}

td.txt-l {
	text-align:left;
}

td.txt-r {
	text-align:right;
}

.txt-b {
	font-weight:bold;
}

.txt-nrml {
	padding:0 5px 0 5px;
}

.txtn {
	padding:0 0 10px 0;
}

.small {
	font-size:0.8em;
}

.img-center {
	text-align:center;
}

.waki-box {
	width:481px;
	float:left;
	margin-right:18px;
}

.etc-box {
	float:left;
	width:231px;
	padding:0;
	margin-right:18px;
}

.etc-box.end {
	margin-right:0px;
}

.foot-naka-info {
	position:relative;
	width:534px;
	height:127px;
	margin:5px auto 0;
}

.freedial2 {
	position:absolute;
	top:0;
	left:199px;
}

.foot-naka-info ul {
	position:absolute;
	top:71px;
	left:0;
	width:535px;
}

.foot-naka-info li {
	float:left;
	margin-right:5px;
}

.foot-naka-info li.last {
	margin-right:0px;
}


/* content nav */
.content-nav {
	clear:both;
	background: url(images/content_nav_bg.gif) no-repeat left top;
	height:155px;
	padding:7px 6px;
	margin-bottom:20px;
}

.content-nav li {
	float:left;
	margin-left:2px;
}

.content-nav li:first-child {
	margin-left:0px;
}

/* laboList */

.laboList {
	margin-bottom:20px;
	margin-left:10px;
}

.laboList li {
	text-indent:-1em;
	margin-left:1em;
	margin-bottom:5px;
}

.laboList li .icon {
	font-size:90%;
	color:#8e7b08;
}

.laboList .icon {
	font-size:90%;
	color:#8e7b08;
}


	

/* about-list */
.about-list02 {
	clear:both;
	padding-bottom:10px;
	padding-left:5px;
}

.about-list02 dl {
	width:345px;
	float:left;
	font-size:0.9em;
}

.about-list02 dt {
	float:left;
	padding-right:10px;
}

.about-list02 dd {
	line-height:1.4em;
	font-size:90%;
}

.about-list02 dd span {
	font-size:1.1em;
	font-weight:bold;
	display:block;
	padding-bottom:3px;
	color:#948103;
}

/* simi */
.simi-table {
    width: 520px;
    border: 1px solid #999;
    height: auto;
		margin-bottom:30px;
}

.simi-table td {
    width: 33%;
    border: 1px solid #999;
		padding:5px;
}

.simi-table th {
    width: 33%;
    border: 1px solid #999;
		padding:5px;
		background:#f5f1e7;
		text-align:center;
		font-weight:bold;
		color:#5e0318;
		font-weight:bold;
}

.simiLight {
	width:550px;
	margin:0 auto 20px;
}

.simiLight dl {
	text-align:center;
	background:#f8f8f8;
	padding:20px;
	width:220px;
}

.simiLight dt {
	font-size:110%;
	font-weight:bold;
	padding-bottom:5px;
}

.simiLight span {
	display:block;
	padding-top:5px;
}

/* nikibi */

.nikibi-table {
    width: 710px;
    border: 1px solid #999;
    height: auto;
    margin: 0 10px;
}

.nikibi-table td {
    width: 33%;
    border: 1px solid #999;
		padding:5px;
}

.nikibi-table th {
    width: 33%;
    border: 1px solid #999;
		padding:5px;
		background:#f5f1e7;
		text-align:center;
		font-weight:bold;
		color:#5e0318;
}

.nikibi-table-note {
	font-size:12px;
}


/* sitemap
******************************************************/
.sitemap {
	padding:10px 20px 10px 20px;
}

.sitemap li {
	background:url(images/sitemap_arw.gif) no-repeat 0 center;
	padding:10px 10px 10px 20px;
	border-bottom:dotted 1px #ccc;
}


/* greeting
******************************************************/

.greetingPhoto {
	padding:15px;
}

.greetingPhoto dl {
	float:right;
}

.greetingPhoto dd {
	text-align:center;
	padding-top:5px;
}


/* cosme
******************************************************/

.puffTable th {
	background:#f5f1e7;
	color:#5e0318;
	font-weight:bold;
	padding:5px;
	vertical-align:middle;
	text-align:left;
}

.puffTable td {
	padding:5px 10px;
	text-align:left;
}


.puffTable td.puffTableSpace {
	padding:0;
	height:10px;
}

#main p.cosmeSubTit {
	color:#5e0318;
	font-size:120%;
	font-weight:bold;
	margin-bottom:0.5em;
}

#main p.cosmeSubTit2 {
  font-size:120%;
	border-bottom:dotted 1px #666;
	padding-bottom:5px;
	font-weight:bold;
}

#main p.cosmeSubTit2 span {
	color:#8e7b08;
}

.cosme-faq dl {
	border-bottom:dotted 1px #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:10px;
}

.cosme-faq dt {
	font-weight:bold;
	padding-bottom:10px;
}

.cosme-faq dd {
	padding-left:45px;
	padding-right:15px;
}

.cosme-faq dt span.q {
	font-size:140%;
	font-weight:bold;
	color:#106bb5;
}

.cosme-faq dd span.a {
	font-size:130%;
	font-weight:bold;
	color:#a81300;
	margin-left:-25px;
}

.cosme-faq ul {
}

.cosme-faq ul li {
	margin-bottom:7px;
	text-indent:-1.5em;
	margin-left:1.5em;
}



/* sousin
******************************************************/

/* tightfx
******************************************************/

.tightfx-list li span {
	color:##8e7b08;
}

.tightfx-list li span.red {
	color: #F60;
	font-weight:bold;
}

.table01 th {
	background:#f1f1f1;
	text-align:center;
	border:solid 1px #ccc;
	padding:3px 10px;
}

.table01 td {
	border:solid 1px #ccc;
	padding:3px 10px;
}

.fx-tbl {
	margin:0 auto 0;
}

.fx-tbl td {
	text-align:center;
	width:200px;
	line-height:1.2em;
	vertical-align:top;
}

.fx-tbl td  img {
	margin-bottom:5px;
}

.fx-tbl2 {
	margin:0 auto 0;
}

.fx-tbl2 td {
	text-align:center;
	width:150px;
	line-height:1.2em;
	vertical-align:middle;
}

.fx-tbl2 td  img {
	margin-bottom:5px;
}


/* venus freeze */

.vfMovie dl {
	width:256px;
	float:left;
	margin-right:30px;
	text-align:center;
}

.vfMovie dt {
	padding-bottom:5px;
}

.vfHollywood dt {
	float:left;
}

.vfHollywood dd {
	margin-left:260px;
}



/* slim
******************************************************/
.content-nav {
	background: url(images/content_nav_bg.gif) no-repeat left top;
	height:155px;
	padding:8px 6px;
	margin-bottom:20px;
}

.content-nav li {
	float:left;
	margin-left:2px;
}

.content-nav li:first-child {
	margin-left:0px;
}

.slim-merit dl {
	margin-bottom:15px;
}

.slim-merit dt {
	font-weight:bold;
}

.slim-merit dt span {
	color:#ff9cca;
}

.slim-movie {
	padding-top:20px;
	width:500px;
	text-align:center;
	margin:0 auto 0;
}

.slim-movie dt {
	padding-bottom:5px;
	color:#ff5ba8;
	font-weight:bold;
}

.slim-qa dl {
	border-bottom: dotted 1px #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

.slim-qa dt {
	font-weight:bold;
}

.slim-qa dt span.q {
	color:#36C;
}

.slim-qa dd span.a {
	color:#F00;
	font-weight:bold;
}

.slim-qa dd {
	padding-left:22px;
}

.red { color:#F00; }

.blue { color:#06F; }

.green { color:#090; }

.pink { color:#ef378d; }

.bold { font-weight:bold; }

.textbox3_L3 {
margin-bottom: 10px;
line-height: 20px;
float: left;
padding-top: 10px;
text-align: left;
width: 260px;
}


/* adjust
-----------------------------------------------------------------*/
.m00 { margin: 0px;}
.m05 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m25 { margin: 25px;}
.m30 { margin: 30px;}
.m35 { margin: 35px;}
.m40 { margin: 40px;}

.mt00 { margin-top: 0;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}

.mb00 { margin-bottom: 0;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}

.ml00 { margin-left: 0;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr00 { margin-right: 0;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}


.p00 { padding: 0px;}
.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}
.p30 { padding: 30px;}
.p35 { padding: 35px;}
.p40 { padding: 40px;}

.pt00 { padding-top: 0;}
.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb00 { padding-bottom: 0;}
.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.pl00 { padding-left: 0;}
.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl40 { padding-left: 40px;}

.pr00 { padding-right: 0;}
.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}