@charset "utf-8"; 

/* reset
-------------------------------------- */
* {margin: 0;padding: 0;}
html{overflow-y: scroll;}
body {
	font-size:85%; /* 基本のフォントサイズ */
	line-height: 1.6em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333;
	margin: 0;
	padding: 0;
	}

a:link, a:visited {color: #6fad00; text-decoration:underline}
a:hover, a:active {color: #6fad00; text-decoration:none}
.clearfix{zoom:1;/*for IE 5.5-7*/overflow:hidden}
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden}	
.imglink a:hover img {opacity:0.7;	filter:alpha(opacity=70);-moz-opacity: 0.7}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
	}

dl{display:inline-block;min-height:1%}
* html dl{height: 1%}
dl{display: block}
.clearfix:after { content: ""; display: block; clear: both}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
a{ outline:none}

/* header
--------------------------*/
#header-bg {
	clear:both;
	margin:0 auto;
	background:#fff;	
	}

#header{
	margin:0 auto;
	width: 960px;
	overflow:hidden;
	background:#fff;
	padding:20px 0;
	}

#logo{
	float:left;
	width:485px;
	}

#header-right{
	float:right;
	width:411px;
	}

/* navi
------------------ */
#navi-bg {
	clear:both;
	margin:0 auto;
	background:url(../images/bg_navi.jpg);		
	}

#navi {
	clear:both;
	margin:0 auto;
	width:960px;
	line-height:0;
	vertical-align:bottom;
	height:72px;
	}
	
#navi ul{
	line-height:0;
	}

#navi li{
	float:left;
	height:72px;
	list-style:none;
	line-height:0;
	vertical-align:bottom}

#navi img{display:block}	

/* main
------------------ */
#main-bg {
	clear:both;
	margin:0 auto;
	background:url(../images/bg.jpg) no-repeat top center;	
	}

#main {
	clear:both;
	margin:0 auto;
	width:960px;
	line-height:0;
	padding-top:20px;
	vertical-align:bottom;
	height:360px;
	}	

/* pagebody-pre
--------------------------*/
#pagebody-bg-pre{
	clear:both;
	margin:0 auto;
	}

#pagebody-pre{
	margin:0 auto;
	width: 960px;
	padding:0 0 10px 0;
	background:url(../images/bg_page.jpg) repeat-y;
	}	

/* pagebody
--------------------------*/
#pagebody-bg{
	clear:both;
	margin:0 auto;
	}

#pagebody{
	margin:0 auto;
	width: 960px;
	margin-top:20px;
	padding:0 0 10px 0;
	background:url(../images/bg_page.jpg) repeat-y;
	}	

/* left right
--------------------------*/
#left{
	float:left;
	width:700px;
	}
	
#right{
	float:right;
	width:200px;
	padding:20px;
	}
	
.right_box{
	background:#fff;
	border:1px solid #ccc;
	padding:19px;
	}	

/* footer 1
-------------------------- */
#footer-bg{
	clear:both;	
	margin:0 auto;
	background:#6fad00;
	}

#footer{	
	width:960px;
	margin:0 auto;
	padding:20px 0
	}

address{
	float:left;
	width:303px;
	margin-top:8px;
	}
	
#footer p{
	float:right;
	width:30px;
	}	

/* footer 2
-------------------------- */		
#footer-bg2{
	clear:both;	
	margin:0 auto;
	background:#666666;
	}

#footer2{
	width:960px;
	margin:0 auto;
	padding:30px 0;
	}	

.flink-ul{
	width:700px;
	list-style:none;
	margin-left:170px;
	}

.flink-ul li{
	float:left;
	font-size:80%;	
	border-right:1px solid #fff;	
	padding:0 20px
	}

.flink-ul a:link,
.flink-ul a:visited {
	color: #fff;
	text-decoration:none;
	}

.flink-ul a:hover,
.flink-ul a:active {
	color: #fff;
	text-decoration:underline
	}	

.flink-ul li.first{ padding:0 10px 0 0 }
.flink-ul li.last{border:none;}

/* index
-------------------------- */
.p01-box1{
	background:#ececec url(../images/top_img04.jpg) no-repeat 20px 20px;
	border:1px solid #ccc;
	padding:45px 19px 19px 19px;
	margin-bottom:20px;
	}
	
.p01-box1 p{
	font-size:10px;
	text-align:center;
	border-bottom:3px solid #333;
	padding-bottom:10px;
	margin-bottom:25px;
	}	
	
