@charset "UTF-8";

/* ***********************************************************************
	btn hover
*********************************************************************** */
#monthly_btn01 a:hover
{
    background-position:left top;
}
#monthly_btn02 a:hover,
#doc_btn01 a:hover,
#doc_btn02 a:hover,
#doc_btn03 a:hover,
#doc_btn04 a:hover,
#doc04_bottom a:hover,
#doc05_bottom a:hover,
#doc_list_btn01 a:hover,
#doc_list_btn02 a:hover,
#doc_list_btn03 a:hover,
#doc_list_btn04 a:hover,
#doc_list p a:hover,
#doc_list_btn05 a:hover
{
    background-position:right top;
}
/* ***********************************************************************
  feature
*********************************************************************** */



/* ***********************************************************************
  side_bottom part
*********************************************************************** */
#side_bottom {
    width:220px;
	clear:right;
	float:right;
	position:relative;
}/*IE6でのポジションずれを防ぐため#newsと分離*/
#news{
	background: url(../images/top/news_back.png) no-repeat left top;
	width:220px;
	height:335px;
}
#news_contents {
    height: 265px;
	width: 196px;
	overflow: hidden;
	position: absolute;
	top: 55px;
	left: 9px;
	margin-left:4px;
}
#news_contents dt {
	color: #00A0E9;
	padding-top:2px;
	font-size:0.9em;
}
#news_contents dd {
	line-height: 1.4em;
	letter-spacing: 0pt;
	font-size:0.9em;
	width:180px;
	padding-bottom:5px;
}
#news_contents a {
	color: #036EB8;
}
#news_contents a:hover {
	color: #FF7F29;
}

.scrollgeneric {
    line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0px; 
	left: 0px;
	cursor:pointer;
}
.vscrollerbase {
    width: 15px;
	background: #FFFBED url(../images/top/cursol.png) 0px 0px repeat-y;
}
.vscrollerbar {
    width: 15px;
	background: #FFFBED url(../images/top/cursol.png) -15px 0px repeat-y;
	padding: 15px;
	z-index: 2;
}
.vscrollerbarbeg {
    background: url(../images/top/cursol.png) -45px -30px no-repeat;
	width: 15px;
	height: 15px !important;
}
.vscrollerbarend {
    background: url(../images/top/cursol.png) -45px 0px no-repeat;
	width: 15px;
	height: 15px;
}
.vscrollerbasebeg {
    background: url(../images/top/cursol.png) -30px -30px no-repeat;
	width: 15px;
	height: 15px !important;
}
.vscrollerbaseend {
    background: url(../images/top/cursol.png) -60px -30px no-repeat;
	height: 15px;
	width: 15px;
}
/* ***********************************************************************
  center part
*********************************************************************** */
#center {
	height: 800px;
	width: 585px;
	float:left;
	position:relative;
	background:url(../images/top/center_back.png) no-repeat left top;
	margin-left:2px;
}
#top_flash {
    width:585px;
	height:335px;
	position:relative;
}

#top_animation {
    position:absolute;
	top:8px;
	left:5px;
}

#noflash_img {
    background:url(../images/top/no_flash.png) no-repeat left top;
	position:relative;
	width:585px;
	height:335px;
}
#noflash_img a {
	width:350px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:113px;
	overflow:hidden;
}
/* ***********************************************************************
  extra part
*********************************************************************** */
#monthly_info {
    width:585px;
	height:260px;
	position:relative;
}
#monthly_info_back{
	background:url(../images/top/monthly_image_back.png) no-repeat left top;
	width:610px;
	height:240px;
	position:absolute;
	top:0px;
	left:-20px;
}
#monthly_btn01 a{
	background:url(../images/top/monthly_btn01.png) no-repeat right top;
	width:360px;
	padding-top:195px;
	position:absolute;
	bottom:-23px;
	left:-16px;
}
#monthly_btn02 a{
	background:url(../images/top/monthly_btn02.png) no-repeat left top;
	width:320px;
	padding-top:195px;
	position:absolute;
	bottom:-22px;
	right:-18px;
}

/* ***********************************************************************
  board part
*********************************************************************** */
#board {
    width:585px;
	height:205px;
	position:relative;
}
#board_back {
	position: absolute;
	top: 0px;
	left: 15px;
	z-index:1;
}

