@charset "UTF-8";
@import "base.css";

/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #5E5B50      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #5E5B50      */
/*                                                 */
/*    bacs.css 44sUa!|w                            */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #0000FF      */
/*    a:Visited Color - Light Gray    #0000FF      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #5E5B50      */
/*                                                 */
/*    bacs.css 52sUa!|w                            */
/*============NAVI COLOR SCHEME-END================*/

/*============tHgTCY===============================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============tHgTCY-END===========================*/


/***************************************************/
/*----- base --------------------------------------*/
/***************************************************/

body {
  background-color: #F6F4E7;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 1.3em;}

* html body { font-size:81.25%;}
*:first-child+html body { font-size:81.25%;}

#wrapper {
  background: url(../images/wrap_bg.jpg) center repeat-y;
  width: 777px;
  margin: 0 auto;
  text-align: left;}

#header {
  width: 777px;
	height: 97px;
	position:relative;
  background: url(../images/header_bg.jpg) top no-repeat;
  padding: 3px 0 0 0px;}

/*----- for IE6 -----*/
* html #header {
  width: 797px;
  height: 97px;
  background: url(../images/header_bg.jpg) 10px 0 no-repeat;
  padding: 3px 0 0 0px;}
/*-------------------*/

#footer {
  background: url(../images/footer_bg.jpg) bottom no-repeat;
  width: 777px;
  height: 125px;
  margin: 0 auto;
  clear: both;}
	
#footer p{color:#5d3b1f;}

#footer #link_text {
  width: 600px;
  height: 20px;
  margin: 0 auto;
  padding: 10px;}

#footer #link_text p{
  font-size: 12px;}

#main {
  width: 757px;
  margin: 0 10px;}

/*----- for IE6 -----*/
* html #main {
  width: 757px;
  margin: 0 0 0 20px;}
/*-------------------*/
#wrap_content{
	width:758px;
	position:relative;
	top:0;
	left:0;
}

#wrap_content #idInside {
	width:360px;
	position:absolute;
	top:0px;
	left:175px;
}

*html #wrap_content #idInside {
	width:360px;
	position:absolute;
	top:0px;
	left:165px;
}

/***************************************************/
/*----- ヘッダー ----------------------------------*/
/***************************************************/

#header #logo a{
	position:absolute;
	top:35px;
	left:24px;
}
*html #header #logo a{left:34px;}

#header #ban_voce2010{
	position:absolute;
	width:255px;
	height:50px;
	top: 40px;
	left: 503px;
}

#index #kyuushin {
	position:absolute;
	font-size: 12px;
	line-height: 20px;
	color: #5E5B50;
	float: right;
	left: 609px;
	top: 81px;
	background:url(../images/icon01.gif) 0 0.4em no-repeat;
	padding:0 0 0 10px;
}

#index #kyuushin a {
  color: #4153A6;
	font-weight: bold;
  text-decoration: underline;}

#index #kyuushin a:hover {
  color: #6775B8;
  text-decoration: none;}

/***************************************************/
/*----- グローバルナビ ----------------------------*/
/***************************************************/

#glo_navi {
  width: 751px;
  height: 27px;
	clear: both;
  margin: 5px 3px auto;
	}

ul li#c01 {
	display: none;
	position: absolute;
	width: 150px;}

ul li#c02 {
	display: none;
	position: absolute;
	width: 150px;}
	
ul li#navi03 {
	display: none;
	position: absolute;
	width: 150px;}

ul li ul li {
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background: #D6E7FF;
	width: 150px;
	margin: 0;
	padding: 5px 10px;}

#glo_navi ul li ul li{
	font-size:11px;}

ul li ul li a:link, ul li ul li a:visited {
	text-decoration: none;
	color: #1C2147;
	width: 150px;
	display: block;}


ul li ul li a:active, ul li ul li a:hover{
	text-decoration: none;
	color: #7D859C;
	width: 150px;
	display: block;}

