@charset"euc-jp";

/*default css reset*/
*{
   margin:0px;
   padding:0px;
   font-size:100%;
   font-style:normal;
   text-decoration:none;
   }
img{
   border:none;
   vertical-align:top;
   }
li{list-style-type: none;}
/*flat clear*/
.f_clear{clear:both; font-size:0px;}

/*flaot親BOXに設定*/   
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clearfix {display: inline-block;}
 /* Hides from IE-mac \*/ 
 * html .clearfix {height: 1%;}
  .clearfix {display: block;} 
  /* End hide from IE-mac */

body{
   	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color:#E6E3Eb;
	font-size:small;
	line-height:1.5;
	color:#333333;
	}
/*リンクカラー*/
a{color:#990000;}
a:hover{color:#FF3300;  text-decoration:underline;}
		
/*赤文字*/
.red{color:#FF0000;}

/*赤太文字*/
.red_big{color:#FF0000;font-weight:bold;}


/*全体のフレーム設定*/
#container{
	background-color:#F5F5F5;
	width:810px;
	background-image: url(../img/bg_03.jpg);
	background-repeat: repeat-y;
	background-position: right;
   }
/*グラデーション背景用*/ 
#upper_wrap{
	background-image: url(../img/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding:0 10px 0 0;
    } 
/*------------*/   
#header{
	height:78px;
	border-bottom:solid 1px #AAAAAA;
	background-image: url(../img/head_bg.jpg);
	background-repeat: no-repeat;
	margin:0 0 1px 0;
   }
#header h1{
    font-weight:normal;
	color:#AAAAAA;
	font-size:11px;
	padding:8px 0 0 10px;
	}
  #logo{ margin:15px 0 0 20px;}　
	
/*------------*/
ul#navi{width:800px;}
ul#navi li{float:left;}
ul#navi li a{text-indent:-9999px; display:block; height:40px;}

ul#navi li.navi01 a{width:84px; background-image:url(../img/navi_01.jpg);}
ul#navi li.navi02 a{width:120px; background-image:url(../img/navi_02.jpg);}
ul#navi li.navi03 a{width:90px; background-image:url(../img/navi_03.jpg);}
ul#navi li.navi04 a{width:86px; background-image:url(../img/navi_04.jpg);}
ul#navi li.navi05 a{width:100px; background-image:url(../img/navi_05.jpg);}
ul#navi li.navi06 a{width:109px; background-image:url(../img/navi_06.jpg);}
ul#navi li.navi07 a{width:88px; background-image:url(../img/navi_07.jpg);}
ul#navi li.navi08 a{width:123px; background-image:url(../img/navi_08.jpg);}

ul#navi li a:hover{background-position:0 -40px;}

/*-----------*/
#contents{margin:15px 20px 0px 20px; width:760px;}
#con_right{float:right; width:590px;}
h3.title{margin:0 0 15px 0;}
#sub_wrap{margin:0 0 30px 0;}

/*contents_bg*/
div.bg_top{background-image:url(../img/con_bg_top.jpg); background-repeat:no-repeat; height:22px;}
div.bg_mid{background-image:url(../img/con_bg_mid.jpg); background-repeat:repeat-y; padding:0 35px;}
div.bg_bottom{background-image:url(../img/con_bg_bottom.jpg); background-repeat:no-repeat; height:27px;}


/*-----------*/
#add{margin:0;}
 .f_logo{margin:10px 0;}

/*----------*/
#f_add{margin:30px 20px 0 20px ; padding:13px 10px 10px 10px; background-image:url(../img/f_add_line.gif); background-repeat:no-repeat;}
#f_add img{
	vertical-align: middle; margin:0 15px 0 0;}



/*-----------*/
ul#footer{
	background-image:url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 top;
	margin:0 10px 0 0;
	text-align:center;
}
ul#footer li{
	display:inline;
	background-image: url(../img/arrow02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:13px;
	margin-right:10px;
	line-height:4;
}
ul#footer li a{color:#666666;}
ul#footer li a:hover{color:#FF3300;  text-decoration:underline;}

/*-----------*/
#copy{
	background-image: url(../img/copy.jpg);
	background-repeat: no-repeat;
	height:28px;
	margin:0 10px 0 0;
	text-align:center;
	color:#FFFFFF;
	line-height:2.2; 
}

/*-----------------*/
.back_top{
    margin:0 0 20px 440px;
	}
.back_top a{
    display:block;
	background-position:0 -23px;
	width:148px;
	height:23px;
	background-image:url(../img/pagetop.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
.back_top a:hover{
    background-position:0 0;
	}