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

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

common

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



body{
background:rgba(249,249,249,1.00) url(../images/bodyBgTop.gif) left top repeat-x;
}

body div#wrap,
header,
article,
section,
footer{
width: 1000px;
margin: 0 auto;
overflow: hidden;
}

body div#wrap{
background:url(../images/logo.png) no-repeat left top;
position:relative;
top:0;
left:0;
}

header{
position:relative;
height:75px;
}


header h1{
position:relative;
left:0;
top:17px;
text-indent: -9999px;
width:350px;
height:50px;
}

header h1 a{
display:block;
width:350px;
height:50px;
}

header nav{
z-index:100;
width: 637px;
height: 53px;
position:absolute;
right:0;
top:21px;
}

header nav ul li {
text-indent: -9999px;
width:206px;
height: 75px;
float:left;
background-position:center top;
}

header nav ul li a{
display:block;
float:left;
text-indent: -9999px;
overflow:hidden;
width:206px;
height: 75px;
background-position:center top;
}

header nav ul li#navInformation{/*margin-right:86px;*/background:url(../images/naviInformationOff.png) no-repeat center top;}
header nav ul li#navInformation a:hover{background:url(../images/naviInformationOn.png) no-repeat center top;}
body#information header nav ul li#navInformation a{background:url(../images/naviInformationOn.png) no-repeat rgba(249,249,249,1.00) center top;}


header nav ul li#navConceptstaff a{ background:url(../images/naviConceptstaffOff.png) no-repeat center top;}
header nav ul li#navConceptstaff a:hover{background:url(../images/naviConceptstaffOn.png) no-repeat center top;}
body#Conceptstaff header nav ul li#navConceptstaff a{background:url(../images/naviConceptstaffOn.png) no-repeat rgba(249,249,249,1.00) center top;}

header nav ul li#navAccess a{ background:url(../images/naviAccessOff.png) no-repeat center top;}
header nav ul li#navAccess a:hover{background:url(../images/naviAccessOn.png) no-repeat center top;}
body#access header nav ul li#navAccess a{background:url(../images/naviAccessOn.png) no-repeat rgba(249,249,249,1.00) center top;}

body div#wrap article{
margin-top:100px;
}

article > h1{
width:300px;
height:71px;
position:absolute;
left:99px;
top:75px;
text-indent:-9999em;
}

article > h1#information{background:url(../images/informationH1.png) no-repeat 0 0;}
/*article > h1#concept{background:url(../images/conceptH1.png) no-repeat 0 0;}*/
article > h1#conceptstaff{background:url(../images/conceptstaffH1.png) no-repeat 0 0;}
article > h1#access{background:url(../images/accessH1.png) no-repeat 0 0;}

body div#wrap article section{
width:718px;
background-color:rgba(255,255,255,1.00);
padding:0 139px 85px 139px;
color:rgba(123,122,132,1.00);
}


body div#wrap article > section{
width:718px;
background-color:rgba(255,255,255,1.00);
padding:50px 139px 85px 139px;
color:rgba(123,122,132,1.00);
font-size:14px;
}


body > div#wrap  > article > section > h1{
font-weight:lighter;
font-size:24px;
margin-bottom:45px;
}


body#access > div#wrap  > article section{
width:718px;
background-color:rgba(255,255,255,1.00);
padding:0 139px 85px 139px;
color:rgba(123,122,132,1.00);
font-size:14px;
}

body#access > div#wrap  > article > section{
width:718px;
background-color:rgba(255,255,255,1.00);
padding:50px 139px 20px 139px;
color:rgba(123,122,132,1.00);
font-size:14px;
}

body#access > div#wrap  > article > section > h1{
font-weight:lighter;
font-size:24px;
margin-bottom:40px;
}

body#access > div#wrap  > article > section h2{
font-size:16px;
margin-bottom:12px;
}

body#access > div#wrap  > article > section ol{
margin-bottom:18px;
}

body#access > div#wrap  > article > section ol li{
margin-top:10px;
}

body > div#wrap  > article > section > h1 ~ p{
font-size:14px; 
margin-bottom:25px;
line-height:180%;
}

article p#topBtn{
text-align: right;
margin-top: 15px;
}

article p#topBtn a{
font-size: 10px;
color:rgba(220,59,109,1.00);
}

article p#topBtn a:hover{
text-decoration: underline;
}

footer{
padding:28px 0;
text-align: center;
}

footer small{
font-size: 8px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

TOP

==========================================================*/
body#top{
background-color:#fff;
background-image:none;
}

body#top div#wrap{
background:none;
position:relative;
top:0;
left:0;
}

body#top header{
	margin:210px auto 0;
	width:768px;
	height:180px;
	}
	
body#top header h1{
text-indent: 0;
}

#intro{
	width:990px;
	height:675px;
	margin:25px auto;
	border:5px solid #E6E5E4;
	position:relative;}

#intro h1{}

#intro nav{
	position:absolute;
	bottom:10px;
	left:40px;}
#intro nav ul li{
	width:269px;
	height:182px;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	}
#intro nav ul li a{
	display:block;
	width:269px;
	height:182px;
	background-repeat:no-repeat;
	background-position:bottom;}

