@chaset "UTF-8";
/*
 Share Style <
-------------------------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	background:transparent;
}

body,
#htbdfwp_contents{
	background:#ffffff url(../images/back.jpg) top center repeat-x;
}

/* default */
#page{
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3', "MS Gothic", 'Hiragino Kaku Gothic Pro','MS Pゴシック','メイリオ',Meiryo,sans-serif;
	color: #000;
	background-color:#FFF;
	margin:0 auto;
	padding:0;
	width:775px;
	line-height: 1.5em;
}

/* IE6 base font */
* html #page {font-family:'MS Pゴシック', "MS Gothic", sans-serif;}
*:first-child+html #page {font-family: 'メイリオ', "MS Gothic", 'MS Pゴシック',sans-serif;}
#page p{
	text-align:left;
	color:#666;
	font-size:90%;
	margin:0 auto;
	padding:0 20px;
	line-height:1.5em;
}

#page img{border:0;}
#page .clear{clear:both;}
#page .mark{color:#cce198;}

#page li {
	list-style-type: none;
}
/*
 h <
-------------------------------------------------
*/

#page h1{
	display:block;
	background:url(../images/header.jpg) no-repeat top center;
	width:775px;
	height:307px;
	margin:0 auto;
	text-indent:-9999px;
}

#page h2{
	display:block;
	color:#FFF;
	width:748px;
	height:31px;
	margin-left:10px;
	padding:15px 0 0 0;
	font-size:100%;
}

#page h2.h2_01{background:url(../images/h2_01.gif) no-repeat center;}
#page h2.h2_02{background:url(../images/h2_02.gif) no-repeat center;}
#page h2.h2_03{background:url(../images/h2_03.gif) no-repeat center;}

#page .h2s{
	padding:10px 0 0 60px;
	*padding:0 0 0 60px;
	*line-height:1.6em;
}

/*
 main <
-------------------------------------------------
*/
#page #main{
	padding:0 0 15px 0;
	*padding:0 0 35px 0;
	background:url(../images/fotter.gif) no-repeat bottom;
}

#page .catch{
	color:#646f4e;
	padding:8px 15px;
	background:url(../images/topBase.jpg) no-repeat top center;
	text-align:left;
	line-height:1.9em;
}

#page .catchMovie{
	color:#646f4e;
	width:775px;
	background:url(../images/movieBase.jpg) no-repeat top center;
	text-align:left;
	line-height:1.8em;
}
#page .movie{
	width:500px;
	margin:20px auto;
	text-align:center;	
}
.section{
	padding:10px;
	text-align:left;
}

#page ul{
	padding:10px;
}

#page li{
	color:#135342;
	padding:0 20px;
	background:url(../images/listmark.gif) no-repeat top left;
	font-size:90%;
	line-height:1.8em;
	list-style:none;
}

.textArea{
	margin:0 0 0 10px;
	font-size:80%;
}

/*
 Link Style <
-------------------------------------------------
*/

#page a:link{text-decoration:none; color:#1795dd;}
#page a:visited{text-decoration:none; color:#1795dd;}
#page a:hover{color:#CCC;}

#page .nav{
	float:right;
	margin:0 5px 0 10px;
}
#page .nav a{
	font-size:10px;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
}
#page .nav a.navi01{
	background:url(../images/btn/01.jpg) no-repeat top;
	width:250px;
	height:165px;
}
#page .nav a.navi01:hover{background:url(../images/btn/01.jpg) no-repeat bottom;}
#page .nav a.navi02{
	background:url(../images/btn/02.jpg) no-repeat top;
	width:250px;
	height:164px;
}
#page .nav a.navi02:hover{background:url(../images/btn/02.jpg) no-repeat bottom;}
#page .nav a.navi03{
	background:url(../images/btn/03.jpg) no-repeat top;
	width:250px;
	height:169px;
}
#page .nav a.navi03:hover{background:url(../images/btn/03.jpg) no-repeat bottom;}
#page .nav a.navi04{
	background:url(../images/btn/04.jpg) no-repeat top;
	width:250px;
	height:169px;
}
#page .nav a.navi04:hover{background:url(../images/btn/04.jpg) no-repeat bottom;}