/* CSS Document */
@charset 'utf-8';

body {
	color: #04223c;
	font-size: 10pt;
	background-color:#04223c;
	background-image: url(bg.gif);
	background-position:bottom;
	background-attachment: fixed;
	background-repeat: repeat-x;
	line-height:1.3;
	}
	
html, body {
	scrollbar-base-color : #ffffff ;
	scrollbar-3dlight-color : #04223c ;
	scrollbar-arrow-color : #04223c;
	scrollbar-dark-shadow-color : #04223c ;
	scrollbar-face-color : #ffffff ;
	scrollbar-highlight-color :#04223c ;
	scrollbar-shadow-color : #04223c ; 
	scrollbar-track-color:#04223c;
}

html{overflow-y:scroll;}

h1,h2,h3,h4{
	padding:0;
	margin:0;
	font-size:10pt;
}


ul,p,dl,dt
{padding:0px;
margin:0px}

ul{
	padding:0px;
margin:0px}


dd{
margin:0px 0px 0px 10pt;
}

img{
	vertical-align:middle;
	line-height:0;
}

a:link {
	color: #0e00c4;
}
a:visited {
	color: #0e00c4;
}
a:hover {
	color: #2084a5;
}
a:active {
	color: #0e00c4;
}

.style_red{
color: #FF0000;
}
.style_ffffff{
color: #FFFFFF;
}
.style_small{
	font-size:8.5pt;
}



/* ページの入れ物 */
#iremono {
position:relative;
	float: none;
	clear: both;
	width: 793px;
	margin: 0px auto;
	
}

/* メニュー */
#menu{
	width:793px;
	margin:0px auto;
	}

#menu img{
vertical-align:bottom;
}

/* トップ絵下のコンテンツ */
#content{
width:793px;
margin:0px auto;
	background-color:#FFFFFF;
}

/* floatクリア */
.clear{
clear:both;
width:100%; /* IE6.7 */
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
}

.clearplus{
clear:both;
width:100%; /* IE6.7 */
}

/* フッター */
#footer{
position:relative;
top:0px;
width:793px;
height:6px;
background:url(image/page_bottom.png) no-repeat;
}

#kaiseki{
text-align:right;
padding-top:10px;
}

#menu_top{
width:793px;
height:41px;
padding-top:10px;
}

#menu_bottom{
width:793px;
height:32px;
}

/* ロゴ */
#logo_a,
#logo_b{
float:left;
display:block;
}


/* web拍手 */
#webclap{
	position:absolute;
	top:7px;
	right:0px;

}

#counter{
	position:absolute;
	top:30px;
	left:210px;
	color:#FFFFFF;
	}

.counter_img{
padding-bottom:2px;
padding-right:5px;
}


/* ナビゲーションバー */
#navi{
width:592px;
height:32px;
background-image:url(image/navi_bg.gif);
background-repeat:repeat-x;
float:right;
}


/* ナビゲーションバーのメニュー */
#navi li {
float:right;
height:32px;
list-style-type:none;
list-style-image:none;
}

#navi li a{
display:block;
}

#navi li a:hover,
#navi li a:focus{
background:#f1f5f7;
}

/* ナビのページの色変化 */
#navi li.select{
background:#f1f5f7;
}

/* ナビゲーションバーの右イメージ */
#navi_right{
width:6px;
height:32px;
float:right;
background:url(image/navi_right.png)
}

.error{
height:300px;
font-weight:800;
font-family:"Times New Roman", Times, serif;
font-size:20pt;
text-align:left;
padding-left:100px;
}

/* トップ絵 */
#top{
clear:both;
width:100%; /* IE6.7 */
padding:0px;
vertical-align:bottom;
}

#logo_bottom{
display:block;
margin:0px;
padding:0px;
width:793px;
height:26px;
background:url(image/logo_bottom.jpg) top left no-repeat;
}

#top_box{
	float: none;
	clear: both;
	margin: 0px auto;
	padding-bottom:10px;
}

#box{
	float: none;
	clear: both;
	margin: 0px auto;
	padding-top:15px;
	padding-bottom:10px;
}

#attention{
color:#FF0000;
padding-top:10px;
text-align:center;
}

#attention a:link{
color:#FF0000;
}

#attention a:visited {
color:#FF0000;
}