#intro nav ul li#navInformation,
#intro nav ul li#navInformation a{ background-image:url(../images/top_naviInformationOff.gif);}
/*#intro nav ul li#navConcept,
#intro nav ul li#navConcept a{background-image:url(../images/top_naviConceptOff.gif);}*/
#intro nav ul li#navConceptstaff,
#intro nav ul li#navConceptstaff a{background-image:url(../images/top_naviConceptstaffOff.gif);}
#intro nav ul li#navAccess,
#intro nav ul li#navAccess a{background-image:url(../images/top_naviAccessOff.gif);}
#intro nav ul li#logo{background-image:url(../images/top_logo.gif);	width:129px;}


#intro nav ul li#navInformation a:hover{ background-image:url(../images/top_naviInformationOn.gif);}
/*#intro nav ul li#navConcept a:hover{background-image:url(../images/top_naviConceptOn.gif);}*/
#intro nav ul li#navConceptstaff a:hover{background-image:url(../images/top_naviConceptstaffOn.gif);}
#intro nav ul li#navAccess a:hover{background-image:url(../images/top_naviAccessOn.gif);}

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

information

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

body#information > div#wrap  > article > section{
width:1000px;
background-color:transparent;
padding:0;
}

/*
body#information > div#wrap  > article > section > h1{
background:url(../images/newsVoiceMinira.png) no-repeat 0 0; height:287px;  width:226px;z-index:1; position:absolute;top:175px; left:5px; text-indent:-9999em;	
}
*/

body#information div#wrap article section  h1 + p{
width:226px; position:absolute;top:500px;left:40px;font-size:12px; line-height:24px; height:24px;
}

body#information div#wrap article section  h1 + p  span{
color:rgba(108,105,101,1.00); font-size:8px; vertical-align:top;
}

body#information div#wrap article section  h1 + p  span + a{
color:rgba(220,59,109,1.00);	
font-weight:bold;
}

body#information div#wrap article section  h1 + p  span + a:hover{
text-decoration:underline;	}


/*----------------------------------------
information 記事
-----------------------------------------*/
div#InformationContents{
border:rgba(236,236,235,1.00) solid 3px;
padding:35px 54px 35px 54px;
margin-left:180px;
background-color:rgba(255,255,255,1.00);
overflow: hidden;
color:rgba(108,105,101,1.00);
}

div#InformationContents >h2{
border-bottom:rgba(237,237,229,1.00) solid 2px; padding:0 0 10px 0;margin:0 0 0 0; font-size:16px;
}

div#InformationContents >h2 span{
font-weight:normal;
}

div#InformationContents >h2 em{
font-style:normal; display:inline-block; margin-left:20px;color:rgba(220,59,109,1.00);
}

div#InformationContents >h2 + div{
padding:0 0 35px 0;}

div#InformationContents >h2 + div p{
font-size:14px; line-height:180%;margin:20px 0 0 0;}

div#InformationContents >h2 + div p.img{
text-align:center;
}

div#InformationContents p span.dummy{
	font-weight:bold;
	color:#FF0099;}


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

concept

==========================================================*/
body#concept div#wrap article section  ul li{
float:left;
}

body#concept div#wrap article section  ul li:first-child{
margin-right:38px;}


body#concept div#wrap article section  p{
font-size:12px; line-height:24px; height:24px;
}


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

company

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

body#company article div#commonContents{
padding: 50px;
padding-top: 211px;
background: url(../images/companyBg.jpg) no-repeat center 20px;
background-color: #fff;
}

body#company dl{
overflow: hidden;
width: 700px;
margin: 0 auto;
font-size: 14px;
}

body#company dl dt,
body#company dl dd{
line-height: 32px;
line-height: 24px;
margin-bottom: 5px;
}

body#company dl dt{
float: left;
width: 5em;
text-align: left;
font-weight: bold;
}

body#company dl dd{
margin-left: 6em;
border-left: 1px dotted #000000;
padding-left: 15px;
margin-bottom: 15px;
}

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

Conceptstaff

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

#clinic ul {
	padding-bottom:30px;}
#clinic ul li{
	float:left;
	margin-right:10px;
	padding-bottom:10px;
	width:169px; height:143px;}
#clinic ul li img{
	width:169px;}
#clinic ul li:last-child{
	margin-right:0px;
	}
	
#conceptstaffContents p
{font-size:14px; line-height:150%;margin:10px 0 0 0;}

#conceptstaffContents p em
{font-weight:bold;font-style: normal;}	
	
	
ul#profile {
	padding-top:40px;}

p.credit{
	text-align:right;
}


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

access

==========================================================*/
body#where article div#commonContents{
padding:65px;
}

ol.reserve li{
	}
ol.reserve li.detail{
	padding:3px 0 5px 0;}

ol.reserve li.detail span{
color:#DD3C13;
font-weight:bold;
padding:0.5em 0.25em 0.5em 0.75em;
border:1px solid #DD3C13;
width:7em;
letter-spacing:0.25em;
margin-bottom:15px;}

ol.reserve li.detail strong{
padding:0.5em 0.25em 0.5em 0.75em;}

ol.reserve li.attention{
	float:none;}