@charset "utf-8";
@import url(css/common.css);

/* DEFAULT
==============================*/

*{
	padding: 0 ;
	margin: 0 ;
	list-style-type : none ;
}



body {
	font-size: 14px ;
	color: #000 ;
	line-height: 1.7 ;
	text-align: center ;
	background: #e4f4d2 url("http://www.seren-clinic.com/images/back_container_in.png") repeat-x ;
	padding : 35px 0px ;
}



a {
	color: #bb9147 ;
}



img {
	border: 0px ;
}

b {
	color : #004d2c ;
}


table {
	font-size: 100% ;
}



hr {
	clear: both ;
	margin: 5px auto ;
}


.content p { margin-bottom : 0.5em ; text-align : justify ; letter-spacing: 1px; }

/* LAYOUT
==============================*/

#container {
	width: 850px ;
	margin: auto ;
	text-align: left ;
	background: #fff url("images/container.gif") repeat-y ;
	background-position :10px 0px; 
	position :relative ;
}

#header {
	position: relative ;
	height: 400px ;
	background: #fff url("images/header2.jpg") no-repeat bottom center;
	margin-bottom : 55px ;
}



#sidenavi1, #center{
	position: relative ;
	float: left ;
	overflow: hidden ;
	display: inline ;
}



#sidenavi1 {
	width: 240px ;
	margin-left : 27px ;
	position : relative ; 
	top : -50px ; 
}



#center {
	width: 540px ;
	float : right ;
	margin-right : 15px ;
	padding-bottom : 100px ;
}


#footer {margin:0 10px}



/* HEADER
==============================*/
#header * { color : #000 ;font-size : 10px ; font-weight : normal ; text-decoration : none ;}

#header { position : relative ; }

#header h1 {position:absolute;left:40px;color:#0f4a2e;top:370px;font-size:14px;font-weight:bold;z-index:200; }



#header h2 {
position : absolute ;top: 15px ;
left : 15px ;
color : #000 ;

}

#header h2 a  {
color : #000;
}


#header p {
position : absolute ;
right: 15px ;
width : 300px;
top: 15px ;
}

#header img {
position: absolute ;
left : 10px ;
	top: 70px ;
	width : auto ;height : auto ;
}




/* SIDENAVI
==============================*/

#sidemenu {
	margin : 40px 0px 20px ;
}



/* NAVI
--------------------*/

#sidemenu li {
	list-style-type: none ;
	height : 1% ;
}

#sidemenu li a {
	font-weight: bold ;
	color: #555 ;
	text-decoration: none ;
	display: block ;
	background:url("images/navi.gif") no-repeat ;
	background-position: 0px 14px;
	border-bottom : 1px solid #5eabd3 ;
	padding : 10px 5px 10px 20px ;
	font-size : 16px ;
}


#sidemenu li ul {
	background : #f8e8e0 ;
	margin : 0px ;

}

#sidemenu li ul li a  {

	padding : 5px 20px 5px 20px;
	font-size : 12px ;
	background : none ;
}


/* SEARCH
--------------------*/
#searchbox {
margin : 10px 0px ;
border : 1px solid #c8c8c8 ;
background : #fff ;
}

#searchbox form {
	text-align: center ;
	padding : 5px ;
}

#searchbox label {
	height: 20px ;
	margin-bottom: 5px ;
	color: #fff ;
	line-height: 20px ;
	display: block ;
	text-align: center ;
	background : #1e89c1 ;
}


#searchbox input {
	margin-bottom: 5px ;
}



#searchbox input#search {
	width: 144px ;
}

#searchbox input#searchbutton {
	width: 144px ;
	color: #555 ;
	text-align: center ;
}






/* CENTER
==============================*/



#center img {
	margin: 5px ;
}





/* TITLE
--------------------*/


#center h3, #center h4, #center h5 {
	clear: both ;
	padding : 9px 30px 9px ;
	font-size: 14px ;
	font-weight : bold ; 
	color: #fff ;
	background: url("images/hl.jpg") no-repeat left center ;
	margin : 10px 5px 20px 5px;
	height : 1% ;
}



