@charset "utf-8";

/* -------------------------------------------------------------------------------- */
@import "style.css";
/* -------------------------------------------------------------------- HTML FORMAT */
@media print{
}

body {
	margin:0px;
	padding:0px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

h1, h2, h3, h4, h5, h6, br, dl, dt, dd, p, div, ul, li, img, form {
	margin:0px;
	padding:0px;
}

form{
	display:inline;
}

ul {
	list-style-type:none;
}

img {
	border:0px;
}

/* リンク */
a:link, 
a:visited {
	color:#2C81C3;
	text-decoration:underline;
}

a:hover, a:active {
	color:#2C81C3;
	text-decoration:underline;
}


/* ------------------------------------------------------------- PAGE LAYOUT */
/* 共通CSS */
div#wrapper {
	width:100%;
}

/* ヘッダーエリア -------------------------------------------- */
div#header_area {
	width:100%;
	border-bottom:4px solid #14AE68;
}

div#header_area_cont{
	width:770px;
	margin:0px auto 0px;
	padding:5px 0px 8px;
}

div#header_area_cont:after{
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

/* システム名 */
div#header_area_cont p.company_Name{
	float:left;
	width:232px;
}

/* コンテンツエリア大 -------------------------------------------- */
div#main_contents {
	width:770px;
	margin:20px auto 0px;
}

div#main_contents:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* 共通 P -------------------------------------------- */
div#main_contents p{
	font-size:80%;
	line-height:180%;
}

/* リード文 */
.lead{
	margin-bottom:15px;
}

/* イメージ用 */
.figure{
	margin:10px 0px 10px;
}

/* 文字の色 */
.red{
	color:#F00;
}

/* 位置 */
.tac{
	text-align:center;
}

.tar{
	text-align:right;
}


/* コンテンツエリア大　H1 */
div#main_contents h1{
	margin:0px 0px 15px;
	padding:15px 0px 15px 12px;
	background:url(../img/h1_ttl_bg.jpg) no-repeat left top;
	font-size:18px;
	color:#333;
}

/* コンテンツエリア大　H2 */
div#main_contents h2{
	font-size:120%;
	line-height:120%;
	border-left:6px solid #14AE68;
	margin:20px 0px 5px;
	padding:0px 0px 0px 10px;
}

div#main_contents h3{
	font-size:90%;
	line-height:160%;
	margin-bottom:10px;
}


/* やじるしリンク　-------------------------------------------- */
ul.ar_list{
	font-size:80%;
	line-height:130%;
}

ul.ar_list li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(../img/ar_list_arrow.gif) no-repeat left 2px;
}

/* footer　-------------------------------------------- */
div#footer {
	width:100%;
	margin-top:30px;
	background-color:#14AE68;
}

div#footer p#copy {
	width:947px;
	margin:0px auto 0px;
	padding:5px 10px 5px;
	font-size:75%;
	line-height:140%;
	color:#FFFFFF; }


div#footer p#copy_sub {
	width:500px;
	margin:0px auto 0px;
	padding:5px 10px 5px;
	font-size:75%;
	line-height:140%;
	color:#FFFFFF; }
	
/* ------------------------------------------------------------- */
.m_5{
	margin-bottom:5px;
}

.m_10{
	margin-bottom:10px;
}

.m_20{
	margin-bottom:20px;
}

.m_30{
	margin-bottom:30px;
}


/* ボタンエリア　-------------------------------------------- */
.Btn_box{
	text-align:center;
	margin:30px 0px 30px;
}


/* input ボタン　-------------------------------------------- */
#btn_close{
    border: 0px;
	margin:0px 5px 0px;
	cursor: pointer;
	font-size:0%;
	line-height:0%;
	overflow:hidden;
	display: inline-block;
	vertical-align:middle;
	color:#FFF;
	}
*:first-child+html #btn_close{
	padding-left: 1000px;
}

#btn_close{
 	width: 159px;
    height: 38px;
    background: #ffffff url(../img/btn_close.jpg) left top no-repeat;
}

span.book_btn_hoken a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}