/* CSS Document */
/* Copyright (C) YaehataKoumuten Co. Ltd. All Rights Reserved. */

@import url(color.css);
@import url(fonts.css);
@import url(form.css);
@import url(list.css);
@import url(table.css);
@import url(textdeco.css);
@import url(layout.css);


body {
/*background: #F5F5F5;*/
background: url(../../common/images-home/new_room_bg_light.jpg) center 120px no-repeat;
color: #333333;
margin: 0px;
padding: 0px; /*Opera用*/
}



/*リンク用----------------------------------------------------------------*/
a { text-decoration:none;}
a:link { color: #333366}
a:visited { color: #3C3796}
a:active { color: #3C3796}
a:hover { color: #FF4500; text-decoration: none; /*background: #FEE0A8;*/}

/*見出し----------------------------------------------------------------*/
h1 {
	font-size: 100%;/*通常だと16pt*/
	line-height:1.25em;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 7px 3px 7px;
	border-left: 5px #336633 solid;
	border-bottom: 1px #336633 solid;
	background-color: #EFEFEF;/*薄いグレー*/
	color:#333333;/*濃いグレー*/
	}

h1#toph1 {/* トップページ専用*/
	font-size: 100%;/*通常だと16pt*/
	line-height:1em;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border:none;
	}

h2 {
	font-size: 93.75%;/*通常だと16pt*/
	line-height:1.25em;
	font-weight:bold;
	margin: 0px 0px 1em 0px;
	padding: 5px 7px 3px 0px;
	border-bottom: 1px #666666 solid;
	color:#336633;/*濃いグリーン*/
	}

h3 {
	font-size: 93.75%;/*通常だと16pt*/
	line-height:1.25em;
	font-weight:bold;
	margin: 0px 0px 1em 0px;
	padding: 5px 7px 3px 0px;
	border-bottom: 1px #666666 solid;
	color:#666666;
	}

h4 {
	font-size: 93.75%;
	line-height:1.25em;
	font-weight:bold;
	margin: 0px 0px 1em 0px;
	padding: 5px 7px 3px 0px;
	/*border-left: 1px #999999 solid;*/
	/*border-bottom: 1px #666666 solid;*/
	background-color: #FFFFFF;
	color:#336633;/*濃いグリーン*/
	}

h5 {
	font-size: 93.75%;
	line-height:1.25em;
	font-weight:bold;
	margin: 0px 0px 1em 0px;
	padding: 5px 7px 3px 0px;
	color:#666666;/*グレー*/
	}

h6 {
	font-size: 81.25%;
	line-height:1.25em;
	font-weight:bold;
	margin: 0px 0px 1em 0px;
	padding: 5px 7px 3px 0px;
	color:#666666;
	}

.behind { /* 文字を表示しない */
	visibility: hidden;
	font-size:xx-small;
	}

.none { /* 領域自体を表示しない */
	display: none;
	}



.contentswrap {
width:934px;/*934+13+13=960*/
/*background-color:#FFFFFF;
background: url(../../common/images-home/room_bg_light.jpg) top center no-repeat;*/
margin-top:0px;
margin-bottom:15px;
margin-left: auto; margin-right: auto;
padding:0px 13px;
/*border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background:url(../images/bg_submenu.gif) repeat-y;*/
}

#headerwrap {
width:934px;/*934+13+13=960*/
/*background-color:#FFFFFF;*/
background:url(../images/header.gif) top center no-repeat;
height:120px;
margin-top:0px;
margin-bottom:0px;
margin-left: auto; margin-right: auto;
padding:0px 13px;
/*border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;*/
}

#footerwrap {
width:934px;/*934+13+13=960*/
/*background-color:#FFFFFF;*/
margin-top:0px;
margin-bottom:0px;
margin-left: auto; margin-right: auto;
padding:0px 13px;
/*border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background:url(../images/bg_submenu.gif) repeat-y;*/
}



#contentsback {
width:934px;
/*background-color:#FFFFFF;*/
margin-top:0px;
margin-bottom:0px;
padding:0px;
/*background:url(../images/bg_submenu.gif) repeat-y;*/
}

#contentsback2col { /*トップページ用２コラム型*/
width:934px;
/*background-color:#FFFFFF;*/
margin-top:0px;
margin-bottom:0px;
padding:10px 0px 0px;
background-image:url(../images/bg_submenu2col.gif);
background-repeat:repeat-y;
}

#pankuzuwaku {
background: #FFFFFF; color: #666666; font-size:80%; line-height:1.25; float: left; width:674px; margin: 5px 0; padding: 7px 10px 7px;

