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

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル 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%;
	text-align:left;
}

h2{
width:900px;
margin:0 auto;
}

#contents h2{
width:620px;
margin:0 0 15px 0;
}
#contents h3{
margin:0 0 20px 0;
}

#contents h4{
margin:0 0 15px 0;}

#contents h4.mar0{margin:0;}


#contents h5.marB15{
margin:0 0 15px 0;}


/* link
-----------------------------------*/
a:link{color:#0098d0;text-decoration: underline;}
a:visited{color:#0098d0;text-decoration:underline;}
a:hover{color:#0098d0;text-decoration:none;}
a:active{color:#0098d0;text-decoration:underline;}




/* ul
-----------------------------------*/
/*#contents ul{
background:#f8f9f9;
border:1px solid #c2d7d7;
padding:15px;
margin:0 auto 30px auto;
width:560px;
}
#contents ul li{
background:url(../images/lm02.gif) 20px 6px no-repeat;
margin:0 0 8px 0;
padding:0 0 0 40px;
}
#child #contents ul li{
background:none;
margin:0 0 8px 0;
padding:0 0 0 10px;
}*/


/* dl
-----------------------------------*/
#contents dl {
margin:0 auto 30px auto;
background:url(../images/dl_bg-01.gif) 0 0 repeat-x #f0f6fa;
border:1px solid #bddff6;
padding:10px;
margin:0 0 10px 0;
}
#contents dt {
font-weight:bold;
background: url(../images/lm_mainte.gif) 0 0 no-repeat;
padding:0 0 8px 110px ;
margin:0 0 8px 0;
color:#003264;
}

#contents .prevention{

background: url(../images/lm_prevention.gif) 0 0 no-repeat;
}


#contents dd {
margin:0 0 8px 0;
padding:0 0 0 25px;
}
.h130{ height: 130px; display: block;}

#esthe #contents dt {background: url(../images/lm_what.gif) 0 0 no-repeat;}

#contents dl.Last{
margin:0 auto 30px auto;
}

#contents dl.ltA{
margin:0 auto 30px auto;
background:url(../images/dl_bg-02.gif) 0 0 repeat-x #fff7ec;
border:1px solid #f8e1c1;
padding:10px;
margin:0 0 25px 0;
}

#contents dl.ltA dt {
font-weight:bold;
background: url(../images/lm_check.gif) 0 0 no-repeat;
padding:0 0 8px 110px ;
margin:0 0 8px 0;
color:#d77400;
}


#staff #contents dl{width:360px;}
/* IE6用ハック */
* html #staff #contents dl{width:380px;}

#staff #contents dt{
background:none;
padding:0;
width:70px;
float:left;
padding-bottom:5px;
display:block;
}


#staff #contents dd{
padding:0;
width:290px;
float:right;
border-bottom:1px dotted #bddff6;
padding-bottom:5px;
display:block;
}



/* text
-----------------------------------*/

#contents span.emp{
font-weight:bold;
color:#bf0000;
}



/* p
-----------------------------------*/

#contents p { 
margin: 0 0 1em;
line-height:1.7;
}

#contents p.banner { 
margin: 0 0 3px 0;
line-height:1.7;
}

#contents p span.gray{
color:#666666;
}

#contents p.linkTextA{

border:1px solid #cee2f3;
background:url(../images/lm-01.gif) 15px 7px no-repeat #e9f4fd;
padding:5px 10px 4px 40px;
margin:0 auto 30px auto;}

#contents p.cap{
font-weight:bold;
color:#003264;}

/* other
-----------------------------------*/

#contents .center{text-align:center;}
#contents .right{text-align:right;}
#contents .marR5{margin-right:5px;}
#contents .mar0{margin:0;}


#contents .padT30{padding-top:30px;}
#contents .marB30{ margin-bottom:30px;}

hr{display:none;}



/* section
-----------------------------------*/

#contents .sectionA {
padding: 0 1em 0;
margin:0 0 30px 0;
}

/* IE6、IE7用ハック */
#staff #contents .sectionA{/margin:0 0 50px 0;}

