@charset "utf-8";
@import url("common.css");

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.leftBlock {
	float: left;
}

.rightBlock {
	float: right;
}

/* 下層共通 ------------------------------ */

.low div#ctArea {
	width: 824px;
	margin: 0 auto;
}

.low p.topicpath {
	padding: 5px 0 15px 11px;
}
.low p.topicpath a:link,
.low p.topicpath a:visited {
	color: #a8340c;
	text-decoration: underline;
}
.low p.topicpath a:hover,
.low p.topicpath a:active {
	color: #a8340c;
	text-decoration: none;
}

.low div#ctLeft {
	float: left;
	width: 583px;
}

.low div#ctRight {
	float: right;
	width: 218px;
}

/* タイトル共通 ------------------------------ */

h1.mainTtl01 {
	padding: 23px 0 19px 20px;
	background: url(../img/ttl_border01.gif) repeat-x left top;
}

.subTtlTop {
	padding: 6px 0 0;
	background: url(../img/subttl_top01.gif) repeat-x left top;
}
.subTtlBtm {
	padding: 0 0 6px;
	background: url(../img/subttl_btm01.gif) repeat-x left bottom;
}
h2.subTtl01 {
	padding: 3px 0 3px 13px;
	background: #0b4aa7;
	font-size: 134%;
	color: #fff;
}

/* --------------------------------------------------------------------------------------
 top
--------------------------------------------------------------------------------------- */

/* mainArea ------------------------------ */

.mainArea {
	position: relative;
	width: 1000px;
	height: 307px;
	margin: 0 auto 36px;
	background: url(../../img/main_img.png) no-repeat top center;
	overflow:hidden;
}

.mainArea .tabArea {
	position: absolute;
	top: 65px;
/*	right: 0px; /* 開いた状態 */
	right: -448px; /* 閉まった状態 */
	width: 506px;
}

.mainArea .tabArea p.leftBlock {
	position: relative;
	z-index: 100;
}

.mainArea .tabArea .tabBox {
	position: absolute;
	top: 0;
	right: 0;
	width: 448px;
	padding: 23px 0 25px;
	background: url(../../img/main_tabbg.png) repeat-x left top;
}

.mainArea .tabArea .tabBox .leftBlock {
	width: 215px;
	background: url(../../img/main_border01.gif) repeat-y top right;
}
.mainArea .tabArea .tabBox .leftBlock p {
	padding: 18px 0 10px 18px;
}
.mainArea .tabArea .tabBox .leftBlock ul {
	padding: 0 0 10px 18px;
}
.mainArea .tabArea .tabBox .leftBlock ul li {
	padding-bottom: 10px;
	line-height: 0;
}

.mainArea .tabArea .tabBox .rightBlock {
	width: 232px;
}
.mainArea .tabArea .tabBox .rightBlock p {
	padding: 18px 0 10px 21px;
}
.mainArea .tabArea .tabBox .rightBlock ul {
	padding: 0 0 10px 21px;
}
.mainArea .tabArea .tabBox .rightBlock ul li {
	padding-bottom: 10px;
	line-height: 0;
}

/* ctBox ------------------------------ */

.ctBoxTop01 {
	margin-bottom: 18px;
	padding: 12px 0 0;
	background: url(../../img/top_boxtop01.png) no-repeat left top;
}
.ctBoxBtm01 {
	padding: 0 0 12px;
	background: url(../../img/top_boxbtm01.png) no-repeat left bottom;
}
.ctBoxRep01 {
	padding: 0 13px 14px 11px;
	background: url(../../img/top_boxrep01.png) repeat-y;
}

.ctBoxRep01 .leftBlock {
	width: 280px;
}

.ctBoxRep01 .rightBlock {
	width: 280px;
}

.ctBoxRep01 h2 {
	padding: 12px 0 10px 10px;
}
.ctBoxRep01 p.topTxt01 {
	padding: 0 9px 10px 16px;
	font-size: 83%;
	height: 7.5em;
}