/* ***********************************************************************
  document part
*********************************************************************** */
#top_document {
    clear:both;
	width:810px;
}
#doc_back01, #doc_back03{
	margin:0 0 0 10px;
}
#doc_back02{
	background:url(../images/top/document_back02.png) repeat-y left top;
	width:660px;
	margin:0 0 0 10px;
}
#doc01 p, #doc02 p{
	width:470px;
	margin:0 0 0 70px;
	font-size:1.3em;
	position:relative;
	top:-15px;
	line-height:1.4em;
}
#doc01, #doc02, #doc03{
	position:relative;
}
#doc01 h2{
	background:url(../images/top/top_doc_image01.png) no-repeat left top;
	width:640px;
	padding-top:85px;
	position:relative;
	top:-15px;
	left:-8px;
}
#doc01 img, #doc02 img{
	margin:0 0 5px 300px;
	position:relative;
	top:-15px;
}
#doc01 ul{
	background:url(../images/top/doc_btn_back01.png) no-repeat left top;
	width:210px;
	height:186px;
	position:absolute;
	right:-105px;
	top:50px;
}
#doc01 li, #doc02 li{
	line-height:0;
	font-size:0;
}
#doc_btn01 a{
	background:url(../images/top/doc_btn01.png) left top;
	width:185px;
	padding-top:60px;
	margin:55px 0 0 20px;
}
#doc_btn02 a{
	background:url(../images/top/doc_btn02.png) left top;
	width:185px;
	padding-top:60px;
	margin:0 0 0 20px;
}
#doc02 h2{
	background:url(../images/top/top_doc_image02.png) no-repeat left top;
	width:465px;
	padding-top:90px;
}
#doc02 ul{
	background:url(../images/top/doc_btn_back02.png) no-repeat left top;
	width:210px;
	height:200px;
	position:absolute;
	right:-110px;
	top:50px;
}
#doc_btn03 a{
	background:url(../images/top/doc_btn03.png) left top;
	width:185px;
	padding-top:60px;
	margin:70px 0 0 20px;
}
#doc_btn04 a{
	background:url(../images/top/doc_btn04.png) left top;
	width:185px;
	padding-top:60px;
	margin:0 0 0 20px;
}
#doc03 h2{
	background:url(../images/top/top_doc_image03.png) no-repeat left top;
	width:590px;
	padding-top:85px;
	margin:10px 0 0 0;
}
#doc03 h3{
	font-size:2em;
	color: #432D2D;
	width:500px;
	margin-left:70px;
}
#doc03 ul{
	margin-left:40px;
	line-height:0;
}
#doc03 li{
	font-size:0;
}
#doc03 li a{
	width:150px;
	padding:130px 0 0 0;
	float:left;
}
#doc_list_btn01 a{
	background:url(../images/top/doc_list_btn01.png) no-repeat left top;
}
#doc_list_btn02 a{
	background:url(../images/top/doc_list_btn02.png) no-repeat left top;
}
#doc_list_btn03 a{
	background:url(../images/top/doc_list_btn03.png) no-repeat left top;
}
#doc_list_btn04 a{
	background:url(../images/top/doc_list_btn04.png) no-repeat left top;
}
#doc_list{
	background:url(../images/top/doc_list_back.png) no-repeat left top;
	margin-left:40px;
	width:600px;
	height:130px;
	position:relative;
}
#doc_list_img01{
	float:left;
	width:255px;
	margin:13px 0 0 15px;
	_margin:13px 0 0 7px;
}
#doc_list_img02{
	float:left;
	width:175px;
	margin:13px 0 0 15px;
	_margin:13px 0 0 7px;
}
#doc_list h4{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#D80C18;
	font-size:1.8em;
	line-height:1.3em;
	float:left;
	font-weight:normal;
	margin:12px 0 0 5px;
}
#doc_list h4 em{
	padding-left:100px;
}
#list_h01{
	width:300px;
}
#list_h02{
	width:390px;
}	
#doc_list span{
	display:block;
	color:#402915;
	border-bottom:#231815 dashed 1px;
	border-top:#231815 dashed 1px;
	float:left;
	font-size:1.1em;
	margin:2px 0 0 5px;
}
#list_span01{
	width:180px;
}
#list_span02{
	width:250px;
}	
#doc_list p a{
	width:140px;
	padding-top:60px;
	position:absolute;
	right:-10px;
	bottom:-3px;
}
#doc_list_next01 {
	background:url(../images/top/doc_list_next01.png) no-repeat left top;
}
#doc_list_next02 {
	background:url(../images/top/doc_list_next02.png) no-repeat left top;
}
#doc_list_next03 {
	background:url(../images/top/doc_list_next03.png) no-repeat left top;
}
#doc_list_next04 {
	background:url(../images/top/doc_list_next04.png) no-repeat left top;
}
#doc_list_btn05 a{
	background:url(../images/top/doc_list_btn05.png) no-repeat left top;
	width:230px;
	padding-top:260px;
	position:absolute;
	right:-185px;
	top:157px;
}
.top_red{
	color:#D80C18;
}
.top_green{
	color:#579535;
}
.top_pink{
	color:#EA5539;
}
.top_orange{
	color:#E07F00;
}
#top_doc_box{
	color:#402915;
}
#doc04, #doc05, #doc06{
	width:270px;
	float:left;
}
#doc04 h2, #doc05 h2, #doc06 h2{
	width:270px;
	height:35px;
	text-align:center;
	padding:10px 0 0 0;
	_font-size:1.4em;
}
#doc04 h2{
	background:url(../images/top/doc_back_a01.png) no-repeat left top;
}
#doc05 h2{
	background:url(../images/top/doc_back_b01.png) no-repeat left top;
}
#doc06 h2{
	background:url(../images/top/doc_back_c01.png) no-repeat left top;
}
.doc04_body{
	background:url(../images/top/doc_back_a02.png) repeat-y left top;
	width:245px;
	padding:5px 10px 5px 15px;
	line-height:1.6em;
}
.doc05_body{
	background:url(../images/top/doc_back_b02.png) repeat-y left top;
	width:245px;
	padding:5px 10px 16px 15px;
	line-height:1.6em;
}
.doc05_body img{
	position:relative;
	left:0;
}
.doc06_body{
	background:url(../images/top/doc_back_b02.png) repeat-y left top;
	width:245px;
	padding:5px 10px 18px 15px;
	line-height:1.7em;
}
.doc_line{
	border-bottom:#231815 dashed 1px;
	display:block;
	width:245px;
	padding:15px 0 0 0;
}
#doc04_bottom{
	background:url(../images/top/doc_back_a03.png) no-repeat left top;
}
#doc05_bottom{
	background:url(../images/top/doc_back_b03.png) no-repeat left top;
}
#doc06_bottom{
	background:url(../images/top/doc_back_c03.png) no-repeat left top;
	width:270px;
	height:55px;
}
#doc04_bottom a{
	background:url(../images/top/doc_btn05.png) no-repeat left top;
	width:260px;
	padding-top:50px;
	margin:0 0 0 7px;
}
#doc05_bottom a{
	background:url(../images/top/doc_btn06.png) no-repeat left top;
	width:260px;
	padding-top:50px;
	margin:0 0 0 7px;
}

#doc_board01{
	background:url(../images/top/doc_board_back01.png) no-repeat left top;
	width:765px;
	height:30px;
	margin:0 0 0 10px;
	padding:35px 0 0 30px;
}
#doc_board02{
	background:url(../images/top/doc_board_back02.png) repeat-y left top;
	width:725px;
	margin:0 0 0 10px;
	padding:0 35px 0 35px;
}
#doc_board03{
	margin:0 0 0 10px;
	clear:both;
}
#doc_board01 h2{
	background:url(../images/top/doc_board_title.png) no-repeat left top;
	width:710px;
	padding:30px 0 0 0;
}
.doc_board_line{
	border-bottom:#231815 dashed 1px;
}
#doc07, .doc08, .doc09{
	padding:10px 0;
}
#doc07 p{
	font-family:"HG正楷書体-PRO", Cursive;
	color:#D80C18;
	font-size:1.7em;
	line-height:1.5em;
}
.doc08{
	float:left;
	clear:left;
	width:435px;
}
.doc08 p{
	color:#402915;
	font-size:1.2em;
}
.doc09{
	float:right;
	width:270px;
	margin:40px 0 0 0;
	text-align:right;
	font-size:1.2em;
}
.doc09 img{
	margin:0 0 10px 0;
}