@charset "utf-8";
/* CSS Document */

/*---------------------------------------------*/
/*  基本設定 general
/*---------------------------------------------*/
html,body,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
ul,ol,dl,dt,dd,address {
	margin: 0;
	padding: 0;
	list-style:none;
}

body {
	background:#FFF url(images/bg.gif) repeat-x;
}

h1,h2,h3,h4,h5,h6,
p,li,dl,dt,dd,table {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","sans-serif";
	font-size: 16px;
	line-height: 1.35;
	color: #222222;
}


div.wrapper{
	width:936px;
	margin:0 auto;
	background-color:#FFF;
	margin-top:66px;
}



/*---------------------------------------------*/
/*  gNav
/*---------------------------------------------*/

li.first{
	float:left;
	width:142px;
}

li.g02, li.g03, li.g04,li.g05,li.g06{
	float:left;
	width:130px;
}

li.last{
	float:left;
	width:144px;
}

li.first a,li.g02 a, li.g03 a, li.g04 a,li.g05 a,li.g06 a,li.last a{
	display:block;
	height:72px;
	background:url(images/jt_menu.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

li.first a{
	background-position: 0 0;
}

li.g02 a{
	background-position: -142px 0;
}


li.g03 a{
	background-position: -272px 0;
}


li.g04 a{
	background-position: -402px 0;
}


li.g05 a{
	background-position: -532px 0;
}


li.g06 a{
	background-position: -662px 0;
}



li.last a{
	background-position: -792px 0;
}


li.first a:hover,#home li.first a{
	background-position: 0 -74px;
}

li.g02 a:hover,#greeting li.g02 a{
	background-position: -142px -74px;
}


li.g03 a:hover,#treatment li.g03 a{
	background-position: -272px -74px;
}


li.g04 a:hover,#price li.g04 a{
	background-position: -402px -74px;
}


li.g05 a:hover,#guide li.g05 a{
	background-position: -532px -74px;
}


li.g06 a:hover,#contact li.g06 a{
	background-position: -662px -74px;
}



li.last a:hover,#link li.last a{
	background-position: -792px -74px;
}





/*---------------------------------------------*/
/*  mainimage
/*---------------------------------------------*/

div.mainimage {
	clear:left;
}

div.mainimage img{
	float:left;
}

div.guideright{
	width:293px;
	height:269px;
	background:url(images/main_right_bg.jpg) 0 0;
	overflow:hidden;
}

div.guideright ul{
	width:263px;
}

div.guideright ul li{
	display:block;
	width:263px;
	height:55px;
	margin-left:20px;
	margin-top:25px;
	margin-bottom:15px;
	padding-bottom:10px;
}

div.guideright ul li a{
	color:#1c82c4;
}

div.guideright ul li a:hover{
	color:#C00;
}

div.guideright ul li a.imp,div.guideright ul li a.beuaty,div.guideright ul li a.preventive{
	display:block;
	height:44px;
	width:44px;
	text-indent:-9999px;
	overflow:hidden;
}

div.guideright ul li a.imp{
	background:url(images/implant_icon.gif) no-repeat;
}

div.guideright ul li a.imp:hover{
	background:url(images/implant_icon_h.gif) no-repeat;
}


div.guideright ul li a.beuaty{
	background:url(images/beuaty_icon.gif) no-repeat;
}

div.guideright ul li a.beuaty:hover{
	background:url(images/beuaty_icon_h.gif) no-repeat;
}

div.guideright ul li a.preventive{
		background:url(images/prevent_icon.gif) no-repeat;
}

div.guideright ul li a.preventive:hover{
		background:url(images/prevent_icon_h.gif) no-repeat;
}

*html div.guideright ul li{
	display:block;
	width:263px;
	height:44px;
	margin-left:15px;
	margin-bottom:15px;
}

div.guideright p{
	float:left;
	position:absolute;
	width:200px;
	font-size:0.7em;
	line-height:1.32;
	margin-left:55px;
	margin-top:-45px;
	display:inline;

}

div.guideright li span{
	font-size:1.1em;
	font-weight:bold;
}



/*---------------------------------------------*/
/*  brandingarea
/*---------------------------------------------*/


div.brandingarea{
	clear:both;
	padding:30px 25px; 
}

img.contact{
	margin-left:380px;
	
}

/*---------------------------------------------*/
/*  content
/*---------------------------------------------*/


div.content{
	width:886px;
	margin:0 auto;
	border-top:solid 1px #d6dde2;
	padding-top:30px;
	padding-bottom:10px;
}

div.subNav {
	float:left;
	width:210px;
}

.subNav ul{
	padding-top:15px;

}

.subNav ul li{
	width:170px;
	margin:0 auto;
	list-style-image:url(images/listmark.jpg);
	list-style-position:inside;
	border-bottom:dotted 1px #d6dde2;
	padding:10px 10px;
	font-size:0.9em;
	}


.subNav ul li a{
	text-indent:10px;
	color:#2b9ed1;
}
.subNav ul li a:hover{
	color:#C00;
}

div.maincontent{
	float:left;
	margin-left:25px;
	padding-left:25px;
	border-left:solid 1px #d6dde2;
	
}

