@charset "UTF-8";
/*---------------------------------------------

	初期設定用

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

*{
/*font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
/*font-family:Arial,sans-serif;*/
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;

}
/*---------------------------------------------

	h1

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

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

	h2 各ページタイトル

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

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

	h3

---------------------------------------------*/
h3{
	margin: 0px auto 5px;
}



/*---------------------------------------------
	h4
---------------------------------------------*/
h4{
	margin: 0px auto 5px;
}


/*---------------------------------------------
	h5
---------------------------------------------*/
h5{
	font-weight: bold;
	color: #333;
}
/*---------------------------------------------
	h6
---------------------------------------------*/
h6{
	font-weight: bold;
	color: #06c;
	border-bottom:1px dotted #ddd;
	margin: 0px auto 5px;
	line-height: 1.8em;
}


/*---------------------------------------------
	a
---------------------------------------------*/
a{
	color: #06c;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}


/*---------------------------------------------
	text
---------------------------------------------*/
.small{
	font-size: 0.9em;
}
.big{
	font-size: 1.1em;
}
.red{
	color: #c00;
}

.bold{
	font-weight:bold;
}

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

	Common

---------------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear{
	clear: both;
}
.cb{
	clear: both;
}
/*---------------------------------------------
	margin
---------------------------------------------*/
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}


.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}

.ml5{margin-left: 5px!important;}
.mr10{margin-right: 10px!important;}

/*---------------------------------------------
	text-align
---------------------------------------------*/
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.tl{text-align: left!important;}
.tj{text-align: justify!important;text-justify: distribute!important;}

/*---------------------------------------------
	list
---------------------------------------------*/

.imgRight{
	float: right;

}
.imgLeft{
	float: left;

}

.vt{
vertical-align:top;
}

.vb{
vertical-align:bottom;
}

/*--------------------------------------
センタリング
--------------------------------------*/
.table_center{
margin-left : auto ;
margin-right : auto ;
}


/*----------------------------------------
追加部分
-----------------------------------------*/



/*-ボタン　CSSSprite部分-*/


.bt li{
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
 }
 
.bt li a {
 width: 200px;  /* 画像の幅 */
 height: 66px;  /* 画像の高さ */
 display: block;
 text-indent: -9999px;
 
 }
 
.bt li.menu1 a {
 background: url("../img/bt_main.png") no-repeat 0 0;
 
 }
 
.bt li.menu2 a {
 background: url("../img/bt_main.png") no-repeat -200px 0;
 }
 
.bt li.menu3 a {
 background: url("../img/bt_main.png") no-repeat -400px 0;
 }
 
.bt li.menu4 a {
 background: url("../img/bt_main.png") no-repeat -600px 0;
 }
 
.bt li.menu5 a {
 background: url("../img/bt_main.png") no-repeat -800px 0;
 }
 
.bt li.menu1 a:hover {
 background: url("../img/bt_main.png") no-repeat 0 -67px;
 }
 
.bt li.menu2 a:hover {
 background: url("../img/bt_main.png") no-repeat -200px -67px;
 }
 
.bt li.menu3 a:hover {
 background: url("../img/bt_main.png") no-repeat -400px -67px;
 }
 
.bt li.menu4 a:hover {
 background: url("../img/bt_main.png") no-repeat -600px -67px;
 }
 
.bt li.menu5 a:hover {
 background: url("../img/bt_main.png") no-repeat -800px -67px;
 }

/*-CSSSprite　ココマデ-*/





html{
background-color: #000000;
background-image: url("../img/back_ground.jpg");

}

.main{
background: url("../img/base_back.jpg");
width: 100%;
}

.header{
text-align: right;
background: url("../img/h1_back.jpg");
height: 28px;
margin-bottom: 20px;
}

.header h1{
color: white;

}

.intro{
width: 1000px;

margin-left: auto;
margin-right: auto;

}


.h20{
height: 20px;
}

.w1000{
width: 1000px;
}

.bt_back{
background: url("../img/yoko_line.png");
background-position: bottom;
background-repeat: repeat-x;
}



.down_main{
width: 1000px;
margin-left: auto;
margin-right: auto;

padding-top: 10px;
background: url("../img/main_tate_line.png") repeat-y;

}



.footer{

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

} 



.footer .w1000{
margin-left: auto;
margin-right: auto;
width: 1000px;

}

.footer .company{
padding-top: 16px;
margin-bottom: 10px;
color: white;
}

.footer .company a{

color: white;
}

.footer .releated{

background: url("../img/releated_site.png") no-repeat;
padding-top: 18px;
color: white;
margin-bottom: 10px;
}

.footer .releated a{
color: white;
}