/* CSS Document */

/*  base  */
body{
	background-image:url(../images/bg.gif);
	background-position:center top;
	background-repeat:repeat-x;
	font-size:12px;
	line-height:20px;
	color:#444;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Helvetica',Arial,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}

a {
	color: #555;
	text-decoration:none
}

a img {
	color: #000;
	border: none;
}

a:visited {
	color: #555;
	text-decoration:none;
}

a:hover {
	color: #000;
	text-decoration:underline;
}


* {
	margin: 0;
	padding: 0;
}

img{border:0px;}

form{
	margin:0px;
	padding:0px;
}

.clear{clear:both;}
.col{color:#CC9933;}
.col-red{color:#C82A38;}
.col-green{color:#008572;}
.col-w{color:#ffffff;}
.col-bl{color:#000000;}
.col-gry{color:#444444;}

.txt11{
	font-size:11px;
	line-height:18px;
}
.txt12{
	font-size:12px;
	line-height:18px;
}

.txt14{
	font-size:14px;
	line-height:20px;
}

.txt16{
	font-size:16px;
	line-height:22px;
}
.txt18{
	font-size:18px;
	line-height:24px;
}
.txt20{
	font-size:20px;
	line-height:26px;
}
.txt24{
	font-size:24px;
	line-height:26px;
}
.txt30{
	font-size:30px;
	line-height:32px;
}



/*==================  header  ==================*/
#header{
	width:950px;
	margin:0px auto 0px auto;
}

#header_text{
	height:24px;
	color:#CCC;
	font-size:10px;
	line-height:24px;
	text-align:center;
}
#header_menu{
	position:relative;
	width:950px;
	height:55px;
	text-align:left;
}

#header_menu h1{
/*	position:absolute;
	left:0px;
	top:20px;*/
	padding:20px 0px 0px 0px;
	text-align:left;
}


/*　====================　[btn] menu LOGO HOME　====================　*/
/*
#header_menu h1 {
	position:absolute;
	left:0px;
	top:20px;
	background:url(../images/logo.gif);	
	width:170px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

#header_menu h1 a{
	background:url(../images/logo.gif);	
	width:170px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}
*/

/*==================  menu  ==================*/


#header_menu #header_menu_box{
	position:absolute;
	left:408px;
	top:20px;
	width:498px;
	height:35px;
}
#header_menu_box li{
	float:left;
}
/*　====================　[btn] menu01　====================　*/
.menu01 {
	background:url(../images/menu_01_on.gif);	
	width:130px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu01 a{
	background:url(../images/menu_01_off.gif);	
	width:130px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu01 a:hover{
	background:none !important;
	width:130px;
	height:35px;
	font-size:1px;
}

/*　====================　[btn] menu02　====================　*/
.menu02 {
	background:url(../images/menu_02_on.gif);	
	width:93px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu02 a{
	background:url(../images/menu_02_off.gif);	
	width:93px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu02 a:hover{
	background:none !important;
	width:93px;
	height:35px;
	font-size:1px;
}

/*　====================　[btn] menu03　====================　*/
.menu03 {
	background:url(../images/menu_03_on.gif);	
	width:92px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu03 a{
	background:url(../images/menu_03_off.gif);	
	width:92px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu03 a:hover{
	background:none !important;
	width:92px;
	height:35px;
	font-size:1px;
}


/*　====================　[btn] menu04　====================　*/
.menu04 {
	background:url(../images/menu_04_on.gif);	
	width:66px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu04 a{
	background:url(../images/menu_04_off.gif);	
	width:66px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu04 a:hover{
	background:none !important;
	width:66px;
	height:35px;
	font-size:1px;
}

/*　====================　[btn] menu05　====================　*/
.menu05 {
	background:url(../images/menu_05_on.gif);	
	width:117px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu05 a{
	background:url(../images/menu_05_off.gif);	
	width:117px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu05 a:hover{
	background:none !important;
	width:117px;
	height:35px;
	font-size:1px;
}


/*　====================　[btn] menu HOME　====================　*/

.menu_home_off {
	position:absolute;
	left:914px;
	top:20px;
	background:url(../images/menu_home_off.gif);	
	width:36px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu_home {
	position:absolute;
	left:914px;
	top:20px;
	background:url(../images/menu_home_off.gif);	
	width:36px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu_home a{
	background:url(../images/menu_home_on.gif);	
	width:36px;
	height:35px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.menu_home a:hover{
	background:none !important;
	width:36px;
	height:35px;
	font-size:1px;
}














/*==================  TOP foot navi  ==================*/



#foot_navi{
	width:950px;
	margin:5px auto 40px auto;
	padding:0px 0px 0px 0px;
}



#foot_navi_lbox{
	float:left;
	width:404px;
	font-size:12px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 37px;
}
#foot_navi_rbox{
	float:left;
	width:480px;
	font-size:12px;
	line-height:18px;
}
#foot_navi .navi_title{
	margin:0px 0px 20px 0px;
}
#foot_navi ul{
	margin:0px 0px 43px 0px;
}
#foot_navi li{
	margin:0px 0px 6px 1px;
	padding-left: 16px;
    background: url(../images/point_01.gif) no-repeat 0px 0.5em;
    list-style: none;
}

/*===== foot navi 2 ====*/

#foot_navi2_box{
	width:950px;
	margin:20px auto 0px auto;
	background-image:url(../images/foot_navi2_tb2.gif);
	background-repeat:repeat-y;
}
#foot_navi2_top{
	width:950px;
	height:12px;
	margin:0px auto 28px auto;
	padding:0px 0px 0px 0px;
	background-image:url(../images/foot_navi2_tb1.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
}

#foot_navi2_bottom{
	width:950px;
	height:12px;
	margin:0px auto 0px auto;
	padding:16px 0px 0px 0px;
	background-image:url(../images/foot_navi2_tb3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
}

#foot_navi2_box .navi_title{
	margin:0px 0px 20px 0px;
}
#foot_navi2_box .navi_title2{
	margin:43px 0px 20px 0px;
}
#foot_navi2_box ul{
	margin:0px;
	padding:0px;
}
#foot_navi2_box li{
	margin:0px 0px 6px 1px;
	padding-left: 16px;
    background: url(../images/point_01.gif) no-repeat 0px 0.5em;
    list-style: none;
}



/*==================  footer  ==================*/

#footer{
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer_line.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
}
#footer .menu{
	padding:22px 0px 32px 0px;
}

#footer .menu .line{
	width:9px;
	height:14px;
	margin:0px 7px 0px 7px;
	padding:0px 0px 0px 28px;
    background: url(../images/footer_menu_line.gif) no-repeat 0px 0.1em;
}
#footer .menu .line2{
	width:9px;
	height:14px;
	margin:0px 0px 0px 7px;
	padding:0px 0px 0px 18px;
    background: url(../images/footer_menu_line.gif) no-repeat 0px 0.1em;
}

