@charset "UTF-8";

/* ***************************************************
* CSS file For seo.cyberstar.co.jp/
	FileName: top.css
	data:2008/012/10 kinoshita

■目次 ==========================================
■[00]:TOPだけcommon.cssを上書き↓
■[01]:ヘッダー

**************************************************** */

/*-----------------------------------------------------------
■[00]:TOPだけcommon.cssを上書き↓
------------------------------------------------------------*/
#container #rightNavi img.case{
	margin: 3px 0 0 7px;
	display: block;
}

/*-----------------------------------------------------------
■[000]:レイアウト↓
------------------------------------------------------------*/
div#topCont{
	width: 746px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index: 1;
	position:relative;
}
.formButton	{
	width: 172px;
	height: 110px;
	margin: 10px 0 0 12px;
	background: url(/img/common/left_form_bg.jpg) no-repeat;
	padding: 120px 0 0 5px;
}
.formButton img	{
	margin: 0px 0 3px 0px;
}
/*-----------------------------------------------------------
■[000]:バナーエリア
------------------------------------------------------------*/
ul.topBanner{
	width: 735px;
	/* border: 1px solid #f00; */
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}
ul.topBanner li{
	float: left;
	margin: 0px 5px 0px;
	padding: 0px 0px 8px 0px;
}

ul.topBannerSmall{
	width: 735px;
	clear: both;
	/* border: 1px solid #f00; */
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}
ul.topBannerSmall li{
	float: left;
	margin: 0px 4px 0px;
	padding: 0px 0px 8px 0px;
}
/*-----------------------------------------------------------
■[000]:お悩み別メニュー
------------------------------------------------------------*/