#contents .secR{
width:220px;
float:right;
}
#contents .secR2{
width:370px;
}
#contents .secR3{
width:380px;
float:right;
}

#contents .secL{
width:220px;
float:left;
}


/* img
-----------------------------------*/

img{vertical-align:bottom;}

#contents .image_l { float: left; margin: 0 16px 8px 0; }
#contents .image_r {
float: right;
margin: 0 0 15px 20px;
padding:1px;
}

#contents .image_m { text-align:center; margin: 0 auto 15px auto; }



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

#contents table{
width:618px;
margin:0 auto 30px auto;
border:1px solid #4aa8f1;
background:#afc814;
color:#333;
}
#contents table.marB15{margin:0 auto 15px auto;}
#contents table.tableS{
width:280px;
float:left;
}

#contents table th,#contents table td{padding:6px 8px;}
#contents table.tableS th,#contents tableS td{padding:6px 5px;}

#contents table th{
background:#4faee7;
font-weight:normal;
border:1px solid #94c7ee;
color:#FFF;
text-align:center;
width:25%;
}
#contents table.tableS th{width:35%;}

#contents table td{
background:#FFF;
font-weight:normal;
border:1px solid #94c7ee;
}
#contents table td p{margin: 0 0 5px;}

#contents table td.tdHead,
#contents table td.tdHead2{
background:#edf6b6;
width:200px;
color:#407600;
font-weight:bold;
}
#contents table td ul{
background:none;
margin:0;
padding:0;
width:auto;
border:0;
width:100%;
}
#contents table td ul li{
background:url(../images/lm01.gif) 0 5px no-repeat;
padding:0 0 0 15px;
margin:0 0 5px 0;
}


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

html {
background: none;
}

body {
color: #000;
text-align: center;
background:#DCF2FF url(../images/index_bg02.jpg) 0 0 repeat-x;
}

/* IE6用ハック */
* html body {
padding-left: 1px;
}

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


#main_wrapper{
width:914px;
background:url(../images/main_bg.gif) 0 0 repeat-y;
margin:0 auto;}


#main {
width:870px;
background:url(../images/main_und_shadow.gif) 0 0 no-repeat;
margin:0;
padding:24px 22px 0 22px;
text-align:left;
}
#top #main {background:url(../images/main_shadow.gif) 0 0 no-repeat;}


/* IE6用ハック */
* html #main {
width:914px;
}

#contents{
width:620px;
text-align:left;
float:right;
}

h2.ptit{
width:649px;
float:right;
}


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





#header {
width:809px;
height:113px;
margin:0 auto;
text-align:left;
padding:0 0 0 91px;

}

/* IE6用ハック */
* html #header {
width:900px;
}


#header #headL{
width:502px;
height:112px;

float:left;}

#header #headL p.headText {
font-size:110%;
margin:37px 0 5px 0;
color:#FFF;
}


#header #headL h1 {
width:180px;
height:35px;


}

#header #headR{
width:213px;
float:right;
text-align:right;
margin:23px 0 0 0;
}



#header #headR dl.headBgm {
width:162px;
margin:0 0 0 46px;
}
#header #headR dl dt {float:left;}
#header #headR dl dd {float:left;}

#header #headR dl.headTel {
text-indent:-9999px;
}



#header #headR ul{
width:245px;
}
#header #headR ul li{
width:120px;
height:26px;
float:left;
}
#header #headR ul li#headBtn01{margin:0 5px 0 0;}

#header #player {
	width:165px;
	height: 18px;
	margin:0 0 0 46px;
}
#header #player img { float: left; }

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


#footer_wrapper{
height:184px;
background:#006699;
background:url(../images/footer_bg.jpg) center 0 no-repeat;
margin:0 auto;
}
#footer{
width:900px;
margin:0 auto;
}

#footer dl{
text-indent:-9999px;
} 

#footer p.copyright{
text-indent:-9999px;
} 

/*==========================================================================*/
/*                     Global navigation                                    */
/*==========================================================================*/




ul#gnavi{
width:856px;
height:67px;
padding:0 22px;
background:url(../images/gnavi_und_bg.jpg) 0 0 no-repeat;
margin:0 auto;
}
#top ul#gnavi{
background:url(../images/gnavi_bg.jpg) 0 0 no-repeat;
}

