@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%; line-height: 1.8;
}
	
h1 {} /* Header内で設定 */
h2 { margin-bottom: 20px; }
h3 { margin-bottom: 20px; }
h4 { margin-bottom: 15px; }

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {}


dl {}
dt {}
dd {}

#content table {
  border: 1px solid #DCDCDC;
  font-size: 100%;
  color: #333;
  margin: 10px 0;
  clear: both;
	width: 490px;
  }

#content table th,
#content table td {
  padding: 4px 12px;
  border: 1px solid #DCDCDC;
  }

#content table th {
  background: #E5CFB1;
  color: #593300;
  width: 130px;
  }

p { margin: 0 0 1em; }

dt img,dd img,li img { vertical-align: bottom; }

.section { padding: .5em 0 1em; }
.section .section { padding: .5em .5em 1em; }
.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }
.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }
#content ul.totop {
	clear: both;
	padding: 20px 0;
}
#content ul.totop li {
	float: right;
	list-style: none;
	background: none;
}

#content ul li {
  list-style: none;
  background: url(../images/li_bg.png) 0 3px no-repeat;
  padding-left: 20px;
  }

.m_top10{ margin-top:10px;}
.m_top20{ margin-top:20px;}
.m_top30{ margin-top:30px;}
.font_b{ font-weight:bold; color:#FFB635;}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {background: none;}
body { color: #333;	text-align: center;}

#wrapper {
	margin: 0 auto;
	background:url(../images/main_bg.jpg) top center no-repeat;
}


#main {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

#main_catch {
	width: 480px;
	height: 185px;
	margin: 0;
	padding: 0;
	float: left;
	}

#content {
	width: 750px;
	text-align: left;
  	float: right;
	margin-top:15px;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 970px;
	height:305px;
	margin: 0 auto;
	position:relative;
	background:url(../images/header_bg.jpg) top center no-repeat;
}



#header h1 { 
	font-size:120%;
	position:absolute;
	top:10px;
	left:35px;
}

#header_title{ width:970px;	height:120px;}
#header_title .logo{ float:left; padding:35px 0 0 33px;}
#header_title .header_telno{ float:right; padding:10px 5px 0 0; margin:0;}
#header_button{	width:300px; height:240px; float:right;}
#header_button p{margin: 0 0 0.5em;}


#header_button{	width:461px; height:128px; float:right; margin-top: 5px; }
#header_button p { float: left; }
#header_button .five_point,
#header_button .health_check {margin: 0 22px 0 0;}


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	background:url(../images/footer_bg.jpg) top repeat-x;
	height:176px;
	margin-top:20px;
}
#footer .footer_contents{ width:970px; margin:0 auto;}

/*==========================================================================*/
/*                             gnavi                                  */
/*==========================================================================*/

#gnavi { 
	background:url(../images/header_gnavi_bg.jpg) top center no-repeat;
	margin:15px auto 0px;
	width:976px;
	height:54px;
}
#gnavi ul { width:936px; height:35px; margin:0 20px; padding-top:7px;}
#gnavi ul li{ float:left;}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 220px;
	text-align: left;
	margin-top:15px;
	background:url(../images/navi_bg.jpg) left repeat-y;
}
#navi p{ margin:0; padding:0;}

#navi dl{
	margin: 0;
	padding: 0;
}
#navi dt{
}
#navi #navi_box01 dd,
#navi #navi_box02 dl dd dl dd,
#navi #navi_box02 dl dd#navi_logo {
	margin: 0 9px;
	padding-bottom: 5px;
	border-left: 1px solid #C1B9B2;
	border-right: 1px solid #C1B9B2;
}
#navi #navi_box01 {
	padding-bottom: 15px;
	background: url(../images/navi_footer01.jpg) left bottom no-repeat;
}
#navi #navi_box02 dl {
	padding-bottom: 20px;
	background: url(../images/navi_footer02.jpg) left bottom no-repeat;
}
#navi #navi_box02 dl dd dl dt {
	margin: 0 9px;
	padding: 0 5px 5px;
	border-left: 1px solid #C1B9B2;
	border-right: 1px solid #C1B9B2;
}
#navi #navi_box02 dl dd dl dd {
	padding: 0 5px 5px;
}
#navi #navi_box02 dl dd dl {
	padding-bottom: 0;
	background: none;
}

