@charset "utf-8";

.imgleft {
float:left;
width:250px;
margin:0 1em 1em 0;
}

.imgright {
float:right;
width:250px;
margin:0 0 1em 1em;
}


.fig {
text-align:center;
}
.fig img {
margin:0 auto;
}

/* パンくず
----------------------------------------------------------- */


#pan {
clear:both;
width:100%;
background-image:url(../images/bg_pan.jpg);
border-bottom:1px solid #ADADAD;
overflow:hidden;
}

.panbox {
width:980px;
height:120px;
margin:0 auto;
font-size:12px;
text-align:left;
}

.title {
font-size:36px;
font-weight:700;
line-height:1.2;
letter-spacing:0.1em;
padding:36px 0 0 0;
}

.panbox p {
font-size:13px;
color:#333;
}

.panbox a {
color:#333;
}

@media screen and (min-width: 751px) and (max-width: 970px) {
	.panbox {
	width:96%;
	margin:0 auto;
	}
}

@media screen and (max-width: 750px) {
	.panbox {
	width:96%;
	height:auto;
	background-image:none;
	}
	.title {
	font-size:24px;
	letter-spacing:0;
	padding:20px 0 0 0;
	}
	.panbox p {
	font-size:11px;
	}
}


/* 左メニュー
----------------------------------------------------------- */
.leftmenu {
text-align:left;
margin:0 0 2em 0;
}

.leftmenu h3 {
color:#FFF;
font-size:20px;
font-weight:normal;
background-color:#FF8042;
padding:8px 10px 6px 10px;
border-top-left-radius:6px;
border-top-right-radius:6px;
-moz-border-top-left-radius:6px;
-moz-border-top-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
}

.leftmenu ul {
border:1px solid #CCC;
padding:0;
}

.leftmenu ul li {
font-size:14px;
line-height:1.3;
background-image:none;
padding:0;
margin:0;
}

.leftmenu ul li a {
display:block;
color:#333;
text-decoration:none;
padding:12px 0 10px 10px;
border-bottom:1px dotted #777;
background-image: url(../images/bg_pan.jpg);
}

.leftmenu ul li:last-child a {
border:none;
}

.leftmenu ul li a:hover {
background-image: none;
background-color:#FFD57D;
}

.leftmenu ul li ul {
border:none;
padding:0 10px;
background-color:#FFF;
border-bottom:1px dotted #444;
}

.leftmenu ul li ul li {
font-size:13px;
}

.leftmenu ul li ul li a {
background-image: none;
}

.leftmenu ul li:last-child ul {
border-bottom:none;
}

.leftmenu ul li:last-child ul li a {
border-bottom:1px dotted #777;
}

.leftmenu ul li:last-child ul li:last-child a {
border:none;
}

.leftmenu ul li.liparent ul li a:hover {
color:#0860A8;
background-color:#FFF;
}



/* メイン
----------------------------------------------------------- */
#main {
width:70%;
float:right;
text-align:left;
}

.mainbox {
text-align:left;
line-height:2.0;
overflow:hidden;
}

.mainbox h2 {
color:#FF7F00;
font-size:34px;
font-weight:200;
line-height:1.4;
padding: 4px 0 2px 50px;
margin:0 0 20px 0;
background-image:url(../images/h2.png);
background-position:0 0 ;
background-repeat:no-repeat;
}

.mainbox h3 {
font-size:24px;
font-weight:normal;
line-height:1.3;
letter-spacing:0.1em;
color:#FFF;
margin:1.5em 0 1em 0;
padding:10px 20px 6px 20px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-image:url(../images/bg_yellow.jpg);
}

.mainbox h2 + h3 {
margin-top:0;
}


.mainbox h4 {
font-size:20px;
font-weight:normal;
line-height:1.4;
color:#000;
padding:8px 12px 6px 20px;
margin:2em 0 1em 0;
border-top:3px solid #FF8742;
border-bottom:1px dotted #CCC;
background-color:#FFF6E3;
}

.mainbox h5 {
font-size:18px;
line-height:1.4;
padding:4px 0 4px 20px;
margin:1.5em 0 0.5em 0;
background-image:url(../images/h5.jpg);
background-position:0 0;
background-repeat:repeat-y;
}

.mainbox a {
font-size:14px!important;
}

.red {
color:#B20000;
}

.day { text-align:right;}

blockquote {
padding:20px 30px 6px 30px;
margin:0 0 1em 0;
border:1px solid #CCC;
background-color:#F2F2F2;
}

.mainbox blockquote h3 {
font-size:20px;
font-weight:bold;
line-height:1.3;
letter-spacing:0.1em;
color:#333;
margin:0 0 1em 0;
padding:8px 0;
border-bottom:2px solid #666;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-image:none;
}

