/***======================================
コムネットHP　index.html設定

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

/*** ★タイトル部分(スライドショー)
-------------------------------------------------------------------------------- ***/
#titleArea {
	margin: 0;
	padding: 0;
	width: 800px;
	height:427px;
	text-align:center;
}

.slide-box{
margin:0px;
padding:310px 0 0 0;
width:800px;
height:117px;
text-align: center;
background: url(../img/bg_slidetop00.jpg);
}
.slidebuttonbox{
margin:0 auto;
width:710px;
height: 80px;
text-align: center;
}
div.slidebuttonbox div{
float:left;
}
div.slidebuttonbox div a{
width: 230px;
height: 80px;
display: block;
}
div#slidebutton01 a{background:url(../img/btn_slide01_on.gif);}
div#slidebutton02 a{background:url(../img/btn_slide02_on.gif);}
div#slidebutton03 a{background:url(../img/btn_slide03_on.gif);}
div.slidebuttonbox div a:hover{text-indent:-9999px;}



/*** ★動画　メニュー部
-------------------------------------------------------------------------------- ***/
div#mbox {
	width: 800px ;
	margin-top: 10px ;
}

div#mbox div#mbox-left {
	float: left ;
	width: 500px ;
}

div#mbox div#mbox-right {
	float: right ;
	width: 290px ;
	padding-left: 10px ;
}



/*** お客様の声
-------------------------------------------------------------------------------- ***/
#topVoise{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#topVoise a{
	display:block;
	width:290px;
	height:145px;
	background:url(../img/img_voice_on.gif) 0 0 no-repeat;
}

#topVoise a:hover{text-indent:-9999px;}

#topVision{
	float:left;
	margin:0;
	padding:0;
}

#topVision a{
	display:block;
	width:290px;
	height:145px;
	background:url(../img/img_vision_on.gif) 0 0 no-repeat;
}

#topVision a:hover{text-indent:-9999px;}



/*** iframeゾーン（詳しくはiframe_pc.css/iframe_phone.css)
-------------------------------------------------------------------------------- ***/
#bodyArea {
	width: 800px;
	margin: 10px 0 0 0;
	padding:0;
}

/*** iframe（iframe/**.htmlで使用）
-------------------------------------------------------------------------------- ***/
.iframearea{
	float:left;
	width:263px;
	height:300px;
}
.iframebox{
	margin:0;
	padding:10px 10px 50px 10px;
	font-size:12px;
	text-align:left;
	color:#666666;
	background:#ffffff url(../img/bg_iframe.gif) top left no-repeat;
}
.iframebox ul{
	display:block;
	margin-bottom:10px;
	width:228px;
}
.iframebox li{
	margin-left:0px;
	padding:10px;
	border-bottom:1px dotted #c8c8c8;
	list-style-type:none;
}
.iframebox li a{
	font-weight:bold;
}



/*******コムネットその他の事業****
-------------------------------------------------------------------------------- ***/

div#otherarea{
margin-top:20px;}

#other-l{
float:left;
margin:0;
padding:10px 0 0 0;
width:252px;
border-top:5px solid #00a381;
}

#other-r{
float:right;
margin:0;
padding-top:10px;
padding-left:5px;
width:543px;
border-top:5px solid #c8c8c8;
}

#otherarea div.otherbox{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:176px;
	font-size:12px;
	text-align:center;
}

#otherarea div.otherbox div a{
	text-align: center;
	text-decoration: none;
}

#otherarea div.otherbox div a:hover{
	text-indent: -9999px;
}


/***************************************** ホームページ制作バナー */
#menuHp a {
	display: block;
	width: 176px;
	height: 62px;
	background: url(../img/menu/menu_hp_on.gif) no-repeat;
}
/***************************************** ティースギャラリーバナー */
div#menuTgallery a {
	display: block;
	padding:0;
	width: 176px;
	height: 62px;
	background: url(../img/menu/menu_teeth_on.gif) no-repeat;
}

/***************************************** 歯ぴスマバナー */
#otherarea div.otherbox div#menuMedinews a {
	display: block;
	width: 176px;
	height: 62px;
	background: url(../img/menu/menu_news_on.gif) no-repeat;
}

/***************************************** 歯医者さんネット */
div#menuHnet a {
	display: block;
	width: 176px;
	height: 62px;
	background: url(../img/menu/menu_hnet_on.gif) no-repeat;
}

/***************************************** キシリチョコ */
div#menuChoco a {
	display: block;
	width: 176px;
	height: 62px;
	background: url(../img/menu/menu_choco_on.gif) no-repeat;
}

/***************************************** パタカラ */
div#menuPatakara a {
	display: block;
	width: 176px;
	height: 62px;
	background: url(../img/menu/menu_patakara_on.gif) no-repeat;
}

/***************************************** 歯科素材屋さん**/
div#menuSozai a {
	display: block;
	width: 176px;
	height: 62px;
	padding:0;
	background: url(../img/menu/menu_sozai_on.gif) no-repeat;
}