/*==========================================================================*/
/*                            Navigation2                                   */
/*==========================================================================*/

#inner { width: 530px; float: left;}
#inner .inner_contents{ margin:0 20px;}
#inner .index_info{ background:url(../images/index_01.jpg) top center no-repeat; width:490px; height:350px;}
.schedule{ padding:270px 0 0 25px; float:left;}
.access{ padding: 270px 25px 0 0; float:right;}

#navi2 {
	float: right;
	width: 220px;
	text-align: center;
	background:url(../images/navi02_bg.jpg) top center repeat-y;
}
#navi2 .bunner01 {
	margin:0 0 5px 0;
	padding: 0;
	}

#navi2 .navi02_contents{
	background:url(../images/navi02_bt_bg.jpg) bottom center no-repeat;
	padding-bottom:10px;
	width: 220px;
	}
#navi2 .out_link{
	background:url(../images/out_link.jpg) center left no-repeat;
	margin:0 10px 10px;
	line-height: 1.0;
	font-size: 120%;
	}
#navi2 .oak{
	background:url(../images/navi02oak_bg.jpg) top center repeat-y;
	width:202px;
	margin:0 auto;
	padding: 0px;
}
#navi2 .oak_contents{ background:url(../images/navi02oak_bt_bg.jpg) bottom center no-repeat; padding-bottom:5px;}



/*==========================================================================*/
/*                            Navigation3                                   */
/*==========================================================================*/

#navi3 {
	float: left;
	width: 220px;
	text-align: left;
	margin-top:15px;
	background:url(../images/navi_bg.jpg) left repeat-y;
}
#navi3 p{ margin:0; padding:0;}

#navi3 #navi_box03 {
	padding-bottom: 15px;
	background: url(../images/navi_footer02.jpg) left bottom no-repeat;
}
#navi3 .oak{
	background:url(../images/navi02oak_bg.jpg) top center repeat-y;
	width:202px;
	margin:0 auto;
	padding: 0px;
}
#navi3 .oak_contents{ background:url(../images/navi02oak_bt_bg.jpg) bottom center no-repeat; padding-bottom:5px;}


/*==========================================================================*/
/*                            Navigation4                                   */
/*==========================================================================*/


#navi4 {
	float: right;
	width: 220px;
	text-align: center;
	background:url(../images/navi_bg.jpg) repeat-y center top;
}
#navi4 .bunner01 {
	margin:0 0 5px 0;
	padding: 0;
	}

#navi4 .navi02_contents{
	background:url(../images/navi_footer02.jpg) bottom center no-repeat;
	padding-bottom:10px;
	width: 220px;
	}
#navi4 .out_link{
	background:url(../images/out_link.jpg) center left no-repeat;
	margin:0 10px 10px;
	line-height: 1.0;
	font-size: 120%;
	}
#navi4 .oak{
	background:url(../images/navi02oak_bg.jpg) repeat-y center top;
	width:202px;
	margin:0 auto;
	padding: 0px;
}
#navi4 .oak_contents{ background:url(../images/navi02oak_bt_bg.jpg) bottom center no-repeat; padding-bottom:5px;}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content dl.flow {
	background: url(../images/arrow_b.png) center bottom no-repeat;
	padding-bottom: 40px;
	}

	
#content dl.flow_end {
	background: none;
	padding-bottom: 0;
	}

.flow dt,
.flow_end dt {
  border: 1px solid #CCCCCC;
	background: #FFF5FF;
	color: #E843C5; 
  border-bottom: none;
  padding: 5px 0 5px 10px;
	margin: 0 10px;
	font-weight: bold;
  }
  
.flow dd,
.flow_end dd {
  border: 1px solid #CCCCCC;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 10px;
  }

/* index
------------------------------------------------------------------------*/

