@charset "Shift_JIS";
/* CSS Document */

/*====== h1 image ============================================*/
html , body{height:100%;}
div#fc01{
	width: 960px;
	height: auto;
	margin: 20px auto 0 auto;
	clear: both;	
}
div#fc01 div#fb02{
	width: 707px;
	height: auto;
	margin: 0 28px 24px 0;
	float: left;
}
div#fc01 div#fb02 div#wrap{
	height: 219px;
	margin: 0;
	clear: both;
}
div.h1wrap{
	display: block;
	width: 497px;
	height: 219px;
	margin: 0;
	float: left;
}
div.h1wrap h1{
	display: block;
	width: 497px;
	height: 164px;
}
div.h1wrap h2{
	display: block;
	width: 497px;
	height: 55px;
}

div#fb02 div#wrap p.knight{
	display: block;
	width: 210px;
	height: 219px;
	margin: 0;
	float: right;
}

/*====== h2 block ============================================*/
div#fb02 div#bottombox{
	width: 703px;
	height: auto;
	margin: 0;
	padding: 21px 0 14px 0;
	background: #f6f6f6;	
	border-bottom: 1px solid #e1e8d1;
	border-left: 1px solid #e1e8d1;
	border-right: 1px solid #e1e8d1;
}
div#fb02 div#bottombox div.bbWrap{
	width: 677px;
	height: auto;
	margin: 0 21px 13px 5px;
	padding: 0;
	clear: both;
}
div#fb02 div#bottombox .bbBox{
	width: 677px;
	height: auto;
	margin: 0 21px 0 5px;
	padding: 0;
	clear: both;
}

/*------CSS---------*/
span{
    display:inline;
}
.italic{
    font-style:italic;
}
p.normal{
    display:inline;
    font-style:normal;
}

/*--- left title ---------------------------------------------*/
div.bbWrap div.col01{
	width: 337px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
div.bbBox div.col01{
	width: 337px;
	height: auto;
	margin-bottom: 13px;
	padding: 0;
	float: left;
}
div#bottombox div.col01 div.block01{
	height: 52px;
	clear: both;
}
div#bottombox div.block01 p.pop{
	display: block;
	width: 63px;
	height: 52px;
	margin: 0;
	float: left;
}
div#bottombox div.block01 h3{
	display: block;
	width: 274px;
	height: 42px;
	margin-top: 10px;
	float: right;
}
div#bottombox p.pop a:hover{text-decoration:none;}
div#bottombox h3 a:hover{text-decoration:none;}	

div#bottombox h3.high{
	display: block;
	height: 43px;
	margin-top: 9px;
	float: right;
}

/*--- right title ---------------------------------------------*/
div.bbWrap div.col02{
	width: 335px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
div.bbBox div.col02{
	width: 335px;
	height: auto;
	margin-bottom: 13px;
	padding: 0;
	float: right;
}
div#bottombox div.col02 div.block02{
	height: 52px;
	clear: both;
}
div#bottombox div.block02 p.pop{
	display: block;
	width: 63px;
	height: 52px;
	margin: 0;
	float: left;
}
div#bottombox div.block02 h3{
	display: block;
	width: 272px;
	height: 42px;
	margin-top: 10px;
	float: right;
}


/* ----------- textba ---------------------------------------------------------*/
div#bottombox div.textba{
	width: 319px;
	height: auto;
	margin-left: 18px;
	background: url(../s_image/img_bg_diagonal.png);
	background-repeat: repeat-y;
	float: right;
}
div#bottombox div.textba p{
	padding: 13px 15px 0 14px;
	line-height: 1.5;
	font-size: 86%;
}
div#bottombox div.textba p.arrow{
	width: 12px;
	height: 12px;
	margin-top: -5px;
	padding: 0 13px 0 0;
	float: right;
}
div#bottombox div.textba p.arrow a{
	display: block;
	width: 12px;
	height: 12px;
	background: url(../s_image/icn_next_arrow.gif);
	background-repeat: no-repeat;
}
div#bottombox div.textba p.arrow a:hover{text-decoration: none;}
div.textba  div.textbt{
	width: 319px;
	padding-bottom: 9px;
	background: url(../s_image/img_bottom_diagonal.png) bottom;
	background-repeat: no-repeat;
}
*html div.textba  div.textbt{padding-bottom: 7px;}

