@charset "Shift_JIS";

/* 全体設定 -------------------------------- */
* {
	list-style: none;
	font-size: 100%;
	border: none;
	margin: 0 auto;
	padding: 0;
	}
a {	text-decoration: none; }
a:hover{
	text-decoration: underline;
	}

img{
	border: none;
	padding: 0;
	margin: 0;
	}

body{
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 14px;
	background: #ffffff url("img/bg01.png") repeat-x top;
	}

hr{	
	margin: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #dbeae6;
	}

/* ボックスの左右 -------------------------- */
.boxA, .boxC, .boxD, .boxE{
	padding-left: 20px;
	padding-right: 20px;
	}

/* ボックスの上下 -------------------------- */
.boxA{
	padding-top: 10px;
	background-color: #fff;
	}

.boxB{
	padding-top: 10px;
	padding-bottom: 10px;
	background: #ffffff url("img/bg02.png") repeat-x top;
	}

.boxC, .boxE{
	padding-top: 8px;
	padding-bottom: 5px;
	background-color: #fff;
	}

.boxD{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	}

/* ヘッダー（boxA） ------------------------ */	
/* 文字サイズ・印刷 */
.opnav{
	display: block;
	padding-right: 5px;
	text-align: right;
	font-size: 88%;
	}
.opnav input{
	width: auto;
	border: none;
	color: #555555;
	text-align: center;
	padding: 7px 7px;
	letter-spacing: 1px;
	background-color: #ffffff;
	}
.opnav input:hover{
	background-color:#dbedff;
	}

/* ナビゲーション */
.menu ul{
	margin: 0;
	letter-spacing: 2px;
	list-style: none;
	}
.menu li a{
	display: block;
	margin: 3px;
	padding: 5px 5px;
	color: #000000;
	text-decoration: none;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(226,243,246,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
	}
.menu li a:hover{
	background-position: -100% 0;
	background-color: #e2f3f6;
	}
.menu ul:after{
	content: "";
	display: block;
	clear: both;
	}
.menu li{
	float: right;
	width: auto;
	}

/* ヘッダー画像にキャッチコピーを重ねる */
.top{
	position: relative;
	padding-top: 5px;
	vertical-align: top;
	}

/* 画像 */
.top img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	}

/* キャッチコピー */
.catch{
	margin: 0;
	padding: 3px 9px;
	background-color: rgba(255,255,255,0.7);
	font-size: 130%;
	font-weight: bold;
	position: absolute;
	color: #2d2d2d;
	text-shadow: 2px 2px 2px #eeeeee;
	bottom: 2%;
	left: 1%;
	}

/* トップ（boxC） -------------------------- */
.box3{
	padding-top: 5px;
	}
.box3 strong{
	font-size: 110%;
	letter-spacing: 5px;
	}
.box3 p{
	padding: 3px 3px 3px 15px;
	border-bottom: 1px solid #cccccc;
	}
.box3 img{
	vertical-align: center;
	}

.bo3linkr{
	padding: 10px;
	}
