@charset "utf-8";
/*---base---*/
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	font-style:normal;
	font-size:75%;
	line-height:170%;
	text-align: center;
	color:#444;
	background:url(../img/bg.gif) center repeat-y;
	background-color:#DEDEDE;
}
html {
	overflow-y:scroll;
}

*{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:lighter;
	margin:0;
	padding:0;
}

img{
	border-width: 0px;
	border-style: none;
	vertical-align:bottom;
}

ul {
list-style:none;
}

table {
border:none;
border-collapse:collapse;
}

table caption{
display:none;
}

table{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
margin:0;
line-height:18px;
padding:5px;
font-size:12px;
text-align:left;
}
table td,.table th{
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
padding:3px 3px;
font-size:12px;
}

#wrapper{
	margin:0px auto;
	width:750px;
	text-align:left;
	overflow:hidden;
}

div#header {
	position:relative;
	width:750px;
	height:75px;
	margin:20px auto 0;
	text-align:left;
	background:url(../img/top_bg.gif) repeat-x bottom;
}


/*---start_header---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#header h1 {
	margin:15px 0 0 10px;
	width:480px;
	height:44px;
}

div#header h1 a{
	cursor:pointer;
	position:absolute;
	left:10px;
	top:15px;
	display:block;
	width:480px;
	height:44px;
	overflow:hidden;
	background:url(../img/top01.png) no-repeat left top;
	behavior:url(iepngfix/iepngfix.htc);
	text-indent:-9999px;
}

div#header h2 {
	position:absolute;
	left:5px;
	top:-20px;
	width:600px;
	height:20px;
	line-height:20px;
}

div#header p.top_bnr01{
	position:absolute;
	left:541px;
	top:19px;
	width:190px;
	height:39px;
	background:url(../img/top_bnr.gif) no-repeat left top;
	behavior:url(iepngfix/iepngfix.htc);
	text-indent:-6000px;
}

div#header p.top_tx{
	behavior:url(iepngfix/iepngfix.htc);
	background:url(../img/top02.png) no-repeat left top;
	width:241px;
	height:12px;
	position:absolute;
	left:20px;
	top:55px;
	text-indent:-6000px;
}


div#header p.top_bnr01 a{
	width:190px;
	height:39px;
	display:block;
	overflow:hidden;
}

div#header p#banner_01 {
	position:absolute;
	left:625px;
	top:80px;
	width:160px;
	height:30px;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-image:url(../img/banner01.jpg);
}

p#banner_02 a{
	width:530px;
	height:60px;
	text-indent:-99999px;
	background:url(../img/bnr16.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin:10px 0;
	display:block;
}
div#toper{
	position:relative;
	width:750px;
	height:200px;
	margin:0 auto;
	background:url(../img/head_bg.gif) no-repeat left top;
}

div#toper .top01{
	background:url(../img/head02.png) no-repeat left top;
	behavior:url(iepngfix/iepngfix.htc);
	position:absolute;
	width:136px;
	height:162px;
	left:24px;
	top:23px;
	text-indent:-6000px;
}

div#toper .top02{
	background:url(../img/head05.png) no-repeat left top;
	behavior:url(iepngfix/iepngfix.htc);
	width:520px;
	height:96px;
	position:absolute;
	left:205px;
	top:33px;
	text-indent:-6000px;
}
div#toper .top03{
	background:url(../img/head06.png) no-repeat left top;
	behavior:url(iepngfix/iepngfix.htc);
	width:520px;
	height:24px;
	position:absolute;
	left:206px;
	top:150px;
	text-indent:-6000px;
}
div#toper .top04{
	background:url(../img/head04.png) no-repeat left top;
	behavior:url(iepngfix/iepngfix.htc);
	width:504px;
	height:13px;
	position:absolute;
	left:208px;
	top:164px;
	text-indent:-6000px;
}

/*---end_header---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#main_box{
	display:inline;
	width:750px;
	float:left;
	margin:0;
	background:#B4B4B4;
}

#main{
	width:570px;
	float:right;
	margin:0;
	background:#bbbbbb;
}

a:link,a:visited{
	color:#666;
	text-decoration:none;
}

a:active,a:hover{
	color:#FF7F00;
	text-decoration:underline;
}
/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navi{
	float:left;
	width:180px;
	margin:0;
	font-size:90%;
	padding-bottom:10px;
}

#navi ul,#navi .navi02{
	width:180px;
	float:left;
	list-style:none;
	margin:0;
	line-height:26px;
}

#navi ul li{
	width:180px;
	height:26px;
	background:url(../img/navi02.gif) no-repeat left top;
}

#navi .navi02{
	background:url(../img/navi03.gif) no-repeat left top;
	width:180px;
	height:26px;
}
#navi .navi02 a{
	display:block;
	width:160px;
	height:26px;

}

#navi ul li a{
	display:block;
	width:170px;
	height:26px;
	overflow:hidden;
}

#navi ul li a{	padding-left:25px;}
#navi .navi02 a{  padding-left:40px;}

#navi .n_link{
	padding-left:25px;
	color:#666;
	background:url(../img/navi05.gif) no-repeat left top;
}

#navi .navi01{
	background:url(../img/navi01.gif) no-repeat left top;
	color:#fff;
	text-indent:25px;
}

#navi .navi03{
	background:url(../img/navi04.gif) no-repeat left top;
	width:180px;
	height:41px;
	line-height:20px;
}
#navi .navi03 a{
	width:180px;
	height:41px;
	display:block;
	overflow:hidden;
}

#navi .navi04 a{
	background:url(../img/navi06.gif) no-repeat left top;
	width:180px;
	height:26px;
	display:block;
}
#navi .navi04 a:hover{
	color:#999999;
}

#navi .navi_bnr01{
	background:url(../img/bnr07.gif) no-repeat left top;
	width:163px;
	height:52px;
	margin:5px 8px;
	float:left;
	display:inline;
	text-indent:-6000px;
}

#navi .navi_bnr01 a{
	width:163px;
	height:52px;
	display:block;
	overflow:hidden;
}
	

#banner{
	float:left;
	display:inline;
	width:163px;
	height:262px;
	background:url(../img/banner.gif) no-repeat left top;
	margin: 10px 7px 20px;
	text-indent:-9999px;
}

#banner a{
	width:163px;
	height:262px;
	display:block;
	overflow:hidden;
}

#banner_cam{
	float:left;
	display:inline;
	width:163px;
	height:163px;
	background:url(../img/cam_bnr.jpg) no-repeat left top;
	margin: 10px 7px 0;
	text-indent:-9999px;
}

#banner_cam a{
	width:163px;
	height:163px;
	display:block;
	overflow:hidden;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	width:750px;
	height:80px;
	text-align:center;
	float:left;
	overflow:hidden;
	background:url(../img/foot_bg2.gif) repeat-x left top;
/*	padding-top:15px;*/
	padding:15px 0 10px 0;
}

