/* CSS Document */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background-color:#00000A; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:10pt; color:#666666; }


/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* 罫線 */
hr {
height: 1px;
background-image:url(../common_img/border_bg_01.gif);
border: none;
color: #E6EAEA;
}

/* 画像のリンク */
a img { border-style:none; }

.dashed_line { border-bottom: 1px dotted #CCCCCC; margin-top:20px; }

/* フォントなど */
.text_bold { font-weight:bold; }
.text_red_10pt { font-size:10pt; color:#FF0000; }
.text_red_10pt_bold { font-size:10pt; color:#FF0000; font-weight:bold; }
.text_red_11pt { font-size:11pt; color:#FF0000; line-height:160%; }
.text_red_11pt_bold { font-size:11pt; color:#FF0000; font-weight:bold; }
.text_blue_11pt_bold { font-size:11pt; color:#285E94; font-weight:bold; }
.text_blue { color:#285E94; }
.text_lineheight { line-height:160%; }

div.line {
height: 3px;
background-color:#D5DDE0;
border: none;
color: #FFFFFF;
}

div.line_02 {
margin-top:11px; 
height: 3px;
background-color:#D5DDE0;
border: none;
color: #FFFFFF;
}

div.line_03 {
height: 1px;
background-color:#E6E6E6;
border: none;
color: #E6E6E6;
}

/* ヘッド */
#head_area { height:120px; background-image:url(../common_img/head_bg.gif); background-repeat:repeat-x; }
#head_area_02 { height:120px; background-image:url(../common_img/head_bg.gif); background-repeat:repeat-x; position:relative; z-index:2; }
#head { width:1172px; margin:0 auto; }
#head_02 { width:1172px; margin:0 auto; }
#head_logo01_area { width:140px; float:left; padding-left:117px; }
#head_logo01_area_02 { width:140px; float:left; margin-left:117px; }
#head_logo02_area { width:219px; height:64; float:left; padding:46px 0px 0px 17px; }
div#head_logo01 {
 width: 140px;
 height: 120px;
 margin: 0;
 padding: 0;
 background:url(../common_img/logo_01_top.gif) no-repeat top center;
 text-indent: -9999px;
 }
div#head_logo01 p { 
 margin: 0;
 padding: 0;
 }
div#head_logo01 a {
 display: block;
 width: 140px;
 height: 120px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/logo_01_top.gif) no-repeat top center;
 text-indent: none;
 }

div#head_logo01_02 {
 width: 140px;
 height: 164px;
 margin: 0;
 padding: 0;
 background:url(../common_img/logo_01.gif) no-repeat top center;
 text-indent: -9999px;
 }
div#head_logo01_02 p { 
 margin: 0;
 padding: 0;
 }
div#head_logo01_02 a {
 display: block;
 width: 140px;
 height: 164px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/logo_01.gif) no-repeat top center;
 text-indent: none;
 }

div#head_logo02 {
 width: 219px;
 height: 64px;
 margin: 0;
 padding: 0;
 background:url(../common_img/logo_02.gif) no-repeat top center;
 text-indent: -9999px;
 }
div#head_logo02 p { 
 margin: 0;
 padding: 0;
 }
div#head_logo02 a {
 display: block;
 width: 219px;
 height: 64px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/logo_02.gif) no-repeat top center;
 text-indent: none;
 }

#head_navi_area { width:518px; float:right; padding:27px 117px 0px 0px; }
#head_navi_up_area { width:321px; float:right; }
#head_home_navi_area { width:82px; float:left; }
#head_access_navi_area { width:79px; float:left; }
#head_recruit_navi_area { width:79px; float:left; }
#head_kuchikomi_navi_area { width:81px; float:left; }
div#home_navi {
 width: 82px;
 height: 33px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/home_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#home_navi p { 
 margin: 0;
 padding: 0;
 }

div#home_navi a {
 display: block;
 width: 82px;
 height: 33px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/home_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#home_navi a:hover {
  background:url(../common_img/navi/home_navi_02.gif) no-repeat top left;
 }

div#access_navi {
 width: 79px;
 height: 33px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/access_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#access_navi p { 
 margin: 0;
 padding: 0;
 }

div#access_navi a {
 display: block;
 width: 79px;
 height: 33px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/access_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#access_navi a:hover {
  background:url(../common_img/navi/access_navi_02.gif) no-repeat top left;
 }

div#recruit_navi {
 width: 79px;
 height: 33px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/recruit_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#recruit_navi p { 
 margin: 0;
 padding: 0;
 }

