/*-------------------基本設定-------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #707070;
	font-size: 11pt;
	line-height: 1.5em;
	background-color: #ffffff;
	margin: 30px 0px 15px 0px;
	background-image: url(images/b.gif);
	background-repeat: repeat-x;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

p{
	font-size:100%;
	line-height:1.5em;
	margin-bottom:10px;
}

img{
	border:0;
}

a {
	color:#4b8fcb;
	text-decoration:underline;
}
a:hover {
	color:#77c1eb;
	text-decoration:underline;
}

/*-------------------文字設定-------------------*/
.fontsize8_linehi10 {
	font-size: 8pt;
	line-height: 10pt;
}
.fontsize10_linehi12 {
	font-size: 10pt;
	line-height: 12pt;
}
.fontsize12_linehi16 {
	font-size: 12pt;
	line-height: 16pt;
}

/*-------------------独自追加項目-------------------*/
.font_bold {
	font-weight: bold !important;
}
.font_color1 {
	color: #FF9900 !important;
}
.font_color2 {
	color: #FFFFFF !important;
}
.font_color3 {
	color: #FF0000 !important;
}
.font_color4 {
	color: #6699CC !important;
}
.bg1 {
	background-image: url(images/head_001.gif);
	background-repeat: repeat-x;
}
.bg2 {
	background-image: url(images/head_003.gif);
	background-repeat: repeat-x;
}
.bg3 {
	background-image: url(images/background.gif);
	background-repeat: repeat-x,y;
}
.bg4 {
	background-image: url(images/footer_001.gif);
	background-repeat: repeat-x,y;
}
.bg5 {
	background-image: url(images/yobou_b.gif);
	background-repeat: repeat-x,y;
}
.padding {								/*項目が増える場合は、.padding1、.padding2と増やしていく*/
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.border {								/*項目が増える場合は、.border1、.border2と増やしていく*/
	border: 1px solid #333333;
}
.form {									/*form項目サイズの固定　項目が増える場合は、.form1、.form2と増やしていく*/
	width: 200px;
	height: 18px;
	margin-bottom: 0px;
}





/*-------------- #container --------------*/

/*#container{
	text-align:center;
	width:100%;
}

#container-inner{
	margin:0 auto;
	width:100%;;
	text-align:left;
}*/

/*-------------- #header --------------*/

/*
#header{
	background:#ffffff url(../images/common/header-bg.gif) left bottom repeat-x;
	width:100%;
	height:125px;
	text-align:center;
}

#header-inner{
	text-align:left;
	margin:0 auto;
	width:760px;
	width:980px;
	height:125px;
	position:relative;
}

#header h1{
	font-size: 12px;
	line-height: 20px;
	color:#3592cc;
	font-weight:normal;
	margin:0 0 0 20px;
}

#header #header-logo{
	font-size: 14px;
	line-height: 20px;
	width:300px;
	position:absolute;
	top:32px;
	left:20px;
}

#header #header-address{
	font-size: 14px;
	line-height: 20px;
	width:300px;
	position:absolute;
	top:35px;
	right:0;
}
*/

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

#content{
	/*width:100%;
	text-align:center;*/
	/*background:#d7f0fd;*/
}

#content-inner{
	/*background:#ffffff;
	width:760px;
	width:980px;
	margin:0 auto;
	padding:20px 0;*/
	/*box-shadow: 0px 0px 5px #cccccc;
	-moz-box-shadow: 0px 0px 5px #cccccc;
	-webkit-box-shadow: 0px 0px 5px #cccccc;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;*/
	_border:none
}

/*-------------- #main-area --------------*/



/*-------------- #left-area --------------*/

#left-area{
	width:180px;
	text-align:center;
	float:left;
	display:inline;
}

#left-area-inner{
	width:140px;
	margin:0 auto;
}

/*-------------- #left-navi --------------*/

#left-area #left-area-inner #left-navi{
	margin-bottom:20px;
}

#left-area #left-area-inner #left-navi ul{
	list-style:none;
}

#left-area #left-area-inner #left-navi ul li{
	margin-bottom:5px;
}