#footer dl {
overflow:hidden;
width:750px;
height:15px;
line-height:18px;
float:left;
margin:0;
text-align:center;
}

#footer dl dt,#footer dl dd {
font-size:80%;
}

#footer dl dt {
display:inline;
text-align:right;
}

#footer dl dd {
text-align:left;
text-indent:-9999px;
float:left;
}


address {
	font-size: 80%;
	font-style: normal;
	text-align:right;
}


/*footter_link_color*//*------------------------------------------------------------------------------------------------------------------------*/

#footer dl dt,#footer dl dt a:link,#footer dl dt a:visited{
color:#b2b2b2;
}
#footer dl dt a:active,#footer dl dt a:hover{
color:#fff;
}

address a:link,address a:visited{
color:#333333;
}
address a:active,address a:hover{
color:#999999;
}



/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*トップページのＣＳＳはここに記述していってください。*/

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

dl#sitemap{
	width:500px;
	margin:0 15px;
	float:right;
	display:inline;
}

dl#sitemap dt {
border-bottom:#666 solid 1px;
border-left:#666 solid 5px;
line-height:20px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
text-indent:8px;
}

dl#sitemap dd {
text-indent: 20px;
margin-bottom:15px;
border-bottom:#666 dotted 1px;
line-height:20px;
font-size:12px;
}

dl#sitemap dt a:link,dl#sitemap dt a:visited{
color:#555;
text-decoration:none;
}
dl#sitemap dt a:active,dl#sitemap dt a:hover{
color: #888;
text-decoration: none;
}





/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.seg01{
	width:530px;
	margin:0px 20px;
	float:left;
	display: inline;
}

.seg01_index01{
	width:530px;
	float:left;
	background:url(../img/index_box_x.gif) repeat-x bottom left;
}

.seg01_01{
	width:530px;
	float:left;
	margin:10px 0;
}

.seg02_01{
	display:inline;
	width:530px;
	float:left;
	margin:10px 0 5px;
}
.seg02_01 h3{
	margin-bottom:5px;
}

.seg02_01 p{
	padding:0 10px;
	margin-bottom:10px;
}

