@charset "shift_jis";
@import url('contact.css');
@import url('facilities.css');

body {
	margin: 0; padding: 0;
	font-size: 12px; font-family: "MS PGothic",Arial,sans-serif; color: #666; text-align: center;
	background: url('/material/images/common/bg.jpg') repeat-x top #eef8ff;
}
a:link, a:visited { color: #666; text-decoration: underline;}
a:hover, a:active { color: #666; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; line-height: 1.2em;}
hr, caption, legend { display: none; }
ol, ul { list-style-type: none;}
p, dl, dt, dd, ol, ul, li, form, fieldset, legend { margin: 0; padding: 0;}
img, fieldset, legend, input.input_img { border: 0;}
table { border-collapse: collapse;}
th,td { empty-cells:show;}
input, textarea, select {
	font-size: 100%; font-family:"MS PGothic","Osaka",Arial, sans-serif; color: #505050; background: #fff;
}

br.clear{
clear:both;
margin:0;
padding:0;
line-height:0;
font-size:0;
}

/* clearfix */
.clearfix:after {content: "."; display: block; visibility: hidden;  clear: both; height: 0;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container { 
 width: 968px; padding: 0 12px 0 12px; text-align: left; margin: 0 auto; 
 background: url('/material/images/common/bg_body.gif') no-repeat top left;
}
#header {
	height: 128px; padding-bottom: 10px; position: relative;
}
#header h1 { height: 14px; padding: 3px 0 0 14px; font-weight: normal;  color: #fff;}
#header #logo { position: relative; height: 60px; background: url('/material/images/common/bg_logo.gif') no-repeat top left;}
#header #logo p.logo { padding: 14px 0 0 19px;}
#header #logo .sitemap { position: absolute; top: 10px; left: 820px; font-size: 1px; line-height: 1px;}
#header #logo .sitemap  p.txt img { margin-right: 20px;}
#header #logo .sitemap  p.btn img { margin: 8px 0 0 36px;}


#header .gnb { width: 960px; height: 51px; padding: 0 4px;}
#header .gnb ul { font-size: 1px; line-height: 1px; letter-spacing: -1px;}
#header .gnb li { display: inline;}
#footer { padding: 8px 0 0 34px; height: 44px; color: #5a5f63;}
#footer p.txt { float: left;}
#footer p.copyright { float: right; font-weight: bold; font}


#subcontentsWrapTop {padding-top:8px; background:url('/material/images/common/bg_contentsTop.png') no-repeat left top;}
#subcontentsWrapBot {padding-bottom:13px; background:url('/material/images/common/bg_contentsBottom.png') no-repeat left bottom;}
#subcontentsWrapBody {padding:0 7px; background:url('/material/images/common/bg_contentsBody.png') repeat-y left top;}
#subContentsWrap h2 {float:left;}
#subContentsWrap h3 {float:right;}
#subContentsWrap #locationInfo {float:right; width:702px; margin-top:5px; margin-bottom:18px; padding-top:13px; padding-left:5px;  background:url('/material/images/common/bg_location.jpg') no-repeat left top; color:#2c2c2c;}
#subContentsWrap #locationInfo a {color:#2c2c2c; text-decoration:underline;}
#LNP {float:left; width:244px; margin-top:-37px;}


#LNP .LNB {padding-left:13px;}

#LNP li {margin-bottom:5px; clear:both}
#LNP .LNB li a {font-size:15px; color:#222222 ;line-height:1.5; padding-left:22px; background:url('/material/images/common/bul_LNP.gif') no-repeat left top; text-decoration:none; overflow:hidden; zoom:1}
#LNP .subLNB {float:left; width:222px;}
#LNP .subLNB li a {display:block; height:23px; font-size:12px; color:#222222 ;padding-left:0; background: none; text-decoration:none;}
#LNP .subLNB li a:hover,#LNP .subLNB li.current a {}
#LNP .LNB li a img { vertical-align: middle;}

#realContents {float:right; width:707px;}
.realContents {margin-left:15px; width:677px;}
.bul_v {color:#183291;}
.bul_r {color:#ff0000; font-weight:bold; }
input.type_text {height:14px; border:1px solid #e2e3ea; border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; padding:2px 0 0 2px; }
textarea {border:1px solid #e2e3ea; border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; padding:2px 0 0 2px; }
.btn_center {text-align:center;}
p.information {color:#000000; line-height:1.3}
#gotoTop {position:relative; text-align:right;padding-top:25px; padding-right:15px; margin-bottom:-8px; font-size:0%; line-height:0%;}


/*
=index
*/
.index .contents {
	width: 934px; padding: 33px 18px 0 16px;
	background: url('/material/images/main/bg_contents.gif') no-repeat top left;
}
.index .contents_bottom {
	width: 968px;
	height:10px;
	background: url('/material/images/main/bg_contents_bottom.gif') no-repeat top left;
}
.index .side_left {float: left; width: 665px;}
.index .side_right {float: right; width: 245px;}


.index .banner { height: 228px; padding-bottom: 10px;}
.index .banner .b_left { float: left; width: 681px; font-size: 1px; line-height: 1px;}
.index .banner .b_right { 
	float: left; width: 287px; height: 228px; 
	background: url('/material/images/main/bg_banner.jpg') no-repeat top left;
}
.index .banner .b_right ul { padding: 13px 0 0 8px;}
.index .banner .b_right li { padding-bottom: 4px; font-size: 1px; line-height: 1px;}

.index .step ul { height:132px; padding-bottom: 29px;}
.index .step li {
	float: left; width: 326px; height: 132px;
	font-size: 1px; line-height: 1px;
	background: url('/material/images/main/bg_step.gif') no-repeat top left;
}
.index .step li.choice { padding-right: 12px;}
.index .step li h2 { padding: 4px 0 16px 12px;}
.index .step li.choice h2 img {padding: 6px 186px 3px 0;}
.index .step li h2 img { padding: 6px 248px 3px 0;}
.index .step li p.img { float: left; width: 109px; padding: 0 7px 0 9px;}
.index .step li p.txt { float: left; width: 190px; padding-top: 3px; font-size: 12px; line-height: 14px; color: #2c2c2c;}

.index .news { padding-top: 19px; background: url('/material/images/main/bg_line.gif') no-repeat top left;}
.index .news h3 { padding: 0 0 16px 2px; float:left;}
.index .news ul {overflow:auto; width:650px; height:300px;}
.index .news li {
	width: 539px;
	padding: 10px 30px 10px 20px;
	font-size: 12px;
	line-height: 20px;
	background: url('/material/images/main/bg_dot.gif') repeat-x bottom left;
	}
/*.index .news li span{ position:absolute; top: 9px; left: 4px; letter-spacing: 1px;}*/
.index .news_list{ float:right; margin:5px 20px 0 0;}

.index .side_right ul { font-size: 1px; line-height: 1px; padding-left: 9px;}
.index .side_right ul li { height: 49px;}
.index .r_step { width: 245px; height: 386px; background: url('/material/images/main/bg_right.gif') no-repeat top left;}
.index .r_step h2 { padding: 4px 0 14px 12px;}
.index .r_step h2 img { padding: 6px 60px 2px 0;}
.index .r_banner p  { padding: 13px 0 10px 5px;}
/*
=commonCss
*/
.w120 {width:120px;}
.w163 {width:163px;}
.w260 {width:260px;}
.w40 {width:40px;}
.w60 {width:60px;}
.h75 {height:75px;}
.MB5{margin-bottom:5px;}
.noBg th,
.noBg td
{background:none;}
.title { margin-top: 25px;}
.no_paddT { padding-top: 0 !important;}

/*********/
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/material/images/main/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
)!important;
}