@charset "UTF-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-size	:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color	:#FFF;
	line-height	:1.5;
	margin		:0;
	background:#000;
}

html {
	margin	:0;
}

p {
	margin	:0 0 1em;
	
}

li {
	list-style:none;
}

img,
fieldset {
	border:0;
}

table {
	border-collapse: collapse;
}

.float_l{
	float	:left;
}

.float_r{
	float	:right;
}

/* start: clearfix ------------------------------ */
.clearfix{}

.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix { 
	display:inline-table;
	min-height:1px;
}

/* Hides from Mac IE \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* */
/* end: clearfix ------------------------------ */

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color: #FFF;
	text-decoration:underline;
}

a:link {
	color: #FFF;
	text-decoration:underline;
}

a:visited {
}

a:hover {
	color: #FFF;
	text-decoration:none;
}

a:active {
}

a:focus{
	outline:none;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.90;
	opacity:0.70;
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container{
	width	:1010px;
	padding:0 30px;
	margin	:0 auto;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header{
	padding:25px 25px 50px 0;
	text-align:right;
}

#header h1{
	font-size:100%;
	font-weight:normal;
}



/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents{

}

/* start: clearfix ------------------------------ */
#contents{}

#contents:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#contents { 
	display:inline-table;
	min-height:1px;
}

/* Hides from Mac IE \*/
* html #contents { height:1px; }
#contents { display:block; }
/* */
/* end: clearfix ------------------------------ */

#contents h2{
	margin-bottom:30px;
}

#contents .side{
	float:left;
}

#contents .main{
	width:780px;
	float:right;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer{
	padding:0 115px 20px 0;
}

#footer p.copy{
	width:225px;
	height:7px;
	margin-left:695px;
	background:url(../img/copy.png) no-repeat left top;
	text-indent:-9999px;
}

/*-----------------------------------------------
 __decoration
-----------------------------------------------*/


.small80{
	font-size:80%;
}

.bold{
	font-weight:bold;
}

.red{
	color	:#CC0000;
}

.goto_over{
	width:145px;
	height:26px;
	margin-left:815px;
	background:url(../img/bt_top.jpg) no-repeat left top;
	text-indent:-9999px;
	clear	:both;
}

.goto_over a{
	width:145px;
	height:26px;
	display:block;
}

.form_s{
	width:50px;
}

.form_m{
	width:230px;
}

.form_l{
	width:500px;
}

.cl{
	clear:both;
}