.bo3linkr a{color: #666666;}
.bo3linkr a:hover{color: #0066ff;}

.box4 p{
	padding-bottom: 10px;
	line-height: 140%;
	letter-spacing: 1px;
	}
.box4 p img{
	padding: 5px 0;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	}
.box4 p strong{
	padding: 5px 0px;
	font-size: 110%;
	}
	
.bo4linkr{
	padding: 5px;
	text-align: right;
	}
.bo4linkr a{color: #666666;}
.bo4linkr a:hover{color: #0066ff;}

/* トップ＋子ページ（boxD） ---------------- */
.kanren1{
	margin: 0;
	text-align: center;
	}
.kanren1 ul{
	margin: 0;
	list-style: none;
	}
.kanren1 ul:after{
	content: "";
	display: block;
	clear: both;
	}
.kanren1 li{
	float: left;
	width: 29%;
	margin: 2%;
	}
.kanren1 li a{
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #ff6633;
	text-decoration: none;
	background-color: #fff;
	}
.kanren1 img{
	max-width: 100%;
	height: auto;
	}

.kanren2{
	margin: 0;
	text-align: center;
	}
.kanren2 ul{
	margin: 0;
	list-style: none;
	}
.kanren2 ul:after{
	content: "";
	display: block;
	clear: both;
	}
.kanren2 li{
	float: left;
	width: 22%;
	margin-left: 3%;
	}
.kanren2 img{
	max-width: 100%;
	height: auto;
	}

.kanren3{
	margin: 0;
	text-align: center;
	}
.kanren3 ul{
	margin: 0;
	list-style: none;
	}
.kanren3 ul:after{
	content: "";
	display: block;
	clear: both;
	}
.kanren3 li{
	float: left;
	width: 29%;
	margin: 2%;
	}
.kanren3 li a{
	display: block;
	font-size: 125%;
	font-weight: bold;
	color: #333399;
	text-decoration: none;
	background-color: #fff;
	}
.kanren3 img{
	max-width: 100%;
	height: auto;
	}

.text{
	padding: 5px;
	text-align: left;
	font-size: 100%;
	}

/* Jr */
.jrobinf{
	margin: 0;
	}
.jrobinf-inner{
	float: left;
	width: 47%;
	text-align: left;
	margin-left: 3%;
	margin-bottom: 10px;
	}
.jrobinf-inner img{
	max-width: 100%;
	height: auto;
	}

/* 子ページトップ（boxE） ------------------ */
.boxE-inner{
	margin-bottom: 5px;
	padding: 0px 2%;
	}
.boxE-inner h1{
	margin: 10px 5px;
	padding-left: 20px;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 10px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	}
.boxE-inner h2{
	margin: 15px 5px 10px 5px;
	padding-left: 20px;
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 10px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	}
.boxE-inner img{
	max-width: 100%;
	height: auto;
	}
.boxE-inner p{
	padding: 10px 5px;
	text-align: center;
	}
.boxE-inner a img{
	max-width: 100%;
	height: auto;
	}
	
.jr_title_come{
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 3px;
	font-size: 115%;
	}
jr_info_orp{
	padding-top: 5%;
	}

.charge{
	float: left;
	margin-left: 6%;
	width: 40%;
	}
.charge dl{
	padding: 5px;
	}
.charge dl dt{
	padding-bottom: 5px;
	font-size: 115%;
	}
.charge dl dd{
	padding-bottom: 3px;
	padding-left: 6%;
	font-size: 100%;
	}

/* 子ページ２カム（boxF） ------------------ */
.box5{
	margin: 0px;
	padding-bottom: 5px;
	text-align: center;
	}
.box5 dl{
	padding-left: 30px;
	text-align: left;
	}
.box5 dl dt{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 115%;
	}
.box5 dl dt a{
	color: #00bbdd;
	}

.box5 dl dd{
	padding-bottom: 3px;
	padding-left: 5%;
	font-size: 98%;
	}
.box5 img{
	max-width: 100%;
	height: auto;
	}

.box6 dl{
	padding: 5px 30px;
	}
.box6 dl dt{
	padding-bottom: 3px;
	font-size: 115%;
	}
.box6 dl dd{
	padding-bottom: 3px;
	padding-left: 5%;
	font-size: 98%;
	}
.box6 img{
	max-width: 100%;
	height: auto;
	}
/* 子ページ２カム（boxF） ------------------ */
.box7{
	}
.box7 p{
	padding: 15px 0px;
	}

table.tb_type01{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 5px solid #00bbdd;
	}
table.tb_type01 th{
	width: 30%;
	padding: 10px 3px;
	font-weight: bold;
	font-size: 90%;
	vertical-align: center;
	color: #159cba;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.tb_type01 th div{
	letter-spacing: 2px;
	font-size: 120%;
	}
table.tb_type01 td{
	width: 30%;
	padding: 10px;
	vertical-align: center;
	letter-spacing: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

table.tb_type02{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 5px solid #2573D1;
	}
table.tb_type02 th{
	width: 30%;
	padding: 10px 3px;
	font-weight: bold;
	font-size: 90%;
	vertical-align: center;
	color: #0068D6;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.tb_type02 th div{
	letter-spacing: 2px;
	font-size: 120%;
	}
table.tb_type02 td{
	width: 30%;
	padding: 10px;
	vertical-align: center;
	letter-spacing: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.box8{
	text-align: center;
	}
.box8 img{
	max-width: 90%;
	height: auto;
	}

/* 子ページ３カム（boxF） ------------------ */
.box10{
	font-size: 98%;
	}
.box10 img{
	max-width: 100%;
	height: auto;
	}

.box11{
	margin: 0px;
	}
.box11 dl{
	padding-left: 10px;
	text-align: left;
	}
.box11 dl dt{
	padding-bottom: 5px;
	font-weight: bold;
	letter-spacing: 5px;
	font-size: 115%;
	}
.box11 dl dd{
	padding-bottom: 3px;
	font-size: 98%;
	}
	
.box12{
	margin: 0px;
	}
.box12 dl{
	padding-left: 10px;
	text-align: left;
	}
.box12 dl dt{
	padding: 3px;
	font-weight: bold;
	}
.box12 dl dd{
	padding-bottom: 3px;
	font-size: 98%;
	}


/* 過去トピ用 ------------------------------ */
.box9{
	margin: 5px;
	padding: 10px 45px;
	}
.box9-inner{
	text-align: left;
	}
.box9-inner p{
	padding-bottom: 10px;
	line-height: 140%;
	letter-spacing: 1px;
	text-align: left;
	}
.box9-inner  p img{
	padding: 5px 0;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	}
.box9-inner  p strong{
	padding: 5px 0px;
	font-size: 110%;
	}

/* コピーライト ---------------------------- */
.boxB-inner p{
	margin: 0;
	color: #ffffff;
	padding-top: 40px;
	text-align: center;
	}
.boxB-inner p img{
	max-width: 100%;
	height: auto;
	}

/* 振り分け -------------------------------- */
@media (max-width: 599px) {

.catch{
	padding: 3px;
	font-size: 90%;
	}
.boxE-inner h1{
	padding-left: 0px;
	font-size: 160%;
	letter-spacing: 5px;
	}
.boxE-inner h2{
	padding-left: 0px;
	font-size: 150%;
	letter-spacing: 4px;
	}
.box6 dl{
	padding: 5px 10px;
	}
.box6 dl dt{
	font-size: 100%;
	}
.charge{
	float: left;
	width: 100%;
	}
.box9{
	padding: 5px;
	}
}

@media (min-width: 700px){

/* boxAのbox1とbox2を並べる設定 */
.boxA-inner:after{
	content: "";
	display: block;
	clear: both;
	}
.box1{
	float: left;
	width: auto;
	}
.box2{
	float: right;
	width: auto;
	}

/* boxCのbox3とbox4を並べる設定 */
.boxC-inner:after{
	content: "";
	display: block;
	clear: both;
	}
.box3{
	float: left;
	width: 50%;
	}
.box4{
	float: left;
	margin-left: 2%;
	width: 48%;
	}

/* boxFのbox5とbox6を並べる設定 */
.boxF:after{
	content: "";
	display: block;
	clear: both;
	}
.box5{
	float: right;
	width: 30%;
	}
.box6{
	float: left;
	width: 70%;
	}

/* boxFのbox7とbox8を並べる設定 */
.boxF:after{
	content: "";
	display: block;
	clear: both;
	}
.box7{
	float: right;
	width: 70%;
	}
.box8{
	float: left;
	width: 30%;
	}

/* boxFのbox10とbox11とbox12を並べる設定 */
.boxF:after{
	content: "";
	display: block;
	clear: both;
	}
.box10{
	float: left;
	width: 28%;
	}
.box11{
	float: left;
	width: 25%;
	}
.box12{
	float: left;
	width: 47%;
	}

}

@media (min-width: 1000px) {

.boxA, .boxB-inner, .boxC, .boxD, .boxE{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
}