@charset "utf-8";

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

* {
	margin:0;
	padding:0;
}

body {
	background:#F5F5F5;
	font-size:74.5%;
	font-family:verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"lr oSVbN","MS PGothic",Sans-Serif;
	color:#000000;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

.clearfix{
	clear	:both;
	margin: 0 60px 30px 60px;
}


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

a {
	color		:blue;
}

a:link {
	color		:blue;
}

a:visited {
}

a:hover {
	color		:blue;
	text-decoration	:none;
}

a:active {
}

a:focus{
	outline:none;
}


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

#contents{
	width	:600px;
	margin	:0 auto 0;
	background-color: #FFFFFF;
}
#contents1{
	width	:600px;
	height	:700px;
	margin	:0 auto 0;
	background-color: #FFFFFF;
}
#contents1 h1.cmp{
	width	:300px;
	height	:40px;
	background	:url("../img/other/h1_contact1.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0;
}

#recruit{
	width	:180px;
	margin	:20px 200px 10px 60px;
	float	:left;
}
#contact{
	width	:300px;
	margin	:60px 90px 30px 60px;
	float	:left;
}

#form{
	width	:180px;
	margin	:60px 200px 10px 60px;
	float	:left;
}

#privacy{
	width	:300px;
	margin	:60px 90px 10px 60px;
	float	:left;
}

.privacy{
	width	:100px;
	height	:30px;
	background	:url("../img/other/bt_privacy.gif") no-repeat top left;
	text-indent	:-9999px;
	float	:left;
}

.privacy a{
	width	:100px;
	height	:30px;
	display	:block;
}

.fix_area,
.submit_area{
	width:100px;
	margin:20px 60px 0 60px;
	float:left;
}

.submit_area{
	float:right;
}


.submit_contact,
.submit_form{
	width	:100px;
	height	:30px;
	text-indent	:-9999px;
	margin	:60px 0 0 60px;
	border	:0px;
	display	:block;
	cursor	:pointer;
}

.submit_fix{
	width	:100px;
	height	:30px;
	text-indent	:-9999px;
	border	:0px;
	display	:block;
	cursor	:pointer;
}

.submit_contact_entry{
	width	:100px;
	height	:30px;
	text-indent	:-9999px;
	border	:0px;
	display	:block;
	cursor	:pointer;
}

.submit_entry{
	width	:100px;
	height	:30px;
	text-indent	:-9999px;
	margin	:20px 0 0 380px;
	border	:0px;
	display	:block;
	cursor	:pointer;
}

.submit_form_entry{
	width	:100px;
	height	:30px;
	text-indent	:-9999px;
	margin	:-30px 0 0 440px;
	border	:0px;
	display	:block;
	cursor	:pointer;
}
.submit_recruit_entry{
	width	:100px;
	height	:30px;
	text-indent	:-9999px;
	margin	:-30px 0 0 440px;
	border	:0px;
	display	:block;
	cursor	:pointer;
}


.submit_post{
	margin:0 0 10px;
	vertical-align:top;
}
.submit_entry{
	background	:url("../img/other/bt_submit_entry.gif") no-repeat top left;
}

.submit_contact{
	background	:url("../img/other/bt_submit_contact.gif") no-repeat top left;
}
.submit_form_entry{
	background	:url("../img/other/cm_m.gif") no-repeat top left;
}

.submit_contact_entry{
	background	:url("../img/other/cm_t.gif") no-repeat top left;
}

.submit_recruit_entry{
	background	:url("../img/other/cm_e.gif") no-repeat top left;
}

.submit_form{
	background	:url("../img/other/bt_submit.gif") no-repeat top left;
}

.submit_fix{
	background	:url("../img/other/bt_fix.gif") no-repeat top left;
}

.privacy_main{
	width	:480px;
	margin	:0 auto 45px;
	background-color: #FFFFFF;
}

.privacy_main h2{
	font-weight	:bold;
	font-size	:130%;
}

.back{
	width	:480px;
	margin	:0 auto 45px;
}


