/************************************************
*	body										*
************************************************/
html, body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;	color:#333333;
	background-color: #ffffff;
	background-image: url(img/rogo-1.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

/************************************************
*	Reset										*
************************************************/

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address{
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	padding: 0px;
	margin:0px;
}

form{margin:0;}

img {
	border-style: none;
	margin:0px;
	padding:0px;
}


/************************************************
*	clearfix  									*
************************************************/

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

/* exlude IE6 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end IE6 */


/************************************************
*	Layout  									*
************************************************/

#head {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	width: 860px;

}
#navi {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:36px;
	padding:0px;
	width: 860px;

}

#content{
	text-align: left;
	margin:0px auto 40px auto;
	padding: 0px;
	width: 860px;
	background-image: url(img/content-bg.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	clear:both;

}



#content #left{

	float: left;
	margin:0px 52px 0px 0px;
	width: 200px;
	display: inline;
	
}

#content #right{
	background-color: #FFFFFF;
	float: right;
	margin:0px 0 0px 0;
	width: 608px;
	display: inline;
	vertical-align:top;
	
}


#food{
	border-top-width: 12px;
	border-top-style: solid;
	border-top-color: #660033;
	background-color: #CCCCCC;
	width: 100%;
        clear:both;
}
/************************************************
*	head  									*
************************************************/

#head #h-left{
	float: left;
	width: 286px;
	margin:0px;
	display: inline;
}

#head #h-right01{
	float: left;
	width: 352px;
	display: inline;
	text-align:left;
}

#head #h-right02{
	float: right;
	width: 220px;
	display: inline;
	text-align:right;
}
#head #h-right01 h1{
	font-size: 64%;
	margin:6px 0 2px 0;
	text-align:left;
	color:#333333;

}

#head #h-right01 p{
	font-size: 64%;
	margin:0;
	color:#333333;
	text-align:left;
}

#navi ul{
	margin:0;
	padding:0;
}

#navi ul li {
	display: inline;
	margin:0;
	line-height:0;
	list-style-type:none;

}

#navi ul li a{
	line-height:normal;
	margin:0;
	padding:0;
}

/************************************************
*	left 									*
************************************************/

#content #left p{
	margin:0 0px 10px 0px;
	padding:0px;
	font-size:80%;
	
}

#content #left h2{
	margin:0 0px 10px 0px;
	padding:0px;
	
}

#content #left .kyocyo{
	color:#333366;
	font-size:90%;
	font-weight: bold;
	margin:0 0px 4px 0px;
	padding:0px;
}

#content #left .text01{
	font-size:80%;
	margin:0 0px 4px 0px;
}

#content #left ul{
	/*width: 246px;*/
	margin-bottom:12px;
	padding:0;
	/*margin:6px 16px 20px 24px;*/
	/*padding:6px 16px 20px 16px;*/
	/*list-style-image:url(img/left-yazirushi.png);*/
	/*list-style-position: outside;*/


}

#content #left ul li{


	/*list-style-position:inside;*/
	/*display: block;*/
 	list-style:none;  
	background-image:url(img/left-yazirushi.png);
	background-position:left center;
	background-repeat: no-repeat;
	background-color:#FFFCCC;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 20px;
	font-size: 80%;
}

#content #left ul li a{
	display:block;
	line-height:28px;
}
#content #left ul li a:hover {
	display:block;
	background-color:#FFFFFF;
}



/*#content #left ul li a{
	color:#ffffff;

}*/

/************************************************
*	right 									*
************************************************/


/*メインタイトルト*/
div#content #right #main{
	width:562px;
	margin-bottom:26px;

}

/***********	topページ	***********/

/*診療案内*/
div#content #right .medical{
	width:532px;
	margin-bottom:4px;

}

div#content #right .medical02{
	width:532px;
	margin-bottom:14px;

}

div#content #right .medical .left01{

	width175px;
	margin-right:4px;
	float: left;
	display: inline;


}

div#content #right .medical .left02{

	width175px;
	margin-right:3px;
	float: left;
	display: inline;


}

