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

.hideAtPC {
	display: none;
}


/*レイアウト*/

h1{
	margin:5px 0 0 0;
	font-size: 10px;
	color:#987e37;
}

h2.subtitle1{
	width:950px;
	height:35px;
	margin:40px 0 0 0;
	padding:10px 0 0 10px;
	background:#0075be;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
}

h2.subtitle2{
	width:455px;
	height:35px;
	margin:0;
	padding:10px 0 0 10px;
	background:#0b8229;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
}

h3.subtitle1{
	width:235px;
	height:22px;
	margin:18px 0 0 0;
	padding:6px 0 0 10px;
	background:#0b8229;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */  
}


#header_top{
	width:100%;
	background:#0075be;
	padding:8px 0;
}
#header_top .in{
	width:960px;
	margin:0 auto;
}

#header{
	width:960px;
	margin:0 auto;
	padding:31px 0;
	overflow:hidden;
}

#header #logo1{
	float:left;
}

#header #logo2{
	margin:1px 0 0 23px;
	float:left;
}

#header #sns{
	width:460px;
	float:right;
}

#header .right{
	width:577px;
	float:right;
	text-align:right;
	overflow:hidden;
}



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

#gnav_bg{
	width:100%;
	padding:4px 0;
	background:#0075be;
	overflow:hidden;
	}

.gnav{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}

.gnav li{
	width:133px;
	height:60px;
	margin:0 5px 0 0;
	float:left;
	}

.gnav li.last{
	width:132px;
	height:60px;
	margin:0;
	float:left;
	}

#gnav_bg_fixed {
	position: fixed;
	z-index: 10;
	top:0;
	width:100%;
	padding:4px 0;
	background:#0075be;
	overflow:hidden;
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	display: none;
	}

.link_anker {
	position: relative;
}
.link_anker a {
	display: block;
	position: absolute;
	top: -68px;
}


/*コンテンツ*/

.tbox1{
	width:960px;
	padding:20px 0 0 0;
	text-align:left;
	overflow:hidden;
}

.tbox1 .figure1{
	width:370px;
	float:left;
}

.tbox1 .tin{
	width:570px;
	float:right;
}

.mat_subtitle1{
	width:294px;
	height:32px;
	text-align:center;
	padding:16px 0 0 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius-topleft: 7px;
	border-radius-topright: 7px;
	border-radius-bottomright: 0px;
	border-radius-bottomleft: 0px;
	background:#ff9600;
}

.mat_box1{
	width:900px;
	padding:30px 20px 30px 30px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius-topleft: 0px;
	border-radius-topright: 10px;
	border-radius-bottomright: 10px;
	border-radius-bottomleft: 10px;
	border:solid 5px #ff9600;
	background:#fffaf2;
	overflow:hidden;
}

.mat_box1 .txt{
	width:720px;
	float:left;
}

.mat_box1 .btn{
	width:169px;
	height:52px;
	float:right;
}

.mat_box2{
	margin:40px 0 0 0;
	overflow:hidden;
}

.mat_box2 .box1{
	width:200px;
	height:124px;
	padding:90px 10px 0 103px;
	float:left;
	background:url(../../images/matome/pc/subtitle_bg_1.gif) no-repeat;
}

.mat_box2 .box2{
	width:200px;
	height:124px;
	padding:90px 10px 0 103px;
	margin:0 10px;
	float:left;
	background:url(../../images/matome/pc/subtitle_bg_2.gif) no-repeat;
}

.mat_box2 .box3{
	width:200px;
	height:124px;
	padding:90px 10px 0 103px;
	float:left;
	background:url(../../images/matome/pc/subtitle_bg_3.gif) no-repeat;
}

.shi_box1{
	width:960px;
	margin:40px 0 0 0;
	overflow:hidden;
}

.shi_box1 .lbox{
	width:465px;
	float:left;
	overflow:hidden;
}

.shi_box1 .rbox{
	width:465px;
	float:right;
	overflow:hidden;
}

.shi_box1 .lbox .ph,
.shi_box1 .rbox .ph{
	width:199px;
	margin:20px 0 0 0;
	float:left;
}

.shi_box1 .lbox .txt,
.shi_box1 .rbox .txt{
	width:245px;
	margin:20px 0 0 0;
	float:right;
}


.shi_box1 .lbox .line,
.shi_box1 .rbox .line{
	padding:13px 0;
	clear:both;
}