#glo_navi ul {
  float: left;
  margin: 0px;
  padding: 0px;}

#glo_navi ul li {
  list-style: none;}
	
#glo_navi ul li img{
display:inline;
margin:0;
padding:0;
vertical-align:bottom;
}

/***************************************************/
/*----- 左ナビ ------------------------------------*/
/***************************************************/

#navi {
  width: 165px;
  height: 1210px;
  float: left;
  margin: 10px 0 0 10px;}


/*----- for IE6 -----*/
* html #navi { margin: 10px 0 0 5px;}
/*-------------------*/

#navi li.n_top {
  height: 29px;
  list-style: none;
  text-indent: -9999px;
  background: url(../images/navi_top.jpg) 0 0 no-repeat;}

#navi li.n_top2 {
  height: 29px;
  list-style: none;
  text-indent: -9999px;
  background: url(../images/navi_top2.jpg) 0 0 no-repeat;}

#navi li.n_con {
  height: 32px;
  list-style: none;
  line-height: 30px;}

#navi li.n_con a{
  display: block;
  background: url(../images/navi_con.jpg) 0 0 no-repeat;
  height: 32px;
  padding: 0 0 0 17px;}

#navi li.n_con a:hover { background: url(../images/navi_con.jpg) 0 -32px no-repeat;}

/*----- 左naviの2段組用 start -----*/

#navi li.n_con2 {
  height:46px;
  list-style:none;
  line-height:1.4em;}

#navi li.n_con2 p {
  color: #5d3b1f;
  margin-top: 0;}

/*----- for IE6 -----*/
* html #navi li.n_con2 p { margin-top: 7px;}
/*-------------------*/

#navi li.n_con2 a {
  display: block;
  background: url(../images/navi_con2.jpg) 0 0 no-repeat;
  height: 46px;
  padding: 5px 0 0 18px;}

/*----- for IE6 -----*/
* html #navi li.n_con2 a { padding: 0 0 0 18px;}
/*-------------------*/

#index #navi li.n_con2 a {
  display: block;
  background: url(../images/navi_con2.jpg) 0 0 no-repeat;
  height: 46px;
  padding: 6px 0 0 18px;}

/*----- for IE6 -----*/
* html #index #navi li.n_con2 a { padding: 6px 0 0 18px;}
/*-------------------*/


#navi li.n_con2 a:hover { background: url(../images/navi_con2.jpg) 0 -46px no-repeat;}

#navi li.n_con2 a:hover p{ color: #A21015;}

/*----- 左naviの2段組用 end -----*/
/*----- 左naviの3段組用 start -----*/

#navi li.n_con3 {
  height:63px;
  list-style:none;
  line-height:1.4em;}

#navi li.n_con3 p {
  color: #5d3b1f;
  margin-top: 0;}

/* for IE6 -----*/
* html #navi li.n_con3 p { margin-top: 7px;}
/*----- for IE6 */

#navi li.n_con3 a {
  display: block;
  background: url(../images/navi_con3.jpg) 0 0 no-repeat;
  height: 63px;
  padding: 5px 0 0 18px;}

/* for IE6 -----*/
* html #navi li.n_con3 a { padding: 5px 0 0 18px;}
/*----- for IE6 */

#navi li.n_con3 a:hover { background: url(../images/navi_con3.jpg) 0 -63px no-repeat;}

#navi li.n_con3 a:hover p{ color: #A21015;}

/*----- 左naviの3段組用 end -----*/

/***************************************************/
/*----- 右ナビ ------------------------------------*/
/***************************************************/

#index #navi_ban {
  float: right;
  width: 165px;
  margin: 5px 10px 10px 0;}
	
#index #navi_ban img{margin:0;display:block;}

/*----- for IE6 -----*/
* html #index #navi_ban {
  float: right;
  width: 165px;
  margin: 5px 5px 10px 0;}
/*-------------------*/

