@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,table,pre,address,ul,ol,dl {
	font-size: 120%;
}

	
h1 {} /* Header内で設定 */
h2 {}
h3 { margin:0 0 18px -10px; clear:both; margin-bottom:18px;}
h4 { margin:0;clear:both;}
a {color:#0488b1; text-decoration:none;}
a:hover,
a:active {color:#67bcd7; text-decoration:none;}


strong{color:#b03a00;}

ul {
}
ul li {
background:url(../images/lm02.gif) 0 4px no-repeat;
padding:0 0 0 12px;
margin:0 0 10px 0;
}



p { margin: 0 0 0.9em; line-height:1.6; text-align:left; color:#555;}

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

.section { padding:0 10px; margin:0;}
.section .section { padding: .5em .5em 1em; }

.image_r { float: right; margin: 0 0 7px 16px; border:3px solid #e5e5e5; padding:1px; background:#FFF;}
.image_r2 { float: right; margin: 0 0 7px 16px;}

.image_r3 { float: right; margin: 0 40px 7px 0; border:3px solid #e5e5e5; padding:1px; background:#FFF; display:inline;}
.image_l3 { float: left; margin: 0 0 7px 40px; border:3px solid #e5e5e5; padding:1px; background:#FFF; display:inline;}

.pickuptitA{
	background: url(../images/caries_pickup_01.gif) 0 0 no-repeat #fefde2;
	padding:20px 5px 6px 55px;
	font-weight:bold;
	color:#3c1818;
	margin:0;
	font-size:140%;
	clear:both;}

.case {
	width:300px;
	float:left;
	background:url(../images/arrow_01.gif) 190px 45px no-repeat;
	margin:0 0 0 80px;
	display:inline;
}

.cap{
	text-align:center;
	background:#000;
	background:url(../images/cap_bg_02.gif) 0 0 repeat-x #385b9e;
	padding:2px 0 1px 0;
	color:#FFF;
	margin:0;
	}


ul.listtextA{ background:#fefde2;
	border:1px solid #edeccf;
	color:#735e57;
	padding:15px 15px 5px 15px;
	/padding:15px 15px 10px 15px;
	}

ul.listtextA li{
	width:320px;
	float:left;}

ul.listtextA li.w230{
	width:230px;}

/*--------------------------------------------------------
		table
--------------------------------------------------------*/

table{
width:630px;
margin:0 auto 20px auto;
background:#FFF;
color:#555;
}

table th,table td{padding:6px 8px 4px 8px;}
table th{
background: url(../images/cap_bg_01.gif) 0 0 repeat-x #385b9e;
font-weight:normal;
border:1px solid #abc1e2;
color:#d5e3ea;
font-weight:bold;
text-align:center;
}

table td{
background:#FFF;
font-weight:normal;
border:1px solid #abc1e2;
color:#555;
text-align:left;
}

table td.tdHead{
	width:230px;
	text-align:center;
	font-weight:bold;
	color:#225197;
}

table td ul li{font-size:82%;}

#access table{ width:auto; margin:0;}

#access table th{ width:120px;}
#access table th,
#access table td{padding:10px 8px 8px 8px;}
#access table td table{width:500px; margin:0 0 7px 0;}
#access table td table th{width:auto;text-align:center; background:url(../images/cap_bg_02.gif) 0 0 repeat-x #3b76a6;}
#access table td table td.tdHead{width:120px;}
#access table td table td{text-align:center;}

#access table td.bgc_b { background:#dae9f8; font-size:12px;}
/*--------------------------------------------------------
		fmail
--------------------------------------------------------*/

#contact table{width:600px;}

#contact table th{ background:#e2ecf5; color:#195f97;}

#contact table textarea{width:350px;}

.fmailbox { width:600px; margin:0 0 0 35px;}



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

html {
	background: none;
}

body {
	background:url(../images/site_bg_01.jpg) 0 0 repeat-x;
	text-align: center;
	padding:0;
	margin:0;
}


#wrapper {
	width:auto;
	background:url(../images/site_bg_02.jpg) 50% 0 no-repeat;
	margin: 0 auto;
	padding:0;
}
#main {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}




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

#header {
	width: 900px;
	height:112px;
	margin:0 auto;
}


#header div.header_right {
	width:550px;
	float:right;
	margin:0;
	text-align:right;}
	
#header div.header_right p {
	margin:0 0 0 278px;}
	


#header p.sitettl{margin:19px 0 0 0; line-height:0; float:left;}

#header h1{color:#57abdf; font-size:100%; height:20px;  margin:14px 0 0 0;}

p.pagetop{
	text-align:right;
	margin:0 0 20px 0;
	clear:both;}


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


#footer_bg {
	padding:13px 0 14px 0;
	clear: both;
	width:100%;
	background:#bddfef;
	border-top:1px solid #a8d1e5;
	border-bottom:1px solid #a8d1e5;
	margin:0 0 13px 0;
}

#footer {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#footer p{
	float:left;
	margin:0;
	}
	


#footer div{
	width:149px;
	float:left;
	}