.shi_box1 .lbox .btn2a,
.shi_box1 .rbox .btn2a{
	width:395px;
	margin:0 0 0 0;
	padding:0 0 0 70px;
	background:url(../../images/shirabegakusyu/pc/btn_1.gif) center left no-repeat;
}

.shi_box1 .lbox .btn2b,
.shi_box1 .rbox .btn2b{
	width:395px;
	margin:0 0 0 0;
	padding:0 0 0 70px;
	background:url(../../images/shirabegakusyu/pc/btn_2.gif) center left no-repeat;
}

.shi_box1 .lbox .btn1a,
.shi_box1 .rbox .btn1a{
	width:395px;
	margin:0 0 0 0;
	padding:10px 0 10px 70px;
	background:url(../../images/shirabegakusyu/pc/btn_1.gif) center left no-repeat;
}

.shi_box1 .lbox .btn1b,
.shi_box1 .rbox .btn1b{
	width:395px;
	margin:0 0 0 0;
	padding:10px 0 10px 70px;
	background:url(../../images/shirabegakusyu/pc/btn_2.gif) center left no-repeat;
}




/*テーブルスタイル*/

table.style1 {
	border-collapse:collapse;
	margin:20px 0 0 0;
}

table.style1 th,
table.style1 td {
	border:solid 1px #b3b3b3;
}

table.style1 th.top {
	padding:14px;
	background:#ecf8ff;
	color:#595959;
}

table.style1 th.number {
	width:4%;
	vertical-align:middle;
	text-align:center;
	background:#ecf8ff;
	color:#595959;
}

table.style1 td.thema {
	width:51%;
	padding:20px;
	vertical-align:middle;
}

table.style1 td.thema2 {
	width:66%;
	padding:20px;
	vertical-align:middle;
}

table.style1 td.gakunen1 {
	width:5%;
	padding:20px 5px;
	vertical-align:middle;
	text-align:center;
	background:#cecece;
	color:#fff;
}

table.style1 td.gakunen2 {
	width:5%;
	padding:20px 5px;
	vertical-align:middle;
	text-align:center;
	background:#218ec6;
	color:#fff;
}

table.style1 td.days {
	width:5%;
	padding:20px 0;
	vertical-align:middle;
	text-align:center;
	background:#cecece;
	color:#fff;
}

table.style1 td.days2 {
	width:5%;
	padding:20px 0;
	vertical-align:middle;
	text-align:center;
	background:#3668b6;
	color:#fff;
}



/*フッター共通*/

#contents_line{
	width:100%;
	height:12px;
	background:url(../../images/common/bg_line.gif);
}

#b_contents{
	width:960px;
	margin:0 auto;
	padding:70px 0 50px 0;
	text-align:center;
	overflow:hidden;
}

#b_contents .title{
	width:960px;
	margin:0 auto;
	padding:0 0 50px 0;
}

#b_contents ul.left{
	width:353px;
	text-align:left;
	float:left;
}

#b_contents ul.left li{
	width:333px;
	height:25px;
	margin:22px 0 0 0;
	padding:0 0 0 20px;
	text-align:left;
	background:url(../../images/common/bene_bg01.gif) no-repeat;
	float:left;
	font-size:130%;
	font-weight:bold;
}

#b_contents ul.right{
	width:556px;
	text-align:left;
	float:right;
}

#b_contents ul.right li{
	width:536px;
	height:25px;
	margin:22px 0 0 0;
	padding:0 0 0 20px;
	text-align:left;
	background:url(../../images/common/bene_bg02.gif) no-repeat;
	float:right;
	font-size:130%;
	font-weight:bold;
}



/*フッターナビゲーション*/

#fnav_bg{
	width:100%;
	height:146px;
	background:url(../../images/common/f_bg.gif) top repeat-x;
	overflow:hidden;
}

#fnav{
	width:960px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#fnav .in{
	width:840px;
	margin:80px 0 0 60px;
	float:left;
}

#fnav .in a {
	display: inline-block;
	border-left: solid 1px #000;
	padding-left: 20px;
	padding-right: 20px;
}
#fnav .in a:first-child {
	border: none;
}

#fnav #pagetop{
	width:53px;
	float:right;
}


/*フッター*/

#footer{
	width:100%;
	background:#0075be;
	padding:15px 0;
}
#footer .in{
	width:960px;
	text-align:center;
	margin:0 auto;
}