@charset "utf-8";

/* 【共通設定】------------------------------------------
   ■1.初期状態
   ■2.リンク
   ■3.レイアウト共通
   ■4.各コンテンツ
   ■5.微調整用
-------------------------------------------------------- */


/* ■1.初期状態
---------------------------------------------------- */

* {
	font-family:Lucida Grande,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Helvetica,Arial,Sans-serif;
	margin: 0;
	padding: 0;
	letter-spacing:0;
	color:#333;
	-webkit-text-size-adjust: none;
}


html{
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
	background-color: #083c20;
}



/*文字サイズ*/


.s10 { font-size: 64%;line-height: 120%;}
.s12 { font-size: 78%;line-height: 140%;}
.s14 { font-size: 90%;line-height: 150%;}
.s16 { font-size: 100%;line-height: 180%;}

.f10 { font-size: 10px;line-height: 120%;}
.f12 { font-size: 12px;line-height: 140%;}
.f14 { font-size: 14px;line-height: 150%;}
.f16 { font-size: 16px;line-height: 180%;}



/*見出し*/


h1{
	font-weight:normal;
}


h2{
	font-weight:normal;
}

h3{
	border:solid 1px #b2b2b2;
	padding:5px 7px;
	background-color:#f2f2f2;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 40px;

}


h4 {
	font-size: 120%;
	font-weight:bold;
	line-height: 200%;
}
h5 {
	font-size: 100%;
	font-weight:bold;
	margin-top: 20px;
}
h6 {font-size: 78%;font-weight:normal;}



/*各種*/



img {
	border: none;
}

table {margin : 0;}
address {font-style:normal;}

sup{
	vertical-align:super!important;
	}


.c-both { clear: both;}
.hide { display: none; }


.ind{
	text-indent:-1em;
	margin-left:2em;
}



.m_center{
	margin-left:auto;
	margin-right: auto;
}

.pos_r{
	position:relative;
	}



.csrt{
	margin: 0px!important;
	padding: 0px!important;
	background:none!important;
}



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}

.clearfix {
  min-height: 1px;
}

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




/*色共通*/


.gre{
	color:#2C4C23;
}

.gre_b{
	color:#2C4C23;
	font-weight:bold;
}


.red{
	color:#CC0000;
}

.gre_b{
	color:#105A25;
	font-weight:bold;
}














/* ■2.リンク
---------------------------------------------------- */

a:link{text-decoration:none;color:#073289;}
a:visited{text-decoration:none;color:#073289;}
a:hover{text-decoration:underline;color:#8A98B0;}
a:active{text-decoration:underline;color:#8A98B0;}


#top_navi_area a:hover img{
   filter:alpha(opacity=80); 
   -moz-opacity:0.80; 
   opacity:0.80;
}


#detailbox a:hover img{
   filter:alpha(opacity=80); 
   -moz-opacity:0.80; 
   opacity:0.80;
}





/* ■3.レイアウト共通
---------------------------------------------------- */

/*ヘッダー共通*/


#head_bg{
	height:186px;
	background-color:#d7d7d7;
	border-bottom: solid 1px #cccccc;

}


#head_area{
	width:900px;
	height:186px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


#head_return{
	position: absolute;
	left: opx;
	top: 0px;
	width: 117px;
	height: 48px;
}



/*ページタイトル*/


#title_bg{
	height:56px;
	background-color:#276945;

}


#title_line{
	width:900px;
	height:56px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}



/*ページアップ*/


#pageup_bg{
	height:42px;
	background-color:#17572E;

}


#pageup_line{
	width:900px;
	height:42px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


#pageup_arrow{
	position: absolute;
	left: 350px;
	width: 200px;
	height: 42px;
	top: 0px;
}


/*フッター共通*/


#foot_bg{
	height: 122px;
	background-color: #083c20;
	clear: both;
}


#foot_area{
	width:900px;
	margin-left:auto;
	margin-right: auto;
	height: 122px;
	position: relative;
}



#foot_cp{
	position: absolute;
	left: 300px;
	width: 336px;
	height: 8px;
	top: 20px;
}




/* ■4.各種コンテンツ
---------------------------------------------------- */


/*TOP
---------------------------------------------------- */


#top_navi_bg{
	background-color:#f3f3f3;
}

#top_navi_area{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	background-color:#f3f3f3;
	text-align: center;
	padding-top:70px;
	padding-bottom:20px;

}


#top_navi_area ul{
}


#top_navi_area li{
	list-style-type:none;
	margin-bootm:30px;
	margin-bottom: 40px;
}




#top_book_bg{
	background-color:#f3f3f3;
}

#top_book_area{
	width:665px;
	margin-left: auto;
	margin-right: auto;
	background-color:#f3f3f3;
	padding-top:20px;
	padding-bottom:20px;
	height: 170px;
	position:relative;

}


#top_book_area_k{
	width:665px;
	margin-left: auto;
	margin-right: auto;
	background-color:#f3f3f3;
	padding-top:20px;
	padding-bottom:20px;
	height: 140px;
	position:relative;

}


#b_title{
	position:absolute;
	width:270px;
	height:35px;
	top: -35px;
	right: 0px;
}


#b_img01{
	position:absolute;
	width:100px;
	height:141px;
	top: 3px;
	right: 146px;
}


#b_img02{
	position:absolute;
	width:100px;
	height:141px;
	top: 3px;
	right: 20px;
}


#b_txt{
	position:absolute;
	width:230px;
	height:44px;
	top: 155px;
	right: 23px;
	font-size: 12px;
}