#ban_doctor a {
  display: block;
  height: 90px;
	text-indent:-9999px;
  background: url(../images/ban_doctor.jpg) 0 0 no-repeat;
  margin-top: 10px;
}

#ban_hyal a {
  display: block;
  height: 90px;
  margin-top: 10px;}

#ban_media a{
  display: block;
  height: 95px;
	text-indent:-9999px;
  background: url(../images/ban_media.jpg) 0 0 no-repeat;
  margin-top: 10px;}

#ban_recruit a{
  display: block;
  height: 90px;
	text-indent:-9999px;
  background: url(../images/ban_recruit.jpg) 0 0 no-repeat;
  margin-top: 10px;}

#ban_cosme a{
  display: block;
  height: 90px;
	text-indent:-9999px;
  background: url(../images/ban_cosme.jpg) 0 0 no-repeat;
  margin-top: 10px;}

#ban_mesofacial a{
  display: block;
  height: 90px;
	text-indent:-9999px;
  background: url(../images/ban_mesofacial.jpg) 0 0 no-repeat;
  margin-top: 10px;}
  
#ban_led a{
  display: block;
  height: 90px;
	text-indent:-9999px;
  background: url(../images/ban_led.jpg) 0 0 no-repeat;
  margin-top: 10px;}
  
#ivoce a{
  display: block;
  height: 90px;
	text-indent:-9999px;
  margin-top: 10px;
	text-indent: 0px;}

#ban_doctor a:hover { background:url(../images/ban_doctor.jpg) 0 -90px no-repeat;}
#ban_media a:hover { background:url(../images/ban_media.jpg) 0 -95px no-repeat;}
#ban_recruit a:hover { background:url(../images/ban_recruit.jpg) 0 -90px no-repeat;}
#ban_cosme a:hover { background:url(../images/ban_cosme.jpg) 0 -90px no-repeat;}
#ban_mesofacial a:hover { background:url(../images/ban_mesofacial.jpg) 0 -90px no-repeat;}
#ban_led a:hover { background-position:bottom;}

#qr {
  height: 85px;
	margin-top: 10px;
	background: url(../images/qr.jpg) 0 0 no-repeat;
}
#qr p{
  display: block;
	text-align: left;
	padding: 26px 5px 0 6px;
	font-size: 10px;
	line-height: 13px;
}
#index #navi_ban #qr p img{display:inline;}
#qr p a {
  letter-spacing: -1px;
}

/***************************************************/
/*----- コンテント --------------------------------*/
/***************************************************/

#content {
  width: 388px;
  height: 930px;
  float: left;
  margin: 10px 0 0 10px;}

/*----- for IE6 -----*/
* html #content {
  margin: 10px 0 0 10px;
  height: 950px;}
/*-------------------*/

#content .section { padding: 5px;}

#content .section2 { padding: 10px;}

#content .section p {
  font-size: 12px;
  line-height: 20px;
  color: #5E5B50;}

#content .section a {
  color: #5d3b1f;
  text-decoration: underline;}

#content .section a:hover{
  color: #A21015;
  text-decoration: none;}

/***************************************************/
/*----- Flash -------------------------------------*/
/***************************************************/

#index #flash {
  background: url(../images/flash_bg.jpg) 0 0 no-repeat;
  padding: 10px 10px 5px 9px;
  width: 757px;}

/***************************************************/
/*----- トピックス --------------------------------*/
/***************************************************/

#topics {
  width: 388px;
  height: 157px;}

#topics_tit {
  width: 388px;
  height: 28px;
  background: url(../images/topics_bg.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;}
	
#topics_tit h2 img{
	float:left;
	display:block;
	margin:6px 0 0 3px;
	padding:0;}

.topi_bot {
  width: 137px;
  height: 18px;
  float: right;
  margin: 5px 5px 0 0;}

#frame {
  width: 378px;
  height: 127px;
  padding: 0;
  display: block;
  margin-bottom: 10px; 
  background: url(../images/topi_bg.gif) 0 0 no-repeat;
	clear:left;}
	
