@charset "UTF-8";

/* Common Styles
-----------------------------------------------------------------------------  */
body {
	font-size: 82%;
	color: #444;
	line-height: 137%;
	background: url(/img/bg.gif) repeat 0 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
}

.leftBox { 
	float:left;
	}
.rightBox { 
	float:right;
	}
	
img.leftBox { 
	padding-right:15px;
	}
img.rightBox { 
	padding-left:15px;
	}

a img{
	border: none;
}

p { 
	margin: 0;
	}


/* List Styles
-----------------------------------------------------------------------------  */
ul.disc {
	padding-left:2.5em;
	margin:1em 0px;
	list-style:disc;
	}
ul.circle {
	padding-left:2.5em;
	list-style:circle;
	margin:1em 0px;
	}
ol.decimal {
	padding-left:2.5em;
	list-style:decimal;
	margin:1em 0px;
	}

.note { 
	padding-left:1em;
	text-indent:-1em;
}

ul.blank li {
/*	background: url("/img/common/icon/blank.gif") no-repeat 10px 50%; */
	padding-left:30px;
	}



/* Bleadlist Styles
-----------------------------------------------------------------------------  */
ol.bl {
	clear:both;
	font-size:79%;
	text-align:right;
	padding:6px 5px 6px 0px;
	}
ol.bl li {
	display:inline;
	}
ol.bl li a:link, ol.bl li a:visited {
	padding-right:10px;
	background: #FFF url("/img/common/bl.gif") no-repeat 100% 50%;
	color:#36C;
	text-decoration:underline !important;
	}
ol.bl li a:hover, ol.bl li a:active {
	color:#636;
	text-decoration:none !important;
	}


/* Font Styles
-----------------------------------------------------------------------------  */
.small {
	font-size:77%;
	}
.big {
	font-size:131%;
	}

/* 23px */
.f6 { 
	font-size:174%;
	}
/* 20px */
.f5 { 
	font-size:153%;
	}
/* 17px */
.f4 { 
	font-size:131%;
	}
/* 14px */
.f3 { 
	font-size:108%;
	}
/* 10px */
.f2 { 
	font-size:77%;
	}
/* 8px */
.f1 { 
	font-size:64%;
	}

.red { 
	color:#BD2C2A; 
	}
.blue { 
	color:#0066CC; 
	}
.gray { 
	color:#AAA; 
	}
.yellow { 
	color:#FFCC00;
	}
.brown { 
	color:#993333;
	}

p,li,h1,h2,h3,h4,h5,h6,dt,dd,blockquote,th,td {
	line-height:157%;
	}

.center	{
	text-align:center;
	}
.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
.middle { 
	vertical-align:middle; 
	}

.bold { 
	font-weight:bold;
	}

.normal {
	font-weight: normal;
}

.mgb15{
	margin-bottom: 15px !important;
}

.bgno{
	background-image: none !important;
}

/* Table Styles
-----------------------------------------------------------------------------  */
table.sheet	{
	background:#FFF;
	width:635px;
	margin:5px 3px 10px 10px;
	}
.sheet th,
.sheet td {
	padding:5px;
	border:1px solid #CCC;
	}
.sheet th {
	background-color: #EEE;
	font-style:normal;
	}