#index #wrapper {	background:url(../images/index_main_bg.jpg) top center no-repeat; }

#index #header {
	height:405px;
	background:url(../images/index_header_bg.jpg) top center no-repeat;
}

#index #header h2{ position:absolute; bottom:5px; right:19px; margin: 0; }

#index #header_button{	width:300px; height:240px; float:right;}
#index #header_button p{margin: 0 0 0.5em;}



/* clinic
------------------------------------------------------------------------*/

.clinic_box { padding: 10px; }

.clinic_box_b { background:url(../images/clinic_box_b.jpg) bottom no-repeat; }
.clinic_box_m { background:url(../images/clinic_box_m.jpg) 0 center repeat-y; margin-top: 15px; }

#clinic .bn_movie {	clear: both;	}

#clinic table {
	width: 390px;
	margin-left: 50px;
	}

#clinic .th_01 {
	background: #FFB635;
	color: #FFFFFF;
	}
#clinic .th_02 {
	background: #FFB3D2;
	color: #FFFFFF;
	}
	
#clinic .td_01 {background: #FFF8EE; text-align: right;	}
#clinic .td_02 {background: #FFF3F8; text-align: right;	}

.td_men { color: #00A0C6; }
.td_women { color: #FC49EF; }

/* access
------------------------------------------------------------------------*/

#access table {	width: 490px;	}
#access table th {	width: 80px;	}
#access .td_01 { width: 120px; }

/* flow
------------------------------------------------------------------------*/



/* guidance
------------------------------------------------------------------------*/

.guidance_box { padding: 10px; }

.guidance_box_b { background:url(../images/guidance_box_b.jpg) bottom no-repeat; }
.guidance_box_m { background:url(../images/guidance_box_m.jpg) 0 center repeat-y; margin-top: 15px; }

/* recruit
------------------------------------------------------------------------*/
#recruit .recruit_table th {
	background: #FFF5FF;
	color: #E843C5;
	}
	
/* staff
------------------------------------------------------------------------*/
#staff .alpha {
	width: 200px;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#staff .beta {
	width: 290px;
	padding: 0;
	margin: 0;
	float: right;
	}

#staff .alpha p {
	margin: 0;
	padding: 0;
	}
	
#staff .beta dl {	width: 280px;	}
#staff .beta dt {
	width: 80px;
	padding-right: 5px;
	float: left;
	clear: both;
	}

#staff .beta dd {
	width: 195px;
	float: left;
	}
	
/* feature
------------------------------------------------------------------------*/
.feature_box { padding: 10px; }

.feature_box01_b { background:url(../images/feature_box01_b.jpg) bottom no-repeat; }
.feature_box01_m { background:url(../images/feature_box01_m.jpg) 0 center repeat-y; margin-top: 15px; }
.feature_box02_b { background:url(../images/feature_box02_b.jpg) bottom no-repeat; }
.feature_box02_m { background:url(../images/feature_box02_m.jpg) 0 center repeat-y; margin-top: 15px; }
.feature_box03_b { background:url(../images/feature_box03_b.jpg) bottom no-repeat; }
.feature_box03_m { background:url(../images/feature_box03_m.jpg) 0 center repeat-y; margin-top: 15px; }
.feature_box04_b { background:url(../images/feature_box04_b.jpg) bottom no-repeat; }
.feature_box04_m { background:url(../images/feature_box04_m.jpg) 0 center repeat-y; margin-top: 15px; }
.feature_box05_b { background:url(../images/feature_box05_b.jpg) bottom no-repeat; }
.feature_box05_m { background:url(../images/feature_box05_m.jpg) 0 center repeat-y; margin-top: 15px; }

#feature #content dt {
  border: 1px solid #CCCCCC;
  border-bottom: none;
  padding: 5px 0 5px 10px;
	margin: 0 20px;
	font-weight: bold;
	clear: both;
  }
 #feature #content dd {
  border: 1px solid #CCCCCC;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 20px 20px 20px;
	background: #FFFFFF;
	color: #333333;
  }
	
