@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;
	text-align:center;
	float:left;
	overflow:hidden;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #3F3F3F;
	background-image: url(../img/foot_bg2.gif);
	background-repeat: repeat-x;
	background-position: left top;

}



#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 {
	color:#CCC;
	clear:both;
	font-size: 10px;
	padding: 30px;

}



.rink a {

	color:#CCC;


}

/***************全ページ*************end**/

p.text {

	margin:5px 0px 10px 20px;

}

textarea,

input{

font-size:12px;

}