* html #frame {margin-bottom: 0px;}

#frame div {
  width: 378px;
  height: 117px;
	overflow: scroll;
	overflow-x:hidden;
  margin: 0;
  padding: 10px 0 0 10px;
  border-bottom: solid 1px #cccccc;
	font-size: 1.2em;}
	
* html #frame div {width: 388px;height: 127px;}

#frame h2,
#frame dt {
  width: 348px;
  color: #4883c9;
  font-weight: bold;
  float: left;
  margin: 6px 0 6px 0;
  display: inline;
  font-size: 11px;}	

#frame p,
#frame dd {
  width: 350px;
  float: left;
  margin: 3px 10px 5px 0;
  display: inline;
  background: url(../images/icon01.gif) 0 0.2em no-repeat;
  padding: 0 0 0 10px;}

#frame p a,
#frame dd a {
  color: #666666;
  text-decoration: none;}

#frame p a:hover,
#frame dd a:hover {
  color: #999999;
  text-decoration: underline;}

#frame dd.line {
  background: url(../images/topi_line.jpg) bottom no-repeat;
  height: 1px;
  margin: 1px 0;
  padding: 0;
	text-indent:-9999px;
}
#frame dd.line2 {
  background: url(../images/topi_line.jpg) bottom no-repeat;
  height: 4px;
  margin: 1px 0;
  padding: 0;
	text-indent:-9999px;
}

#frame dd.media,
#frame dd.media_red {
  color: #666666;
  float: left;
  margin: 0 0 2px 0;
  display: inline;
  font-size: 12px;
  line-height: 16px;}

#frame dd.space {
  background: none;
  height: 5px;
  margin: 0;
  padding: 0;
}

.new {
  color: #fa82b0;
  font-weight: bold;
}
  

#frame dd.media_red a{
  color: #d61f1f;
  font-size: 12px;
  line-height: 16px;
}

/*IE6*/
  
*html #frame dd.line {
  background: url(../images/topi_line.jpg) bottom no-repeat;
  height: 1px;
  margin: 0;
  padding: 0;
  text-indent:-9999px;
}
*html #frame dd.line2 {
  background: url(../images/topi_line.jpg) bottom no-repeat;
  height: 1px;
  margin: -15px 0 0 0;
  padding: 0;
  text-indent:-9999px;
}


*html #frame dd.media {
  color: #666666;
  float: left;
  margin: 0 0 0 0;
  display: inline;
  font-size: 12px;
  line-height: 16px;}  
  
*html #frame dd.space {
  background: none;
  height: 0px;
  font-size: 1px;
  line-height: 0px;
  margin: 0;
  padding: 0;
}

/***************************************************/
/*----- メニュー ----------------------------------*/
/***************************************************/

#menu {
  width: 388px;
  margin: 10px 0 0 0;}

#menu img{margin:0;display:block;}

#menu .menu_list {
	width: 386px;
  border-bottom: #c3c8d1 solid 1px;
  border-left: #c3c8d1 solid 1px;
  border-right: #c3c8d1 solid 1px;
	margin-bottom:10px;
}

#menu .menu_list ul li.li01{
	float:left;
	padding:8px 0 0 10px;
	clear:both;
}
	
#menu .menu_list ul li.li02{
	float:right;
	padding:8px 10px 0 0;
}

#menu .menu_list ul li.li03{
	float:right;
	padding:8px 10px 10px 0;
}

.li_l {
  float: left;
  width: 179px;}

.li_r {
  float: left;
  width: 179px;
  margin-left: 7px;}
	
