@charset "EUC-JP";

html,body{ height: 100%;}

body{
	margin:0;
	padding:0;
	/*padding-left:1px;*/
	text-align:center;
	
	}
	
html>/**/body{/* for Modern browsers only not IE 7 */
	overflow:-moz-scrollbars-vertical;
	/* overflow-y:scroll; */
}

html:first-child body{/* for Opera 9 and below */
	min-height:100%;
}

html>/**/body abbr[title] , acronym[title] {
	border-bottom : thin #333 dotted;
	cursor : help;
}

.clearfix:after {
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

form{
	margin:0;
	padding:0;
	}



/* メインコンテナ用 */
#container {
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	position:relative;
}

#container-inner {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	_height:100%;
	min-height:100%;
	text-align:left;
	border-top:5px solid #284b92;
}



/* ヘッダー用 */
#header {
	position: relative;
	width:800px;
	height:99px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#siteLogo{
	width:240px;
	height:55px;
	position:absolute;
	top:10px;
	left:0px;
	margin:0;
}

#siteLogo a{
	width:240px;
	height:55px;
	display:block;
	text-indent:-9999px;
	background:url(../image/site_logo.gif) no-repeat top left;
}


#header ul,
#header li{
	margin:0;
	padding:0;
	list-style:none;
	}

#menu{
	position:absolute;
	bottom:0;
	_bottom:-1px;/*winIE6*/
	right:0px;
	width:800px;
	height:30px;
	}

#menu li{
	height:30px;
	float:left;
	}

#menu a{
	display:block;
	text-indent:-9999px;
	height:30px;
	width:160px;
	background:url(../image/menu.jpg) no-repeat;
	}
	
#menu #navi01{background-position:0 -30px; width:160px;}
#menu #navi02{background-position:-160px -30px;}
#menu #navi03{background-position:-320px -30px;}
#menu #navi04{background-position:-480px -30px;}
#menu #navi05{background-position:-640px -30px;}

#menu a#navi01:hover, #menu #navi01act {background-position:0 0px; width:160px;}
#menu a#navi02:hover, #menu #navi02act {background-position:-160px 0px;}
#menu a#navi03:hover, #menu #navi03act {background-position:-320px 0px;}
#menu a#navi04:hover, #menu #navi04act {background-position:-480px 0px;}
#menu a#navi05:hover, #menu #navi05act {background-position:-640px 0px;}

#menu2{
	position:absolute;
	top:2px;
	left:590px;
	width:220px;
	list-style:none;
	margin:0;
}

#menu2 li{
	float:left;
	margin:0;
	padding:0;
	color: #666;
	width:105px;
	height:13px;
	text-indent:-9999px;
}


#menu2 li.menu201 a {
	display:block;
	width:105px;
	background:url(../image/menu2_01.gif) 0 0 no-repeat;
}

#menu2 li.menu202 a {
	display:block;
	width:105px;
	background:url(../image/menu2_02.gif) 0 0 no-repeat;	
}



/* ボディ用 */
#pagebody {
	margin:10px auto 0;
	padding:0 0 110px;
	width:800px;
	text-align:left;
	
	}



/* パンくずリスト */
#pagebody #pankuzuNavi {
	margin:20px 0 0;
	padding:0 5px;
	list-style:none;
	margin-bottom:10px;
	}

#pagebody #pankuzuNavi li {
	display:inline;
	margin: 0;
	padding: 0;
	color: #666666;
	font-size:11px;
	line-height:25px;
	}

#pagebody #pankuzuNavi a:link,
#pagebody #pankuzuNavi a:visited{
	color:#666666;
	}

#pagebody #pankuzuNavi a:hover{
	color:#333333;
	}




/* 左右ボックス用 */
#leftBox{
	float:left;
	width:380px;
	padding-bottom:15px;
	}
	
#rightBox{
	float:right;
	width:380px;
	padding-bottom:15px;
	}
	
#centerBox{
	width:780px;
	margin:10px;
	padding-bottom:15px;
	}


	
/* フッター用 */
#footer {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	margin: 0;
	height:100px;
}

#footer-inner {
	
	width:800px;
	margin: 0 auto;
	text-align:left;
	padding-top:10px;
	background:url(../image/blue_line.gif) 0 0 repeat-x;
}

/* フッターナビ用 */
#footNavi{
	width:800px;
	list-style:none;
	margin:0;
	padding:0;
}

#footNavi li{
	float:left;
	margin:0;
	padding:0;
	height:13px;
	text-indent:-9999px;
}

#footNavi li.fmenu01 a {
	display:block;
	width:68px;
	background:url(../image/footer_menu_01.gif) 0 0 no-repeat;
}
#footNavi li.fmenu02 a {
	display:block;
	width:129px;
	background:url(../image/footer_menu_02.gif) 0 0 no-repeat;
}

#footNavi li.fmenu03 a {
	display:block;
	width:125px;
	background:url(../image/footer_menu_03.gif) 0 0 no-repeat;
}

#footNavi li.fmenu04 a {
	display:block;
	width:45px;
	background:url(../image/footer_menu_04.gif) 0 0 no-repeat;
}

/* コピーライト用 */
address {
	text-align:center;
	margin:7px 0 0;
}



/* ページトップ用 */
p#pagetop {
	width:120px;
	height:30px;
	position:absolute;
	top:30px;
	right:0;
	margin:0;
}

#pagetop a{
	width:120px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background:url(../../image/common/pageTop.gif) no-repeat;
}

#pagetop a:hover{
	background-position:left -30px;
}

/* 左サイド用 */
#leftBox h2, #leftBox h3, #leftBox h4, 
#rightBox h2, #rightBox h3, #rightBox h4,
#centerBox h2, #centerBox h3, #centerBox h4 {
	padding:0;
	margin:0;
	text-indent:-9999px;
	}
	
#leftBox ul, #leftBox li,
#rightBox ul, #rightBox li{
	list-style:none;
	margin:0;
	padding:0;
	}

/*共通クラス設定*/
.hidden{
	display:none;
	}

.btm5{margin-bottom:5px;}
.btm10{margin-bottom:10px;}
.btm15{margin-bottom:15px;}
.btm20{margin-bottom:20px;}
.btm30{margin-bottom:30px;}
.btm40{margin-bottom:40px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top50{margin-top:50px;}

.noBdr{
	border:none;
	}

.red{color:#CC0000;}
.blue{color:#369;}

.small { font-size:0.8em}

input.noBdr:hover{
	border:none;
	}
	
.bdrBox01{
	border:solid 4px #f2efe8;
	background:#f2efe8;
	}

.bdrBox01Inner{
	border:solid 1px #c7c4be;
	padding:2px;
	background:#fff;
	}
	
.bdrBox01Inner2{
	border:solid 1px #c7c4be;
	padding:5px;
	background:#fff;
	}

span.icon {
	margin-left: 2px;
	height: 1.7em;
	line-height: 1.6;
	vertical-align: middle;
}

span.icon img {
	vertical-align: middle;
}

/*IE6用Hacks*/
#pagebody{_padding:0 0 30px;}
#footer{_position:relative;}