#footer div p.secA{
	margin:0 0 8px 0;
	}
#footer div.footer_boxA{ margin:0 8px 0 0;}
#footer div.footer_boxB{ margin:0 20px 0 0;}


#footer p.footer_tel{ margin:27px 14px 0 0;}


address {
	margin:0 auto 16px auto;
}


/*==========================================================================*/
/*                            nav                                           */
/*==========================================================================*/

#nav {
	float: left;
	width: 200px;
	text-align:left;
}

#nav dl{
	width:200px;
	background:url(../images/nav_bg_01.gif) 0 100% no-repeat;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
}

#nav dl dd{
	margin:0 5px 3px 5px;}
	
	
#nav p.sban01,#nav p.sban04{ margin:0 0 10px 0;}
#nav p.sban02,#nav p.sban03{ margin:0 0 7px 0;}


#nav div.sinfobox{
	width:198px;
	background:#FFF;
	margin:0 0 20px 0;}


#nav div.sinfobox p{margin:0;}


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


#contents{
	width:681px;
	float:right;
	}


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

#index h3{margin:0;}

#index dl.topboxA {
	width:680px;
	padding:0;
	margin:0 0 21px 0;
	background:none;
	border:none;
	color:#555;
	}

#index dl.topboxA dt{
	width:680px;
	margin:0;
	}

#index dl.topboxA dd{
	width:655px;
	padding:13px 0 10px 25px;
	background:url(../images/line_01.gif) 0 100% repeat-x;
	}
	
#index dl.topboxA dd span{
margin-right:15px;
float: left;
}




#index .topboxB_1,#index .topboxB_2,#index .topboxB_3{

	line-height:1.4;
	float:left;
	margin:0 10px 0 0;
	}

#index .topboxB_1{background:url(../images/index_link_01.jpg) 0 0 no-repeat;}
#index .topboxB_2{background:url(../images/index_link_02.jpg) 0 0 no-repeat;}
#index .topboxB_3{background:url(../images/index_link_03.jpg) 0 0 no-repeat; margin:0;}

#index .topboxB_1 a,#index .topboxB_2 a,#index .topboxB_3 a{
	width:120px;
	padding:75px 10px 20px 90px;
	min-height:100px;
	display:block;
	}
* html #index .topboxB_1 a{width:220px;height:195px;}
* html #index .topboxB_2 a{width:220px;height:195px;}
* html #index .topboxB_3 a{width:220px;height:195px;}

#index .topboxB_1 a:hover{background:url(../images/index_link_01_on.jpg) 0 0 no-repeat;}
#index .topboxB_2 a:hover{background:url(../images/index_link_02_on.jpg) 0 0 no-repeat;}
#index .topboxB_3 a:hover{background:url(../images/index_link_03_on.jpg) 0 0 no-repeat;}


#index .topboxC_bottom{
	width:680px;
	background:url(../images/index_boxbg_02.gif) 0 100% no-repeat;
	padding:0 0 4px 0;
	margin:0 0 21px 0;
	}
#index .topboxC{
	width:680px;
	padding:0 0 20px 0;
	background:url(../images/index_boxbg_01.jpg) 0 0 no-repeat;
	}

#index .topboxC p.sec01{ margin:0 243px 15px 27px;}
#index .topboxC p.sec02{ margin:0 32px 15px 280px;}
#index .topboxC p.sec02Last{ margin:0 32px 0 280px;}

#index .infobox{
	width:656px;
	border-left:1px solid #bedfe4;
	border-right:1px solid #bedfe4;
	border-bottom:1px solid #bedfe4;
	background:url(../images/infobox_bg.gif) 0 0 repeat-x;
	padding:0 11px 8px 11px;
	margin:0 0 17px 0;
	}
* html #index .infobox{width:680px;}

#index .infobox p{ margin-bottom:0;}

#index .infobox .infoboxL{
	width:360px;
	float:left;
	padding:14px 0 0 0;}
#index .infobox .infoboxL dl { margin:0 0 10px 0;}
#index .infobox .infoboxL dl dt{float:left; margin:0 10px 4px 0;}
#index .infobox .infoboxL dl dt img{ vertical-align:top;}
#index .infobox .infoboxL dl dd{float:left; width:294px; margin:0 0 4px 0;}

