/* CSS Document */

/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
/* Base
---------------------------------------*/
body,div,
dl,dt,dd,
ul,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,input,textarea,
blockquote {
	margin			: 0;
	padding			: 0;}

th{
	font-weight		: normal;
	text-align		: left;}

ul { 
	list-style		: none;}

img{
	border			: 0;
	vertical-align	: bottom; }
	
/* headline */
h1 h2 h3 ol ul li {
	position		:absolute;}

.clearfix {
	overflow		: hidden;}
.clearfix:after {
	content			: "";
	display			: block;
	clear			: both;
	height			: 1px;
	overflow		: hidden;}
/*\*/
* html .clearfix {
	height			: 1em;
	overflow		: visible;}
/**/
.clear {
	clear			: both;}

/* Link
---------------------------------------*/
a{
	color			: #3399cc;
	text-decoration	: underline;}
a:visited {
	color			: #3399cc;
	text-decoration	: underline;}
a:hover {
	color			: #e59200;
	text-decoration	: underline;}
	.copyurl		{ color:#FFFFFF; text-decoration:none;}
	.copyurl:hover	{ color:#FFFFFF; text-decoration:underline;}
	.faq		{ color:#000000; text-decoration:underline;}
	.faq:hover	{ color:#e59200; text-decoration:underline;}
	.medical		{ background:url(../../medical/images/arrow.gif) left top no-repeat;
	padding-left:12px;	color:#000000; text-decoration:underline;}
	.medical:hover	{ color:#e59200; text-decoration:underline;}
	.link		{ background:url(../../medical/images/arrow.gif) left top no-repeat;
	padding-left:16px;	color:#000000; text-decoration:underline;}
	.link:hover	{ color:#e59200; text-decoration:underline;}

/* position */
.po_l		{ text-align	: left; }
.po_r		{ text-align	: right; }
.po_c		{ text-align	: center; }
.po_t		{ vertical-align: top; }
.po_b		{ vertical-align: bottom; } 
.hidari		{ float			: left;}
.migi		{ float			: right;}
	.sph8	{ margin		: 8px 0 8px 0;}
	.clr_blu{ color			: #005982;}
	.clr_pur{ color			: #a26fbf;}
	.clr_pin{ color			: #f26674;}

	.font_b	{ font-weight	: bold;}
	.fontS	{ font-size		: 90%}
	.fontL	{ font-size		: 110%}
	.sp		{ margin		: 4px 0 16px 0;}	
	.spt4	{ margin		: 4px 0 0 0;}	
	.spl20	{ margin		: 0 0 0 20px;}	
	.spr10	{ margin		: 0 10px 0 0;}	
.img_border	{ border		: 4px solid #eeeeee; }
.img_sp01	{ margin		: 20px 16px 8px 0 }
.img_sp02	{ margin		: 20px 0px 8px 0 }
.img_sp03	{ margin		: 20px 0 8px 0 }
.img_sp04	{ margin		: 8px 0 0 0 }

.img_sp01 a	{ text-decoration:none;}
.img_sp02 a	{ text-decoration:none;}
.img_sp03 a	{ text-decoration:none;}

/* Top
---------------------------------------*/
body{
	font-family		: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","メイリオ","Meiryo","Osaka",Verdana,Arial, Helvetica, sans-serif;
	background		: url(../../common/images/bg_contens.jpg) top repeat-x #ffffff;
	text-align		: center;
	border-top:2px solid #3399cc;}
	
 
#head{
	position		: relative;
	width			: 900px;
	margin-right	: auto;
	margin-left		: auto;
	text-align		: left;}

/* Logo */
#head .HL {
float			: left;
width			: 310px;
padding			: 0 0 2px;
margin-top:7px;
}
/* RightButton */
#head .HR {
float			: right;
width			: 400px;
}
#head .HR .Top {
padding			: 7px 0 7px;
}
/* FontChange */
#head .HR dl {
float			: right;
}
#head .HR dl dt {
float			: left;
}
#head .HR dl dt img {
display			: block;
float			: left;
}
#head .HR dl dd {
float			: left;
}
#head .HR dl dd ul li {
float			: left;
margin			: 0 4px 0 0 ;
}


/* Contents
---------------------------------------*/
#contents {
	width			: 900px;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;}

/* Flash */
#contents #flash{
	width			: 900px;}
	

/* TOP */
#contents #top_main{
	width			: 614px;
	float			: left;
	text-align		: left;
	margin-top		: 17px;
	margin-left		: 0px;
	font-size		: 90%;
	line-height		: 160%;
	margin-bottom	: 10px;
	padding-bottom	: 10px;}
	
#contents #top_btn{
	width			: 253px;
	float			: right;
	text-align		: left;
	margin-top		: 17px;
	margin-left		: 0px;
	font-size		: 90%;
	line-height		: 160%;
	margin-bottom	: 10px;}
	
#contents #btn{
	width			: 240px;
	float			: left;
	text-align		: left;
	margin-left		: 0px;
	font-size		: 90%;
	line-height		: 160%;
	margin-bottom	: 10px;}
	

#contents #main{
	width			: 620px;
	float			: right;
	text-align		: left;
	margin-left		: 0px;
	font-size		: 90%;
	line-height		: 160%;
	margin-bottom	: 10px;
	padding-bottom	: 16px;}
	