@media screen and (min-width: 751px) and (max-width: 970px) {
	#main {
	width:68%;
	padding:0 2% 0 0;
	}
}

@media screen and (max-width: 750px) {
	#main {
	width:96%;
	margin:0 auto 2em auto;
	padding:0;
	float:none;
	}
	.mainbox {
	line-height:1.6;
	}
	.mainbox h2 {
	font-size:26px;
	background-size:30px;
	line-height:1.2;
	background-image:url(../images/h2.png);
	}
	.mainbox h3 {
	font-size:20px;
	letter-spacing:0;
	padding:10px 14px 6px 14px;
	}
	.mainbox h4 {
	font-size:18px;
	}
	.mainbox h5 {
	font-size:16px;
	}
}


/* リスト系
----------------------------------------------------------- */

.mainbox ul {
margin:0 0 1em 0;
}

.mainbox ul li {
font-size:14px;
padding:4px 0 4px 26px;
border-bottom:1px dotted #777;
background-image:url(../images/icon_li.png);
background-repeat:no-repeat;
background-position:0 0.8em;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li  {
list-style-type:decimal;
padding:6px 0 6px 0;
border-bottom:1px dotted #777;
}

@media screen and (max-width: 750px) {
	.mainbox ul li {
	background-position:0 0.75em;
	}
}


/* リンク　----------------------- */

.alink {
width:60%;
line-height:1.3;
margin:2em auto ;
color:#FFF;
text-align:center;
background-color:#E8E8E8;
background-image:url(../images/bg_green.jpg);
border:1px solid #CCC;
}

.alink a {
display:block;
color:#FFF;
font-size:20px!important;
padding:20px 20px 20px 0;
text-decoration:none;
text-align:center;
background-image:url(../images/bg_green.jpg),none;
}

.alink a:hover {
color:#FFF;
background-image:none;
background-color:#666;
}


@media screen and (max-width: 750px) {
	.alink {
	width:100%;
	font-size:16px;
	}
	.alink a {
	padding:14px 30px 14px 10px;
	text-align:left;
	}
}


/* テーブル------------------------------ */

table {
width:100%;
margin:0 0 1em 0;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}

th {
font-size:13px;
padding:8px 12px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #999;
background-color:#EEE;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

td {
font-size:13px;
padding:8px 12px;
border-bottom:1px dotted #999;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

@media screen and (max-width: 750px) {
	table {
	width:100%;
	border:none;
	}
	th {
	width:100%;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:6px 0 4px 0;
	text-align:center;
display:block;
	}
	td {
	width:100%;
	padding:4px 10px 20px 10px;
	border:none;
display:block;
        }
}

.mainbox td p {
margin:0;
}

.mainbox td ul {
padding:0;
margin:0;
}

.mainbox td li {
font-size:13px;
border:none;
padding:4px 0 4px 20px;
background-position:0 0.8em;
}

/* ページフッター
---------------------------------------------*/

#pagefooter {
clear:both;
margin:2em 0 1em 0;
line-height:2.5em;
text-align:center;
}

#pagefooter a {
color:#FFF;
background-color:#999;
text-decoration:none;
padding:4px 14px;
margin:0;
}

#pagefooter a:hover {
background-color:#0860A8;
}

.current {
color:#000;
background-color:#FFF;
border:1px solid #999;
text-decoration:none;
padding:4px 14px;
margin:0;
}


/* 就職先一覧ページ
-----------------------------------------------------*/
.listbox ul {
overflow:hidden;
}

.listbox ul li {
width:31%;
float:left;
margin:0 1%;
}

@media screen and (max-width: 460px) {
	.listbox ul li {
	width:100%;
	float:none;
	}
}



/* OB・OG訪問可能企業リスト
-----------------------------------------------------*/
.oboglistbox h3 {
margin:0 0 14px 0;
}

.oboglistboxentry {
padding:6px 14px 30px 14px;
}

.oboglistboxentry h4:first-child {
margin-top:0;
}

.oboglistbox ul {
overflow:hidden;
}

.oboglistbox ul li {
width:48%;
float:left;
margin:0 1%;
}

@media screen and (max-width: 460px) {
	.oboglistbox ul li{
	width:100%;
	float:none;
	}
}



/* お知らせ
-----------------------------------------------------*/
.informationbox dl {
overflow:hidden;
padding:8px 0;
border-bottom:1px dashed #666;
}

.informationbox dt {
width:20%;
float:left;
}

.informationbox dt span {
color:#FFF;
padding:0 10px;
background-color: #F1546A;
margin:0 0 0 14px;
}

.informationbox dd {
width:76%;
float:right;
text-align:left;
}

@media screen and (max-width: 640px) {
	.informationbox dt {
	float:none;
	width:100%;
	}
	.informationbox dd {
	float:none;
	width:100%;
	}
}