.li_l #art01 a{ display:block; height:45px; background:url(../images/topi_art01.jpg) 0 0 no-repeat; text-indent:-9999px;}
.li_r #art02 a{ display:block; height:45px; background:url(../images/topi_art02.jpg) 0 0 no-repeat; text-indent:-9999px;}
.li_l #art03 a{ display:block; height:45px; background:url(../images/topi_art03.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #art04 a{ display:block; height:45px; background:url(../images/topi_art04.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_l #art05 a{ display:block; height:45px; background:url(../images/topi_art05.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #art06 a{ display:block; height:45px; background:url(../images/topi_art06.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_l #art07 a{ display:block; height:45px; background:url(../images/topi_art07.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #art08 a{ display:block; height:45px; background:url(../images/topi_art08.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}

.li_l #art01 a:hover{ background:url(../images/topi_art01.jpg) 0 -45px no-repeat;}
.li_r #art02 a:hover{ background:url(../images/topi_art02.jpg) 0 -45px no-repeat;}
.li_l #art03 a:hover{ background:url(../images/topi_art03.jpg) 0 -45px no-repeat;}
.li_r #art04 a:hover{ background:url(../images/topi_art04.jpg) 0 -45px no-repeat;}
.li_l #art05 a:hover{ background:url(../images/topi_art05.jpg) 0 -45px no-repeat;}
.li_r #art06 a:hover{ background:url(../images/topi_art06.jpg) 0 -45px no-repeat;}
.li_l #art07 a:hover{ background:url(../images/topi_art07.jpg) 0 -45px no-repeat;}
.li_r #art08 a:hover{ background:url(../images/topi_art08.jpg) 0 -45px no-repeat;}

.li_l #cli01 a{ display:block; height:45px; background:url(../images/topi_cli01.jpg) 0 0 no-repeat; text-indent:-9999px;}
.li_r #cli02 a{ display:block; height:45px; background:url(../images/topi_cli02.jpg) 0 0 no-repeat; text-indent:-9999px;}
.li_l #cli03 a{ display:block; height:45px; background:url(../images/topi_cli03.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #cli04 a{ display:block; height:45px; background:url(../images/topi_cli04.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_l #cli05 a{ display:block; height:45px; background:url(../images/topi_cli05.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #cli06 a{ display:block; height:45px; background:url(../images/topi_cli06.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_l #cli07 a{ display:block; height:45px; background:url(../images/topi_cli07.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #cli08 a{ display:block; height:45px; background:url(../images/topi_cli08.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_l #cli09 a{ display:block; height:45px; background:url(../images/topi_cli09.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}
.li_r #cli10 a{ display:block; height:45px; background:url(../images/topi_cli10.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:5px;}

.li_l #cli01 a:hover{ background:url(../images/topi_cli01.jpg) 0 -45px no-repeat;}
.li_r #cli02 a:hover{ background:url(../images/topi_cli02.jpg) 0 -45px no-repeat;}
.li_l #cli03 a:hover{ background:url(../images/topi_cli03.jpg) 0 -45px no-repeat;}
.li_r #cli04 a:hover{ background:url(../images/topi_cli04.jpg) 0 -45px no-repeat;}
.li_l #cli05 a:hover{ background:url(../images/topi_cli05.jpg) 0 -45px no-repeat;}
.li_r #cli06 a:hover{ background:url(../images/topi_cli06.jpg) 0 -45px no-repeat;}
.li_l #cli07 a:hover{ background:url(../images/topi_cli07.jpg) 0 -45px no-repeat;}
.li_r #cli08 a:hover{ background:url(../images/topi_cli08.jpg) 0 -45px no-repeat;}
.li_l #cli09 a:hover{ background:url(../images/topi_cli09.jpg) 0 -45px no-repeat;}
.li_r #cli10 a:hover{ background:url(../images/topi_cli10.jpg) 0 -45px no-repeat;}

	
#index #wrapper #main #wrap_content #idInside #content #topics #frame .icon01 .media .topic_red{color:#FF0000; !important;}
#index #wrapper #main #wrap_content #idInside #content #topics #frame .icon01 .media .topic_red a:hover{color:#FF0000; !important;}