@charset "Shift_JIS";

/*共通部分のスタイルシート

■目次：

・共通指定
・配置
・全体レイアウト
・ヘッダー
・グローバルナビゲーション
・サイドバー
・フッター
・パン屑リンク
・前のページへ戻る
・ページの先頭へ戻る
・音声ブラウザ用　隠しリンク
・トップページ及び2階層目共通


*/

*{
	margin:0;
	padding:0;
}

body {
	font-size:80%;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*FireFox文字サイズ用hack*/
html>/**/body body{
	font-size:85%;
}

html:first-child body{
	font-size:80%;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#for_bg{
	position: fixed;
	bottom: 0%;	
}


/*---------------共通指定---------------*/

img {
	border:0;
}

h1,h2,h3,h4,p,ul,ol,dl,img,address,table,input,textarea ,div{
	line-height:1.4;
}


.spacer_h{
	height:200px;
}

/*---------------配置---------------*/

.f_left {
	float:left;
}

.f_right {
	float:right;
}

.f_clear {
	clear:both;
}

.f_left_img {
	float:left;
	margin:0 10px 10px 0;
}

.f_right_img {
	float:right;
	margin:0 0 10px 10px;
}

/*コンテンツボタン*/
.con_btn_r{
	clear:both;
	text-align:right;
	padding:10px 0 10px;
}


/*---------------全体レイアウト---------------*/
#container_all {
	background:url(../image/bg_body.png) repeat-y center top;	
	margin-left:auto;
	margin-right:auto;
}

#container {
	width:920px;
	background:url(../image/bg_body.png) repeat-y center top;	
	margin-left:auto;
	margin-right:auto;
}

#content {
	width:880px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#content_in_box {
	float:left;
	width:640px;
	margin:0 0 0 40px ;
}

* html #content_in_box {
	float:right;
	margin:0 0 0 0;
	padding-right:20px;
	}

/*---------------ヘッダー---------------*/
#header_all{
	width:920px;
	margin-left:auto;
	margin-right:auto;	
}

#header {
	width:920px;
	height:80px;
	background:url(../image/bg_body.png) repeat-y center top;
}


#title {
	width:200px;
	height:80px;
	float:left;
}

#title h1,
#title_page2{
	padding:20px 0 0 20px;
}

#title strong,
h1 strong{
	display:none;
}

#head_right {
	width:710px;
	text-align:right;
	padding:20px 0 0 0;
	float:left;
}

#head_right p {
	padding:0 10px 0 0;
}

.line_box{
	/*clear:both;*/
}

.line{
	position: absolute;
	z-index:10;
}



/*---------------グローバルナビゲーション---------------*/

/*#globalnavi {
	margin:0 0 0px;
	clear:both;
}*/



/*---------------サイドバー---------------*/

#side_bar {
	float:left;
	width:180px;
	margin-bottom:100px;
}

.side_box{
	width:180px;
	margin-bottom:10px;
}


.side_box_in{
	width:180px;/*IE6対策*/
	background:url(../image/bg_sbx.gif) repeat-y center top;
}

.side_box_in dl{
	padding:5px 7px;
}

.side_box_in dd{
	padding:3px 0 0;
}


.sbx_header{
	margin:0;
	padding:0;
}

.sbx_bottom{
	margin:0;
	padding:0;
}


.sba{
	margin-bottom:10px;
}



/*---------------フッター---------------*/
#footer{
	width:640px;
	font-size:0.85em;
	background:url(../image/bg_footer.gif) no-repeat #FFFFFF center top;
	padding-bottom:20px;
	clear:both;
}

#address{
	padding-top:14px;
	float:left;
}

#footer_link{
	padding-top:14px;
	float:right;
}

#footer_link ul li {
	list-style-type:none;
	display:inline;
	margin:0 1px;
	background:url(../image/p_arrow_green.gif) no-repeat left center;
	padding:0 0 0 12px;
}

/*---------------ページの先頭へ戻る---------------*/

.pagetop {
	width:640px;
	text-align:right;
	clear:both;
	padding:10px 0;
}


/*---------------パン屑リンク---------------*/
#page_navi{
	clear:both;
	color:#333333;
	width:640px;
	font-size:0.85em;
	padding-top:8px;
	margin-bottom:20px;
}

.navi_home{
	background:url(../image/p_home.gif) no-repeat left center;
	padding:0 0 0 15px;
}

#page_navi strong{
	font-weight:600;
}


/*---------------前のページへ戻る---------------*/

.link_back {
	clear:both;
	text-align:center;
	padding:3px;
	margin:30px 0 5px;
	border:1px solid #CCCCCC;
	background:url(../image/bg_link_back.jpg) repeat-x center top;
}

.link_back a{
	text-decoration:none;	
}

.link_back a:hover{
	text-decoration:underline;	
}

/*---------------音声ブラウザ用　隠しリンク---------------*/

.hiddennavi {
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:1px;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*---------------トップページ及び2階層目共通---------------*/

/*#mainimage {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	height:315px;
}*/

#mainimage {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:315px;
	position: relative;	
}

