@charset "utf-8";

/*============================================

/common/css/base.css

* reset
* Font-size Setting
* Link Color Setting
* header
* Footer
* clearfix
* part

============================================*/

/*============================================
* [reset] and [font reset]
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

* [form reset]
GNU General Public License v2 
http://code.google.com/p/formy-css-framework/
============================================*/

/* reset
--------------------------------*/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
img{vertical-align: bottom;}


/* font reset
--------------------------------*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* form reset
--------------------------------*/
fieldset,form,label,legend{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

html, body{
  height: 100%;
	margin: 0px auto;
	font-family:verdana,'‚l‚r ‚oƒSƒVƒbƒN',Arial,sans-serif;
	line-height: 1.6;
	color: #1e0f0e;
	background: #fafaef;
	}


/*--------------------------------
Font-size Setting

Font-size Adjustment.
	77%  = 10px	|	123.1% = 16px	|	167% = 22px
	85%  = 11px	|	131%   = 17px	|	174% = 23px 
	93%  = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
--------------------------------*/
#header, #content,
#footer{font-size:93%;}


/*--------------------------------
Link Color Setting
--------------------------------*/
a{color:#660000;	text-decoration:none;}
a:hover{color:#660000;	text-decoration:underline;}

/*--------------------------------
header
--------------------------------*/
#header {
	width: 100%;
	margin: 0 auto;
}

#news #header {	background: #150504 url(../../news/img/header_bg_01.gif) no-repeat center bottom; }
#pollicy #header {	background: #150504 url(../../pollicy/img/header_bg_01.gif) no-repeat center bottom; }
#cure #header {	background: #150504 url(../../cure/img/header_bg_01.gif) no-repeat center bottom; }
#guide #header { background: #150504 url(../../guide/img/header_bg_01.gif) no-repeat center bottom; }
#faq #header { background: #150504 url(../../faq/img/header_bg_01.gif) no-repeat center bottom; }
#access #header { background: #150504 url(../../access/img/header_bg_01.gif) no-repeat center bottom; }


#top #header {
	padding-bottom:0;
	background: #150504  url(../../img/header_bg.gif) repeat-x left bottom;
}

#top #headingBlock { background: url(../../img/visual.jpg) no-repeat left 7px ;}

#top #headingBlock #flash{
	margin-left: -515px;
}

#top #header #headerInner{
	margin: 0 auto;
	padding-bottom: 16px;
}

#top #header .headerTxt {
	padding: 7px 0 7px 15px;
	background: #150504;
	font-size: 85%;
	color: #ffffff;
}

#top #header #headingBlock {
	position: relative;
	height: 434px;
}


#top #header #headingBlock h1 {
	position: absolute;
	top: 8px;
	left: 12px;
}

#top #header #headingBlock p {
	position: absolute;
	top: 305px;
	right: 25px;
}

#top #header #headingBlock p img {
	width: 247px;
	height: 92px;
}

#top #header #topBg { background: url(../../img/header_bg_02.jpg) no-repeat right 7px; width:77px; height:396px; position: absolute; right:-77px; zoom:1;}

#header .pollicyHead { background: url(../../pollicy/img/visual.jpg) no-repeat left top;}
#header .accessHead { background: url(../../access/img/visual.jpg) no-repeat left top;}
#header .cureHead { background: url(../../cure/img/visual.jpg) no-repeat left top;}
#header .guideHead { background: url(../../guide/img/visual.jpg) no-repeat left top;}
#header .faqHead { background: url(../../faq/img/visual.jpg) no-repeat left top;}
#header .newsHead { background: url(../../news/img/visual.jpg) no-repeat left top;}
#header #faqBg { background: url(../../faq/img/visualbg.jpg) no-repeat right top; width:68px; height:116px; position: absolute; right:-68px; zoom:1;}
#header #newsBg { background:url(../../news/img/visualbg.jpg) no-repeat right top; width:80px; height:115px; position: absolute; right:-80px; zoom:1;}

