@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%;
}
	
h1 {} /* Header内で設定 */
#index h2 { margin-top: 10px; }
h3 { margin-top: 20px; }
h4 {}

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

p { margin: 0 0 1em; color: #3f3f3f; }

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

.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/case_arrow.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; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}

.alpha { float: left; }
.beta { float: right; }

.totop p {
  margin: 20px 0 ;
	float: right;
	}

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

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
}
#footer02 { 
	background: url(../images/wrapper_bg.jpg) bottom center no-repeat; 
	clear: both; 
	width: 900px;
}
#footer02 .left { margin: 10px 0 0 0; float: left; }
#footer02 .right { margin: 20px 0 0 0; float: right; }
#main {
	width: 900px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}

#content {
	width: 660px;
	float: right;
	margin-left: 10px;
}
#content p { text-align: left; line-height:1.5; }
#index #content { padding-left: 0 ; width: 670px; margin: 0;}


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

#header {
	width: 900px;
	height: 106px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
}
#header h1 { font-size: 100%; line-height: 1.4; }
#header #l_block { float: left; margin-top: 20px; }
#header #r_block { float: right; margin-top: 25px; text-align: right; }

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

#footer {
	clear: both;
	text-align: center;
	margin: 0 auto;
    background: url(../images/footer_bg.jpg) top left repeat-x;
}
#footer p { margin: 0; padding: 0; }


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

#gnavi ul li { float: left; }

#navi {
	float: left;
	width: 230px;
}
#navi dl,
#navi ul {
	margin: 0 0 10px;
	text-align: center;
}
#navi dl { padding: 10px 9px }
#navi dl dd { margin-top: 2px; }
#navi .bordered { border: 1px dashed #DEDDDD; width: 228px; margin-top: 20px; }
#navi .line { padding-bottom: 20px; border-bottom: 1px solid #DEDDDD; }
#navi .bg_g { background: #EDECEC; padding: 5px 0; margin-top: 20px; }
#navi .bg_g ul li { margin-top: 10px; }
#navi dl dd ul li { 
	background: url(../images/lnavi_bg.jpg) 0 0 no-repeat;
	text-align: left;
	padding-left: 35px;
	padding-top: 8px;
	height: 27px;
}

* html #navi dl dd ul li { height: 35px; }

#navi dl dd ul li a { color: #3F3F3F; text-decoration: none; }
#navi dl dd ul li a:hover { color: #619107; }

#navi ul.pkup_area { text-align: left; }

#navi #nav_other li { margin-bottom: 2px; }

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

/* common
------------------------------------------------------------------------*/

.mt05 { margin-top: 5px; }
.mt01 { margin-top: 10px; }
.mt02 { margin-top: 20px; }
.mt03 { margin-top: 30px; }
.mt04 { margin-top: 40px; }

.font_b { font-weight: bold; color: #619107; }
.b_none { padding: 10px 20px; }
.b_flame{
	border: 1px solid #B2B2B2;
	margin-top: 20px;
	padding: 15px;
}
.b_flame .ml40 { 
	margin-left: 40px;
	margin-right: 40px;
	width: 565px;
}
.b_flame .ml20 { 
	margin-left: 20px;
	margin-right: 40px;
	width: 585px;
}

.t_link {
	text-align:right;
	float: right;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 120%;
	font-weight: bold;
	color: #BF0000;
}

#content ul li { 
	background: url(../images/list_icon.jpg) left 3px no-repeat;
	text-align: left;
	font-size: 140%;
	padding-left: 18px;
}
#section {
	margin-left: 18px;
	text-align: left;
}
table { 
	width: 580px;
	text-align: left;
	font-size: 100%;
}
table th {
	width: 80px; 
	vertical-align: top;
	background: #EEF4D3;
	color: #F89600;
}
table td {
	padding: 5px 10px 5px 10px;
}

#content table td ul li { font-size: 100%; }

.bg_m {
	background: #F2F7D2;
	width: 580px;
	margin: 0 auto;
	padding: 15px;
}

.photoarea {
	width: 600px;
	margin: 0 auto;
	padding: 10px;
}
.photoarea .info {
	float: right;
	width: 330px;
	text-align: left;
}

#content p.text_img { margin: 10px 0 ; } 

#content .link_area {
  margin: 20px 40px 10px 40px;
	}

dl.f_layout { line-height: 1.6; margin-left: 10px;}

