@charset 'UTF-8';

@import url("contents.css");

html{ height:100%;} 

body {
	height:100%;
	color:#000;
	margin:0px;
	text-align:center;
	}

#container {
	width:902px;
	height:100%;
	min-height:100%;
	margin:0px auto;
	padding:0px;
	position:relative;
	background:url(../img/baseline.gif) repeat-y top center #FFF;
}

body > #container{ height:auto; }

.contentsframe{ width:900px; margin:0px auto 0px;}
.contents860{ width:860px; margin:0px auto 0px;}


/* ____ header ____ */
#head{ background:url(../img/header.gif) no-repeat top center; height:66px; }
#head h1 a{ display:block; width:900px; height:66px; margin:0px auto; }	

	 
/* ____ footer ____ */

#copyright{ font-size:110%; padding-right:20px; text-align:right;}

/*____navi____*/
#navi{ width:900px; height:31px; margin:0px auto; background:#000;}
#navi li{ display:inline; }
#navi li a{ display:block; height:31px; float:left; background: url(../img/navi_upper.gif) no-repeat left top; position:absolute; top:66px;}

#navi .news a{width:154px;background-position: 0px 0px; left:0px;}
#navi .list a{width:136px;background-position: -152px 0px; left:154px;}
#navi .faq a{width:100px;background-position: -304px 0px; left:290px;}

#navi .news a:hover{width:154px;background-position: 0px -32px; left:0px;}
#navi .list a:hover{width:136px;background-position: -152px -32px; left:154px;}
#navi .faq a:hover{width:100px;background-position: -304px -32px; left:290px;}

.menu_news #navi .news a, .menu_news #navi .news a:hover{width:154px;background-position: 0px -32px;}
.menu_list #navi .list a, .menu_list #navi .list a:hover{width:136px;background-position: -152px -32px;}
.menu_faq #navi .faq a, .menu_faq #navi .faq a:hover{width:100px;background-position: -304px -32px;}

/*____navi foot____*/
#navi_foot{ width:900px; height:20px; margin:20px auto 0px;}
#navi_foot li{ display:inline; }
#navi_foot li a{ display:block; height:20px; float:right; background: url(../img/navi_foot.gif) no-repeat left top;}

#navi_foot .about a{width:140px;background-position: 0px 0px;}
#navi_foot .contact a{width:112px;background-position: -140px  0px;}

#navi_foot .about a:hover{width:140px;background-position: 0px -21px;}
#navi_foot .contact a:hover{width:112px;background-position: -140px -21px;}

.menu_about #navi_foot .about a, .menu_about #navi_foot .about a:hover{width:140px;background-position: 0px -21px;}
.menu_contact #navi_foot .contact a, .menu_contact #navi_foot .contact a:hover{width:112px;background-position: -140px -21px;}

/* ____ top flash ____ */
#flash_area{ margin:0px 0px;}

/* ____ common parts ____ */

.hrbr { border-bottom: 1px solid #c7c8a9; background: transparent; margin:10px auto; padding:0px; height:1px; font-size:1%; }
.hrdot { background: url(../img/line_dotted.gif) repeat-x 0px 0px; margin:4px auto; padding:0px; height:9px; font-size:1%; }


.tablesize560{ width:560px;}
.table_base{ background:#c7c8a9; font-size:100%; margin:20px auto; text-align:left;}
.table_base th{ background:#CFD798; padding:10px; white-space: nowrap;text-align:right;}
.table_base td{background:#FFF; padding:10px;}

/* ____ versatile elements ____ */

a{ color:#E60122;}
a:hover{ text-decoration: none;}

img{ border:0px; }
dl{ margin:0px 0px; }
h1,h2,h3,h4,h5,form,p,ul,ol,li,dt,dd{ margin:0; padding:0; }
ul li, ol li{ list-style-type:none; }

ul li{ list-style-type:none; }
.list{
	padding-left:20px; }
	.list ul li{
		list-style-type: disc;
		margin-left:10px; }
	.list ol li{
		margin-left:15px;
		list-style: decimal; margin-bottom:10px;}
	.list ol li{ font-weight:bold; color:#758046;}
	.list ol li p{ font-weight:normal; color:#333;}


.nowrap{ white-space: nowrap; }

table img{ vertical-align:middle; }


/* ____ versatile class ____ */
.floatleft{ float:left;}
.floatright{ float:right;}

.pad10{ padding:10px;}
.padT{ padding-top:10px;}
.padT20{ padding-top:20px;}
.padL{ padding-left:10px;}
.padL15{ padding-left:15px;}
.padR{ padding-right:10px;}
.padB{ padding-bottom:10px;}
.padB20{ padding-bottom:20px;}
.padB15{ padding-bottom:15px;}
.padTB10{ padding-top:10px; padding-bottom:10px;}
.padTB5{ padding-top:5px; padding-bottom:5px;}

.mrg10{ margin:10px;}
.mrgL{ margin-left:10px;}
.mrgR{ margin-right:10px;}
.mrgT{ margin-top:10px;}
.mrgT20{ margin-top:20px;}
.mrgB{ margin-bottom:10px;}
.mrgB5{ margin-bottom:5px;}
.mrgB8{ margin:0 0 8px 0;}
.mrgR8{ margin:0 8px 0 0;}
.mrgRB8{ margin-right:8px; margin-bottom:8px;}
.mrgB15{ margin-bottom:15px;}
.mrgB20{ margin-bottom:10px;}
.mrgC{ margin: 0px auto;}
.mrgTB20{ margin-bottom:20px; margin-top:20px;}
.mrgTB10{ margin-bottom:10px; margin-top:10px;}

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

.inline div{ display:inline;}

/*float-clear */
.cfl{ clear:both; height:0pt; line-height:0pt; font-size:1px; display:block; }
/*clearfix */
.clearfix:after{ clear:both; content:"."; display:block; height:0pt; visibility:hidden;}
/*clearfix IE6用*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/*clearfix IE7用*/
.clearfix{ zoom:1;}


/* ____ font color ____ */
.txt_br{ color:#A23219;}
.txt_gr{ color:#777;}
.txt_white{ color:#FFFFFF;}
.txt_green{ color:#758046;}
.txt_red{ color:#CC0000;}
.txt_orange{ color:#FF5600;}

.err{ color:#CC0000; font-weight:bold;}
.ok{ color:#0000CC; font-weight:bold;}
.bold{ font-weight:bold;}


/* ____ font size ____ */
#header,#container,#container_lit,#footer,table{
	font-size:x-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif; }

* html #header,* html #container,* html #container_lit,* html #footer,
* html table{
	font-size:x-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif;}

.lsize{ font-size:140%; line-height:1.8;}
.lsize0{ font-size:140%;}
.msize{ font-size:125%; line-height:1.8;}
.ssize{ font-size:104%; line-height:1.6;}
.ssize2{ font-size:106%; line-height:1.6;}
.xssize{ font-size:85%; line-height:1.4;}
.msize0{ font-size:120%;}

.alt{ position:absolute; top:-5000px; left:-999px;}

/*eof*/