#left-area #left-area-inner #left-navi ul li.clinic a,
#left-area #left-area-inner #left-navi ul li.ct a,
#left-area #left-area-inner #left-navi ul li.whitening a,
#left-area #left-area-inner #left-navi ul li.aesthetic a,
#left-area #left-area-inner #left-navi ul li.yobou a,
#left-area #left-area-inner #left-navi ul li.ireba a,
#left-area #left-area-inner #left-navi ul li.gakukansetsu a,
#left-area #left-area-inner #left-navi ul li.implant a,
#left-area #left-area-inner #left-navi ul li.access a,
#left-area #left-area-inner #left-navi ul li.column a,
#left-area #left-area-inner #left-navi ul li.gallery a,
#left-area #left-area-inner #left-navi ul li.volunteer a,
#left-area #left-area-inner #left-navi ul li.home a{
	width:140px;
	height:33px;
	display:block;
	text-indent:-9999px;
}

#left-area #left-area-inner #left-navi ul li.clinic a{
	background:url(../images/common/menu-clinic.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.clinic a:hover{
	background:url(../images/common/menu-clinic-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.ct a{
	background:url(../images/common/menu-ct.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.ct a:hover{
	background:url(../images/common/menu-ct-on.gif) no-repeat;
}


#left-area #left-area-inner #left-navi ul li.whitening a{
	background:url(../images/common/menu-whitening.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.whitening a:hover{
	background:url(../images/common/menu-whitening-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.aesthetic a{
	background:url(../images/common/menu-aesthetic.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.aesthetic a:hover{
	background:url(../images/common/menu-aesthetic-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.yobou a{
	background:url(../images/common/menu-yobou.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.yobou a:hover{
	background:url(../images/common/menu-yobou-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.ireba a{
	background:url(../images/common/menu-ireba.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.ireba a:hover{
	background:url(../images/common/menu-ireba-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.gakukansetsu a{
	background:url(../images/common/menu-gakukansetsu.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.gakukansetsu a:hover{
	background:url(../images/common/menu-gakukansetsu-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.implant a{
	background:url(../images/common/menu-implant.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.implant a:hover{
	background:url(../images/common/menu-implant-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.access a{
	background:url(../images/common/menu-access.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.access a:hover{
	background:url(../images/common/menu-access-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.column a{
	background:url(../images/common/menu-column.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.column a:hover{
	background:url(../images/common/menu-column-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.gallery a{
	background:url(../images/common/menu-gallery.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.gallery a:hover{
	background:url(../images/common/menu-gallery-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.volunteer a{
	background:url(../images/common/menu-volunteer.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.volunteer a:hover{
	background:url(../images/common/menu-volunteer-on.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.home a{
	background:url(../images/common/menu-home.gif) no-repeat;
}

#left-area #left-area-inner #left-navi ul li.home a:hover{
	background:url(../images/common/menu-home-on.gif) no-repeat;
}

/*-------------- #left-map --------------*/

#left-area #left-area-inner #left-map{
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
}

/*-------------- #left-link --------------*/

#left-area #left-area-inner #left-link{
	border:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:20px;
}

#left-area #left-area-inner #left-link h3 {
	font-size:14px;
	line-height:30px;
	background:url(../images/common/h3_bg.jpg) left bottom repeat-x;
	color:#FFF;
	padding-top:0;
	padding-left:0;
	margin:0;
	margin-bottom:5px;
	border-left:none;
	border-bottom:1px dotted #0033FF;
	border-radius:0px;
	text-align:center;
}

#left-area #left-area-inner #left-link ul{
	margin:0;
	list-style:none;
}

#left-area #left-area-inner #left-link li{
	font-size:10px;
	text-align:left;
	margin-bottom:5px;
	margin-left:10px;
}

/*-------------- #left-map --------------*/

#left-area #left-area-inner #left-feed{
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
}

#left-area #left-area-inner #left-feed ul{
	list-style:none;
}

/*-------------- #left-mobile --------------*/

#left-area #left-area-inner #left-mobile{
	border:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:20px;
}

#left-area #left-area-inner #left-mobile h3 {
	font-size:14px;
	line-height:30px;
	background:url(../images/common/h3_bg.jpg) left bottom repeat-x;
	color:#FFF;
	padding-left:0;
	margin:0;
	margin-bottom:5px;
	border-left:none;
	text-align:center;
}

#left-area #left-area-inner #left-mobile p{
	padding:0 10px;
	font-size:10px;
	line-height:1.5em;
}


/*--------------共通　メニュー--------------*/

#content01,
#content02,
#content03,
#content04,
#content05,
#content06,
#content07,
#content08,
#content09{
	margin-bottom:20px;
}

.share_menu01 {
	background-image: url(images/menu_001.gif);
}

.input {
	background-color: #B9CEF7;
}
.fontsize9_linehi11 {

	font-size: 9pt;
	line-height: 11pt;
}

.sub_title {
	font-size:14px;
	color:#89b5dd;
}

/* テキスト設定 ----------------------------------------------------------------- */

/* テキストサイズ */

.bold {font-weight:bold !important;}

.font-size10{font-size:10px !important;}

.font-size12{font-size:12px !important;}

.font-size14{font-size:14px !important;}

.font-size16{font-size:16px !important;}

.font-size18{font-size:18px !important;}

.font-size20{font-size:20px !important;}

/* テキスト配色設定 */

.color-white{color:#FFFFFF !important;}

.color-red{color:#FF0000 !important;}
.color-red2{color:#cd0000 !important;}

.color-brown1{color:#77001b !important;}

.color-blue{color:#0000FF !important;}
.color-blue2{color:#346581 !important;;}

.color-green{color:#005024 !important;}

.color-orange{color:#ff7800 !important;}

.color-yellow{color:#CC9933 !important;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}


/* その他 ----------------------------------------------------------------- */

.point,
.pickup{
	padding:10px;
	border:2px solid #89b5dd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;	
}

.waku{
	margin:0 5px;
	border:1px solid #CCC;
	padding:3px;
}

.clearB{clear:both;}

.pagetop{
	clear:both;
	margin:10px;
	text-align:right;
}

#page-navi{
	background:#f0f9fc;
	border:1px solid #89b5dd;
	padding:5px;
	margin-bottom:20px;
}

#page-navi ul{
	list-style:none;
	margin-left:10px;
}

#page-navi ul li{
	float:left;
	background:url(../images/common/page-navi-li.png) 0 5px no-repeat;
	margin:5px 0;
	margin-right:5px;
	padding-left:13px;
}

#page-navi a{
	font-size:10px;
	line-height:1.5em;
	color:#666666;
	text-decoration:none;
}

#page-navi a:hover{
	color:#3399ff;
	text-decoration:underline;
}

#content01,
#content02,
#content03,
#content04,
#content05,
#content06,
#content07,
#content08,
#content09,
#content10{
	margin-bottom:20px;
}

#content01:after,
#content02:after,
#content03:after,
#content04:after,
#content05:after,
#content06:after,
#content07:after,
#content08:after,
#content09:after,
#content10:after{
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}

.bg-color-blue{ background:#ecfeff;}
.bg-color-pink{ background:#ffeded;}
.bg-color-white{ background:#fffeee;}

/* padding */

.p0{padding:0 !important;}
.p10{padding:10px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}


/* 画像横のテキストを上下中央ぞろえにするCSS */

/* 中央揃え */

div.img-valignC p{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}   
    
/*for IE6 */  
* html .img-valignC p{
    display: inline;
    zoom: 1;
}

/*for IE7 */
*:first-child+html .img-valignC p{   
    display: inline;
    zoom: 1;
}

/* 下揃え */

div.img-valignB p{
    display: table-cell;
    vertical-align: bottom;
    margin: 0;
}   
    
/*for IE6 */  
* html .img-valignB p{
    display: inline;
    zoom: 1;
}

/*for IE7 */
*:first-child+html .img-valignB p{   
    display: inline;
    zoom: 1;
}

/* inline-block */

div.valign {
	padding-right:10px;
	vertical-align:middle;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
}

div.valign > div{
	display:block;
}

/* CSSハック ----------------------------------------------------------------- */

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


/* IE7とMac版IE5用 */
.clearfix { display: inline-block; }

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

#top-navi-inner:after,#content-inner:after{
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;
    line-height: 0;   
    clear: both;   
}

#top-navi-inner,#content-inner{
	display: inline-block; 
}