#contents #main .pan{
	width			: 620px;
	text-align		: right;
	font-size		: 76%;
	line-height		: 160%;
	margin			: 4px 0px 4px 0px;}

#contents #main .box620{
	width			: 600px;
	font-size		: 80%;
	line-height		: 160%;
	margin-bottom	: 16px;}

#contents #main .Vision{
	background		: url(../../vision/images/index_photo01.jpg) top right no-repeat;}

#contents #main .BoxVision{
	width			: 620px;
	font-size		: 90%;
	line-height		: 160%;
	margin-top		: 16px;}

#contents #main .BoxVision dt{
	background		: url(../../vision/images/title_bg.gif) top repeat-x;
	color			: #3399cc;
	font-size		: 110%;
	line-height		: 200%;
	font-weight		: bold;}

#contents #main .BoxIntroduce{
	width			: 400px;
	font-size		: 90%;
	line-height		: 160%;
	margin-left		: 20px;}

#contents #main .BoxIntroduce th{
	background		: url(../../common/images/line.gif) bottom repeat-x;
	vertical-align	: top}

#contents #main .BoxIntroduce td{
	background		: url(../../common/images/line.gif) bottom repeat-x;}

#contents #main .BoxIntroduce_inside01{
	width			: 300px;
	font-size		: 90%;
	line-height		: 160%;
	margin-top		: 16px;}

#contents #main .BoxIntroduce_inside01 dt{
	background		: url(../../introduce/images/title_bg.gif) top repeat-x;
	color			: #6ab400;
	font-size		: 110%;
	line-height		: 200%;
	font-weight		: bold;}

#contents #main .BoxIntroduce_inside02{
	width			: 620px;
	font-size		: 90%;
	line-height		: 160%;
	margin-top		: 16px;}

#contents #main .BoxIntroduce_inside02 dt{
	background		: url(../../introduce/images/title_bg.gif) top repeat-x;
	color			: #6ab400;
	font-size		: 110%;
	line-height		: 200%;
	font-weight		: bold;}

#contents #main .BoxInfo{
	width			: 620px;
	font-size		: 90%;
	line-height		: 160%;
	margin-top		: 16px;}

#contents #main .BoxInfo dt{
	background		: url(../../info/images/title_bg.gif) top repeat-x;
	color			: #e59200;
	font-size		: 110%;
	line-height		: 200%;
	font-weight		: bold;}

#contents #main .BoxInfo_hour{
	width			: 620px;
	border-top		: 1px solid #a5a5a5;
	border-left		: 1px solid #a5a5a5;}

#contents #main .BoxInfo_hour th{
	border-right	: 1px solid #a5a5a5;
	border-bottom	: 1px solid #a5a5a5;
	text-align		: center;
	background-color: #e59200;
	color			: #FFFFFF;}

#contents #main .BoxInfo_hour td{
	border-right	: 1px solid #a5a5a5;
	border-bottom	: 1px solid #a5a5a5;
	text-align		: center;}

#contents #main .BoxPhoto{
	background-color: #1b0600;
	background		: url(../../common/images/bg_gray.gif)  repeat-y;
	text-align		: left;}
	
#contents #main .BoxFaq{
	width			: 620px;
	font-size		: 90%;
	line-height		: 160%;
	margin			: 10px 0 10px 0;}

#contents #main .BoxFaq dt{
	background		: url(../../faq/images/title_bg.gif) top repeat-x;
	color			: #f26674;
	font-size		: 110%;
	line-height		: 200%;
	font-weight		: bold;}

#contents #main .BoxFaq .answer01{
	float			: left;
	width			: 30px;}

#contents #main .BoxFaq .answer02{
	float			: left;
	width			: 590px;}

#contents #main .BoxMedical{
	width			: 620px;
	font-size		: 90%;
	line-height		: 160%;
	margin-top		: 16px;}

#contents #main .BoxMedical dt{
	background		: url(../../medical/images/title_bg.gif) top repeat-x;
	color			: #a26fbf;
	font-size		: 110%;
	line-height		: 200%;
	font-weight		: bold;}

#contents #main .box200{
	width			: 200px;
	font-size		: 90%;
	line-height		: 160%;
	margin-bottom	: 16px;
	margin-right	: 6px;
	float			: left;}

#contents #main .box200 dt{
	background-color: #a26fbf;
	color			: #FFFFFF;
	text-align		: center;
	margin-bottom	: 2px;}


/* To Top */
#upFaq{
	width			: 620px;
	border-bottom	: 1px solid #f8b2b9;
	margin-top		: 10px;
	text-align		: right;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;}

#upMedical{
	width			: 620px;
	border-bottom	: 1px solid #a26fbf;
	margin-top		: 10px;
	text-align		: right;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;}

/* To Top */
#up{
	width			: 900px;
	margin-top		: 10px;
	font-size		: 70%;
	text-align		: right;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;}


			
/* Footer
---------------------------------------*/
#foot_bg{
	width			: 100%;
	background		: #eaf5fa;
	font-size		: 77%;
	line-height		: 200%;
	border-top		: 1px solid #91c7e2;
	padding-top		: 4px;}

#foot_copy{
	width			: 100%;
	background		: #eaf5fa;
	font-size		: 77%;
	line-height		: 200%;}

#footer{

	font-size		: 77%;
	line-height		: 200%;
	width			: 100%;
	position		: relative;
	margin-right	: auto;
	margin-left		: auto;
	background-color: #3399cc;
	color			: #FFFFFF}