#header #headerInner{
	width: 982px;
	margin: 0 auto;
	padding-bottom: 21px;
}

#header .headerTxt {
	padding: 7px 0 6px 15px;
	background: #150504;
	font-size: 85%;
	color: #ffffff;
}

#header #headingBlock {
	position: relative;
	width: 982px;
	height: 154px;
}


#header #headingBlock h1 {
	position: absolute;
	top: 23px;
	left: 12px;
}

#header #headingBlock p {
	position: absolute;
	top: 49px;
	right: 15px;
}

#header #headingBlock p img {
	width: 226px;
	height: 45px;
	display: block;
}

#header #headingBlock p.faptxt {
	position: absolute;
	top: 40px;
	right: 8px;
}

#header #headingBlock p.faptxt img{
	width: 236px;
	height: 63px;
}

#top #header #nav {
	position: absolute;
	bottom: -3px;
	padding-left: 11px;
	width: 982px;
	margin: 0 auto;
	background: url(../img/nav_bg_01.gif) no-repeat 0 top;	
}

*html #top #header #nav {
	position: absolute;
	bottom: -3px;
	padding-left: 11px;
	width: 982px;
	margin: 0 auto;
	background: url(../img/nav_bg_01.gif) no-repeat 0 top;
}

*:first-child+html #top #header #nav {
	position: absolute;
	bottom: -3px;
	padding-left: 11px;
	width: 982px;
	margin: 0 auto;
	background: url(../img/nav_bg_01.gif) no-repeat 0 top;
}

 
#header #nav {
	position: absolute;
	bottom: -2px;
	padding-left: 11px;
	width: 982px;
	margin: 0 auto;
	background: url(../img/nav_bg_01.gif) no-repeat 0 top;
}

#header #nav li {
	float: left;
	padding-left:1px;
	font-size: 0;
}


/*--------------------------------
content
--------------------------------*/
#content {
	width: 960px;
	margin: 0 auto 50px;             
	padding: 10px 11px 20px;
}

#dirPathBlock {
	margin: 0 0 10px 0;
}

#article {
	float: left;
	width: 723px;
}

#article h2 {
	margin: 0 0 24px 0;
}

#snav {
	float: right;
	width: 223px;
}

#snav dl {
	margin-bottom: 28px;
	padding: 4px;
	background: #FFF;
	border: 1px solid #ccc;
	font-size: 0;
}

#snav dt {
	padding-bottom: 3px;
}

#snav dd {
	width: 209px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	background: url(../img/line_x.gif) repeat-x left top;
}

#snav ul { margin-bottom: 21px;} 

#snav ul li {
	margin: 0 0 8px 0;
	font-size: 0;
}


/*--------------------------------
Footer
--------------------------------*/
#footer{
	clear: both;
	background: url(../img/footer_bg.gif) repeat-x left top;
}

#footer #footerInner{
	position: relative;
	width: 960px;
	height: 127px;
	margin: 0 auto;
}

#footer .footerBtn {
	position: absolute;
	right: 0;
	top: -31px;
}

#footer .leftBlock {
	float: left;
	padding: 11px 0 0 38px;
}

#footer .rightBlock {
	float: right;
	padding: 18px 0 0 0;
}


/*--------------------------------
clearfix
--------------------------------*/
.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; }



/*--------------------------------
parts
--------------------------------*/
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.center { text-align: center;}
.right { text-align: right;}
.floatR { float: right;}
.floatL { float: left;}
.clearB { clear: both;}
strong { font-weight: bold;}
.bg { background: none !important;}
.floatBox  {
	zoom : 1;
	overflow: hidden;
}

.floatBox .imgL {
	float: left;
	margin:	0 15px 0 0;
}

.floatBox .imgR {
	float: right;
	margin:	0 0 0 15px;
}

.floatBox .txt {
	zoom : 1;
	overflow: hidden;
}