div.qestion{
	width: 361px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	float: left;
	/* float: left; */
	/* position: absolute;
	top:268px;
	left:3px; */
}
div.qestion img{
	margin: 0px;
	display: block;
}
div.qestion div.body{
	width: 350px;
	margin: 0px auto 0px;
	padding: 6px 0px 0px 11px;
	background: url(/img/top/top_menu_bg.gif) repeat-y;
}
div.qestion div.body ul{
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
div.qestion div.body li{
	width: 157px;
	float: left;
	padding: 5px 0px 5px 13px;
	background: url(/img/common/green_marker.gif) no-repeat 0px 6px #fff;
	font-size: 75%;
	font-weight: bold;
	border-bottom: 1px dotted #9d9d9d;
	line-height: 100%;
}

div.qestion div.body li.bg{
	background: url(/img/common/green_marker.gif) no-repeat 0px 6px #f9fce0;
}
div.qestion div.body li.none{
	background-image: none;
	background-color: #fff;
}
div.qestion div.body li.bg_none{
	background-image: none;
	background-color: #f9fce0;
}

/*Only Safari*/
body:first-of-type div.qestion div.body li{
	width: 157px;
	float: left;
	padding: 5px 0px 5px 13px;
	background: url(/img/common/green_marker.gif) no-repeat 0px 6px;
	font-size: x-small;
	font-weight: bold;
	border-bottom: 1px dotted #9d9d9d;
	line-height: 100%;
}
body:first-of-type div.qestion div.body li.bg{
	background: url(/img/common/green_marker.gif) no-repeat 0px 6px #f9fce0;
}
body:first-of-type div.qestion div.body li.none{
	background-image: none;
}




/*-----------------------------------------------------------
■[000]:診断メニュー
------------------------------------------------------------*/

div.menu{
	width: 361px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	float: left;
	/* float: left; */
	/* position: absolute;
	top:268px;
	left:372px;
	z-index: 100; */
}
div.menu img{
	margin: 0px;
	display: block;
}
div.menu div.body{
	width: 361px;
	margin: 0px auto 0px;
	padding: 6px 0px 0px 0px;
	background: url(/img/top/top_menu_bg.gif) repeat-y;
}
div.menu div.body ul{
	width: 340px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
div.menu div.body li{
	width: 158px;
	float: left;
	padding: 5px 0px 5px 12px;
	background: url(/img/common/yellow_marker.gif) no-repeat 0px 6px #fff;
	font-size: 75%;
	font-weight: bold;
	border-bottom: 1px dotted #9d9d9d;
	/* border: 1px solid #f00; */
	line-height: 100%;
}
div.menu div.body li.bg{
	background: url(/img/common/yellow_marker.gif) no-repeat 0px 6px #f9fce0;
}
div.menu div.body li.none{
	background-image: none;
}
div.menu div.body li.bg_none{
	background-color: #f9fce0;
	background-image: none;
}


/*Only Safari*/
body:first-of-type div.menu div.body li{
	width: 158px;
	float: left;
	padding: 5px 0px 5px 12px;
	background: url(/img/common/yellow_marker.gif) no-repeat 0px 6px;
	font-size: x-small;
	font-weight: bold;
	border-bottom: 1px dotted #9d9d9d;
	/* border: 1px solid #f00; */
	line-height: 100%;
}
body:first-of-type div.menu div.body li.bg{
	background: url(/img/common/yellow_marker.gif) no-repeat 0px 6px #f9fce0;
}
body:first-of-type div.menu div.body li.none{
	background-image: none;
}



/*-----------------------------------------------------------
■[000]:What's new
------------------------------------------------------------*/

div.news{
	width: 411px; 
	margin: 20px 0px 0px 9px;
	padding: 0px;
	float: left;
	font-size: small;
}
div.news dl{
	width: 408px; 
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
	overflow: auto;
	height: 170px;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #5a8d00;
	scrollbar-base-color: #5a8d00;
	scrollbar-highlight-color:#a7ba51;
	scrollbar-shadow-color:#a7ba51;
	scrollbar-darkshadow-color:#5a8d00;
}

div.news dl span.bold{
	font-weight: bold;
}

div.news dt{
	width: 54px;
	float: left;
	line-height: 130%;
	margin: 0px 0px 4px 0px;
}
div.news dd{
	width: 330px;
	float: left;
	line-height: 130%;
	margin: 0px 0px 4px 0px;
}
div.news dd img{
	margin: 0px 0px -1px 2px;
}
div.news dd span.midashi01{
	font-weight: bold;
}


/*-----------------------------------------------------------
■[000]:メディア紹介
------------------------------------------------------------*/
div.media{
	width: 300px; 
	margin: 20px 0px 0px 10px;
	padding: 0px;
	float: left;
	font-size: small;
	position: relative;
}
div.media .img{
	width: 106px; 
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
}
div.media p{
	width: 183px; 
	margin: 0px 0px 0px 5px;
	float: left;
}

img.bt{
	position: absolute;
	top: 9px;
	left:180px;
}

/*-----------------------------------------------------------
■[000]:メディア紹介  2010/09/21変更
------------------------------------------------------------*/
div.media02{
	width: 300px; 
	margin: 20px 0px 0px 10px;
	padding: 0px;
	float: left;
	font-size: small;
	position: relative;
}
div.media02 .img{
	width: 150px; 
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
}
div.media02 p{
	width: 145px; 
	margin: 0px 0px 0px 5px;
	float: left;
}

img.bt{
	position: absolute;
	top: 9px;
	left:180px;
}

div.media02 ul{
	width: 293px;
	padding: 5px 0px 5px 7px;
	margin: 0px 0 0 0px;
	/* background: #f9fce0; */
	background: url(/img/top/media_newmedia_bg.gif) repeat-x bottom;
	border-right: 2px solid #ff99b2;
	border-bottom: 2px solid #ff99b2;
	border-left: 2px solid #ff99b2;
}
div.media02 li{
	margin: 0px 0 3px 0;
	background: url(/img/common/list_marker01.gif) no-repeat 0 4px;
	line-height: 110%;
	padding: 0 0 0 14px;
}

img.newMedia{
	margin: 0;
	display: block;
	padding: 0;
}
/*-----------------------------------------------------------
■[000]:コンセプト
------------------------------------------------------------*/

h4.concept{
	margin: 20px 0px 0px 8px;
	clear: both;
	padding: 0px 0px 3px 0px;
	border-bottom: 3px double #b4ce81;
	width: 720px;
}
div.concept h5{
	margin: 10px 0px 0px 11px;
	font-size: small;
	font-weight: bold;
	color:#336600;
	padding:0px 0px 0px 11px;
	background: url(/img/common/list_marker01.gif) no-repeat 0 7px;
}
p.concept{
	width: 709px;
	margin: 0px 0px 0px 12px;
	font-size: small;
	line-height: 145%;
}
div.concept{
	background: url(/img/top/copy_bg.gif) no-repeat 94% 100%;
}

div.concept em{
	font-style: normal;
	font-weight: bold;
}


/*-----------------------------------------------------------
■[000]:クリニックデータ
------------------------------------------------------------*/
div.topClinic{
	width: 712px;
	margin: 20px auto 30px;
	padding: 4px;
	border: 1px solid #d7d7d7;
}
div.topClinic div.body{
	width: 686px;
	margin: 0px;
	padding: 10px;
	border: 3px solid #dfe5cb;
	font-size: small;
}

div.topClinic div.body div.data{
	width: 353px;
	float: left;
}

div.topClinic div.body div.data h2{
	margin: 0px 0px 5px 0px;
}

div.topClinic div.body div.data p{
	margin: 6px 0px 0px 0px;
	line-height: 130%;
	padding: 0px;
}

div.topClinic div.body div.data img{
	display: block;
}
div.topClinic div.body div.data img.tel{
	margin: 5px 0px 0px 30px;
}
div.topClinic div.body div.data img.access{
	margin: 5px 10px 0px 0px;
	float: left;
}
div.topClinic div.body div.data p.open{
	margin: 6px 0px 0px 0px;
	line-height: 130%;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #e6e5c0;
}
div.topClinic div.body div.data p.open span{
	color: #558000;
}

div.topClinic div.body img.photo{
	margin: 10px 0px 0px 20px;
}


/*-----------------------------------------------------------
■[000]:キーワード
------------------------------------------------------------*/
div.keyword{
	padding: 0 20px;
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
}

div.keyword strong{
	font-size: 12px;
	font-weight: normal;
	float: right;
}



/*-----------------------------------------------------------
■[01]:ヘッダー
------------------------------------------------------------*/



/*-----------------------------------------------------------
■[02]:メインビジュアル Flash
------------------------------------------------------------*/
.flash{
	margin: 0px;
	padding: 0px;
	display: inline;
	z-index: 1;
}