/* topBox01 ------------------------------ */

.topBox01 {
	padding: 19px 8px 20px 7px;
	background: url(../../img/top_border01.gif) repeat-x top;
}

.topBox01 .leftBlock {
	width: 509px;
}
.topBox01 .leftBlock h2 {
	padding-bottom: 10px;
}
.topBox01 .leftBlock h2.topTtl01 {
	padding-bottom: 20px;
}
.topBox01 .leftBlock p {
	font-size: 91%;
}
.topBox01 .leftBlock ul li {
	float: left;
	padding-right: 7px;
}
.topBox01 .leftBlock ul li.lastImg {
	padding-right: 0px;
}

.topBox01 .rightBlock.space01 {
	padding-top: 28px;
}

/* --------------------------------------------------------------------------------------
 jurisprudential
--------------------------------------------------------------------------------------- */

/* interBox01 ------------------------------ */
.interBox01 {
	padding: 0px 11px 10px 13px;
	font-size: 116%;
}
.interBox02 {
	padding: 20px 11px 10px 13px;
	font-size: 116%;
}
.interBox01 table {
	width: 380px;
}
.interBox02 p.ttl01 {
	margin-top: 20px;
	font-size: 116%;
	color: #0b4aa7;
}
.interBox01 table th,
.interBox02 table th {
	padding: 2px;
	background: #a7340b;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: top;
	border: 1px solid #a7340b;
}
.interBox01 table td,
.interBox02 table td {
	padding: 2px;
	vertical-align: top;
	border: 1px solid #a7340b;
}
table td.c {
	text-align: center;
}
table td.p {
	background: #fadcea;
}
table td.y {
	background: #fde6c6;
}
table td.g {
	background: #d8eacd;
}
span.pink { color: #e85298;}
span.yellow { color: #f39702;}
span.green { color: #2aa738;}

/* juriBox01 ------------------------------ */

.juriBox01 {
	padding: 15px 11px 40px 13px;
	font-size: 116%;
}
.juriBox01.pb20 {
	padding: 15px 11px 20px 13px;
}

.juriBox01 p.leadTxt01 {
	padding-bottom: 20px;
}
.juriBox01 p.ttl01 {
	font-size: 116%;
	color: #0b4aa7;
}
.juriBox01 p.juriTxt01 {
	padding-bottom: 15px;
}
.juriBox01 p.juriTxt02 {
	margin-bottom: 20px;
	padding: 5px 0;
	background: #a7340b;
	color: #fff;
	text-align: center;
}

.juriBox01 .btmIco {
	margin-bottom: 4px;
	padding-bottom: 7px;
	background: url(../../jurisprudential/img/juri_ico01.gif) no-repeat center bottom;
}

.juriBox01 table.table02 {
	margin-bottom: 11px;
}

.juriBox01 table th {
	width: 80px;
	padding: 2px 0 0;
	background: #a7340b;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: top;
	border: 1px solid #a7340b;
}
.juriBox01 table.table02 th {
	width: 110px;
	padding: 2px 0 0;
	background: #a7340b;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: top;
	border: 1px solid #a7340b;
}
.juriBox01 table td {
	width: 465px;
	padding: 2px 0 0 7px;
	vertical-align: top;
	border: 1px solid #a7340b;
}
.juriBox01 table.table02 td {
	width: 428px;
	padding: 2px 0 0 7px;
	vertical-align: top;
	border: 1px solid #a7340b;
}

.juriBox01 .txtBox01 {
	padding: 20px 0 40px;
}
.juriBox01 .txtBox01.pb0 {
	padding: 0;
}
.juriBox01 .txtBox01.pb40 {
	padding: 0 0 40px;
}

.interBox01 .leftBlock,
.juriBox01 .txtBox01 .leftBlock {
	width: 400px;
}
.juriBox01 .txtBox01 .rightBlock p {
	padding-bottom: 10px;
}

.juriBox01 .txtBox02 .leftBlock {
	width: 400px;
}

p.juriBtn01 {
	padding-bottom: 50px;
	text-align: center;
}


/* --------------------------------------------------------------------------------------
 interview
--------------------------------------------------------------------------------------- */

/* interviewArea01 ------------------------------ */

.interviewArea01 {
	padding: 15px 10px 0 15px;
}

.interviewArea01 p.txt01 {
	padding-bottom: 25px;
	font-size: 116%;
	text-align: right;
}

.interviewArea01 h2 {
	padding-bottom: 15px;
	font-size: 134%;
	color: #0b4aa7;
}

.interviewBox01 {
	position: relative;
	padding-bottom: 20px;
}

.interviewBox01 h3 {
	padding-bottom: 5px;
	font-size: 134%;
	font-weight: bold;
}

.interviewBox01 .leftBlock {
	width: 385px;
}
.interviewBox01 .leftBlock p {
	padding-bottom: 5px;
	font-size: 116%;
}
.interviewBox01 .leftBlock p.txt02 {
	padding-bottom: 20px;
	font-size: 116%;
}

.interviewBox01 p.rightImg01 {
	position: absolute;
	top: 0px;
	right: -10px;
}
.interviewBox01 p.rightImg02 {
	position: absolute;
	top: 0px;
	right: -53px;
}
.interviewBox01 p.rightImg03 {
	position: absolute;
	top: 0px;
	right: -36px;
}

/* interviewArea02 ------------------------------ */

.interviewArea02 {
	padding: 15px 0 0;
}

.interviewArea02 p.txt01 {
	padding: 0 10px 10px 0;
	font-size: 116%;
	text-align: right;
}
.interviewArea02 p.txt03 {
	padding: 0 10px 20px 0;
	font-size: 116%;
	text-align: right;
}

.interviewArea02 h2 {
	padding: 0 0 10px 15px;
	font-size: 134%;
	color: #0b4aa7;
}

.interviewBox02 {
	position: relative;
	margin-bottom: 15px;
	padding: 15px 20px 0 13px;
}
.interviewBox02.bg01 {
	background: #9ed4ec url(../../interview/img/interview_img05.jpg) no-repeat bottom;
}
.interviewBox02.bg02 {
	background: #b1d9b4 url(../../interview/img/interview_img06.jpg) no-repeat bottom;
}
.interviewBox02.bg03 {
	margin-bottom: 30px;
	background: #f5e57f url(../../interview/img/interview_img07.jpg) no-repeat bottom;
}
.interviewBox02.bg04 {
	margin-bottom: 30px;
	background: #f8bc53 url(../../interview/img/interview_img08.jpg) no-repeat bottom;
}
.interviewBox02.bg05 {
	margin-bottom: 40px;
	background: #f29a80 url(../../interview/img/interview_img09.jpg) no-repeat bottom;
}

.interviewBox02 h3 {
	padding-bottom: 5px;
	font-size: 134%;
	font-weight: bold;
}

.interviewBox02 .leftBlock {
	width: 385px;
}
.interviewBox02 .leftBlock p {
	padding-bottom: 5px;
	font-size: 116%;
}
.interviewBox02 .leftBlock p.txt02 {
	padding-bottom: 20px;
	font-size: 116%;
}

.interviewBox02 .rightBlock {
	width: 385px;
}
.interviewBox02 .rightBlock p {
	padding-bottom: 5px;
	font-size: 116%;
}
.interviewBox02 .rightBlock p.txt02 {
	padding-bottom: 20px;
	font-size: 116%;
}

/* timeTable ------------------------------ */

h3.timeTtl01 {
	padding: 0 0 5px 15px;
	font-size: 134%;
	font-weight: bold;
	color: #0b4aa7;
}

table.timeTable01 {
	width: 563px;
	margin: 0 auto 30px;
	border-top: 1px solid #a7340b;
	border-right: 1px solid #a7340b;
}
table.timeTable01 th {
	width: 82px;
	background: #a7340b;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #a7340b;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: top;
}
table.timeTable01 th.lastCell {
	border-bottom: 1px solid #a7340b;
}
table.timeTable01 td {
	padding: 0 0 0 5px;
	background: #fff;
	border-bottom: 1px solid #a7340b;
	border-left: 1px solid #a7340b;
	font-weight: normal;
	color: #000;
	text-align: left;
	vertical-align: top;
}

/* --------------------------------------------------------------------------------------
 information
--------------------------------------------------------------------------------------- */

/* informationArea01 ------------------------------ */

.informationArea01 {
	padding: 10px 10px 40px 13px;
}

.informationArea01 h2 {
	padding-bottom: 5px;
	font-size: 134%;
	color: #0b4aa7;
}

.informationArea01 p {
	padding-bottom: 20px;
	font-size: 116%;
}
.informationArea01 p.txt01 {
	padding-bottom: 40px;
	font-size: 116%;
}

/* --------------------------------------------------------------------------------------
 教員紹介
--------------------------------------------------------------------------------------- */
.staff-table {
    margin: 0px 20px;
    border: solid 1px #b1b2b6;
    border-collapse: collapse;
}

.staff-table th {
    background-color: #e8e9ed;
    border-bottom: solid 1px #b1b2b6;
    padding: 5px 10px;
}

.staff-table td {
    background-color: #fff;
    border-bottom: solid 1px #b1b2b6;
    padding: 5px 10px;
}

.staff-navigation {
   width: 100%;
   border-top : solid 1px #999;
   border-right : solid 1px #999;
   border-bottom : solid 1px #999;
   margin-top: 15px;
   margin-bottom: 15px;
   border-collapse: collapse;
}

.staff-navigation td {
   border-left : solid 1px #999;
   text-align: center;
   font-weight: bold;
}

.staff-navigation-now {
   background-color: #999;
   color: #fff;
}

#staff-list {
   width: 100%;
}

#staff-list th , #staff-list td{
  padding-left: 12px;
}

.staff-name {
   width: 110px
}
.staff-rank {
   width: 110px;
}

/* Localized */

div.staff_tab {
	border-bottom: 3px solid #333;
	margin-bottom: 10px;
	height: 25px;
}

div.tab {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #ccc;
}

div.tab-on {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #333;
	color: #fff;
}

div.staff_tab1 {
	border-bottom: 3px solid #1b2451;
	margin-bottom: 10px;
	height: 25px;
}

div.tab1 {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #ccc;
}

div.tab1-on {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #1b2451;
	color: #fff;
}

.tab1c div {
	width: 1em;
	padding: 2px;
	border-top: 1px solid #fff;
	background: #1b2451;
	color: #fff;
}

div.staff_tab2 {
	border-bottom: 3px solid #880400;
	margin-bottom: 10px;
	height: 25px;
}

div.tab2 {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #ccc;
}

div.tab2-on {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #880400;
	color: #fff;
}

.tab2c div {
	width: 1em;
	padding: 2px;
	border-top: 1px solid #fff;
	background: #880400;
	color: #fff;
}

div.staff_tab3 {
	border-bottom: 3px solid #004f01;
	margin-bottom: 10px;
	height: 25px;
}

div.tab3 {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #ccc;
}

div.tab3-on {
	padding: 5px;
	margin-right: 7px;
	float: left;
	height: 15px;
	background: #004f01;
	color: #fff;
}

.tab3c div {
	width: 1em;
	padding: 2px;
	border-top: 1px solid #fff;
	background: #004f01;
	color: #fff;
}

div#staff_search {
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #666;
	margin-bottom: 10px;
	background: #ddd;
}
div#staff_search table {
	margin: 0px auto;
}

/* --------------------------------------------------------------------------------------
 ニュース
--------------------------------------------------------------------------------------- */
div.asset-meta {
	padding:10px 0px;
	text-align: right;
}