ul#gnavi li{
float:left;
}
/* IE6用ハック */
* html ul#gnavi {
width:900px;
margin:0 auto 0 0;
}

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

#navi {
width:225px;
float: left;
margin:0;
background:#FFF;
border:5px solid #ebe4da;
text-align:center;
}

#navi h3{
margin:0;}

#navi ul{
margin:0 0 20px 0;
}


#navi ul li{
margin:0;
}


#navi p.sban01{ width:205px; margin:0 auto 10px auto;}
#navi p.sban02{ width:122px; margin:0 auto 30px auto;}



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


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



#contents ul.topListA{
width:600px;
padding:10px;
background:#eff9fb;
margin:0;
border:none;
margin:0 auto 20px auto;
}
/* IE6用ハック */
* html #contents ul.topListA {
width:600px;
margin:0 0 5px 0;
}
#contents ul.topListA li{
width:600px;
margin:0;
padding:0;
}
#contents ul.topListA li.topBtn01{
margin:10px 0 0 0;}


h3.topTit01{
margin:0 0 12px 0;}



/* infoarea
-------------------------------------*/

#contents .topSectionC{
width:595px;
background: #eff9fb;
padding:10px 10px 20px 15px;
margin:0;
}

/* IE6用ハック */
* html #contents .topSectionC{width:620px; text-align:left;}


#contents .topSectionC div.topSecCleft{
width:330px;
float:left;
}

#contents .topSectionC div h5{
width:261px;
margin:0 0 13px 0;}


#contents .topSectionC table{
width:330px;
margin:0 0 10px 0;
background:none;
border:none;
color:#000;
}
#contents .topSectionC table th,
#contents .topSectionC table td{
background:none;
border:none;
padding:5px 2px;
vertical-align:top;
}
#contents .topSectionC table th{
width:65px;
color:#221815;
text-align: left;
font-weight:bold;
}


#top #contents .topSectionC div#map{
width:254px;
height:200px;
float:right;
margin:10px 0 0 0;
}

#access_introduction #map{
width:400px;
height:300px;
float:none;
margin:0;
}

.fontsize-15 {
	font-size: 15px;
}

/* under
------------------------------------------------------------------------*/



/* dl
-------------------------------*/	
#contents dl.steps,
#contents dl.stepsLast{
padding:10px;
margin-bottom:3px;
padding-left:100px;
border:3px solid #f6f4ec;
background: url(../images/arrow-01.gif) 0 0 repeat-y #FFF !important;
background: url(../images/arrow-01.gif) 3px 0 repeat-y #FFF;}
#contents dl.stepsLast{
background:url(../images/arrow_b-01.gif) 0 0 no-repeat !important;
background:url(../images/arrow_b-01.gif) 3px 0 no-repeat;
margin-bottom:20px;}

#contents dl.steps dt,
#contents dl.stepsLast dt{
margin:0 0 10px 0;
padding:2px 0 0 25px;
background:none;
}
#contents dl.steps dt,
#contents dl.stepsLast dt{
}
#contents dl.steps dd,
#contents dl.stepsLast dd{
margin:0;
padding:0
}

#contents dl.steps dd.image_r,
#contents dl.stepsLast dd.image_r{
margin:0 0 0 10px;}

/* IE6用ハック */
* html #contents dl.steps {width:620px;}

.steps span{
font-weight:bold;
padding-right:10px;}

#contents dl dt.no01{background:url(../images/no-01.gif) 0 0 no-repeat;}
#contents dl dt.no02{background:url(../images/no-02.gif) 0 0 no-repeat;}
#contents dl dt.no03{background:url(../images/no-03.gif) 0 0 no-repeat;}
#contents dl dt.no04{background:url(../images/no-04.gif) 0 0 no-repeat;}
#contents dl dt.no05{background:url(../images/no-05.gif) 0 0 no-repeat;}

/* ul
-------------------------------*/	

#contents ul.steps,
#contents ul.stepsLast{ width:600px;}
	