.seg02_02{
	display:inline;
	width:520px;
	float:left;
	margin:10px 0 5px 0;
	padding:10px 5px 0 5px;
	background-color:#FFFFFF;
}
.seg03{
	width:450px;
	margin:0 0 0 36px;
}
.seg04{
	width:510px;
	float:left;
	margin:5px 0px 10px 0px;
}
.seg05{
	width:510px;
	float:left;
	margin:5px 0px 10px 0px;
}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pd5{
	padding:5px;
}
.mg5{
	margin:5px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.mg10{
	margin:9px;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px;
}
.mr20{
	margin-right:20px;
}

.mt10{
	margin-top:10px;
}

.ml15{
	margin-left:15px;
}

.pb10{
	padding-bottom:10px;
}

p.mr250{
	margin-right:250px;
}
p.ml250{
	margin-left:250px;
}

p.mr160{
	margin-left:160px;
}

.ali_cen {
text-align:center;
}
.ali_right {
text-align: right;
}
.ali_left {
text-align: left;
}

.fl {
float:left;
display:inline;
}
.fr {
float:right;
display:inline;
}

.clb {
clear:both;
}
.cll {
clear:left;
}
.clr {
clear:right;
}

.totop{
	background:url(../img/totop.gif) no-repeat left top;
	width:70px;
	height:21px;
	float:right;
	margin:5px 0;
	display:inline;
}
.totop a{
	text-indent:-9999px;
	width:70px;
	height:21px;
	display:block;
	overflow:hidden;
}

.ico{
	background:url(../img/icon.gif) no-repeat left top;
	height:20px;
	margin-left:10px;
	line-height:20px;
	text-indent:15px;
	font-weight:bold;
	color:#333;
	font-size:110%;
}

.ico a{
	color:#333;
}
.ico2{
	background:url(../img/icon2.gif) no-repeat left top;
	height:20px;
	margin-left:10px;
	line-height:20px;
	text-indent:15px;
	font-weight:bold;
	color:#333;
	font-size:110%;
}


.red_under{
	color:#FF0000;
	text-decoration:underline;
}

.red_s{
	font-size:90%;
	color:#f00;
}

.red_b{
	color:#db0a14;
	font-size:12px;
	line-height:18px;
	font-weight:bold;

	
}

.bg_white{
	background:#fff;
}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul.list01{
	list-style:none;
	width:250px;
	margin:10px 135px 0;
	float:left;
	display:inline;
	border-left:3px #666666 solid;
	border-right:3px #666 solid;
	border-bottom:1px #666 solid;
	text-align:center;
}

ul.list01 li{
	display:inline;
}



/***************flow.html******************/
dl.flow{
	width:500px;
	margin:0 15px;
	display:inline;
}
dl.flow dt{
	height:30px;
	width:500px;
	float:left;
	text-indent:35px;
	line-height:30px;
	font-weight:bold;
	color:#FF7F00;
	font-size:120%;
}

dl.flow dd{
	margin:0 0 15px 30px;
	float:left;
	display:inline;
	width:470px;
	background:#e0e0e0;
}

.flow .flow01{	background:url(../img/1.gif) no-repeat left top #d1d1d1;}
.flow .flow02{	background:url(../img/2.gif) no-repeat left top #d1d1d1;}
.flow .flow03{	background:url(../img/3.gif) no-repeat left top #d1d1d1;}
.flow .flow04{	background:url(../img/4.gif) no-repeat left top #d1d1d1;}
.flow .flow05{	background:url(../img/5.gif) no-repeat left top #d1d1d1;}
.flow .flow06{	background:url(../img/6.gif) no-repeat left top #d1d1d1;}
.flow .flow07{	background:url(../img/7.gif) no-repeat left top #d1d1d1;}
.flow .flow08{	background:url(../img/8.gif) no-repeat left top #d1d1d1;}


/***********************flow.html-end*************/


/***************faq.html******************/

dl.faq{
	width:500px;
	margin:0 15px;
	display:inline;
	float:left;
}
dl.faq dt{
	margin-top:5px;
	height:30px;
	width:500px;
	float:left;
	text-indent:35px;
	line-height:30px;
	font-weight:bold;
	font-size:110%;
	background:url(../img/q.gif) no-repeat left top #ddd;
}

dl.faq dd{
	width:470px;
	padding-left:35px;
	background:url(../img/a.gif) no-repeat left top;
	float:left;
	display:inline;
}
	
#flashcontent{
	float:right;
	width:570px;
	height:200px;
	display:inline;
}

/***************faq.html************end***/

/***************全ページ******************/
.rink {
	text-align:center;
	margin:30px 0 10px 0;
	color:#CCCCCC;
	clear:both;
}

.rink ul li a {
	color:#CCCCCC;
	font-size:80%;
	margin-top:10px;
}
/***************全ページ*************end**/
p.text {
	margin:5px 0px 10px 20px;
}
textarea,
input{
font-size:12px;
}