div.maincontent p{
	width:580px;
	margin:20px 10px 20px 15px;
	font-size:0.85em;
	line-height:1.5em;
}

div.maincontent p.h2p{
	width:580px;
	margin:0px 0px 30px 20px;
	font-size:0.85em;
	line-height:1.5em;
}

div.maincontent span{
	font-size:1.05em;
	color:#2b9ed1;
	padding-top:20px;
}

div.maincontent table{
	width:590px;
	margin-left:10px;
	margin-top:5px;
	padding-left:5px;
	font-size:0.85em;
	line-height:1.2;
	}

div.maincontent h2{
	height:40px;
	padding-top:12px;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size:0.9em;
	background:url(images/h2_obi.gif) no-repeat;
	text-indent:20px;
	color:#555555;
}


#home div.maincontent h2{
	background:url(images/h2_access.jpg) no-repeat;
	text-indent:-9999px;
	padding-top:20px;
}



div.maincontent table td.tdl{
	width:75px;
	vertical-align:top;
	}

div.maincontent table td.tdc{
	width:5px;
	vertical-align:top;
}

div.maincontent table td.tdr{
	width:500px;
}

/*---------------------------------------------*/
/*  clearfix
/*---------------------------------------------*/

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	min-height:1px;
}

*html.clearfix{
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;	
	/**/
}


/*---------------------------------------------*/
/*  footerNav
/*---------------------------------------------*/

div.footer{
	/*clear:both;*/
	width:886px;
	margin:0 auto;
	margin-bottom:20px;
	border-top:solid 1px #d6dde2;

}
div.footer ul {
	width:886px;
	float: left;
	margin: 0px 0 0 0px;
	padding: 20px 0 0 0px;
	clear:left;
}
div.footer li {
	float: left;
	display: inline;
	border-left: 1px solid #2b9ed1;
	padding: 0 21px;
	font-size: 0.75em;
	line-height:1.0;
	
}
div.footer li.first-child {
	border-left: 0px solid #2b9ed1;
	padding:0 21px 0 0;
}
div.footer li a {
	color: #2b9ed1;
}
div.footer li a:hover {
	color: #B81A3E;
	text-decoration: underline;
}

div.copyright p{
	clear:left;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	border-top:solid 1px #d6dde2;
	color:#6d7f89;
	font-size:0.7em;
}

/*---------------------------------------------*/
/*  sitemap
/*---------------------------------------------*/

#sitemap p{
	line-height:2.0;
	margin-top:10px;
}

/*---------------------------------------------*/
/* 画像
/*---------------------------------------------*/
/* 画像周り込み */
.float-left {
	float: left;
	margin: 5px 15px 10px 10px;
}
.float-right {
	float: right;
	margin: 5px 10px 10px 25px;
}

/*---------------------------------------------*/
/* 診療主旨画像
/*---------------------------------------------*/
dl,dt,dd{
	font-size:0.9em;
}
dl{
	margin-left:5px;
}

/*---------------------------------------------*/
/* 当院の特徴　テーブル
/*---------------------------------------------*/

a img {
	border:none;
}

td span.ticon {
	font-size:0.8em;
	color:#000;
		}

li.iconD a,li.iconP a{
	display:block;
	height:93px;
	width:93px;
	text-indent:-9999px;
	margin-left:16px;
	float:left;
}

li.iconR a,li.iconB a,li.iconW a,li.iconO a,li.iconI a,li.iconC a{
	display:block;
	height:93px;
	width:93px;
	text-indent:-9999px;
	margin-left:30px;
	float:left;
}


ul.iconT{
	clear:both;
}
	

li.iconD a{
	background:url(treatment/general/image/i_1.gif);
}

li.iconD a:hover{
	background:url(treatment/general/image/1.gif);
}

li.iconR a{
	background:url(treatment/general/image/i-2.gif);
}

li.iconR a:hover{
	background:url(treatment/general/image/2.gif);
}

li.iconB a{
	background:url(treatment/general/image/i-7.gif);
}

li.iconB a:hover{
	background:url(treatment/general/image/7.gif);
}

li.iconW a{
	background:url(treatment/general/image/i-6.gif);
}

li.iconW a:hover{
	background:url(treatment/general/image/6.gif);
}

li.iconI a{
	background:url(treatment/general/image/i-5.gif) no-repeat;
}

li.iconI a:hover{
	background:url(treatment/general/image/5.gif) no-repeat;
}

li.iconP a{
	background:url(treatment/general/image/i-8.gif) no-repeat;
}

li.iconP a:hover{
	background:url(treatment/general/image/8.gif) no-repeat;
}

li.iconO a{
	background:url(treatment/general/image/i-9.gif) no-repeat;
}

li.iconO a:hover{
	background:url(treatment/general/image/9.gif) no-repeat;
}

li.iconC a{
	background:url(treatment/general/image/i-3.gif) no-repeat;
}

li.iconC a:hover{
	background:url(treatment/general/image/3.gif) no-repeat;
}


a.iconT{
	color:#2b9ed1;
}
a.iconT:hover{
	color:#C00;
}



table{
	clear:both;
}