#index .infobox .infoboxL p.card { margin:0 0 14px 0; clear:both;}

#index .infobox .infoboxR{
	width:283px;
	float:right;}

#index .bnr {
  margin:20px 0;}
	
/* map
------------------------------------------------------------------------*/

.map_bg{
	width:277px;
	height:190px;
	background:url(../images/index_map_bg.gif) 0 0 no-repeat;
	padding:3px;
	margin:0 0 4px 0;}
* html .map_bg{
	width:283px;
	height:196px;}

#index #map {
margin:0;
width:277px;
height:190px;

}

#access #map{
	width:450px;
	height:450px;
	margin:0 0 0 20px;
	border:1px solid #CCCCCC;}


	
/*==========================================================================*/
/*                             Common                                     */
/*==========================================================================*/


.boxA{
	background:#f3f8fc;
	border-bottom:1px solid #dfeaf3;
	border-left:1px solid #dfeaf3;
	border-right:1px solid #dfeaf3;
	padding:15px 15px 10px 15px;
	margin:0 0 25px 0;
	}
.boxB{
	background:#fefde2;
	padding:5px 15px 10px 15px;
	margin:0 0 25px 0;
	border-bottom:1px solid #ecebcc;
	border-left:1px solid #ecebcc;
	border-right:1px solid #ecebcc;
	}
.boxB p{color:#735e57;}

.boxC{
	width:300px;
	float:left;
	padding:0;
	}
.boxD{
	background:#ecf6f9;
	border:3px double #cde5ec;
	padding:15px 0 0 0;
	margin:0 0 20px 0;
	}
dl.boxE {
	color:#555;
	background: url(../images/box_bg_01.gif) 0 0 repeat-x #fbfcfd;
	border:1px solid #e0e0e0;
	padding:15px;
	margin:0 0 10px 0;
	
}
dl.boxE dt{
	font-weight:bold;
	background:url(../images/lm01.gif) 0 0 no-repeat;
	padding:0 0 0 15px;
	margin:0 0 8px 0;
	color:#75370a;
}
dl.boxE dd{line-height:1.6;}

#concept dl.boxE dd{
	background:url(../images/lm02.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 7px 0;
	width:250px;
	float:left;
	}
#concept dl.boxE dd.secA{
	padding:0;
	background:none;
	float:left;
	}


p.frameA{
	border:3px solid #ececec;
	padding:10px;
	width:274px;
	background:#FFF;
	margin:0 0 2px 0;
		min-height:65px;}	
* html p.frameA{width:300px; height:90px;}

p.frameB{
	border:3px solid #ebeac8;
	padding:10px;
	width:274px;
	background:#FFF;
	margin:0 0 2px 0;
	min-height:98px;
	}	
* html p.frameB{width:300px; height:120px;}

p.frameB2{
	border:3px solid #ebeac8;
	padding:10px;
	width:274px;
	background:#FFF;
	margin:0 0 2px 0;
	min-height:45px;
	}	
* html p.frameB2{width:300px; height:45px;}

p.frameC{
	width:590px;
	border:3px solid #f1e9f4;
	padding:10px;
	background:#faf5fc;
	margin:0 0 2px 0;
	font-weight:bold;
	color:#853f58;
	text-align:center;
	}
* html {width:610px;}

p.frameB2 span{color:#8e4718; display:block; font-weight:bold;}


.stitA{
	background:url(../images/lm-02.gif) 0 0 no-repeat;
	font-weight:bold;
	color:#a38f69;
	padding:0 0 0 15px;}

.colorA{color:#b18100; font-weight:bold;}
	
.floatR{float:right;}
.floatL{float:left;}


.mar0{margin:0px;}
.marB0{margin-bottom:0px;}
.marB5{margin-bottom:5px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}


.marR10{margin-right:10px;}
.marR20{margin-right:20px;}
.marL15{margin-left:15px;}
.marL30{margin-left:30px;}

.w159{width:159px;}
.w167{width:167px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w230{ width:230px;}

.dis_in{ display:inline;}

.cb{clear:both;}

.bg_none{ background:none;}

.txt_center{ text-align:center;}


table#info{ 
	width: 650px;
	margin-top: 5px;
}
table#info tr th,
table#info tr td{ 
	background: none;
	text-align: left;
	font-weight: normal;
	font-size: 80%;
	color: #555555;
	border: none;
}
table#info tr th { width: 60px; vertical-align: top; }
table#info tr { background: transparent url(../images/line_01.gif) repeat-x scroll 0 100%; }