.sheet td ul:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.sheet td table{
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
.sheet td td,
.sheet td th{
	background-color:#FFF;
	border:none;
	padding:4px 0px;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	}
	
.red-bg {
	background:#FDF7F7;
	}
.blue-bg {
	background:#F1F6FC;
	}

.schedule,
.schedule th,
.schedule td{
	border-color:#FFF;
	}
.schedule th{
	background-color:#7C6034;
	color:#FFF;
	font-weight:bold;
	}
.brown-bg{
	background-color:#E6D8C4;
	}
.green-bg{
	background-color:#E0E0C3;
	}
.gray-bg{
	background-color:#EEE;
	}

.schedule2 th,
.schedule2 td,{
	text-align: center;
}

.schedule2 td{
	background-color:#E0E0C3;
}

table.layout{
	width: 100%;
}

table.layout td{
	text-align: center;
}

table.career{
	border-collapse: collapse;
	width: 100%;
}

table.career th,table.career td{
	border: 1px solid #999;
	padding: 5px;
}

table.career th{
	font-weight: bold;
	text-align: center;
}

table.career .point{
	background-color: #7C6034;
	color: #fff;
}

/* From Styles
-----------------------------------------------------------------------------  */
input {
	line-height:100%;
	}
input,
textarea {
	padding:2px;
	font-size:100%;
	}
textarea{
	width:100%;
	}
.formfield {
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

input:focus,
textarea:focus {
	background-color: #F5F5F5;
	}

form img,
form input,
form select	{
	vertical-align: middle;
	}
form input,
form select	{
	line-height: 1;
	}
label{
	zoom:1;
}
button{
	cursor: pointer;
}
ul.formlist li {
	float:left;
	width:100px;
	}

.submit {
	text-align:center;
	margin:0px 3px 10px 8px;
	}
.submit{
	background:#EEE;
	padding:10px;
	}
.submit a:link, .submit a:visited{
	height:33px;
	display:block;
	margin:0px auto;
	text-indent:-5000px;
	}
.submit a#firMeeting:link,
.submit a#firMeeting:visited{
	width:315px;
	background:url("/img/btn_firmeet.gif") no-repeat 0% 0%;
	}
.submit a#entryForm:link,
.submit a#entryForm:visited{
	width:290px;
	background:url("/img/btn_entryform.gif") no-repeat 0% 0%;
	}
.submit #confirm{
	border:0px;
	width:153px;
	height:33px;
	background:url("/img/btn_confirm.gif") no-repeat 0% 0%;
	text-indent:-5000px;
	}
.submit #send{
	border:0px;
	width:130px;
	height:33px;
	background:url("/img/btn_send.gif") no-repeat 0% 0%;
	text-indent:-5000px;
	}
.submit a#firMeeting:hover,
.submit a#firMeeting:active,
.submit a#entryForm:hover,
.submit a#entryForm:active,
.submit #confirm:hover,
.submit #confirm:active,
.submit #send:hover,
.submit #send:active{
	background-position:0% -33px;
	}

.must {
	display:block;
	font-size:11px;
	color:#CC0000;
	}
.example {
	background: url(/img/common/icon/example.gif) no-repeat 0 1px;
	line-height:normal;
	margin-top:4px;
	padding:0 0 3px 18px;
	display:block;
	}


/* Error Styles 
-----------------------------------------------------------------------------  */
ul.error {
	background-color:#FFD3C3;
	padding:4px 0px;
	margin:8px auto;
	}
ul.error li {
	background: #FFD3C3 url(/img/common/icon/info.gif) no-repeat 10px 50%;
	padding-left:25px;
	color: #FF0000;
	}


/* Pager Styles
-----------------------------------------------------------------------------  */
ol.pager{
	margin:2em 0px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}
ol.pager li {
	display:inline;
	}
ol.pager li a{
	padding:3px 6px;
	border:1px solid #E7E7E7;
	font-size:79%;
	text-decoration:none;
	}
ol.pager li a:hover{
	border:1px solid #DBECFF;
	background: #DBECFF;
	}
ol.pager li strong{
	border:1px solid #E7E7E7;
	padding:3px 6px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
	}


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


/* toTop Styles
-----------------------------------------------------------------------------  */
#totop{
	clear:both;
	text-align:right;
	margin:20px 20px 10px 20px;
	}
#totop a{
	padding-left:15px;
	background: #FFF url("/img/common/icon/totop.gif") no-repeat 0% 50%;
	}


/* ======================================================== */
/* Layout Styles                                            */
/* ======================================================== */

/* header
-----------------------------------------------------------------------------  */

div#h_wrap{
	height: 124px;
	background: url(/img/h_bg.jpg) repeat-x 0 0;
}

#home div#h_wrap{
	height: 230px;
}