/* __heading
------------------------------------------*/

#contact h1{
	width	:170px;
	height	:40px;
	background	:url("../img/other/h1_contact.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0;
}

#contact h1.zero{
	width	:300px;
	height	:40px;
	background	:url("../img/other/h1_contact0.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0;
}

#recruit h2{
	width	:180px;
	height	:30px;
	background	:url("../img/other/h2_entryform.gif") no-repeat left top;
	text-indent	:-9999px;
}

#recruit h1{
	width	:125px;
	height	:85px;
	background	:url("../img/other/h1_recruit.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0 0 25px 0;
}

#form h1{
	width	:240px;
	height	:35px;
	background	:url("../img/other/h1_form.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0 0 10px 0;
}

h2.form_base{
	width	:90px;
	height	:15px;
	background	:url("../img/other/h2_base.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:40px 0 0 60px;
}

h2.form_option{
	width	:90px;
	height	:15px;
	background	:url("../img/other/h2_option.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:60px 0 20px 0;l
}

#privacy h1{
	width	:130px;
	height	:30px;
	background	:url("../img/other/h1_privacy.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0 0 25px 0;
}

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

.red{
	color:#C00;
}

.blue{
	color	:#111384;
}

.line{
	text-decoration	:underline;
}

.caption{
	font-size	:80%;
}

td{
	padding	:10px 10px 5px 5px;
	vertical-align:top;
}

td.table_title{
	background	:#000;
	margin	:10px;
	color	:#FFF;
	padding	:5px 10px;
}

td.option_title{
	background	:#CCC;
	padding	:5px 15px;
}

/* __form
------------------------------------------*/

.small{
	width	:30px;
}

.middle{
	width	:40px;
}

.large{
	width	:160px;
}

.x-large{
	width	:290px;
}

.xx-large{
	width	:330px;
}

.point{
	margin	:0 8px 0 0;
}

/*-----------------------------------------------
 __create future
-----------------------------------------------*/


#cf_contents{
	width	:900px;
	margin	:0 auto 0;
	background	:#042244;
	color	:#FFF;
	border-left: 1px solid #0166FF;
	border-right: 1px solid #0166FF;
}

h1.cf_h1{
	width	:900px;
	height	:400px;
	background	:url("../img/other/cf_title.jpg") no-repeat left top;
	text-indent	:-9999px;
}
h2.cf_h2contents{
	width	:900px;
	height	:400px;
	background	:url("../img/other/cf_contents.jpg") no-repeat left top;
	text-indent	:-9999px;
}
h2.cf_h2flow{
	width	:900px;
	height	:300px;
	background	:url("../img/other/cf_flow.jpg") no-repeat left top;
	text-indent	:-9999px;
}

.faq{
	width	:900px;
	background	:url("../img/other/cf_back.gif") no-repeat left top;
	float	:left;
	padding	:0 60px;
}

.faq h2{
	width	:200px;
	height	:50px;
	background	:url("../img/other/h2_cf.gif") no-repeat left top;
	text-indent	:-9999px;
	margin	:0 0 30px 0;
}

.faq ul{
	float	:left;
	width	:800px;
	margin	:0 auto;
}

.faq li.q{
	width	:150px;
	padding	:0 0 0 35px;
	background	:url("../img/other/cf_q.gif") no-repeat left top;
	float	:left;
}

.faq li.a{
	width	:150px;
	margin	:15px 0 50px 0;
	padding	:0 0 0 35px;
	background	:url("../img/other/cf_a.gif") no-repeat left top;
	float	:left;
}

.bt_form{
	width	:230px;
	height	:60px;
	text-indent	:-9999px;
	background	:url("../img/other/cf_bt.gif") no-repeat left top;
	margin	:0 0 60px 270px;
	
}

.bt_form a{
	width	:230px;
	height	:60px;
	display	:block;
	
}

.copy{
	width	:235px;
	height	:40px;
	text-indent	:-9999px;
	background	:url("../img/other/cf_copy.gif") no-repeat left top;
	margin	:0 0 30px 270px;
}