@charset "utf-8";

/* 共通
-------------------------------------------------------------------------*/
* {
	font-family: Meiryo,Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	}

dt, dd {
	margin:0;
	padding:0;
	}

body {
	height:100%;
	line-height:1.22;
	margin:0;
	text-align:center;
	text-decoration:none;
	width:100%;
	}

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}

img {
	vertical-align:bottom;
	}

form {
	margin:0;
	padding:0;
	}

fieldset, img {
	border:0 none;
	}

em {
	font-style:normal;
	}

button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:baseline;
	}

body {
	color:#330000;
	line-height:1.5;
	background:url(../img/paper.png) repeat left top;
	background-repeat: repeat;
	}
	
h1, h2, h3, h4, h5 {
	font-size:100%;
	}

table {
	font-size:100%;
	}
	
a {
 border:0;
 }

a:link {
 color:#333333;
 text-decoration:underline;
 }

a:visited {
 color:#333333;
 text-decoration:underline;
 }

a:hover,
a:active {
 color:#333333;
 text-decoration:none;
 }

.clearfix:after {
	clear:both;
	content:"";
	display:block;
	}

.clearfix {
	display:inline-block;
	}
	
* html .clearfix {
	height:1em;
 }

.clearfix:after {  
 visibility: hidden;  
 display: block;  
 font-size: 0;  
 content: " ";  
 clear: both;  
 height: 0;  
 }

* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

.l{float:left;}
.r{float:right;}
.cl{clear:both;}

.margin_top5 {
 margin-top:5px;
 }

.margin_top10 {
 margin-top:10px;
 }

.margin_top20 {
 margin-top:10px;
 }

.margin_top12 {
 margin-top:20px;
 }

.margin_bottom5{
margin-bottom:5px;
}

.margin_bottom10 {
 margin-bottom:10px;
 }

.margin_bottom15 {
 margin-bottom:15px;
 }

.margin_left5 {
 margin-left:5px;
 }

.margin_left10 {
 margin-left:10px;
 }

.margin_left15 {
 margin-left:15px;
 }

.margin_left20 {
 margin-left:20px;
 }

.v_t_align img {
	vertical-aling:top;
 }


/*
囲み
-------------------------------------------------------------------------*/
#wrap {
	width:100%;
	background:url(../img/wrap_bg.gif) repeat-y center top;
 }
	
#container {
	margin: 0 auto;
	width: 920px;
	text-align: left;
 }

#contents {
	margin: 0 auto;
	width: 920px;
	text-align: left;
	background-color:#ffffff;
 }

.pagetop{
	text-align:right;
	width:800px;
	margin:0 auto 6px auto;
	font-size:9px;
 }

/*
ヘッダー・フッター
-------------------------------------------------------------------------*/
#headline {
	width: 100%;
	background-color: #330000;
 }

#frame {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
 }

h1 {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin: 0;
	padding:5px 3px 5px 0px;
 }

.frame {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
 }

.copyright {
	font-family: arial;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
 }

.foot {
	font-size: 10px;
	list-style-type: none;
	margin-top: 15px;
	margin-left: 20px;
	}

.foot li {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	display:block;
	height:100%;
 }

.foot a:link {
	text-decoration: none;
	color: #FFFFFF;
 }

.foot a:visited {
	text-decoration: none;
	color: #FFFFFF;
 }

.foot a:hover {
	text-decoration: underline;
	color: #FFFFFF;
 }

.foot a:active {
	text-decoration: none;
	color: #FFFFFF;
 }


/* main
-------------------------------------------------------------------------*/
.main {
	position:relative;
	width:920px;
	height:427px;
	margin-bottom:10px;
 }

.main p.back {
	position:absolute;
	top:0px;
	left:0px;
 }

.main p.s_bt_a a span,
.main p.s_bt_b a span {
	display:none;
	overflow: hidden;
	visibility: hidden;
 }

