@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;
	padding-bottom: 30px;
  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: 155px;
  margin: 0 auto;
	clear: both;
}
	
#footer p{color:#5d3b1f;}

#footer .license p{
	color: #5E5B50;
	text-align: center;
	padding: 5px 0 15px 0;
	font-size: 10px;
}

#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:583px;
	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:200px;
	height:50px;
	top: 40px;
	right: 230px;
	_right: 240px;
}
#header #ban_voce_dendou { 
	position:absolute;
	width:200px;
	height:50px;
	top: 40px;
	right: 20px;
	_right: 30px;
}
#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 #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	background: #D6E7FF;
	width: 150px;
	margin: 0;
	padding: 5px 10px;}
	
ul li ul li.c_img01,
ul li ul li.c_img02 {
	width: 170px;
	margin: 0;
	padding: 0 0 0px;
}
ul li ul li.c_img01 a,
ul li ul li.c_img02 a { width: 170px !important;}

ul li ul li.c_img02 {	border-bottom: solid 1px #aaaaaa;}

#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;
  float: left;
  margin: 10px 0 30px 10px;
}

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

#navi li.n_top {
  height: 40px;
  list-style: none;
} 
#navi li.n_top2 {
  height: 30px;
  list-style: none;
	margin-top: 1px;
}
#navi li.n_con {
  height: 26px;
  list-style: none;
	font-size: 11px;
}
#navi li.n_con a{
  display: block;
  background: url(../images/navi_con.jpg) 0 0 no-repeat;
  height: 26px;
  padding: 8px 0 0 17px;
}

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

#navi li.n_con2 {
  height:38px;
  list-style:none;
	font-size: 11px;
}

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

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

#navi li.n_last a {
	line-height: 30px;
	*line-height: 26px;
	padding: 0 0 0 17px;
}

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

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

#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: 65px;
}

#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: 90px;
	margin-top: 10px;
	background: url(../images/qr.jpg) 0 0 no-repeat;
}
#qr p{
  display: block;
	text-align: left;
	padding: 40px 5px 0 6px;
	font-size: 10px;
	line-height: 18px;
}
#index #navi_ban #qr p img{display:inline;}
#qr p a {
  letter-spacing: -1px;
}

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

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

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

#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;
	height: 252px;
}

/* Flashが表示されない環境の場合 */
#alternative a img{
	margin: 8px 3px 0 2px;
	_margin: 8px 2px 0 1px;
}

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

#news {
	width: 718px;
	_width: 736px;
	padding: 10px 8px 0;
	margin: 12px 0 2px 11px;
	border: 1px solid #B2BDDA;
}

#news p {
	margin-bottom: 8px;
	line-height: 1.6em;
}
#news p.bold {
	border-top: 1px dotted #cccccc;
	padding-top: 10px;
	margin-bottom: 5px;
}
#news p.tel {
	font-weight: bold;
	margin-bottom: 2px;
}

#news p span {
	padding-left: 12px;
	background: url(../images/icon01.gif) 0 center no-repeat;
}

#news p a { text-decoration: underline;}
#news p a:hover { text-decoration: none;}

#news .info { 
	float: left;
	width: 350px;
	border-right: 1px dotted #cccccc;
	margin-right: 15px;
}


#news table {
	color: #5E5B50;
	font-size: 12px;
	line-height: 1.4em;
	margin: 5px 0;
}

#news table.tel {
	font-weight: bold;
	margin-bottom: 5px;
}

#news table.tel td{
	padding: 0 10px 3px 0;
	font-weight: bold;
	color: #5E5B50;
}

#topics {
  width: 388px;
  height: 117px;
	margin-bottom: 10px;
}
#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: 87px;
  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: 77px;
	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: 87px;}
#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;
	height: 30px;
  float: left;
  display: inline;
  background: url(../images/icon01.gif) 0 0.2em no-repeat;
  padding: 0 0 0 10px;	
	color: #666666;
  margin: 0px 0 4px 0;
  display: inline;
  font-size: 12px;
	line-height: 16px;
}
#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: 3px;
  margin: 1px 0;
	_margin: -12px 0 0 0; /* IE6 */
  padding: 0;
	text-indent:-9999px;
}
#frame dd {
  
}
#frame .l1{	
	background: url(../images/icon01.gif) 0 10px no-repeat;
	line-height: 30px; 
}
#frame .media_red a{
  color: #A21015;
}
#frame dd.space {
  background: none;
  height: 5px;
  margin: 0;
  padding: 0;
}
.new {
  color: #fa82b0;
  font-weight: bold;
}

/* トピックス 右バージョン　*/ /* 

#topics { width: 164px; height: 170px;	margin: 0 0 10px 0; }
#frame { width: 164px;  height: 142px;	background: url(../images/topi_bg.gif) 0 0 no-repeat;	overflow: scroll;	overflow-x:hidden;
  margin: 0;  border-bottom: solid 1px #cccccc;}
#frame dl {	padding: 3px 5px 5px 8px;}
#frame dt {}
#frame dd {  color: #666666; font-size: 10px;  line-height: 16px;	border-bottom: 1px dotted #cccccc;	padding: 5px 0;}
#frame h2 {  color: #4883c9;  font-weight: bold;  margin: 6px 0 6px 0;  font-size: 11px;	padding: 0 0 0 8px;}	
#frame p {	padding: 5px 0 0 8px;	font-size: 10px;	line-height: 1.4em;}
#frame p a,#frame dd a {  color: #666666;  text-decoration: none;}
#frame p a:hover,#frame dd a:hover {  color: #999999;  text-decoration: underline;}
.new {  color: #fa82b0;  font-weight: bold;} */

  
/*IE6*/
  


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

.pickup { margin: 0;}

.pickup p { margin-bottom: 10px;}
.pickup p img { display:block; margin: 0;}

#menu {
  width: 388px;
  margin: 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;
}

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

	
#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;}

#voce111222{
	position: relative;
	margin-bottom: 10px;
} 
#voce111222 a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}