#featureList {
	width:1200px;
	height:315px;
	overflow: hidden;
}
#featureList ul {
	list-style: none;

}
ul#tabs{
	list-style: none;
	position:absolute;
	right:150px;
	top:0px;	
}

ul#tabs li{
	padding:0;
	margin:0 5px 0 0;
	list-style:none;
	float:left;	
}

/*ul#output li a {
position: absolute;
top: 235px;
left: 392px;
}*/


/*トップ最新情報*/
.content_in_box_std{
	width:640px;
	margin:0 0 30px;
}


.content_in_box_std dl{
	width:640px;
	background:url(../image/line_dot.png) repeat-x bottom;
	float:left;
}

.content_in_box_std dl dt {
	float:left;
	width:100px;
	margin-top:15px;
	padding:0 13px;
	font-weight:bold;
	color:#333333;
}

.content_in_box_std dl dd {
	float:left;
	width:490px;
	margin-top:14px;
	padding:0 13px 15px 0;
}

/*トップインデックス*/
.contentsbox {
	width: 640px;
	background: url(../image/bg_contentsbox_center.gif) repeat-y;
	margin-bottom: 20px;
}


.contentsbox h3,
.contentsbox-one h3 {
	background: url(../image/bg_contensbox_title_service.gif) no-repeat;
	height:33px;
	margin-bottom: 0px;
	padding:8px 0 0 22px;
	font-size:1.0em;
	font-weight:600;
}

.contentsbox h3.other,
.contentsbox-one h3.other {
	background: url(../image/bg_contensbox_title_access.gif) no-repeat;
}


.contentsbox img.contentsbox_bottom,
.contentsbox-one img.contentsbox_bottom {
	vertical-align: bottom;
}

.contentsbox_left {
	float: left;
	width: 310px;
}

.contentsbox-one .contentsbox_left {
	background: url(../image/bg_contentsbox_one_center.gif) repeat-y;
}

.contentsbox_right {
	float: right;
	width: 310px;
}

.contentsbox_left p,
.contentsbox_right p{
	margin:0 10px;	
}



/*2階層目共通*/
#main_banner{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:180px;
	clear:both;
}

.local_menu{
	margin-bottom:20px;	
}

.local_menu_left{
	width: 310px;
	height:37px;
	background: url(../image/bg_local_menu.gif) no-repeat;
	float:left;
}

.local_menu_right{
	width: 310px;
	height:37px;
	background: url(../image/bg_local_menu.gif) no-repeat;
	float:right;
}

.local_menu_left a,
.local_menu_right a{
	display:block;
	padding:8px 25px;
}

.page2nd p {
	padding:0 10px;
	margin-bottom:20px;
}

.page2nd .contentsbox_left p,
.page2nd .contentsbox_right p{
	padding:0;
	margin-bottom:0;
}

.page2nd ol{
	margin:0 0 0 30px;
}

.page2nd ul{
	margin:0 0 0 10px;	
}


.page2nd ul li{
	list-style: none;
	background: url(../image/p_gray.gif) no-repeat left 0.7em;
	padding:5px 0 0 15px;
}
.page2nd ul.green li{
	background: url(../image/p_green.gif) no-repeat left 0.7em;
}

.page2nd h2{
	margin-bottom:7px;	
}

h2.h2txt{
	background: url(../image/bg_h2.gif) no-repeat top left;
	font-weight:600;
	font-size:1.2em;
	padding:3px 0 15px 12px;
	margin-bottom:10px;	
}

h2 span{
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0.2em;
	color:#999999;	
	margin-left:10px;
}

.page2nd h3 {
	clear:both;
	font-weight:600;
	font-size:1.0em;
	padding:3px 0 5px 15px;
	margin:15px 0;
	background: url(../image/ba3p.gif) no-repeat center left;
	border-bottom:1px dotted #999999;
}

.submit {
	margin:30px auto;
	text-align:center;
}

/**/
.page2nd ul.num{
	
}

.page2nd ul.num li.num1{
	padding:3px 10px 5px 30px;
	margin:15px 0;
	background: url(../image/p_num01.gif) no-repeat top left;		
}

.page2nd ul.num li.num2{
	padding:3px 10px 5px 30px;
	margin:15px 0;
	background: url(../image/p_num02.gif) no-repeat top left;		
}

.page2nd ul.num li.num3{
	padding:3px 10px 5px 30px;
	margin:15px 0;
	background: url(../image/p_num03.gif) no-repeat top left;		
}

/**/
.contentsbox h3.title,
.contentsbox-one h3.title {
	background: url(../image/bg_contensbox_title_no.gif) no-repeat;
	height:33px;
	margin:0;
	padding:8px 0 0 22px;
	font-size:1.0em;
	font-weight:600;
	border:none;
}

/*students*/
.left_img_box .f_left_box{
	width:240px;
	float:left;	
}

.left_img_box .f_right_box{
	width:400px;
	float:left;	
}