div#content #right .medical .right{

	width175px;
	float: right;
	display: inline;

}

div#content #right .medical02 .left01{

	width175px;
	margin-right:4px;
	float: left;
	display: inline;


}

div#content #right .medical02 .left02{

	width175px;
	margin-right:3px;
	float: left;
	display: inline;


}

div#content #right .medical02 .right{

	width175px;
	float: right;
	display: inline;

}

/*キャンペーン*/

div#content #right .campaign{

	width:562px;
	margin-bottom:8px;

}

div#content #right .campaign02{

	width:562px;
	margin-bottom:14px;

}

div#content #right .campaign .left01{

	width:264px;
	margin-right:4px;
	float: left;
	display: inline;

}

div#content #right .campaign .right01{

	width:264px;
	float: right;
	display: inline;
}

div#content #right .campaign .left01 P{
	background-color:#CCFFFF;
	padding:3px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #0066CC;
	overflow: hidden;
	margin:0px;
	zoom:100%
}

div#content #right .campaign .left01 P img {
	float: left;
	margin-right:3px;
}

div#content #right .campaign .left01 P .text01{
	color:#FF0066;
	font-size:86%;

}

div#content #right .campaign .left01 P .text02{
	color:#FF6600;
	font-size:76%;

}

div#content #right .campaign .left01 P .text03{
	font-size:80%;

}

div#content #right .campaign .right01 P{
	background-color:#FFCCFF;
	padding:3px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #CC0066;
	overflow: hidden;
	margin:0px;
	zoom:100%
}

div#content #right .campaign .right01 P img {
	float: left;
	margin-right:3px;
}

div#content #right .campaign .right01 P .text01{
	color:#FF0066;
	font-size:86%;

}

div#content #right .campaign .right01 P .text02{
	color:#FF6600;
	font-size:76%;

}

div#content #right .campaign .right01 P .text03{
	font-size:80%;

}

div#content #right .campaign02 .left01{

	width:264px;
	margin-right:4px;
	float: left;
	display: inline;

}

div#content #right .campaign02 .right01{

	width:264px;
	float: right;
	display: inline;
}

div#content #right .campaign02 .left01 P{
	background-color:#FFFFCC;
	padding:3px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #FF6600;
	overflow: hidden;
	zoom:100%
}

div#content #right .campaign02 .left01 P img {
	float: left;
	margin-right:3px;
}

div#content #right .campaign02 .left01 P .text01{
	color:#FF0066;
	font-size:86%;

}

div#content #right .campaign02 .left01 P .text02{
	color:#FF6600;
	font-size:76%;

}

div#content #right .campaign02 .left01 P .text03{
	font-size:80%;

}

div#content #right .campaign02 .right01 P{
	background-color:#CCFF99;
	padding:3px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #669900;
	overflow: hidden;
	zoom:100%
}

div#content #right .campaign02 .right01 P img {
	float: left;
	margin-right:3px;
}

div#content #right .campaign02 .right01 P .text01{
	color:#FF0066;
	font-size:86%;

}

div#content #right .campaign02 .right01 P .text02{
	color:#FF6600;
	font-size:76%;

}

div#content #right .campaign02 .right01 P .text03{
	font-size:80%;

}
/* 最新美容治療 */

div#content #right .newest{
	padding:3px 3px 8px 3px;
	margin-bottom:10px;
	overflow: hidden;
	zoom:100%

}

div#content #right .newest img {

	float: left;
	margin-right:3px;

}
.newest p{
	clear:both;
	}

div#content #right .newest strong{
	font-size:90%;
}

div#content #right .newest .text02{
	font-size:80%;
}


div#content #right .newest02{
	padding:3px 3px 8px 3px;
	margin-bottom:16px;
	overflow: hidden;
	zoom:100%

}

div#content #right .newest02 img{

	float: left;
	margin-right:3px;

}

div#content #right .newest02 strong{
	font-size:90%;
}

div#content #right .newest02 .text02{
	font-size:80%;
}

/* トピックス */

div#content #right #topics{
 	width: 562px;
	height:120px;
	margin-bottom:14px;
	overflow: auto;
}