dl.f_layout dt {
  float: left;
	width: 80px;
	padding-right: 10px;
	color: #619107;
	font-weight: bold;
	}

.banner_area { margin: 20px 0 ; border: 1px dotted #ccc; padding: 20px; } 
.banner_area p { margin : 0 ; }

#content p.textlink { text-align: right; }

.text01 { color: #999999; }
.text02 { font-weight: bold; }

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

#index #content ul li { margin: 5px 0 0 10px; }
#index #content ul { float: right; }
#index #content ul li { float: left; }

#tiny_area {
	background: url(../images/index_tinybg.jpg) 0 0 no-repeat;
	width: 652px;
	margin-top: 20px;
	padding: 40px 0 25px 0 ;
}

#tiny {
  overflow:auto;
	margin: 0 15px 0 15px;
	height: 95px;
	}

#tiny table { border: none;}
#tiny table td { border: none;}

#content p#main_img { padding: 0; margin: 0; }

#index #section { margin-top: 20px; }

#index #index_pkup { margin: 0 10px; }
#index h3 { margin: 10px 0 ;}

#index #content p.text_img { margin: 20px 0 0 0  ; } 

/* chart
------------------------------------------------------------------------*/

.flow {
	background: url(../images/flow_arrow.jpg) top center no-repeat;
	padding-top: 50px;
}
*html .flow { padding-top: 40px; }

.flow_text { margin: 10px 15px 0 10px; }

.t_link {
	text-align: left;
	float: none;
	margin: 0
}

/* expense
------------------------------------------------------------------------*/

.costlist {
	background: #F2F7D2;
	width: 600px;
	margin: 0 auto;
}

#expense #content table th { width: 150px; }
#expense .textbox { border: 1px dotted #ccc; padding: 10px; margin: 0 auto; margin-bottom: 20px;}

#expense　dl.f_layout { margin: 0 ;}
#expense dl.f_layout dt{ width : 130px; }

#expense #content .textbox dl.f_layout { border: 0; background: #fff; }

/* faq
------------------------------------------------------------------------*/
.answer { 
	font-weight: bold;
	color:#A2CE2F;
	margin: 0 20px 0 10px;
}

.answer p{ 
	font-weight: bold;
	color:#A2CE2F;
	margin: 0 20px 0 10px;
}

/* beginner
------------------------------------------------------------------------*/
#beginner #content .link_area {
  margin: 20px 30px 10px 20px;
	}

#beginner .link_area .alpha { margin-right: 20px; }

/* access
------------------------------------------------------------------------*/
.access_info {
	float:right;
	text-align: left;
	width: 300px;
	font-size: 90%;
}
#content .access_info ul { margin-left: 40px; }
#content .access_info ul li { background: url(../images/list_icon02.jpg) left 2px no-repeat; }

#access .photomap {
  background: url(../images/case_arrow02.jpg) right center no-repeat;
	width: 200px;
	margin-right: 5px;
	padding-right: 10px;
	}
* html #access .photomap { padding-left: 5px; width: 210px;}

#access .photomap p.caution,#access .photomap02 p.caution { text-align: center; }

#access .text03 { font-weight: bold; color: #CC6633; margin: 30px 0 10px 0;}

#access p.title_img { margin: 0; }

/* unbeheld
------------------------------------------------------------------------*/
#unbeheld ul.c_photo {
	width: 620px;
	background: #F2F7D2;
	padding: 20px 5px;
}
#unbeheld ul.c_photo li {
	background: none;
	float:left;
	margin-left: 20px;
	padding:0;
}
*html #unbeheld ul.c_photo li { margin-left: 15px; }

#unbeheld .textbox { border: 1px dotted #ccc; padding: 10px 20px; margin: 0 auto; margin-bottom: 20px;}
#unbeheld p.text02 { color: #CC3300; border-bottom: 1px solid #ccc; padding-bottom: 5px;}

#unbeheld .ban_c p { text-align: right; } 

#unbeheld .link_area { margin: 20px 30px 10px 30px; }
#unbeheld .link_area .alpha { margin-right: 10px; }

/* saliva
------------------------------------------------------------------------*/

#saliva .saliva_flow { margin-left: 30px; }


/* recruit
------------------------------------------------------------------------*/

#recruit .staff_a {
  background: url(../images/recruit_staff01.jpg) 0 0 no-repeat;
	padding-left: 50px;
	margin: 10px 10px 0px 10px;
	height: 50px
	}
