/* --------------------------------------------
 *　ページ内基本
 * -------------------------------------------- */
 
html{
	height:100%;
	font-size:12px;
	line-height:140%;
	margin:0;
	padding:0;
	font-family: Arial, "MS UI Gothic";
}

img,div { behavior:url(iepngfix.htc) }

body {
	margin: 0px;
	padding: 0px;
	height:100%;
	background-image: url(common/bg.jpg);
	background-repeat: repeat-x;
	background-color:#4C64A6;
	color:#C8CFE1;
}

table{
	border-collapse:collapse;
}


a:link{color:#ffffff;}
a:visited{color:#ffffff;}
a:hover{color:#6699FF;}
a:active{color:#6699ff;}
a {outline:0;}

body>#main{
	height:auto;
}
 
 /* --------------------------------------------
 *　ロールオーバー
 * -------------------------------------------- */
 
#g_navi {
	height:50px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
	background:url(common/g_navi.jpg);
	background-position:top center;
}
#g_navi ul {
	padding:0px;
	margin: 0px;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:50px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/

#g_navi li.g_navi01 a {
	background:url(common/g_navi.jpg) no-repeat 0px 0px;
	width:200px;
}
#g_navi li.g_navi02 a {
	background:url(common/g_navi.jpg) no-repeat -200px 0px;
	width:200px;
}
#g_navi li.g_navi03 a {
	background:url(common/g_navi.jpg) no-repeat -400px 0px;
	width:200px;
}
#g_navi li.g_navi04 a {
	background:url(common/g_navi.jpg) no-repeat -600px 0px;
	width:200px;
}

/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(common/g_navi.jpg) no-repeat 0px -50px;
}
#g_navi li.g_navi02 a:hover {
	background:url(common/g_navi.jpg) no-repeat -200px -50px;
}
#g_navi li.g_navi03 a:hover {
	background:url(common/g_navi.jpg) no-repeat -400px -50px;
}
#g_navi li.g_navi04 a:hover {
	background:url(common/g_navi.jpg) no-repeat -600px -50px;
}

/*------on*/
#g_navi li.g_navi01_on a {
	background:url(common/g_navi.jpg) no-repeat 0px -100px;
	width:200px;
}
#g_navi li.g_navi02_on a {
	background:url(common/g_navi.jpg) no-repeat -200px -100px;
	width:200px;
}
#g_navi li.g_navi03_on a {
	background:url(common/g_navi.jpg) no-repeat -400px -100px;
	width:200px;
}
#g_navi li.g_navi04_on a {
	background:url(common/g_navi.jpg) no-repeat -600px -100px;
	width:200px;
}



#wrap{
	width:800px;
	min-height:100%;
	margin:0 auto;
	padding:0 20px;
	background-image:url(common/wrap_bg.png);
	background-position:center;
	background-repeat:repeat-y;
}

.hr{
	width:800px;
	height:1px;
	margin:20px auto;
	padding:0;
	background-image:url(common/hr.jpg);
	background-repeat:no-repeat;
	background-position:center;
}




.free_box{
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.clear {
	clear: both;
	height:0;
	width:0;
	margin:0;
	padding:0;
}



.header{
	width:798px;
	height:auto;
	margin:0;
	padding:0;
	border:1px solid #575D6E;
	background-color:#0F1E3C;
	background-image:url(common/h_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.h_logo{
	float:left;
	margin:0;
	padding:0;
}


.h_sub{
	float:right;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

.t_contents{
	background-image:url(home/img/t_content_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:800px;
	height:200px;
}

.t_content_l{
	width:265px;
	height:150px;
	margin-top:40px;
	margin-bottom:0;
	margin-left:15px;
	margin-right:0;
	padding:0;
	float:left;
}

.t_content_l table{
	width:240px;
	height:auto;
	margin:10px 0;
	padding:0;
}

.t_content_r{
	width:485px;
	height:auto;
	margin-top:40px;
	margin-bottom:0;
	margin-left:0;
	margin-right:15px;
	padding:0;
	float:right;
}

.cardtbl{
	margin:10px auto;
	padding:0;
}

#f{
	width:800px;
	height:auto;
	margin:30px auto;
	padding:0;
	text-align:center;
}