#feature .feature_box01_m dt {
  background: #EEFFF3;
	color: #009B2F;
  }
	
#feature .feature_box03_m dt {
  background: #FFF3FF;
	color: #FF43FB;
  }

/* child
------------------------------------------------------------------------*/	

#child #content .dt01 {
  border: 1px solid #CCCCCC;
  border-bottom: none;
  padding: 5px 0 5px 10px;
	margin: 0 20px;
	font-weight: bold;
	clear: both;
  background: #FFF3FF;
	color: #FF43FB;
  }
#child #content .dd01 {
  border: 1px solid #CCCCCC;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 20px 20px 20px;
	background: #FFFFFF;
	color: #333333;
  }
	
#child .calendar table {
	width: 490px;
	background: #ccc;
}
#child .calendar th,
#child .calendar td {
	text-align: center;
	vertical-align: top;
}
#child .calendar th {
	width: 14%;
	padding: 8px 0;
	background: #FFF3E1;
	font-size: 0;
}
#child .calendar th.sun {
	background: #FBEEF4;
}
#child .calendar th.sat {
	background: #E6F0F9;
}
#child .calendar td {
	background: #fff;
}
#child .calendar dt {
	padding: 5px 0;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 1.1;
	font-weight: bold;
}
#child .calendar .sun dt {
	color: #FC3D3D;
}
#child .calendar .sat dt {
	color: #496BB8;
}
#child .calendar dd {
	padding: 8px 0;
}


/* free
------------------------------------------------------------------------*/	
.bg_orange{
	border:1px solid #E4680C;
	padding:15px 20px;
	font-weight:bold;
	color:#F48122;
	margin:0 50px 20px 50px;
}

#free #content table { width: 480px; }


.bg_a{ border:1px solid #CCCCCC; background-color:#FDF0FD; padding:10px 10px; font-size:85%;}
.bg_a .font_b{ font-weight:bold; color:#FF66CC;}
.bg_ka{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; background-color:#FEEFEF; margin-top:5px;}
.bg_ka .font_b{ font-weight:bold; color:#FF3366;}
.bg_sa{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#FFF5EE;}
.bg_sa .font_b{ font-weight:bold; color:#FF3300;}
.bg_ta{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#FDFFDD;}
.bg_ta .font_b{ font-weight:bold; color:#FFCC33;}
.bg_na{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#E8FEE2;}
.bg_na .font_b{ font-weight:bold; color:#33CC00;}
.bg_ha{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#DEFBFE;}
.bg_ha .font_b{ font-weight:bold; color:#00CCCC;}
.bg_ma{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#F0F4FF;}
.bg_ma .font_b{ font-weight:bold; color:#3333FF;}
.bg_ya{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#F7F1FE;}
.bg_ya .font_b{ font-weight:bold; color:#6633FF;}
.bg_ra{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#F8EDFE;}
.bg_ra .font_b{ font-weight:bold; color:#CC00CC;}
.other{ padding:10px 10px; font-size:85%; border:1px solid #CCCCCC; margin-top:5px; background-color:#FEF7FF;}
.other .font_b{ font-weight:bold; color:#CC0099;}
#news {
	background: url(../images/news_bg.jpg) no-repeat left top;
	padding: 10px;
	height: 140px;
}

#news dl {
	height: 120px;
	overflow-y: scroll;
}
#news dt {
	float: left;
	margin-right: 10px;
}
.red {
	color: #FF0000;
}
.reserve_flow .waku {
	margin: 5px;
	border: 1px solid #FFDB7D;
	padding: 5px;
}
.sita {
	text-align: center;
}

/* study----------------------------------------------------------------*/	
.study_ttl01 {
color:#666666;
font-size:15px;
font-weight:bold;
padding-left:10px; padding-top:3px;
background:url(../images/study_h3.jpg) no-repeat; width:650px; height:30px;
margin-bottom:10px;}

.oak_contents .qrTxt {
	font-size: 11px;
	padding-top: 10px;
}
p#qrTxt {
	margin-top: 10px;
	font-size: 11px;
	text-align: center;
}