#attention a:hover {
	color: #FF6699;
}
#attention a:active {
	color: #FF6699;
}




/* カラム */
#left_column,
#right_column
{
float:left;
}

/* 左カラム */
#left_column{
	width:520px;
}

/* 右カラム */
#right_column{
	width:253px;
}

.top_center_box{
	text-align:center;
	width: 500px;
		padding:20px 0px 0px 20px;
}

.center_box{
text-align:center;
}

/* 左カラムボックス */
.left_column_box{
	width:500px;
	padding:20px 0px 0px 20px;
}

/* 右カラムボックス */
.right_column_box{
	width:233px;
	padding:10px 0px 0px 20px;
}

/* 左カラムのタイトル */
.left_colum_title{
height:30px;
padding:0px;
background:url(image/line.gif) left bottom no-repeat;
}

.nakami{
	width:372px;
	margin-top:2px;
	border:1px solid #1d3b52;
	padding:8px 8px 8px 8px;
}

.left_column_box .nakami li{
width:357px;
margin:0px 0px 0px 15px;
list-style-type:none;
list-style-position:outside;
}

.whatsnew{
	width:482px;
	margin-top:2px;
	border:1px solid #1d3b52;
	padding:8px 8px 8px 8px;
	height:115px;
}


.left_column_box .whatsnew .date{
margin:0px;
padding:0px;
float:left;
width:65px;
}

.left_column_box .whatsnew .rireki{
	margin:0px;
	padding:0px;
	float:left;
	width:400px;
}

.right_column_box li{
	list-style:none;
	line-height:2;
}

#content_itaku li{
		list-style-type:none;
	list-style-image:none;
		padding:0;
		margin:0;
		line-height:0;
}

/* サークルについて */
#about{
	width:203px;
	margin:0;
	padding:10px 15px 10px 15px;
	text-align:left;
	background-color:#04223c;
	color:#FFFFFF;
}

.display_block{
display:block;
}


#kankyou{
	width:211px;
	border:3px double #1d3b52;
	padding:8px;
}

.itaku{
	margin: 0 auto;
	width: 600px;
	padding-bottom: 5px;
}

.itaku_moji{
	text-align:center;
	margin: 0 auto;
	padding-bottom: 3px;
	padding-top: 15px;
}

.itaku_banner{
	width: 600px;
	margin: 0 auto;
	text-align: center;
	line-height: 0.5;
}



/* スタッフリスト */
#stafflist{
width:681px;
margin:0px auto;
background:#f5f5f6;
}

.stafflist_box{
	width:679px;
	padding:0;
	border-left:1px solid #8b8a84;
	border-right:1px solid #8b8a84;
	margin: 0px auto;
}

.stafflist_minibox_set{
width:620px;
margin:0px auto;
}

.stafflist_minibox_left_top{
	width:288px;
	border-left:1px solid #1d3b52;
	border-right:1px solid #1d3b52;
	border-top:1px solid #1d3b52;
	float:left;
	padding:10px;
}

.stafflist_minibox_right_top{
	width:288px;
	border-right:1px solid #1d3b52;
	border-top:1px solid #1d3b52;
	float:left;
	padding:10px;
}

.stafflist_minibox_left{
	width:288px;
	border-left:1px solid #1d3b52;
	border-right:1px solid #1d3b52;
	border-top:1px solid #1d3b52;
	border-bottom:1px solid #1d3b52;
	float:left;
	padding:10px;
}

.stafflist_minibox_right{
	width:288px;
	border-right:1px solid #1d3b52;
	border-top:1px solid #1d3b52;
	border-bottom:1px solid #1d3b52;
	float:left;
	padding:10px;
}

.stafflist_minibox_left_last{
	width:288px;
	border-right:1px solid #1d3b52;
	border-left:1px solid #1d3b52;
	border-bottom:1px solid #1d3b52;
	float:left;
	padding:10px;
	margin-bottom: 10px;
}

.stafflist_minibox_right_last{
	width:288px;
	float:left;
	padding:10px;
	margin-bottom: 10px;
}

.stafflist_image{
border:1px solid #1d3b52;
margin-right:15px;
float:left;
}

.stafflist_name{
font-size:16px;
font-weight:600;
margin:0px auto;
width:191px;
float:left;
}