background: rgba(255, 255, 255, 0.6);
/*border:1px solid #CCCCCC;*/

-moz-border-radius: 6px;						/*for Firefox*/
-webkit-border-radius: 6px;						/*for Safari and chrome*/
border-radius: 6px;								/*CSS3*/
behavior: url(/common/css/border-radius.htc);	/*for IE*/


}


#pankuzuwaku ol {
	position: relative;
	padding: 0 10px;
	margin: 0 0px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#pankuzuwaku li {
	margin: 0;
	padding: 0;
	/*float: left;*/
	display: inline;
	list-style:none;
}





#update {
color: #666666; font-size:75%; line-height:1.25; float: right; width:200px; margin: 5px 0; padding: 7px 10px; text-align:center;
background: #FFFFFF;
background: rgba(255, 255, 255, 0.6);

-moz-border-radius: 6px;						/*for Firefox*/
-webkit-border-radius: 6px;						/*for Safari and chrome*/
border-radius: 6px;								/*CSS3*/
behavior: url(/common/css/border-radius.htc);	/*for IE*/

}


#contents684 { float:left; width:682px; margin:0 0 15px 0; padding: 6px 6px 6px 6px;

background:#fff;
background:rgba(255, 255, 255, 0.85);

-moz-border-radius: 6px;						/*for Firefox*/
-webkit-border-radius: 6px;						/*for Safari and chrome*/
border-radius: 6px;								/*CSS3*/
behavior: url(/common/css/border-radius.htc);	/*for IE*/
}

#contentsreal { margin: 0px; padding: 12px 0px 0px 0px;}/*実際にコンテンツを書き込む直のブロック*/

#contents684 p { margin:0px; padding: 0px 0px 1em 0px; font-size:90%; line-height:125%; }/*段落下で一行分あける*/

#contents684 p.startp { margin:0px; padding: 1em 0px 1em 0px; font-size:90%; line-height:125%; }/*段落下で一行分あける*/
#contents684 p.endp { margin:0px; padding: 0px 0px 5px 0px; font-size:90%; line-height:125%; }/*段落下で5pt分あける*/

#contents684 p.comment1 { margin: 0px 0px 0px 0em; padding: 0px 0px 0px 4em; font-size:70%; line-height:125%; }
#contents684 p.comment2 { margin: 0px 0px 0px 0em; padding: 0px 0px 0px 5em; font-size:70%; line-height:125%; }


/*Q&A Question用*/
#contents684 p.qaq { height:2.5em; background-image:url(../../faq/images/q.gif); background-position:0px 1em; background-repeat:no-repeat; margin: 0px; padding: 1em 0px 0em 40px; font-size:81.25%; font-weight:bold; line-height:125%; color:#336699; }
/*Q&A Answer用*/
#contents684 p.qaa { background-image:url(../../faq/images/a.gif); background-position:0px 1em; background-repeat:no-repeat; margin: 0px; padding: 1em 0px 1em 40px; font-size:81.25%; line-height:125%; }
/*Q&A Answerの最終行用*/
#contents684 p.qaaend { background-image:url(../../faq/images/a.gif); background-position:0px 1em; background-repeat:no-repeat; margin: 0px; padding: 1em 0px 0px 40px; font-size:81.25%; line-height:125%; }

#contents684 p.lead { margin:0px; padding: 0px 0px 1em 0px; color:#669933; font-size:81.25%; font-weight:normal; line-height:125%; }/*段落下で一行分あける*/


#contents684 p { margin:0px; padding: 0px 5px 1em 5px; font-size:81.25%; line-height:125%; }/*段落下で一行分あける*/
#contents684 p.startp { margin:0px; padding: 1em 5px 1em 5px; font-size:81.25%; line-height:125%; }/*段落上下で一行分あける*/
#contents684 p.endp { margin:0px; padding: 0px 5px 5px 5px; font-size:81.25%; line-height:125%; }/*段落下で5pt分あける*/


#newsarea { /*float: left;*/ width:682px; margin: 0px; padding: 9px 0px 10px 0px; }
#newsscroll {
	margin: 0px;
	padding: 0px;
	width: 682px;
	height:250px;/*ここで、高さ調整*/
	border: 1px #999999 solid; 
	scrollbar-face-color:#FAFAFA;
	scrollbar-track-color:#EEEEEE;
	scrollbar-arrow-color:#666666;
	scrollbar-highlight-color:#FAFAFA; 
	scrollbar-shadow-color:#FAFAFA;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#666666;
	/*font-family: "ＭＳ ゴシック", "Osaka−等幅";*/
	overflow:auto; /* overflow-y IE6で縦スクロールが飛び出る。y軸だけのスクロールバーは、Operaで表示できない*/
	background-color:#FFFFFF;
	/*background-image: url(../images-home/scrollbg.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;*/
	}