div#recruit_navi a {
 display: block;
 width: 79px;
 height: 33px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/recruit_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#recruit_navi a:hover {
  background:url(../common_img/navi/recruit_navi_02.gif) no-repeat top left;
 }

div#kuchikomi_navi {
 width: 81px;
 height: 33px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/kuchikomi_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#kuchikomi_navi p { 
 margin: 0;
 padding: 0;
 }

div#kuchikomi_navi a {
 display: block;
 width: 81px;
 height: 33px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/kuchikomi_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#kuchikomi_navi a:hover {
  background:url(../common_img/navi/kuchikomi_navi_02.gif) no-repeat top left;
 }

#head_navi_under_area { width:518px; float:right; margin:17px 0px 0px 0px; }
#head_child_navi_area { width:133px; float:left; }
#head_knowledge_navi_area { width:133px; float:left; }
#head_director_navi_area { width:133px; float:left; }
#head_diary_navi_area { width:119px; float:left; }
div#child_navi {
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/child_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#child_navi p { 
 margin: 0;
 padding: 0;
 }

div#child_navi a {
 display: block;
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/child_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#child_navi a:hover {
  background:url(../common_img/navi/child_navi_02.gif) no-repeat top left;
 }

div#knowledge_navi {
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/knowledge_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#knowledge_navi p { 
 margin: 0;
 padding: 0;
 }

div#knowledge_navi a {
 display: block;
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/knowledge_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#knowledge_navi a:hover {
  background:url(../common_img/navi/knowledge_navi_02.gif) no-repeat top left;
 }

div#director_navi {
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/director_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#director_navi p { 
 margin: 0;
 padding: 0;
 }

div#director_navi a {
 display: block;
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/director_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#director_navi a:hover {
  background:url(../common_img/navi/director_navi_02.gif) no-repeat top left;
 }

div#diary_navi {
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
  background:url(../common_img/navi/diary_navi_01.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#diary_navi p { 
 margin: 0;
 padding: 0;
 }

div#diary_navi a {
 display: block;
 width: 119px;
 height: 28px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(../common_img/navi/diary_navi_01.gif) no-repeat top left;
 text-indent: none;
 }
div#diary_navi a:hover {
  background:url(../common_img/navi/diary_navi_02.gif) no-repeat top left;
 }


/* FLASHエリア */
#flash_area { height:500px; background-image:url(../common_img/flash_area_bg.gif); background-repeat:repeat-x; }
#flash { width:1172px; margin:0 auto; }