#footer .copyright{
	font-size:10px;
	color:#888;
	line-height:12px;
	margin:12px 0px 12px 0px;
}




/*　====================　[btn] btn_top1　====================　*/

.page_top_box0{
	position:relative;
	width:600px;
	height:10px;
	margin:0px 0px 0px 0px;
}

.btn_top0 {
	position:absolute;
	top:-24px;
	left:523px;
	background:url(../images/page_top_on.gif);	
	width:77px;
	height:33px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.btn_top0 a{
	background:url(../images/page_top_off.gif);	
	width:77px;
	height:33px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.btn_top0 a:hover{
	background:none !important;
	width:77px;
	height:33px;
	font-size:1px;
}


/*　====================　[btn] btn_top1　====================　*/
.page_top_box1{
	position:relative;
	width:600px;
	height:33px;
	margin:43px 0px 0px 0px;
}


.btn_top1 {
	position:absolute;
	top:0px;
	left:523px;
	background:url(../images/page_top_on.gif);	
	width:77px;
	height:33px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.btn_top1 a{
	background:url(../images/page_top_off.gif);	
	width:77px;
	height:33px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.btn_top1 a:hover{
	background:none !important;
	width:77px;
	height:33px;
	font-size:1px;
}


/*　====================　[btn] btn_top2　====================　*/
.page_top_box2{
	position:relative;
	width:940px;
	height:33px;
	margin:8px auto 50px auto;
}
.btn_top2 {
	position:absolute;
	top:0px;
	left:863px;
	background:url(../images/page_top_on.gif);	
	width:77px;
	height:33px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.btn_top2 a{
	background:url(../images/page_top_off.gif);	
	width:77px;
	height:33px;
	overflow: hidden;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

.btn_top2 a:hover{
	background:none !important;
	width:77px;
	height:33px;
	font-size:1px;
}


/*　====================　[btn] btn_top3　====================　*/
.page_top_box3{
	position:relative;
	width:600px;
	height:33px;
	margin:8px auto 30px auto;
}