.main p.s_bt_a {
	position:absolute;
	top:380px;
	left:348px;
	width:138px;
	height:33px;
 }

.main p.s_bt_a a {
	display:block;
 top:380px;
	left:348px;
	width:138px;
	height:33px;
 }

.main p.s_bt_a a {
	background:url(../img/img_s_bt_a.gif) no-repeat left top;
 }

.main p.s_bt_a a:hover {
	background:url(../img/img_s_bt_a_on.gif) no-repeat left top;
 }

.main p.s_bt_b {
	position:absolute;
	top:380px;
	left:732px;
	width:138px;
	height:33px;
 }

.main p.s_bt_b a {
	display:block;
	top:380px;
	left:732px;
	width:138px;
	height:33px;
 }

.main p.s_bt_b a {
	background:url(../img/img_s_bt_b.gif) no-repeat left top;
 }

.main p.s_bt_b a:hover {
	background:url(../img/img_s_bt_b_on.gif) no-repeat left top;
 }


/*present
-------------------------------------------------------------------------*/
.present {
	position:relative;
	width:920px;
	height:232px;
	background-image:url(../img/img_present.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
 }

.present p.btn {
	width:318px;
	height:84px;
	position:absolute;
	top:141px;
	left:537px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
 }

.present p a {
 background-image:url(../img/img_big_bt.gif);
	width:318px;
	height:84px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
 outline: none;
 }

.present p a:hover {
	background-position: 0px 84px;
	overflow: hidden;
 outline: none;
 }

.present02 {
	position:relative;
	width:920px;
	height:106px;
	background-image:url(../img/img_present02.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
 }

.present02 p.btn02 {
	width:475px;
	height:84px;
	position:absolute;
	top:10px;
	left:67px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
 }

.present02 p a {
 background-image:url(../img/img_big_bt02.gif);
	width:475px;
	height:84px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
 outline: none;
 }

.present02 p a:hover {
	background-position: 0px 84px;
	overflow: hidden;
 outline: none;
 }

/*box
-------------------------------------------------------------------------*/
.box01 {
	width:800px;
	margin:0 60px 10px 60px;
 }

.box01 p.s_bt_c a span {
	display:none;
	overflow: hidden;
	visibility: hidden;
 }

.box01 p.s_bt_c {
 margin:10px 0px 0px 587px;
	width:213px;
	height:33px;
	display:block;
 }

.box01 p.s_bt_c a {
	display:block;
	width:213px;
	height:33px;
 }

.box01 p.s_bt_c a {
	background:url(../img/img_s_bt_c.gif) no-repeat left top;
 }

.box01 p.s_bt_c a:hover {
	background:url(../img/img_s_bt_c_on.gif) no-repeat left top;
 }

.box02 {
	width:900px;
	margin-bottom:10px;
 }

.box03 {
	position:relative;
	width:800px;
	margin:0 60px 10px 60px;
 }

.box04 {
	position:relative;
	width:800px;
	height:390px;
	margin:0 auto 10px;
	background-image:url(../img/img_point_04.gif);
	background-repeat:no-repeat;
 }
	
	.box05 {
	position:relative;
	width:800px;
	margin:0 60px 10px 60px;
 }
	
	.box05 table{
	border-collapse:collapse;
	border:#330000 1px solid;
	background-color:#ffffff;
	font-size:12px;
	}
	
	.box05 tr,
 .box05 td	{
	border-collapse:collapse;
	border:#330000 1px solid;
	padding:5px 5px 5px 5px;
	}

.letter {
 position:absolute;
 color: #000000;
 top:105px;
 height: 255px;
 overflow: auto;
 text-align: center;
 width: 650px;
 margin:0 75px 0 75px;
 }

.f_b {
 font-weight:bolder;
 color:#000000;
 }
	
	.f_red{
	color:#ff0000;
	}
	
	.f_green{
	font-weight:bolder;
	color:#009900;
	}
	
	.b_c_gray{
	background-color:#eeeeee;
	}