/* 2nd
---------------------------------------------------- */


#detail_bg{
	background-color:#ffffff;
}

.detailbox{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0px;
}



#detailbox p{
	text-indent:0em;
	margin-bottom: 0em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	font-size: 90%;
	line-height: 150%;
	padding: 0px 0px;
	}




.t_box{
	border-collapse: collapse;
	line-height: 120%;
	background-color: #FFFFFF;
	margin-bottom: 30px;
	}

.t_box caption{
	text-align:right;
	text-indent:0.8em;
	}

.t_box th{
	border: 1px solid #ccc;
	padding:20px 10px;
	font-weight: normal;
	color:#333333;
	background-color: #F1F1F1;
	vertical-align: middle;
	}

.t_box td{
	border: 1px solid #ccc;
	padding:20px 10px;
	background-color: #fcfcfc;
	}
	
.td_gry{
	background-color:#f6f6f6;
	font-weight:bold;
	}	
	
	
.td_yel{
	background-color:#FFFFCC;
	}	
		


/* リスト共通*/

.detailbox ol{
	margin-left:30px;
	}

.detailbox ul{
	margin-left:20px;
	list-style-type:none;
	margin-bottom: 50px;
	}

.detailbox ul li{
	margin-bottom:40px;
	background-image:url(../img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 0.3em;
	padding-left:20px;
	}



/* QA */

.faqs{
    margin-bottom:40px;
	}
	

.faqs dt{
	display:block;
	cursor:pointer;
	margin-bottom:35px;
	margin-left:20px;
	position:relative;
	color:#073289!important;
	}
	
.faqs dt:hover{
    cursor:pointer;
}


.faqs dd{
	background:#f7f7f7;
	border:dotted 1px #dddddd;
	margin-bottom:35px;
	margin-left:20px;
	padding:20px 20px 20px 80px;
	background-image:url(../img/qa_answer.gif);
	background-repeat:no-repeat;
	background-position:5px 21px;
	position:relative;
	}
	
.faqs .hover{
    text-decoration:underline;
}	
		



.fbtn{
	padding:10px 35px;
	font-size:16px;
	margin:8px;
}


#faq_sankou_q{
	font-size:16px;
	background-image: url(../img/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	margin-left:0px!important;
	margin-top:50px!important;
	font-weight:bold;
	margin-bottom: 20px;
}

#faq_sankou_a{
	background:none!important; 
	padding: 0px!important; 
	border: none!important;
}
	
	
	
/* 使い方 */
	

.guide_mokuji{
	margin-bottom:60px;
	}	
.guide_mokuji li{
	margin-bottom:20px;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* ■5.微調整用
---------------------------------------------------- */
	
	
.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.nowrap {
	white-space: nowrap !important;
}

.f-left {
	float: left !important;
}

.f-right {
	float: right !important;
}


/* --- Margin Zero --- */

.m0 {
	margin: 0 !important;
}


/* --- Margin Top --- */

.mt02 {
	margin-top: 2px !important;
}
.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
	}
	
.mt30 {
	margin-top: 30px !important;
	}

.mt40 {
	margin-top: 40px !important;
}


/* --- Margin Bottom --- */

.mb02 {
	margin-bottom: 2px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb08 {
	margin-bottom: 8px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
	}

.mb25 {
	margin-bottom: 25px !important;
	}
	
.mb30 {
	margin-bottom: 30px !important;
	}

.mb40 {
	margin-bottom: 40px !important;
}


/* --- Margin Left --- */

.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.ml200 {
	margin-left: 200px !important;
}



/* --- Margin Right --- */

.mr10 {
	margin-right: 10px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}


/* --- Padding Zero --- */

.pd0 {
	padding: 0 !important;
}


/* --- Padding Top --- */

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}


.pt35 {
	padding-top: 35px !important;
}

.pt50 {
	padding-top: 50px !important;
}


/* --- Padding Bottom --- */

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}


/* --- Padding Left --- */

.pl05 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl30 {
	padding-left: 30px !important;
}



.pl50 {
	padding-left: 50px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl100 {
	padding-left: 100px !important;
}


/* --- Padding Right --- */

.pr05 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr100 {
	padding-right: 100px !important;
}

/* --- Width --- */

.w0 {
	width: 0px !important;
}

.w10 {
	width: 10px !important;
}

.w50 {
	width: 50px !important;
}


.w75 {
	width: 75px !important;
}

.w100 {
	width: 100px !important;
}

.w125 {
	width: 125px !important;
}


.w135 {
	width: 135px !important;
}

.w150 {
	width: 150px !important;
}

.w200 {
	width: 200px !important;
}	

.w250 {
	width: 250px !important;
}	


		
.w300 {
	width: 300px !important;
}	


.w330 {
	width: 330px !important;
}	
.w360 {
	width: 360px !important;
}	

.w400 {
	width: 400px !important;
}

.w500 {
	width: 500px !important;
}
	
.w600 {
	width: 600px !important;
}
	
.w700 {
	width: 700px !important;
}
	
.w800 {
	width: 800px !important;
}
	


/* --- Height --- */

.h0 {
	height: 0px !important;
}

.h10 {
	height: 10px !important;
}

.h50 {
	height: 50px !important;
}


.h75 {
	height: 75px !important;
}

.h100 {
	height: 100px !important;
}

.h125 {
	height: 125px !important;
}

.h150 {
	height: 150px !important;
}

.h200 {
	height: 200px !important;
}	
.h300 {
	height: 300px !important;
}