#recruit .staff_a p { padding: 5px 0 0 0;  }

#recruit .staff_b {
  background: url(../images/recruit_staff02.jpg) 0 0 no-repeat;
	padding-left: 50px;
	margin: 10px 10px 0px 10px;
	height: 60px
	}
#recruit .staff_b p { padding: 5px 0 0 0;  }

#recruit .staff_auto { height: auto; }

#recruit .comment { background-color:#F2F7D2; padding: 10px; }

#recruit #content table { margin: 15px 0 0 15px; }
#recruit #content table th { width: 130px; }
#recruit #content table td.subtitle { background: #F3F3F0; font-weight: bold; }


/* link
------------------------------------------------------------------------*/

#link .textbox { border: 1px dotted #ccc; padding: 10px 20px; margin: 0 auto; margin-bottom: 20px;}
#link .textbox p { text-align: center; }


/* concept
------------------------------------------------------------------------*/

#concept .link_area .alpha { margin-right: 20px; }


/* staff
------------------------------------------------------------------------*/

#staff dl.f_layout { margin: 0 ;}
#staff dl.f_layout dt{ width : 110px; padding: 0; margin: 0; }
#staff dl.f_layout dd{ padding: 0; margin: 0; }
#staff dl.f_layout .dd_100 { margin-left: 110px;padding: 0; }
#staff #content ul.li_none li { background: none; padding: 0; }

/* message
------------------------------------------------------------------------*/

#message #content ul.layout { 
  margin: 10px;
	}

/* maxilla
------------------------------------------------------------------------*/

#maxilla .comment { border: 1px dotted #ccc; padding: 10px 20px; margin: 0 auto; margin-bottom: 10px;}
#maxilla .case02 { margin: 10px 40px 10px 10px; }

/* mandible
------------------------------------------------------------------------*/

#mandible .comment { border: 1px dotted #ccc; padding: 10px 20px; margin: 0 auto; margin-bottom: 10px;}
#mandible .case02 { margin: 10px 250px 10px 20px; }

/* open_bite
------------------------------------------------------------------------*/

#open_bite .comment { border: 1px dotted #ccc; padding: 10px 20px; margin: 0 auto; margin-bottom: 10px;}
#open_bite .case02 { margin: 10px 30px 10px 20px; }
#open_bite .case03 { margin: 10px 200px 10px 20px; }

/* lingual
------------------------------------------------------------------------*/

#lingual .comment { border: 1px dotted #ccc; padding: 10px 20px; margin: 0 auto; margin-bottom: 10px;}
#lingual .case02 { margin: 10px 30px 10px 20px; }

#lingual .case03 { margin: 0px 105px 10px 20px; }
#lingual .case03 .alpha { 
  background: url(../images/case_arrow02.jpg) right center no-repeat;
	margin-right: 20px;
	padding-right: 40px;
	}

/* adult
------------------------------------------------------------------------*/

#adult .ban_c p { text-align: right; } 

#adult .link_area { margin: 20px 30px 10px 30px; }
#adult .link_area .alpha { margin-right: 10px; }

#adult p.text02 { border-bottom: 1px solid #ccc; padding-bottom: 5px;}


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

#child .ban_c p { text-align: right; } 

#child .link_area { margin: 20px 30px 10px 20px; }
#child .link_area .alpha { margin-right: 10px; }

#child p.text02 { border-bottom: 1px solid #ccc; padding-bottom: 5px;}

/* cleaalaina
------------------------------------------------------------------------*/

#cleaalaina .ban_c p { text-align: right; } 

#cleaalaina .link_area { margin: 20px 30px 10px 20px; }
#cleaalaina .link_area .alpha { margin-right: 10px; }

#cleaalaina p.text02 { border-bottom: 1px solid #ccc; padding-bottom: 5px;}

#cleaalaina .list_img p { margin: 0; } 


/* tool
------------------------------------------------------------------------*/

#tool .list_img p { margin: 0; } 


/* book
------------------------------------------------------------------------*/

#book #content p.button { margin: 0 auto; margin-top: 10px ; } 

* html #book table { width: 610px; }

/* contact
------------------------------------------------------------------------*/

#contact #content p.button { margin: 0 auto; margin-top: 10px ; } 

#contact table th { width: 140px; }
* html #contact table  { width: 610px; }