@charset "utf-8";

/* CONTAINER ****************************************************************/
div#contents div.topback {
	margin: 30px 0;
}


/* HEADER ****************************************************************/
div#header {
	width: 800px;
	height: 80px;
}

div#h-top p {
	float: left;
	width: 430px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
div#h-top p a {
	float: left;
	width: 430px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}


/* MAIN ****************************************************************/
div#main {
	width: 615px;
	padding: 17px 17px 0 0;
}
div#main h2, div#main h3 {
	text-indent: -9999px;
}
div#main .orenge {
	color: #ED6C00;
}

div#title {
	width: 615px;
	margin-bottom: 30px;
}
div#title h1, div#title p {
	width: 615px;
	text-indent: -9999px;
	background: url(../special/images/main_img.gif) no-repeat;
}

div#title h1 { height: 70px; background-position: 0 -285px;}
div#title p#t-img01 { height: 150px; background-position: 0 0;}
div#title p#t-img02 { height: 70px; background-position: 0 -150px;}
div#title p#t-img03 { height: 65px; background-position: 0 -220px;}
div#title p#t-img04 { height: 124px; background-position: 0 -355px;}

div#title ul {
	line-height: 1.4;
	font-size: 83%;
}

div#box1 {
	width: 615px;
	line-height: 1.6;
	margin-bottom: 28px;
}
div#box1 div.inbox {
	float: left;
	width: 365px;
}
div#box1 h2 {
	height: 64px;
	margin-bottom: 10px;
	background: url(../special/images/box1_title.gif) no-repeat;
}
div#box1 p.side {
	float: right;
}

div.contact {
	width: 372px;
	margin: 0 auto 50px;
}
div.contact p.sent {
	height: 22px;
	text-indent: -9999px;
	background: url(../special/images/contact_sent.gif) no-repeat;
}

div#box2 {
	float: left;
	width: 342px;
	margin-bottom: 20px;
}
div#box2 h2 {
	height: 75px;
	margin-bottom: 7px;
	background: url(../special/images/box2_title.gif) no-repeat;
}
div#box2 p.repletion {
	line-height: 1;
	margin-bottom: 10px;
	font-size: 83%;
	text-align: right;
}
div#box2 h3 {
	height: 20px;
	margin: 30px 0 10px;
	background: url(../special/images/box2_intitle.gif) no-repeat;
}
div#box2 ul {
	list-style: disc;
	margin: 0 0 10px 20px;
}
div#box2 p.footnotes {
	line-height: 1;
	font-size: 83%;
}

div#box3 {
	float: right;
	width: 243px;
	margin-bottom: 20px;
}
div#box3 h2 {
	height: 65px;
	margin-bottom: 7px;
	background: url(../special/images/box3_title.gif) no-repeat;
}
div#box3 p.sent {
	height: 13px;
	line-height: 1;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(../special/images/box3_subtitle.gif) no-repeat;
}

div#box3 div.inbox {
	width: 220px;
}
div#box3 div.inbox h3 {
	height: 25px;
	margin-bottom: 5px;
}

h3#box3-title01 { background: url(../special/images/box3_intitle01.gif) no-repeat;}
h3#box3-title02 { background: url(../special/images/box3_intitle02.gif) no-repeat;}
h3#box3-title03 { background: url(../special/images/box3_intitle03.gif) no-repeat;}
h3#box3-title04 { background: url(../special/images/box3_intitle04.gif) no-repeat;}

div#box3 div.inbox p {
	margin-bottom: 10px;
}

div.box {
	clear: both;
	width: 573px;
	margin-bottom: 30px;
}
div.box table {
	line-height: 1;
	margin: 0 5px 5px;
	border: #928E8D solid 1px;
}
div.box th, div.box td {
	vertical-align: middle;
	padding: 4px 3px 3px;
	border: #928E8D solid 1px;
	text-align: center;
}

div#box4 {
	float: left;
	width: 193px;
}
div#box4 h2 {
	height: 27px;
	margin-bottom: 7px;
	background: url(../special/images/box4_title.gif) no-repeat;
}
div#box4 table {
	width: 183px;
}
div#box4 .side {
	width: 64px;
}
div#box4 p.repletion {
	line-height: 1;
	margin-left: 5px;
	font-size: 83%;
}

div#box5 {
	float: right;
	width: 370px;
}
div#box5 h2 {
	height: 27px;
	margin-bottom: 7px;
	background: url(../special/images/box5_title.gif) no-repeat;
}
div#box5 p {
	margin: 0 5px 10px;
}
div#box5 table {
	width: 360px;
}