#newsscrollIE { /* overflow:autoで IE6で横スクロールが出ないようにラップ。*/
	width: 666px;
	}

#newshistory {
	border-top:#666666 solid 1px;
	padding: 5px 5px 5px 5px;
	text-align:right;
	font-size:81.25%;
	}

.datecell { float:left; width:90px; font-size:75%; margin: 0px; padding: 5px 0px 6px 3px;  line-height:135%; } /* NEWS & INFORMATIONの日付用 */
.newstitle { float:right; width:570px; font-size:75%; margin: 0px; padding: 5px 2px 5px 0px; line-height:135%; } /* NEWS & INFORMATIONの見出し用 */

#bannerarea { float: right; width:175px; text-align: right; margin:0px; padding: 9px 0px 0px 0px; }
#bannerarea ul {  margin:0px; padding: 0px 0px 0px 0px; }
#bannerarea li {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	height: 67px;
	display: block;
}


#updatetop { border-top:1px dotted #DDDDDD; border-bottom:1px dotted #DDDDDD; color:#666633; font-size:75%; float: right; text-align: center; width:165px; margin: 25px 0px 0px; padding: 12px 3px 15px;}

#linetop {
	border-top: 1px solid #006633;
	background: url(../../common/images/header_bg.gif) top repeat-x;
	height:130px;
}

#logobg {
	background:url(../images/header_all.gif) top center no-repeat;
	margin:0px;
	padding:0px;
	height:121px;
}

#logo {
	width: 480px;
	float:left;
	margin:0px;
	padding:0px;
	height:121px;
}



/* ----------------------- trmenu ----------------------- */
#trmenu {
	position: relative;
	right: 1px;
	bottom: 1px;
	width: 120px;
	height: 30px;
	float: left;
	margin: 0px;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#trmenu ul {
	position: relative;
	width: 90px;
	height: 18px;
	float: right;
	padding: 0px;
	margin: 0px;
}

#trmenu li {
	margin: 0px;
	height: 18px;
	float: right;
	font-size:12px;
	font-weight:normal;
	display: block;
	list-style:none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#trmenu li a:link {
	color:white;
}
#trmenu li a:visited {
	color:white;
}
#trmenu li a:active {
	color:white;
}
#trmenu li a:hover {
	color:#FF4500;
}


div #seminar {
	float:right;
	margin:0px;
	padding:0px;
}
div #seminar a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width:170px;
	height:121px;
}
div #seminar a.btn {
	background:url(../images/web_seminar.jpg) right top no-repeat;
}
div #seminar a.btn:hover {
	background:url(../images/web_seminar_ov.jpg) right top no-repeat;
}



div #seikyu {
	float:right;
	margin:0px;
	padding:0px;
}
div #seikyu a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width:140px;
	height:121px;
}
div #seikyu a.btn {
	background:url(../images/seikyu.gif) right top no-repeat;
}
div #seikyu a.btn:hover {
	background:url(../images/seikyu_ov.gif) right top no-repeat;
}



/* ----------------------- END trmenu END ----------------------- */

/* ----------------------- mainmenu ----------------------- */

div#hmenuwrap {height:35px; padding-top:7px; overflow:hidden;}