/* ----------- textba02 ---------------------------------------------------------*/
div#bottombox div.textba02{
	width: 319px;
	height: auto;
	margin-left: 14px;
	background: url(../s_image/img_bg_diagonal02.png);
	background-repeat: repeat-y;
	float: right;
}
div#bottombox div.textba02 p{
	padding: 13px 15px 0 14px;
	line-height: 1.5;
	font-size: 86%;
}
div#bottombox div.textba02 p.arrow{
	width: 12px;
	height: 12px;
	margin-top: -5px;
	padding: 0 13px 0 0;
	float: right;
}
div#bottombox div.textba02 p.arrow a{
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	background: url(../s_image/icn_next_arrow.gif);
	background-repeat: no-repeat;
}
div#bottombox div.textba02 p.arrow a:hover{text-decoration: none;}
div.textba02 div.textbt{
	width: 319px;
	padding-bottom: 9px;
	background: url(../s_image/img_bottom_diagonal.png) bottom;
	background-repeat: no-repeat;
	float: right;
}
*html div.textba02 div.textbt{padding-bottom: 7px;}


/* ----------- textba03 ---------------------------------------------------------*/
div#bottombox div.textba03{
	width: 319px;
	height: auto;
	margin-left: 18px;
	background: url(../s_image/img_bg_diagonal03.png);
	background-repeat: repeat-y;
	float: right;
}
div#bottombox div.textba03 p{
	padding: 13px 15px 0 14px;
	line-height: 1.5;
	font-size: 86%;
}
div#bottombox div.textba03 p.arrow{
	width: 12px;
	height: 12px;
	margin-top: -5px;
	padding: 0 13px 0 0;
	float: right;
}
div#bottombox div.textba03 p.arrow a{
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: url(../s_image/icn_next_arrow.gif);
	background-repeat: no-repeat;
}
div#bottombox div.textba03 p.arrow a:hover{text-decoration: none;}
div.textba03 div.textbt02{
	width: 319px;
	padding-bottom: 9px;
	background: url(../s_image/img_bottom_diagonal02.png) bottom;
	background-repeat: no-repeat;
	float: right;
}
*html div.textba03 div.textbt02{padding-bottom: 7px;}


/*==== side navi =============================================*/
div#fc01 div#fs02{
	width: 225px;
	height: 350px;
	float: right;
}

div#fc01 div#fs02 h3{
	display: block;
	width: 225px;
	height: 87px;
	margin: 0;

}
div#fc01 div#fs02 h3 a{
	display: block;
	width: 219px;
	height: 81px;
	padding: 3px;
	background: #dcdcdc;
}

div#fs02 div.box-unit01{
	width: 215px;
	height:231px;
	padding: 8px 4px 5px 4px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e8d1;
	border-left: 1px solid #e1e8d1;
	border-right: 1px solid #e1e8d1;
}
div#fs02 div.box-unit01 ul{
	width: 215px;
	height: 218px;
	margin: 0;
	padding: 6px 0 5px 0;
	background: url(../s_image/img_side_bg.gif);
	background-repeat: repeat;
}
div.box-unit01 ul li.snavi{
	width: 208px;
	height: 38px;
	margin: 0 3px 7px 4px;
}
div.box-unit01 ul li.last{
	width: 208px;
	height: 38px;
	margin: 0 3px 0 4px;
}
div.box-unit01 ul li a{
	display: block;
	width: 208px;
	height: 38px;
}


div#ff02{ bottom: 0;}



/* :: u01 :: */
div#ff02 div.u05{
margin: 0 auto;
width: 960px;
height: 24px;
}

div#ff02 div.u05 p{
margin: 0 0 -1px 0;
border-bottom: 1px solid #ffffff;
float: right;
}
*html div#ff02 div.u05 p{
margin: 0 0 -1px 0;
padding: 0 0 0 0;
border-bottom: 1px solid #ffffff;
position: relative;
float: right;
}

/* ::: fh03 ( frame header ) ::: */
div.u05 p a#fh03{
display: block;
margin: 0;
padding: 0;
width: 159px;
height: 24px;
line-height: 1;
}

/* clear-fix */
div.bbWrap .clear-fix{
}
div.bbWrap :after, .clear-fix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}