/* メインエリア */
#main_area_bg_top { background-image:url(../common_img/main_bg_top.gif); background-repeat:repeat-x; }
#main_area_bg { background-image:url(../common_img/main_bg_01.gif); background-repeat:repeat-x; }
#main_area_bg_02 { width:100%; background-image:url(../common_img/main_bg_01.gif); background-repeat:repeat-x; position:absolute;top:60px; z-index:0; }
#main_area { width:1172px; margin:0 auto; }
#main_area02 { width:1172px; margin:0 auto; }
#main_area_02{ width:1002px; margin:0 auto; padding-left:24px; }
#main_box { width:978px; margin:0 auto; }
#main_box_02 { width:978px; float:left; }
.main_box_bg { background-color:#FFFFFF; }
.main_box_under { height:5px; background-image:url(../common_img/main_area_under.gif); background-repeat:no-repeat; }
#main_contents_area { width:894px; margin:0 auto; padding:20px 0px 20px 0px; }
#main_contents_area_02 { width:930px; margin:0 auto; padding:120px 0px 20px 0px; }
#pagetop_area { width:24px; float:right; position: relative; }


/* 下層ページコンテンツエリア */
.contents_area { width:660px; float:right; }
.contents_top { height:14px; background-image:url(../common_img/contents_frame_top.gif); background-repeat:no-repeat; }
.contents_bg { background-image:url(../common_img/contents_frame_bg.gif); background-repeat:repeat-y; }
.contents_under { height:14px; background-image:url(../common_img/contents_frame_under.gif); background-repeat:no-repeat; }
.contents_detail_area_01 { width:602px; margin:0 auto; padding:5px 0px 5px 0px; }
.contents_detail_area_02 { width:602px; margin:0 auto; font-size:10pt; color:#003366; }
.catch_area_01 { margin:10px 0px 10px 0px; }
.item_area_bg { width:570px; height:49px; margin:0 auto; padding-bottom:15px; background-image:url(../common_img/item_bg.gif); background-repeat:repeat-x; }
.item_area_bg_02 { width:570px; height:87px; margin:0 auto; padding-bottom:15px; background-image:url(../common_img/item_bg_02.gif); background-repeat:repeat-x; }
.item_area_bg_03 { width:570px; height:73px; margin:0 auto; padding-bottom:0px; background-image:url(../common_img/item_bg_03.gif); background-repeat:repeat-x; }
.item_area_bg_04 { width:570px; height:130px; margin:0 auto; padding-bottom:15px; background-image:url(../common_img/item_bg_04.gif); background-repeat:repeat-x; }
.item_area_bg_05 { width:570px; height:185px; margin:0 auto; padding-bottom:15px; background-image:url(../common_img/item_bg_05.gif); background-repeat:repeat-x; }
.item_area_bg_06 { width:570px; height:140px; margin:0 auto; padding-bottom:15px; background-image:url(../common_img/item_bg_06.gif); background-repeat:repeat-x; }
.item_area_nobg { width:570px; height:49px; margin:0 auto; padding-bottom:15px; }
.item_area_nobg_02 { width:570px; margin:0 auto; padding-bottom:15px; }
.item_area_nobg_02_02 { width:570px; margin:0 auto; padding:15px 0px 15px 0px; }
.item_area_nobg_02_03 { width:570px; margin:0 auto; padding:0 0px 15px 0px; }
.item_text_area { width:550px; margin:0 auto; padding:18px 0px 10px 0px; font-size:10pt; color:#333333; }
.item_text_area_02 { width:550px; margin:0 auto; padding:18px 0px 10px 0px; font-size:11pt; font-weight:bold; color:#333333; text-align:center; }
.item_text_area_03 { width:550px; margin:0 auto; padding:18px 0px 10px 0px; text-align:center; }
.item_text_area_04 { width:550px; margin:0 auto; padding:18px 0px 0px 0px; font-size:10pt; color:#333333; }
.item_text_area_05 { width:550px; margin:0 auto; padding:22px 0px 10px 0px; font-size:10pt; color:#333333; line-height:180%; }
.item_text_area_06 { width:550px; margin:0 auto; padding:16px 0px 10px 0px; font-size:10pt; color:#333333; line-height:160%; }
.item_text_area_07 { width:550px; margin:0 auto; padding:25px 0px 10px 0px; font-size:10pt; color:#333333; line-height:160%; }
.item_text_area_08 { width:578px; margin:0 auto; padding:10px 0px 0px 0px; font-size:10pt; color:#333333; line-height:90%;  }
.item_text_area_09 { width:550px; margin:0 auto; padding:0px 0px 10px 0px; font-size:10pt; color:#333333; }
.contents_detail_area_03 { width:539px; margin:0 auto; font-size:10pt; color:#003366; }
.contents_detail_area_03_02 { width:539px; margin:0 auto; font-size:10pt; color:#003366; text-align:center; }
.contents_detail_area_02_02 { width:602px; margin:0 auto; font-size:10pt; color:#003366; padding-top:20px; }


/* 下層ページレフトナビエリア */
.left_navi_area { width:228px; float:left; }
.left_navi_menu_area { width:228px; margin:0px 0px 5px 0px; }
.left_navi_top { height:39px; background-image:url(../common_img/left_navi/menu_top.gif); background-repeat:no-repeat; }
.left_navi_bg { background-image:url(../common_img/left_navi/menu_bg.gif); background-repeat:repeat-y; }
.left_navi_under { height:20px; background-image:url(../common_img/left_navi/menu_under.gif); background-repeat:no-repeat; }
.left_navi_link_area { width:217px; margin-left:4px; }
.left_navi_text_box { width:184px; margin:0 auto; padding:10px 0px 10px 0px; vertical-align:middle; font-size:10pt; color:#4C4C4C; }
a.leftnavi:link { color:#4C4C4C; text-decoration:none; }
a.leftnavi:hover { color:#285E94; text-decoration:none; }
a.leftnavi:visited { color:#285E94; text-decoration:none; }
a.leftnavi:active { color:#285E94; text-decoration:none; }
.left_navi_banner_area { width:228px; margin:0px 0px 10px 0px; }
div#left_introduction_navi {
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
  background:url(../common_img/left_navi/left_introduction_navi_01.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#left_introduction_navi p { 
 margin: 0;
 padding: 0;
 }

div#left_introduction_navi a {
 display: block;
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
 border: 0;
 background:url(../common_img/left_navi/left_introduction_navi_01.jpg) no-repeat top left;
 text-indent: none;
 }
div#left_introduction_navi a:hover {
  background:url(../common_img/left_navi/left_introduction_navi_02.jpg) no-repeat top left;
 }

div#left_diagnosis_navi {
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
  background:url(../common_img/left_navi/left_diagnosis_navi_01.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#left_diagnosis_navi p { 
 margin: 0;
 padding: 0;
 }

div#left_diagnosis_navi a {
 display: block;
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
 border: 0;
 background:url(../common_img/left_navi/left_diagnosis_navi_01.jpg) no-repeat top left;
 text-indent: none;
 }
div#left_diagnosis_navi a:hover {
  background:url(../common_img/left_navi/left_diagnosis_navi_02.jpg) no-repeat top left;
 }

div#left_reservation_navi {
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
  background:url(../common_img/left_navi/left_reservation_navi_01.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#left_reservation_navi p { 
 margin: 0;
 padding: 0;
 }

div#left_reservation_navi a {
 display: block;
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
 border: 0;
 background:url(../common_img/left_navi/left_reservation_navi_01.jpg) no-repeat top left;
 text-indent: none;
 }
div#left_reservation_navi a:hover {
  background:url(../common_img/left_navi/left_reservation_navi_02.jpg) no-repeat top left;
 }

div#left_cmc_navi {
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
  background:url(../common_img/left_navi/left_cmc_navi_01.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#left_cmc_navi p { 
 margin: 0;
 padding: 0;
 }

div#left_cmc_navi a {
 display: block;
 width: 228px;
 height: 62px;
 margin: 0;
 padding: 0px 0px 4px 0px;
 border: 0;
 background:url(../common_img/left_navi/left_cmc_navi_01.jpg) no-repeat top left;
 text-indent: none;
 }
div#left_cmc_navi a:hover {
  background:url(../common_img/left_navi/left_cmc_navi_02.jpg) no-repeat top left;
 }


/* コンテンツ内テキストリンク */
a.contents:link { color:#003366; text-decoration:underline; }
a.contents:hover { color:#285E94; text-decoration:underline; }
a.contents:visited { color:#285E94; text-decoration:underline; }
a.contents:active { color:#285E94; text-decoration:underline; }

/* フッター */
#footer_area_bg { height:60px; margin:20px 0px 10px 0px; background-image:url(../common_img/footer_bg.gif); background-repeat:repeat-x; }
#footer_area { width:1172px; margin:0 auto; }
#footer_box { width:1000px; margin:0 auto; }
#footer_link { width:980px; margin:0 auto; font-size:8pt; color:#999999; line-height:180%; text-align:center; padding:5px 0px 0px 0px; }
a.footer:link { color:#999999; text-decoration:none; }
a.footer:hover { color:#FFFFFF; text-decoration:none; }
a.footer:visited { color:#285E94; text-decoration:none; }
a.footer:active { color:#FFFFFF; text-decoration:none; }
#qrbox { width:69px; float:right; }



/* コピーライト */
#copyright_area_bg { margin:20px 0px 10px 0px; padding:0px 0px 20px 0px; }
#copyright_area { width:1172px; margin:0 auto; }
#copyright_box { width:950px; margin:0 auto; }
#copyright_text { width:250px; float:left; margin-left:20px; font-size:8pt; color:#FFFFFF; line-height:150%; }
#copyright_img { margin:3px 0px 0px 0px; }
#footer_logo_area { width:157px; float:left; }


/* ページトップ */
#tfmenu   { background-image:url(../common_img/pagetop_01.gif); background-repeat:no-repeat; width: 24px; height: 88px; margin-top:100px; position: relative; }
#tfm-head { width: 24px; height: 88px; }

#tfm-body {padding: 0px 0px; margin-top:-88px; }
.tf1 span,
.tf2 span,
.tf1active span {font-size: 50%; vertical-align: middle;}

.tf1  {border-bottom: 0px solid silver; cursor: hand; line-height: 23px;}
.tf2  {padding-left: 15px;}
.tf1active        {border-bottom: 0px solid silver; cursor: hand; line-height: 23px;}
.tf1active .tf2 a {width: 120px; line-height: 18px;}

.tfm-up   #tfm-head { background-image:url(../common_img/pagetop_03.gif); background-repeat: no-repeat; }
.tfm-down #tfm-head { background-image:url(../common_img/pagetop_02.gif); background-repeat: no-repeat; }
.tfm-stop #tfm-head { background-image:url(../common_img/pagetop_01.gif); background-repeat: no-repeat; }

#tfm-foot {position: absolute; width: 100%; }


div.pagetop {
 width: 24px;
 height: 88px;
 text-indent: -9999px;
 }
div.pagetop p { 
 margin: 0;
 padding: 0;
 }
div.pagetop a {
 display: block;
 width: 24px;
 height: 88px;
 text-indent: none;
 }
div.pagetop a:hover {
 background-image:url(../common_img/pagetop_04.gif); background-repeat: no-repeat;
 }