.stafflist_profile{
margin-top:3px;
width:191px;
float:left;
}

.staff_supportmember{
width:597px;
margin:0px auto;
text-align:left;
}

.link_banner{
float:left;
display:block;
}

#link_flysystem{
width:350px;
margin:0 auto 15px auto;
border:1px solid #1d3b52;
text-align:center;
padding:10px;
}

.link_box_box{
width:600px;
}

.link_box{
border:1px solid #1d3b52;
margin:0 auto 15px auto;
padding:0px;
width:600px;
}

.free_box{
	border:1px solid #1d3b52;
		margin:0 auto;
	padding:10px;
    text-align:left;
	width:500px;
}

.free_box dt{
padding-left:10pt;
}

.free_box dd{
padding-left:20px;
}

.support{
	margin:0px auto;
	width:648px;
}

.support_title{
	margin:0px auto 2px 0px;
	text-align: center;
}

.support_hosoku{
	margin:0px auto 5px auto;
	text-align: center;
	width:648px;
}

.support_subtitle{
	margin:0px auto 2px 10px;
	width:628px;
}

.support_content{
	padding:5px 0px 10px 40px;
	width:598px;
}

.support_menu{
text-align:center;
margin-bottom:10px;
}

.support_box{
width:600px;
margin:0px auto 10px auto;
text-align:left;
padding:15px;
}
.support_box_plusborder{
width:552px;
margin:0px auto 20px auto;
border:1px solid #1d3b52;
text-align:justify;
padding:10px;
}

.support_work{
	width:628px;
	margin:0px auto 20px auto;
	padding:10px;
}

.support_work p{
margin-bottom:5px;
line-height:2;
}

.support_work_space{
margin-left:10pt;
}

.support_qaabox{
padding-bottom:5px;
}

.support_qaa{
clear:both;
width:100%;
}
.support_q_q{
	position:relative;
	width:20px;
	text-align:right;
	float:left;
}
.support_q_text{
	margin:0px;
	width:570px;
	text-align:left;
	float:right;
}

.support_a_a{
	position:relative;
	width:20px;
	text-align:right;
	float:left;
	padding-bottom:5px;
}

.support_a_text{
	margin:0px;
	width:570px;
	text-align:left;
	float:right;
}

.support_mark{
position:absolute;
left:-13px;
top:0px;
}



#work_mba{
	width:344px;
	background:url(support/mba.jpg) left top no-repeat;
	padding:0px 0px 0px 208px;
	text-align:justify;
	margin: 0 auto;
}

.contact_box{
padding:10px 10px 0 10px;
border:1px solid #1d3b52;
	width:550px;
	margin:0 auto;
}

.contact_midashi{
	margin:0 auto;
	width:570px;
	padding-bottom:10px;
}

.contact_title{
padding-bottom:3px;
}

.contact_box_masuake{
	padding-left:20px;
	padding-bottom:15px;
}

.cgi_form_title{
	padding-left:20px;
	padding-bottom:10px;
	text-align:left;
}

.cgi_form_box{
padding-left:30px;
text-align:left;
min-height:300px;
}

.cgi_form_koumoku{
padding-bottom:5px;
text-align:left;
}


.cgi_form_koumoku_left{
	width:90px;
	float:left;
	display:inline; /*forIE6*/
	text-align:right;
	padding-top:2px;
}

.cgi_form_koumoku_right{
margin:0px 0 0px 8px;
float:left;
display:inline; /*forIE6*/
text-align:left;
}


.cgi_form_hosoku{
	margin:0px auto 15px 20px;
	text-align: left;
	}

.product{
	width:650px;
	margin:0 auto;
	padding-bottom: 10px;
	padding-top: 10px;
}

.product_title{
	text-align:left;
	float:left;
	width:516px;
	margin-left:14px;
	padding-top: 10px;
}

.product_title a{
color: #04223c;
}

.product_title_detail{
	text-align:left;
	float:left;
	width:516px;
	margin-left:14px;
	margin-bottom:10px;
	padding-top: 10px;
	border-bottom: 1px dotted;
}
	

.product_detail{
	text-align:left;
	float:left;
	width:505px;
	padding-left:25px;
}

.product_banner{
	margin:0 auto;
	width:120px;
	float:left;
}

.list_mark_noting li{
	list-style:none;
}