#center h3 a {
	color: #fff ;
	text-decoration: none ;
}



/* NEW
--------------------*/

.whats p {
	padding: 3px 0px 3px 20px;
	margin: 0px ;
	border-bottom: 1px solid #dededd ;
	background: url("images/new_arrow.gif") left top no-repeat ;
	background-position :4px 7px ;
}



/* TABLE
--------------------*/

#center table {
	width: 95% ;
	margin: 5px auto 10px ;
	border-collapse: collapse ;
}



#center th {
	padding: 5px ;
	border: 1px solid #c8c8c8 ;
	text-align: left ;
	background: #f8f8f8 ;
	white-space : nowrap ;
}



#center td {
	padding: 5px ;
	border: 1px solid #c8c8c8;
}



#center td input, #center td textarea {
	margin: 2px ;
	border: 1px solid #c8c8c8 ;
	padding : 2px ;
}


.i-txt{margin:10px 0;}
.i-txt dt{width:1em;float:left;display:inline;}
.i-txt dd{margin-left:1.5em;}

/* FOOTER 
==============================*/

#footer * {color:#000;font-size:10px;font-weight:normal;text-decoration:none}
#footer { padding-bottom : 5px ; line-height : 1.2 ;padding-top : 80px ;position : relative ;background:#fff url("images/footer.gif") no-repeat top center;clear:both ;}
.footerText { width : 270px ; position : absolute ; top : 25px ; right : 0px; }
#footer img {position : absolute ; left : 0px ; top : 10px ;margin-top:5px;margin-right:320px;width:auto !important;height:auto!important}


/*header navi*/
ul#headerNavi{ white-space : nowrap ;padding : 3px 0px ;background : #fff ;overflow : hidden ; position : absolute ; left:10px ; top :400px ; }
ul#headerNavi a { display : block ; height : 30px ; display : block ; background : #4FB3CD ; border : 1px solid #4FB3CD ; color : #fff ; text-decoration : none ; font-size : 14px ; font-weight : bold ;text-align :center ; margin :2px ; line-height : 30px ;}
ul#headerNavi li { float : left ; width : 137px ; margin-right : 1px ; background : #4FB3CD ; }
/* 以前のリンク背景色：background : #0d569a ; 線色： border : 1px solid #137fe0 ; リスト色：background : #0d569a ; */

/*header btn*/
ul#headerbtn{position:absolute;top:320px;left:231px;}
ul#headerbtn a { display : block ; height : 47px ; overflow: hidden ; line-height: 150px ;}
ul#headerbtn li { float : left ; width : 231px ; margin-right : 19px ; }
ul#headerbtn li.btn1{background:url("images/header2.jpg") -218px -247px no-repeat;}
ul#headerbtn li.btn2{background:url("images/header2.jpg") -468px -247px no-repeat;}

/*footer navi*/
#footerNavi { font-size : 14px ;color : #00693e ;position : absolute ; right:10px ; bottom :115px ; text-align : right ; }
#footerNavi ul a { padding : 0px 5px ;color : #00693e ; text-decoration : none ;}
#footerNavi ul a:hover { text-decoration : underline ;}
#footerNavi ul li { display : inline ; }

#footerNavi #footerNavi2 a {  padding-left :15px ;background : url("images/navi_option_arrow.gif") left center no-repeat ; }
.personFor{ margin-left : 5px ;}   
.personFor li { margin-bottom :7px;padding-left : 10px ;background : url("images/topic.gif") no-repeat ;height : 30px ; line-height : 30px ; font-size : 16px ; font-weight : bold ;color : #5e0000 ; }   


.uketuke, .toiawase { font-family : verdana ;margin : 0px 0px 15px;font-size : 18px ; font-weight : bold ; color : #555 ; } 
.uketuke *, .toiawase * { }
.uketuke dt, .toiawase dt { clear : both ; float : left ; }
.uketuke small, .toiawase small {font-weight : normal ;display : block ;font-size :12px ; color : #221815 ; }
.toiawase p { font-size : 14px ; color : #221815 ; }

address { position : absolute ; top : 60px ; right : 15px ;font-style: normal; font-size : 12px ; }