.hmenu {padding:0 0 0 50px; margin:0; list-style:none; height:35px; background:#fff url(../images/hmenu_0.gif); position:relative;

-moz-border-radius: 6px;						/*for Firefox*/
-webkit-border-radius: 6px;						/*for Safari and chrome*/
border-radius: 6px;								/*CSS3*/
behavior: url(/common/css/border-radius.htc);	/*for IE*/


}
.hmenu li {float:left; /**/ height:35px; overflow:hidden; /**/}
.hmenu li a {display:block; float:left; height:35px; line-height:35px; color:#EEEEEE; text-decoration:none; font-size:13px; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.hmenu li a:visited { color:white; }
.hmenu li a b {float:left; display:block; padding:0 16px 0 8px;}
.hmenu li.current a {color:#ff9933; background:url(../images/hmenu_2.gif);}
.hmenu li.current a b {background:url(../images/hmenu_2.gif) no-repeat right top;}
.hmenu li a:hover {color:#fff; background:#000 url(../images/hmenu_1.gif);}
.hmenu li a:hover b {background:url(../images/hmenu_1.gif) no-repeat right top;}
.hmenu li.current a:hover {color:#ff9933; background:#000 url(../images/hmenu_2.gif); cursor:default;}
.hmenu li.current a:hover b {background:url(../images/hmenu_2.gif) no-repeat right top;}

/* ----------------------- END mainmenu END ----------------------- */


/* ----------------------- submenu ----------------------- */
#menu{
	width:208px;
	/*border:1px solid #cccccc;*/
	padding:6px;
	/*margin:15px 0 0 15px;*/
	margin: 0px;
	float: right;

background:#fff;
background: rgba(255, 255, 255, 0.6);

-moz-border-radius: 6px;						/*for Firefox*/
-webkit-border-radius: 6px;						/*for Safari and chrome*/
border-radius: 6px;								/*CSS3*/
behavior: url(/common/css/border-radius.htc);	/*for IE*/
}

#menu img {
padding-bottom:5px;
}

#menu span img {
padding-bottom:0px;
}

#menu div#qrcode {
	font-size:65%;
	text-align:center;
}
#menu div#qrcode img {
	margin:2px;
	padding:1px;
	border:1px solid #CCC;
}




#menutop{
	background:#fff;
	width:208px;
	border:1px solid #cccccc;
	/*padding:3px;*/
	padding:0px;
	margin: 6px 0px 0px;
	float: left;

}
	#menu ul, #menutop ul{
		list-style:none;
		margin:0 0 6px;
		padding:0;
	}
		#menu li, #menutop li{
			list-style:none;
			display:block;
			border-bottom:1px solid #ffce88;
			font-weight:bold;
		}
			#menu li a, #menutop li a{
				list-style:none;
				display:block;
				background:#fbd346 url(../images/menu_006_bg.jpg) repeat-y left;
				color:#fff;
				text-transform:uppercase;
				font-size:15px;
				text-decoration:none;
				padding:10px 5px 9px 6px;
			}
				#menu li a:hover, #menutop li a:hover{
					background:#f7941d url(../images/menu_006_h.jpg) repeat-x top;
					border-right:1px solid #f7941d;
					color:#fff;
					text-decoration:none;
				}
			#menu li .current, #menutop li .current{
				list-style:none;
				display:block;
				background:#f7941d url(../images/menu_006_h.jpg) repeat-x top;
				color:#fff;
				text-transform:uppercase;
				font-size:15px;
				text-decoration:none;
				padding:10px 5px 9px 6px;
			}
				#menu li a.current, #menu li a:hover.current, #menutop li a.current, #menutop li a:hover.current{
					background:#f7941d url(../images/menu_006_h.jpg) repeat-x top;
					border-right:1px solid #f7941d;
					color:#fff;
					text-decoration:none;					
				}



/* ----------------------- footermenu ----------------------- */

.pagetop { display:block; width:150px; text-align: right; float:right; padding:5px 16px 5px 0px;}

#linebottom {
	border-bottom: 1px solid #006633;
	background: url(../images/footer_bg.gif) bottom repeat-x;
	height:163px;
}


#footerwrap {
	background: url(../images/footer.gif) 13px 13px no-repeat;/*left top repeat*/
	height:163px;
}

#footermenu {
	position: relative;
	left: 1px;
	width: 933px;
	height: 28px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;

background:#F8F8D3;
background: rgba(248, 248, 211, 0.6);

-moz-border-radius: 6px;						/*for Firefox*/
-webkit-border-radius: 6px;						/*for Safari and chrome*/
border-radius: 6px;								/*CSS3*/
behavior: url(/common/css/border-radius.htc);	/*for IE*/

	}

#footermenu ul {
	position: relative;
	width: 920px;
	height: 28px;
	padding: 5px 5px;
	margin: 0px 0px 0px 0px;
}

#footermenu li {
	border-right:1px dotted #CCCCCC;
	display: block;
	float: left;
	font-size: 80%;
	height: 18px;
	margin: 0;
	padding: 0px 7px;
}

#footermenu li.pagetop {
	border:none;
	float: right;
}


/* ----------------------- END footermenu END ----------------------- */

#footercorp {
color:#666666;
float:left;
font-size:75%;
line-height:125%;
margin:0;
padding:12px 0 0 3em;
text-align:left;
}

#footerreg {
color:#666666;
float:right;
font-size:75%;
line-height:125%;
margin:0;
padding:12px 3em 0 0;
text-align:left;

}


#copyright {
	color:#FFFFFF;
	font-size: 75%;
	margin:0;
	padding-top:12px;
	text-align:center;
	}