div#content #right #topics p{
	padding:3px 3px 8px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	background-image:url(img/right-yazirushi.png);
	background-position:left center;
	background-repeat: no-repeat;
	margin-bottom:10px;
	font-size:80%;

}

div#content #right #topics p strong{
	margin-left:10px;
	margin-right:6px;

}

.newtopic{
	width:562px;
	float:left;
	clear:left;
	height: auto;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
}

.newtopic img{
	float:left;
}

/* 美女対談 */

div#content #right #talk{
	width: 562px;
	margin-bottom:14px;

}

div#content #right #talk .left{
	width: 151px;
	float: left;
	margin-right:6px;
	display: inline;

}

div#content #right #talk .right{
	width: 375px;
	float: right;
	display: inline;

}

div#content #right #talk .right .text01{
	color:#FF0066;
	font-size:84%;
	margin-bottom:2px;

}

div#content #right #talk .right .text02{
	color:#FF0066;
	font-size:80%;
	margin-bottom:2px;

}

div#content #right #talk .right .text03{
	font-size:80%;
	margin-bottom:2px;

}

div#content #right #talk .right .text04{
	font-size:80%;

}

/***********	院長紹介	***********/

div#content #right .profile{

	width: 562px;
	margin-bottom:14px;
}

div#content #right .profile .left{
	width: 136px;
	float: left;
	margin-right:6px;
	display: inline;


}

div#content #right .profile .right{
	width: 390px;
	float: right;
	display: inline;
	font-size:80%;


}

div#content #right .profile-text01{
	background-color:#FFCCCC;
	margin-bottom:14px;
	padding:6px 6px;
	font-size:80%;

}

div#content #right .profile .profile-text02{
	padding:3px 3px 10px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	overflow: hidden;
	zoom:100%;
	font-size:80%;

}

div#content #right .profile .profile-text02 img{
	float: right;
	margin-left:3px;


}



/* all h2 h3 h4 */
div#content #right h2{
	margin-bottom:10px;

}


div#content #right .plan{
	font-size:80%;
	margin-bottom:26px;
	overflow: hidden;
	width: 556px;

}


div#content #right h3 img{
	float:left;
	margin-right:6px;

}

div#content #right p{
	margin-bottom:16px;
}





/************************************************
*	food  									*
************************************************/

div#food .link{
	color:#333333;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
 	padding-top:20px;
 	padding-bottom:20px;
	text-align: left;
	width: 860px;
}

div#food .link {
 font-size:80%;

}

#corporate{

	padding:10px 0 10px 0;
	font-weight: bold;
	font-size: 70%;
}
/************************************************
*	form  									*
************************************************/

/*フォーム全体の幅*/
.maintable{
width:556px;
text-align:left;
}

.maintable p{
font-weight: bold;
font-size: 80%;
margin-bottom:10px;
}


/*入力項目名*/
.tabletitle{
width:160px;
padding-left:10px;
padding-right:10px;
margin-bottom:30px;
margin-right:20px;
vertical-align:top;
font-size: 80%;
line-height: 130%;
font-weight: blod;

}


/*入力部分・確認画面の入力内容*/
.tableform{
width:500px;
vertical-align:top;
padding-bottom:30px;
font-size: 80%;
line-height: 130%;
}


/*各入力部分についてのコメント（文字制限等）*/
.formsubcomment{
font-size:80%;
}


/*フォームボタン*/
.submit{
margin:30px 10px;
padding:2px 15px;
}




/*以下は著作権表示部分（削除・変更禁止）*/
.copyright {
text-align:center;
font-size:10%;
}

.copyright a:link{
color: #777777;
text-decoration: none;
}
.copyright a:visited {
color: #777777;
text-decoration: none;
}
.copyright a:hover {
color: #777777;
text-decoration: none;
}
.copyright a:activ {
color: #777777;
text-decoration: none;
}


.bun{
font-size:12px;

}
.midasi{
font-size:15px;
font-weight:bold;
}

.red{
color:#FF0000;
}