div#header{
	margin: 0 auto;
	padding: 0;
	width: 820px;
	height: 124px;
	background: url(/img/h_bg3.jpg) repeat-x 0 0;
	color: #fff;
	position: relative;
}

#home div#header{
	background: url(/img/h_bg2.jpg) no-repeat 100% 0;
	height: 230px;
}

#header h1, #header h2, #header p{
	font-size: 82%;
	font-weight: normal;
	margin: 0 0 0 450px;
}

#home #header h1, #home #header h2, #home #header p{
	margin: 0 20px 0 380px;
}

#header h1{
	padding-top: 30px;
	font-size: 108%;
	font-weight: bold;
}

#home #header h1{
	padding-top: 65px;
}

#header h2{
	position: absolute;
	top: 100px;
	right: 0;
	font-size: 77%;
}

#home #header h2{
	position: static;
}

#header img{
	position: absolute;
	top: 0;
	left: 0;
}

div#mpg a {
	display: block;
	width: 110px;
	height: 60px;
	position: absolute;
	top: 160px;
	right: 10px;
}

/* Cont
-----------------------------------------------------------------------------  */

div#cont{
	margin: 30px auto 0 auto;
	width: 820px;
	_width: 840px;
	padding: 10px 20px 0 20px;
	_padding: 10px 20px 0 0;
	background: url(/img/c_bg.jpg) repeat-y 0 0;
}

/* lcol
-----------------------------------------------------------------------------  */

div#lcol{
	float: left;
	width: 585px;
	margin: 0 15px 0 20px;
}

#lcol div.section{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #fff;
}

#lcol div.section h3{
	background: url(/img/dotted.gif) repeat-x 0 100%;
	font-size: 14px;
	border-left: 3px solid #900;
	padding-left: 8px;
	margin: 0;
}

#lcol div.section h3 a{
	text-decoration: none;
}

#lcol div.section h3 a:hover{
	text-decoration: underline;
}

#lcol div.section h4{
	margin: 5px;
}

#lcol div.section p{
	padding-bottom: 10px;
}

#home #lcol div.section p{
	padding-bottom: 0;
}


#lcol div.section p span{
	font-weight: bold;
}

table.today{
	width: 100%;
}

table.today td{
	vertical-align: top;
	padding: 5px;
}

table.today td p img{
	border: 1px solid #ccc;
	padding: 3px;
	margin-top: 5px;
}

/* rcol
-----------------------------------------------------------------------------  */

div#rcol{
	float: right;
	width: 180px;
	margin: 0 10px;
}

#rcol div.date{
	background: url(/img/date.gif) no-repeat 0 0;
	width: 180px;
	height: 44px;
	text-align: center;
	font-size: 131%;
	line-height: 120%;
	padding-top: 5px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial;
}

#rcol div.date span{
	font-size: 90%;
}

#rcol ul{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#rcol ul li{
	padding-bottom: 5px;
}



/* gnavi
-----------------------------------------------------------------------------  */

div#gnavi{
	position: absolute;
	top: 124px;
	left: 0;
	height: 30px;
	background-color: #000;
	width: 100%;
}

#home div#gnavi{
	top: 230px;
}

#gnavi ul{
	margin: 0 auto;
	padding: 0;
	width: 820px;
	list-style-type: none;
}

#gnavi ul li{
	float: left;
	width: 150px;
	text-align: center;
	padding-top: 5px;
}

#gnavi ul li.rss{
	float: right;
	text-align: right;
	padding-top: 7px;
}

#gnavi ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
}

#gnavi ul li a:hover, #gnavi ul li a.current{
	background: url(/img/g_hover.jpg);
	width: 149px;
}

#gnavi ul li.rss a:hover{
	background: none;
}

/* footer
-----------------------------------------------------------------------------  */

div#footer{
	clear: both;
	background-color: #000;
	margin: 0;
	_margin: 0 0 0 20px;
	height: 30px;
	padding: 5px 0 0 10px;
}

#footer h3, #footer p{
	margin: 0;
	padding: 0;
	line-height: 120%;
	font-size: 82%;
	color: #999;
	font-weight: normal;
}