/***======================================
1003〜
コムネットHP　インデックス設定

======================================***/

/*** ★読み込み
-------------------------------------------------------------------------------- ***/
@import url(../../common.css);
@import url(../../modules.css);
@import url(suppo01.css);

/*** ★ヘッダ部分
-------------------------------------------------------------------------------- ***/
#head {
	width: 720px;
	margin: 0 auto;
	text-align: center;
}
#head img {
	margin-bottom: 10px;
}
#headLeft {
	width: 199px;
	float: left;
	padding-top: 15px;
}
#headRight {
	width: 521px;
	float: right;
}
/*** ★ヘッダ部分内キャッチ＆リンク＆ビジョンボタン
-------------------------------------------------------------------------------- ***/
#head h1 {
	margin: 0;
	padding: 3px 0 0 20px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

#headLeft img {
	margin-bottom: 10px;
}
#headRight table {
	font-size: 10px;
	text-align: right;
}
#vision {
	vertical-align: middle;
	text-align: right;
}
#vision a {
	margin: 5px 0 10px 10px;
	padding: 0;
	width: 140px;
	height: 20px;
	display: block;
	background: url(img/visionbtn.jpg) no-repeat;
}
#vision a:hover {
	background: url(img/visionbtn_f2.jpg) no-repeat;
}


/*** ★タイトル部分
-------------------------------------------------------------------------------- ***/
#titleArea {
	width: 760px;
	margin: 0;
	padding: 0;
}
#titleArea h2, #titleArea p {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
.noFlash {
	border: solid 1px #CCC;
	height: 182px;
	padding-top: 50px;
	text-align: center;
}
.noFlash .getPlayer {
	display: block;
	margin: 5px auto;
	text-align: center;
}


/*** ★キャッチ部分
-------------------------------------------------------------------------------- ***/
#catch {
	width: 720px;
	height: 30px;
	margin: 20px auto 5px;
	padding-bottom: 10px;
	_padding-bottom: 0;
	background: url(img/subt.gif) no-repeat;
}
#catch h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
	float: left;
}
#indexSeikyu a {
	margin: 0 0 5px;
	padding: 0;
	width: 270px;
	height: 34px;
	display:block;
	background: url(img/seikyu_index.jpg) no-repeat;
	text-indent: -9999px;
	float: right;
}

#indexSeikyu a:hover{
	background-position: 0px -34px;
}

/*** ★サポート紹介部分
-------------------------------------------------------------------------------- ***/
#suppoArea {
	width: 720px;
	margin: 0px auto 8px;
	padding: 0px;
}
#suppoArea td {
	height: 96px;
}
#suppoArea td h2 {
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#suppoArea td#up01,td#up02,td#up03 {
	width: 174px;
	padding-right: 8px;
}
#suppoArea td#up05 {
	width: 174px;
	margin: 0px;
}

#suppoArea td#up01 {
	background: url(img/01.gif) no-repeat;
}
#suppoArea td#up02 {
	background: url(img/02.gif) no-repeat;
}
#suppoArea td#up03 {
	background: url(img/03.gif) no-repeat;
}
#suppoArea td#up05 {
	background: url(img/05.gif) no-repeat;
}

#suppoArea td#up04 {
	background: url(img/04.gif) no-repeat;
}

.moreBtn a,.moreBtn a:hover {
	background: url(img/moreBtn.gif) no-repeat;
	text-indent: -9999px;
}
.moreBtn a {
	width: 98px;
	height: 29px;
	margin: 67px 0 0 76px;
	display: block;
}
.moreBtn a:hover {
	background-position: 0 -29px;
}
#forSuppoBtn a, #forSuppoBtn a:hover {
	background: url(img/forSuppoBtn.gif) no-repeat;
	text-indent: -9999px;
}
#forSuppoBtn a {
	width: 174px;
	height: 24px;
	margin: 72px 0 0;
	display: block;
}
#forSuppoBtn a:hover {
	background-position: 0 -24px;
}

/* ドクター紹介
---------------------------------------------- */
#drArea {
	width: 510px;
	margin: 0px 0px 25px;
}
#drArea .box {
	border-bottom: solid 6px #093;
}
#drArea .box h2, #drArea .box h3 {
	text-indent: -9999px;
	font-size: 0em;
	line-height: 0em;
}
#drArea .box p {
	margin: 114px 0 0 16px;
	line-height: 150%;
}
#vol01 {
	height: 226px;
	background: url(img/0401.gif) no-repeat;
	zoom: 1;
}

.forDrBtn a, .forDrBtn a:hover {
	background: url(img/forDrBtn.gif) no-repeat;
	text-indent: -9999px;
}
.forDrBtn a {
	width: 200px;
	height: 22px;
	margin: 0 0 0 310px;
	display: block;
}
.forDrBtn a:hover {
	background-position: 0 -22px;
}
.voice-button a {
	width: 115px;
	height: 33px;
	margin: 160px 0 0 380px;
	display: block;
	text-indent: -9999px;
	background: url(img/voice_button.gif) no-repeat;
	background-position: 0 0;
}
.voice-button a:hover {
	background-position: 0 -33px;
}



/*** ★その他紹介＿各パーツ
-------------------------------------------------------------------------------- ***/
#bodyArea {
	width: 720px;
	margin: 0px auto;
	padding: 0px;
}
#menuArea {
	width: 190px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 15px;
	text-align: left;
	background: #EEEEEE;
}
#mainArea {
	width:	530px;
	margin: 0px 0px 50px;
	padding: 0px 0px 50px;
	font-size: 12px;
	text-align: left;
} 