/* input
------------------------------*/
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴｴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif}
input[type="text"], input[type="password"], select{border:1px solid #ccc;padding:4px;}
textarea{font-size:100%;border:1px solid #ccc;padding:4px;width:98%;}
input[type="text"]:hover,
input[type="password"]:hover,
select:hover[type="password"]{border:1px solid #ccc;padding:4px;line-height:normal;}
textarea:hover{border:1px solid #999;padding:4px;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{border:1px solid #ccc;padding:4px;background:#f6f6f6;}
textarea{ font-size:12px;width:450px}
#form_button {padding: 20px 40px;}
.form-ss{width:60px}
.form-s{width:150px}
.form-m{width:250px}
.form-l{width:450px}
.form-h{width:650px}
.input{ padding:5px;}

/* table
------------------------------*/	
.table{
	border:1px solid #ccc;
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;
	background:#fff;
	word-break: break-all;	
	}

.table td{
	padding:8px 10px;	
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px #fff solid;
	}

.table th{
	background:#eee;
	border-top:1px #fff solid;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	padding:6px 8px;
	text-align:center
	}

.table .need{background:url(../images/icon_need.gif) no-repeat 95% center #eee;}
.table span{font-size:80%;}	

/* table
------------------------------*/	
.table2{
	border:0px solid #ccc;
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;
	word-break: break-all;	
	}

.table2 td{	
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;
	border-top:0px #fff solid;
	}

/* table th td
------------------------------*/
.th20 th{width:20%}
.th25 th{width:25%}
.th30 th{width:30%}
.th40 th{width:40%}

.td1{
	background:#eee;
	font-weight:bold;
	text-align:center;
	}

/* common
------------------------------*/
p{margin-bottom:0}
img {border: 0}
ul {list-style:none}
.f-left{float:left}
.f-right{float:right}
.ctr{text-align:center}
.rgt{text-align:right}
.lft{text-align:left}
.clear {clear:both; margin:0;padding:0}
.bold{font-weight:bold}

.red {color:#F00}	
.blue{color:#3366cc}
.navy{color:#10355a}

.lhn{line-height:normal; margin-bottom:20px;}
	
.w40{width:40px;}
.w60{width:60px;}	
.w80{width:80px;}	
.w110{width:110px;}	
.w120{width:120px;}	
.w140{width:140px;}
.w150{width:150px;}	
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}	
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w240{width:240px;}	
.w250{width:250px;}	
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}	
.w300{width:300px;}	
.w310{width:310px;}	
.w320{width:320px;}	
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w370{width:370px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w640{width:640px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w700{width:700px;}
.w740{width:740px;}
.w750{width:750px;}
.w760{width:760px;}
.w820{width:820px;}
.w860{width:860px;}
.w900{width:900px;}
.w920{width:920px;}

.fs85{font-size:85%}
.fs90{font-size:90%}
.fs110{font-size:110%}
.fs120{font-size:120%}
.fs140{font-size:140%}
.fs200{font-size:200%}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}

.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr11{ margin-right:11px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr25{ margin-right:25px}
.mr30{ margin-right:30px}

.ml20{ margin-left:30px}
.mt10{ margin-top:10px}
.mt30{ margin-top:30px}

.pl20{ padding-left:20px}

/*----順不同リスト--------------------*/
/* 画像リストあり */
ul.ul_mark {list-style:none;}
ul.ul_mark li{
	padding:3px 0 3px 10px;
/*	background:url(../images/mark.jpg) no-repeat 0 50%;*/
	padding-left:25px;}
	
/* リストなし */	
ul.ul_none {list-style:none}
ul.ul_none li{padding:3px 0}

/* ディスク */	
ul.ul_disc{list-style: disc;}
ul.ul_disc li{margin-left: 24px}

/* 数字振り */
ul.ul_decimal{list-style:decimal;padding-left:22px;}
ul.ul_decimal li{padding:3px 0px;
border-bottom:1px dotted #999;}	


/*----順序リスト-----------------------*/
/*小文字のアルファベット*/
ol.ol_lower-latin{
	list-style:lower-latin;
	padding-left:22px;}
ol.ol_lower-latin li{margin-left: 24px;
padding:3px 0px;
border-bottom:1px dotted #999;
}	

/*2進法*/
ol.ol_decimal{list-style: decimal;}
ol.ol_decimal li{margin-left: 24px;}

/*olノーマル　左余白つき*/
ol.ol_normal li{margin-left: 24px;}

/*ol　数字　視覚的*/
ol.ol_number {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */

}
ol.ol_number li {
    position:relative; /* Create a positioning context */
    margin:0 0 1px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:8px 8px 8px 20px;
    border-top:1px solid #ccc;
}
ol.ol_number li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-2em;
    width:2em;
    padding:8px 6px;
    border-top:1px solid #0066cc;
    color:#fff;
	background:	#3366cc;
	background: -moz-linear-gradient(
		top,
		#3399cc 0%,
		#3366cc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#3399cc),
		to(#3366cc));	
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

/* title
------------------------------*/
h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
	clear:both
	}

.title01{
	font-size:130%;	
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:3px solid #333;
	padding:0 0 3px 0
	}

.title02{
	font-size:110%;	
	font-weight:bold;
	margin-bottom:10px;
	padding:6px 0 4px 0;
	border-top:4px solid #6fad00;
	border-bottom:1px dotted #999;
	}

.title03{
	font-size:110%;		
	font-weight:bold;
	color:#fff;
	background:#6fad00;
	padding:8px 15px 6px 15px;
	margin-bottom:20px;
	}
	
.title04{
	font-size:110%;	
	font-weight:bold;
	padding:0 5px;
	border-left:5px solid #6fad00;
	margin-bottom:10px;
	}	

/* print
----------------------------*/	
@media print{
	}