div#box5 table#visible {
	vertical-align: bottom;
	margin-bottom: 13px;
	border: none;
}
div#box5 table#visible th,
div#box5 table#visible td {
	border: none;
	text-align: left;
}
div#box5 table#visible th {
	width: 175px;
	line-height:16px;
}
div#box5 table#visible span.money {
	margin-right: 2px;
	font-size: 166%;
}

div#box5 caption {
	line-height: 1.1;
	padding-bottom: 4px;
	font-size: 83%;
	text-align: left;
}
div#box5 caption span {
	font-size: 120%;
}
div#box5 th {
	width: 86px;
}
div#box5 td span.orenge {
	margin-left: 10px;
	font-size: 83%;
}
div#box5 td span.money {
	margin-left: 2px;
	font-size: 160%;
}
div#box5 td span.salary {
	margin-left: 2px;
	font-size: 110%;
}

div#box5 p.footnotes {
	line-height: 1;
	margin-right: 5px;
	font-size: 83%;
	text-align: right;
}


div#title02 {
	width:600px;
	height:500px;
	background-image:url(../special/images/main_img.jpg);
	background-repeat:no-repeat;
}

div#main_text {
	padding:230px 0 0 20px;
	margin:0 0 20px 0;
	color:#EA5514;
	font-size:11px;
}

.box6 {
	width:570px;
}

.box7 {
	width:560px;
}

div#left01 {
	float:left;
	width:256px;
	height:255px;
	color:#FFF;
	background-color:#EA5514;
	padding:10px;
	font-size:11px;
}

div#right01 {
	float:right;
	width:256px;
	height:255px;
	margin:0 0 20px 0;
	color:#FFF;
	background-color:#EA5514;
	padding:10px;
	font-size:11px;
}

div#left02 {
	float:left;
	width:250px;
	padding:10px;
	font-size:11px;
	margin:0 0 20px 0;
}

div#right02 {
	float:right;
	width:256px;
	padding:10px;
}

.clear { clear:both;}

#box8 {
	background-image:url(../special/images/img02.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:550px;
	padding:10px;
}

#box9 {
	width:550px;
	padding:10px;
	margin-top:20px;
}


.font01 { font-size:27px; line-height:38px;}
.font02 { font-size:10px; color:#000;}
.font03 { font-size:15px; margin-bottom:5px;}
.font04 { font-size:18px; color:#EA5514;}
.font05 { font-size:12px; color:#EA5514;}
.font06 {
	width:240px;
	height:17px;
	background-color:#DCDDDD;
	border: solid #000 1px;
	color:#EA5514;
	font-size:13px;
	margin:10px 0 10px 0;
	padding:5px;
}
.font07 { font-size:14px; color:#EA5514; margin-bottom:5px;}
.font08 { color:#EA5514;}


/* FOOTER ****************************************************************/
div#footer {
	height: 3em;
	font-size: 10px;
}
div#footer address {
	padding-top: 0.2em;
	font-size: 10px;
}



/* page01 ****************************************************************/

div#title03 {
	width:600px;
	margin-left:10px;
	margin-top:20px;
	background-image:url(../special/images/title01.gif);
	background-repeat:no-repeat;
}

div#main_text02 {
	padding:110px 0 0 0px;
	margin:0 0 10px 0;
	color:#EA5514;
	font-size:11px;
}

.box8 {
	width:570px;
	margin-left:20px;
}

div#left03 {
	float:left;
	width:90px;
	font-size:11px;
}

div#right03 {
	float:right;
	width:470px;
	font-size:11px;
}

.title01 {
	color: #00A0E9;
	font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	line-height:36px;
}

.title02 {
	color: #6FBA2C;
	font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	line-height:36px;
}

.title03 {
	color: #E85298;
	font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	line-height:36px;
}

.sub_title {
	color: #000000;
	font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
}

.day01 {
	font-size:45px;
}

#textbox_01 {
	padding:10px;
	background-color:#00A0E9;
	color:#FFF;
	width:385px;
	font-size:13px;
	margin-bottom:15px;
}

#textbox_02 {
	padding:10px;
	background-color:#6FBA2C;
	color:#FFF;
	width:385px;
	font-size:13px;
	margin-bottom:15px;
}

#textbox_03 {
	padding:10px;
	background-color:#E85298;
	color:#FFF;
	width:385px;
	font-size:13px;
	margin-bottom:15px;
}

.hr01 {
	width:550px;
	margin-bottom:20px;
	margin-left:20px;
}

p#form-btn {
	clear: both;
	width: 271px;
	height: 65px;
	margin-bottom: 13px;
	margin-left: 35px;
	text-indent: -9999px;
}
p#form-btn a {
	display: block;
	height: 65px;
	background: url(../opencampus/images/form_btn.gif) no-repeat 0 0px;
}
p#form-btn a:hover {
	background-position: 0 -65px;
}