/*** ★その他紹介＿メイン部分
-------------------------------------------------------------------------------- ***/
#doctor,#mainBanner,.semi,#koushin {
	width: 510px;
	margin: 0px 0px 25px;
}

#mainArea h3 {
	margin-bottom: 10px;
}
#mainArea .upright {
	margin-bottom: 5px;
}

#doctor {
	margin-bottom: 12px!important;
	background: url(img/doc_bg.gif) repeat-y;
}
#doc_t {
	margin: 0px 0px;
	width: 510px;
	background: url(img/doc_bg01.gif) no-repeat;
}
#doc_t img {
	width: 152px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#doc_t .t {
	margin: 0px;
	padding: 0px;
	width: 358px;
	float: right;
	background: url(img/doc_bg02.gif) no-repeat;
}
 
.t h4 {
	margin: 0px;
	padding: 10px 0px 0px;
	font-size: 14px;
	color: #153450;
}
#doctor p {
	margin: 5px 15px;
	font-size: 12px;
	line-height: 150%;
	text-indent: 0px!important;
}

	
#mainBanner div {
	margin-bottom: 8px;
}
#mainBanner h3 {
	text-align: right;
	margin-top: -1px;
	padding: 0px;
	font-weight: normal;
}

.semi .box {
	margin-bottom: 10px;
	border-bottom: dotted 1px #999999;
}
.semi .box img {
	width: 160px;
	display: block;
	float: left;
}
.semi .box .info {
	margin-top: -3px;
	width: 340px;
	float: right;
}
.info h4 {
	line-height: 120%;
	margin: 1px 0px;	
}
#koushin {
	line-height: 140%;
}
#koushin ul {
	margin:0px 0px 5px 2em;
	margin-bottom: 5px;
}
#koushin dl {
	margin-top: 0px;
	margin-bottom: 2px;
}

#koushin li {
	list-style-type: disc;
	margin-bottom: 3px;
}


/*** ★暫定バナー1カラム
-------------------------------------------------------------------------------- ***/
#naviBottomLine {					/* 暫定バナーがナビ直下に入る場合のケイ指定 */
	border-top: solid 2px #C4C5A6;
}

#banner {
	margin: 0px;
	padding: 19px auto;
	height: 278px;
	background: url(../../../../index_ban/ds760px.jpg) no-repeat;
}
#banner img {
	display: block;
	padding-top: 19px;
	width: 720px;
	height: 240px;
	border: 0px;
}

/*** デンタルサポートリニューアル後　HP制作サービスへのリンク
-------------------------------------------------------------------------------- ***/

div.bn-homepage{
	width:760px;
	height:80px;
	margin:0 0 20px 0;
}

div.bn-homepage a{
	width:760px;
	height:80px;
	display:block;
	text-align: center;
	text-indent: -9999px;
	background:url(../../../../index_ban/bn_homepage_off.gif) no-repeat;
}

div.bn-homepage a:link{
	background:url(../../../../index_ban/bn_homepage_off.gif) no-repeat;
}

div.bn-homepage a:hover{
	background:url(../../../../index_ban/bn_homepage_on.gif) no-repeat;
}

/*** デンタルサポートリニューアル後 メインタイトル部
-------------------------------------------------------------- ***/
div#titleWrapper{
	width: 760px ;
	height: 400px ;
	background: url(../../../../img/bg_top.jpg) no-repeat top center;
}

div#titleVoicearea{
	width: 760px ;
	height: 80px ;
	background: url(../../../../img/bg_voice.gif) repeat-x top left;
}

div#titleHomepage{
	width: 760px ;
	height: 110px ;
	background: url(../../../../img/bg_homepage.gif) repeat-x bottom left;
}

img#img-three{
	width: 760px ;
	height: 150px ;
	margin:133px 0 auto 0;
}


/*** 会員の声
-------------------------------------------------------------- ***/
ul#voice-list{
	width:760px;
	height:63px;
	background:url(../../../../img/bg_voice_list.gif) repeat-x top left;
}

#voice-list li{
	float:left;
	width:150px;
	height:63px;
	text-align:left;
	background:url(../../../../img/bg_voice_listend.gif) no-repeat top right;
}


ul#voice-list li#v-list00{
	width:119px;
}

ul#voice-list li#v-list00 a{
	width:119px;
	height:63px;
	text-indent:-9000px;
	display:block;
	background:url(../../../../img/bg_voice_list00.gif) no-repeat top left;
}


div#title-btn{
	margin:10px auto auto auto;
	width:450px;
	height:95px;
}

/*** デンタルサポート詳しくはこちら
-------------------------------------------------------------- ***/
div#title-btn-ds{
	float:left;
	width:186px;
	height:95px;
}

div#title-btn-ds a{
	width:186px;
	height:95px;
	background:url(../../../../img/btn_ds_off.gif) no-repeat top left;
	display:block;
	text-indent:-9000px;
}

div#title-btn-ds a:link{
	background:url(../../../../img/btn_ds_off.gif) no-repeat top left;
}

div#title-btn-ds a:hover{
	background:url(../../../../img/btn_ds_on.gif) no-repeat top left;
}

/*** デンタルサポート資料請求
-------------------------------------------------------------- ***/
div#title-btn-mail{
	float:right;
	width:186px;
	height:95px;
}

div#title-btn-mail a{
	width:186px;
	height:95px;
	background:url(../../../../img/btn_mail_off.gif) no-repeat top left;
	display:block;
	text-indent:-9000px;
}

div#title-btn-mail a:link{
	background:url(../../../../img/btn_mail_off.gif) no-repeat top left;
}

div#title-btn-mail a:hover{
	background:url(../../../../img/btn_mail_on.gif) no-repeat top left;
}