#contents ul.steps li,
#contents ul.stepsLast li{
	width:600px;
	padding:10px;
	margin-bottom:3px;
	padding-left:100px;
	background:#fff url(../img_cmn/arr_btm2.gif) 0 0 repeat-y !important;
	background:#fff url(../img_cmn/arr_btm2.gif) 3px 0 repeat-y;
	border:3px solid #f6f4ec;
	background: url(../images/arrow-01.gif) 0 0 repeat-y #FFF !important;
	background: url(../images/arrow-01.gif) 3px 0 repeat-y #FFF;}
#contents ul.stepsLast li{
	background:url(../images/arrow_b-01.gif) 0 0 no-repeat !important;
	background:url(../images/arrow_b-01.gif) 3px 0 no-repeat;}
	
#contents ul.steps li{
margin:0;
padding:0
}


/* IE6用ハック */
* html #contents ul.steps {width:620px;}

.steps span{
font-weight:bold;
padding-right:10px;}

#contents ul.listTextA{
border:3px solid #e5edf2;
padding:10px;
padding-left:30px;
margin:0 0 20px 0;
background:#f1f7f9;
}
#contents ul.listTextA li{
margin:0 0 5px 0;
padding:2px 0 3px 25px;}
#contents ul.listTextA li.no01{background:url(../images/no-01.gif) 0 2px no-repeat;}
#contents ul.listTextA li.no02{background:url(../images/no-02.gif) 0 2px no-repeat;}
#contents ul.listTextA li.no03{background:url(../images/no-03.gif) 0 2px no-repeat;}
#contents ul.listTextA li.no04{background:url(../images/no-04.gif) 0 2px no-repeat;}
#contents ul.listTextA li.no05{background:url(../images/no-05.gif) 0 2px no-repeat;}

#contents ul.listTextB,#contents ul.listTextC{
border:3px solid #e5edf2;
padding:10px;
padding-left:30px;
margin:0 0 20px 0;
background:#f1f7f9;
}
#contents ul.listTextB li,#contents ul.listTextC li{
width:160px;
float:left;
margin:0 5px 3px 0;
padding:0 0 3px 25px;
background:url(../images/lm01.gif) 0 5px no-repeat;
}
#contents ul.listTextC li{
width:240px;
}


/* IE6用ハック */
* html #contents ul.listTextC li{width:265px;}


/* photoGallery
--------------------------*/


div.galWrap{
width:580px;
background:#ededed;
padding:30px 0;
margin:0 auto;
border:10px solid #f8f8f8;}

div.galWrap div.gallary{
width:500px;
margin:0 auto;}

div.galWrap div.gallary p{
text-align:right;
color:#999;
margin-top:5px;}

ul#photo{
width:500px;
margin:0 auto;
}
ul#photo li {
width:125px;
height:125px;
margin:0;
padding:0;
float: left
}



/* googlemap
--------------------------*/

#contents p#map02{
width:500px;
height:280px;
border:8px solid #f2fadd;
margin:0 auto 30px auto;
}


/* pagetop
--------------------------*/
#contents p.pagetop{
width:182px;
height:32px;
margin:0 0 30px 438px;
}

/* esthe
--------------------------*/
.case_name {
	float: left;
	margin: 0 0 0 120px;
}

test {
	padding: 0 200px 0 200px;
	border: 1px;
}

.text-center {
	text-align:center;
}


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

#staff #contents .linkarea ul li {
  background: url(../images/lm01.gif) 0 5px no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 15px;
	}

/* ortho
--------------------------*/

#ortho .deco {
  font-weight: bold;
	color:#CC0000;
	font-size: 120%;
	}

/*==========================================================================*/
/*                              bg-image                                    */
/*==========================================================================*/


/* qr-cord
--------------------------*/
.qr {
	background:url(../images/qr_cord.jpg) 0 0 repeat-x #F5FCFF;
	margin: 5px 7px 15px 7px;
	width:211px;
	height:290px;
}
.qr_text01 {
	padding: 200px 10px 0 10px;
	font-size:12px;
}
.qr_text02 {
	padding: 0 10px 0 10px;
	font-size: 12px;
	color: #8F0000;
}