@charset "utf-8";

/* CSS Document */



/* ------------------------------

 Universal

------------------------------ */



*{

	font-size:100%;

	margin:0;

	padding:0;

}



/* ------------------------------

 Body

------------------------------ */



body{

	font-family:"ＭＳ Ｐゴシック", Osaka;

	font-size:12px;

	color:#444;

	line-height:130%;

	width:100%;

	background-image:url(../img/back_img.gif);



}



h3{

	clear: both;

	height: 45px;

	margin:0;

	padding:0px;

	font-size: 14px;

	font-weight: bold;

	line-height: 1.4em;

	color: #333;

}



h3 p{

	position:absolute;

	left:-9999px;

}





hr{

	clear: both;

	margin: 0 0 0 0;

	padding: 0;

	border-width: 1px 0 0 0;

	border-style: solid none none none;

	height: 1px;

	color: #999999;

}



.line01{

	margin: 5px 0 0 20px!important; 

	height: 1px;

	width: 540px;

	}



.f8pt{ font-size: 8.5pt!important; }

.f9pt{ font-size: 9.0pt!important; }

.f10pt{ font-size: 10pt!important; }

.f11pt{ font-size: 11pt!important; }

.f12pt{ font-size: 12pt!important; }

.f13pt{ font-size: 13pt!important; }

.f14pt{ font-size: 14pt!important; }

.f15pt{ font-size: 15pt!important; }

.f16pt{ font-size: 16pt!important; }

.f17pt{ font-size: 17pt!important; }

.f18pt{ font-size: 18pt!important; }

.f19pt{ font-size: 19pt!important; }

.f20pt{ font-size: 20pt!important; }

.f21pt{ font-size: 21pt!important; }

.f22pt{ font-size: 22pt!important; }

.f23pt{ font-size: 23pt!important; }

.f24pt{ font-size: 24pt!important; }





.lh10{ line-height: 1.0em!important; }

.lh11{ line-height: 1.1em!important; }

.lh12{ line-height: 1.2em!important; }

.lh13{ line-height: 1.3em!important; }

.lh14{ line-height: 1.4em!important; }

.lh15{ line-height: 1.5em!important; }

.lh16{ line-height: 1.6em!important; }

.lh17{ line-height: 1.7em!important; }

.lh18{ line-height: 1.8em!important; }

.lh19{ line-height: 1.9em!important; }

.lh20{ line-height: 2.0em!important; }





.m10-t{ margin-top: 10px!important; }	

.m15-t{ margin-top: 15px!important; }

.m20-t{ margin-top: 20px!important; }

.m25-t{ margin-top: 25px!important; }

.m20-l{ margin-left: 20px!important; }



.orange{ color: #ff6600!important; }





/* ------------------------------

 Img

------------------------------ */



img{

	border:0;

}



/* ------------------------------

 List

------------------------------ */



ul,ol{

	list-style:none;

}



/* ------------------------------

 Table

------------------------------ */



table{

	border-collapse:collapse;

	}



/* ------------------------------

 Address

------------------------------ */



address{

	font-style:normal;

	}

	



/* ------------------------------

 Wrapper

------------------------------ */



div#wrapper{

	width:800px;

	margin:0 auto;

	border-left:1px #999 solid;

	border-right:1px #999 solid;

	background-color:#FFF;

	}

	

/* ------------------------------

 Header

------------------------------ */



div#header{

	margin:0;

	height:100px;

	background:url(../img/header_bg.jpg) top repeat-x;

}



.description{

	height:20px;

	margin:0;

	font-weight:normal;

	font-size:10px;

	background:url(../img/description_bg.gif) top repeat-x;

	padding:2px 0 0 10px;

	color:#333333;

	}



div#header #top-menu{

	position:2px;

	text-align: right;

}



div#header #top-menu li{

	display: inline;

	font-size: 8.5pt;

	line-height: 14pt;

}





#siteId{

	margin:7px 0 0 0;

	float:left;

	}



#topRegist{

	margin:6px 3px 0 6px;

	float:right;

	}







/* ------------------------------

 Global Menu

------------------------------ */



#globalMenu {

	width:800px;

	height:30px;

}	



#globalMenu li {

	list-style-type: none;

	float:left;

	}

	

#globalMenu a{

	display:block;

	text-decoration:none;

}



#globalMenu a em{

	position:absolute;

	left:-9999px;

}



#top{

	background-image:url(../img/bt_top_off.gif); 

	background-repeat:no-repeat; 

	width:120px; 

	height:30px;

}



#top:hover{

	background-image:url(../img/bt_top_on.gif); 

}



#system{

	background-image:url(../img/bt_system_off.gif); 

	background-repeat:no-repeat; 

	width:136px; 

	height:30px;

}



#system:hover{

	background-image:url(../img/bt_system_on.gif); 

}



#rule{

	background-image:url(../img/bt_rule_off.gif); 

	background-repeat:no-repeat; 

	width:136px; 

	height:30px;

}



#rule:hover{

	background-image:url(../img/bt_rule_on.gif); 

}



#sitelist{

	background-image:url(../img/bt_sitelist_off.gif); 

	background-repeat:no-repeat; 

	width:136px; 

	height:30px;

}



#sitelist:hover{

	background-image:url(../img/bt_sitelist_on.gif); 

}



#faq{

	background-image:url(../img/bt_faq_off.gif); 

	background-repeat:no-repeat; 

	width:136px; 

	height:30px;

}



#faq:hover{

	background-image:url(../img/bt_faq_on.gif); 

}



#contact{

	background-image:url(../img/bt_contact_off.gif); 

	background-repeat:no-repeat; 

	width:136px; 

	height:30px;

}



#contact:hover{

	background-image:url(../img/bt_contact_on.gif); 

}



/* ------------------------------

 Content

------------------------------ */



div#content1{

	margin:0;

	padding:0;

	}



div#content3{

	margin:0;

	padding:0 30PX;

	list-style:decimal;

	}



div#mainView{

	float:left;

	width:560px;

	padding:10px;

	margin:0px;

	}





div#mainContent{

	float:left;

	width:560px;

	margin:0;

	padding:0 10px 0 10PX;

	}



div#mainContentText p{

	padding-bottom:1em;

	}

	

div#sideContent{

		float:right;

		margin:0 px;

		padding:0; 



	}

	

div#sideBanner{

	margin:10px 3px 0 3px;

}





p#cameraBanner{

	text-align:center;

	padding-top:30px;

	}



p#btnPreregister{

	margin:20px 0;

	}

	

.site{

	margin:10px 0 0 0;

	padding:10px;

}





.left{

	float: left;

	margin: 0 30px 20px 10px;

}



/* ------------------------------

 ログインフォーム

------------------------------ */



ul#loginForm{

	padding:0 0px;

	font-size:12px;

	margin:0 5px;

	}



ul#loginForm li{

	margin: 5px 0;

	padding-left: 5px;

	padding-bottom:2px;

	}



ul#loginForm li input.loginInput{

	height:18px;

	width:166px;

	_width:170px;

	}



div#login{

	float:right;

	height:228px;

	margin:10px 3px 0 0;

	padding:10px 10px;

	border: 1px solid #dddddd;

	background-color:#ffffff;

}



/* ------------------------------

 お知らせ

------------------------------ */



ul#info{

	padding:0 0px;

	font-size:12px;

	margin:0 5px;

	}



ul#info li{

	margin: 5px 0;

	padding-left: 5px;

	padding-bottom:2px;

	}



div#info{

	float:right;

	height:228px;

	margin:0 3px 0 0;

	padding:10px 10px;

	border: 1px solid #dddddd;

	background-color:#ffffff;

}



/* ------------------------------

 新規登録フォーム

------------------------------ */



ul#registerForm{

	padding:0 0px;

	font-size:12px;

	margin:0 100px;

	}



ul#registerForm li{

	margin: 5px 0px;

	padding-left: 5px;

	padding-bottom:2px;

	}



ul#registerForm li input.registerInput{

	margin: 15px 0 0 90px;

	height:20px;

	width:266px;

	_width:270px;

	}



ul#registerForm li input.registerInput2{

	margin: 5px 145px;

	height:25px;

	width:166px;

	_width:170px;

	}





/* ------------------------------

 Footer

------------------------------ */



div#footer{

	clear:both;

	width:100%;

	margin-top:10px;

	padding-top:10px;

	border-top:3px #ed015b solid;

	text-align:center;

	padding-bottom:30px;

	}



div#footer p{

	padding-bottom:1em;

	}

	

/*------------------------------------------------------------

3、float・・・ブロックの左右の回り込み＆clearfix

-------------------------------------------------------------*/



.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/

.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/

.fl-c{

	clear: both;

	margin-top: 20px;/*上に20pxのマージンをとる*/

}





/*「clearfix」でfloatを使った際のエリアが重なるバグを解除*/

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}