@charset "shift-jis";
@import "header.css";
@import "footer.css";

/*
 * [TAG_REDEFINE]
 */
html {
	overflow-y: scroll;
}
body {
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ";
	margin: 0;
	padding: 0;
	color: #131304;
	background: url(../images/bg.jpg) repeat-y #F7F6EE;
	background-position: 50% 50%; 

}
.main hr.separate {
	visibility: hidden;
	clear: both;
}

.main-top hr.separate {
	visibility: hidden;
	clear: both;
}

h1 {
	padding: 0;
	margin: 30px 0 0px 5px;
}

.main-top h1 {
	padding: 0;
	margin: 0;
}

.main-top h2 {
	margin: 0;
	padding: 10px 0 10px 10px;
}

.main-top h2.faculty {
	margin: 0;
	padding: 0;
}

.main h2 {   
	background: url(../images/h2_bg.jpg) no-repeat #fff;
	padding:.7em .5em .5em .9em;
	font-size:140%;
}   
.main h2 .sub{   
    display: block;   
    padding-top:.3em;   
    font-size:70%;   
    color:#003399;   
}  


.main h3 {
	padding:5px 5px 8px 25px;
	font-size:110%;
	background: url(../images/fcl_back.jpg) no-repeat #fff;
}

.main-top h3 {
	padding: 0 5px 5px 5px;
	margin: 8px 5px 8px 5px;
	font-size:110%;
	border-bottom:1px dotted #093078;
}

p {
	line-height: 1.5;
}
.main p {
	margin: 1em 1em 0 1em;
}
.main-top p {
	margin: 1em 0;
}
.main table {
	border-collapse: collapse;
	margin-bottom: 20px;

}
.main table caption {
}
.main table th {
	border: 1px solid #ccc;
	padding: 3px 5px;
	color: #333;
	letter-spacing: 0.2em;
	background: #F1F9FC;
}
.main table td {
	border: 1px solid #ccc;
	padding: 3px 15px;
	line-height: 1.5;
	vertical-align: middle;
}
table td.valignTop {
	vertical-align: top;
}
.main table td.scopeRow {
	color: #000;
	background: #eee;
	vertical-align: middle;
}
.main table.fit {
	width: 100%;
}
.main table.compact th,
.main table.compact td {
	padding: 3px;
}
.main table.layout th,
.main table.layout td {
	border: none;
}
.main table.scopeCol th {
	text-align: center;
}
.main table p {
	margin: 0.5em 0;
}
.main table .num {
	text-align: right;
}

.main table .mark {
	text-align: center;
}

.main ol {
	margin: 1em 0;
	padding-left: 30px;
}
.main ol li {
	margin: 0.2em 0;
	line-height: 1.4;
}
.main dd {
	margin-bottom: 0.2em
}
form {
	margin: 0;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color:#003399;
}
a:hover {
	text-decoration: underline;
}
/*
 * [/TAG_REDEFINE]
 */

/*
 * [OUTLINE]
 */
 
div#container {
	margin: 0;
	padding: 0;
}
div#contents {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

div.main {
	width: 950px;
	margin: 0;
	padding: 0;
}

div.main div.main-l {
	width: 728px;
	margin: 0 0 0px 0;
	padding :10px;
	border-left:1px solid #F0F0F0;
	float: right;
}

div.main-top {
	width: 950px;
	margin: 0;
	padding: 0;
}

div.main a {
	color: #0C53A3;
}
div.main a:visited {
	color: #440077;
}
div#full {
	width: auto;
	float: none;}

/*
 * [SIDEBAR]
 */
div#sidebar {
	width: 200px;
	height: 300px;
	padding:0;
	margin:0;
	background: url(../images/bg_side.jpg) no-repeat #fff;
	float: left;
}


/*
 * [TOPBOX]
 */

div.contents-box {
margin:0;
padding:0;
clear:both;
}

div.contents-box div.contents-boxL-full{
width: 720px;
float:left;
margin:0;
}
div.contents-box div.contents-boxR-full{
width: 220px;
float:right;
margin:0;
}

div.contents-box div.contents-boxL {
width: 312px;
float:left;
margin:0px 7px 0 0;
}
div.contents-box div.contents-boxM  {
width: 312px;
float:left;
margin:0;
}
div.contents-box div.contents-boxR {
width: 312px;
float:right;
margin:0;
}

div.box-section {
background-color: #E9E4D8;
margin:15px 0;
overflow: hidden;
}

div.box-section div.box-txt{
margin:0px;
padding:0 12px 12px 12px;
}

div.news-section {
	background-color: #fff;
	border-bottom:1px solid #093078;
	border-top:1px solid #093078;
	margin:15px 0 0 0;
}


div.news-section-under {
	background-color: #fff;
	border-bottom:1px solid #093078;
	margin:2px 0 0 0;
}

.main-top h2 img:hover{ filter:alpha(opacity=70); opacity:0.7; } 


/*
 * [INSIDEBOX]
 */
div.main div.contents-box {
margin: 0;
padding: 0;
clear:both;
}

div.main div.contents-box h2 {
	background: url(../images/h2_bg.jpg) no-repeat #fff;
	margin:0px;
	padding:.7em .5em .5em .9em;
	font-size:140%;
}

div.main div.contents-box div.contents-boxL {
width: 350px;
float:left;
margin:0px 15px 20px 0;
padding:0;
}
div.main div.contents-box div.contents-boxR  {
width: 350px;
float:left;
margin:0 0 20px 0;
padding:0;
}

div.main div.box-section {
background-color: #F7F6EE;
margin:0;
padding:0 0 10px 0;
overflow: hidden;
}

/*
 * [JukenBNR]
 */
div.bnr-area {
margin:0;
padding:0;
clear:both;
}

div.bnr-area div.bnrL {
width: 240px;
float:left;
margin:15px 0px 0 0;
}

div.bnr-area div.bnrR {
width: 470px;
float:right;
margin:0;
}

div.bnr-area img:hover{ filter:alpha(opacity=70); opacity:0.7; } 


/* FACULTY */
div.box-section ul.faculty
	{
	margin: 0 1px 1px 1px;
	padding: 0px;
	background-color: #FFF;
	list-style-type: none;
	font-weight:bold;
}

div.box-section ul.faculty li
	{
	margin: 0x;
	padding: 8px 0px 8px 23px;
	border-top:1px dotted #E9E4D8;
	background: url(../images/fcl_back.jpg) no-repeat #FFF;
	background-position: 50% 50%; 
}

div.box-section ul.faculty li.first-child
	{
	margin: 0x;
	padding: 8px 0px 8px 23px;
	border: none;
	background: url(../images/fcl_back.jpg) no-repeat #FFF;
	background-position: 50% 50%; 
}

/*
 * [TOPBOX]
 */

/*
 * [NEWSLIST]
 */

#news {
	margin: 0;
	padding: 5px 10px 10px 0;
	position : relative;
}

#news .all{
	margin;0px;
	padding:0px;
	position : absolute;
	top : -27px;
	left: 150px;
}

#news ul{
	margin: 10px 0 0 15px;
	padding:0;
}


#news ul li{
	margin: 0 0 6px 0;
	padding: 0 0 0 0px;
	list-style-type: none;
}
#news li.info {
	line-height:18px;
	background: url(../images/news_bnr_info.jpg) no-repeat;
	padding: 0 0 8px 65px;
	margin: 0;
	list-style-type: none;
}

#news li.news {
	line-height:18px;
	background: url(../images/news_bnr_news.jpg) no-repeat;
	padding: 0 0 8px 65px;
	margin: 0;
	list-style-type: none;
}

#news li.event {
	line-height:18px;
	background: url(../images/news_bnr_event.jpg) no-repeat;
	padding: 0 0 8px 65px;
	margin: 0;
	list-style-type: none;
}
.newsday {
	font-size:80%;
	color:#666666;
	padding:0 0 0 5px;
}

/*
 * [NEWSLIST]
 */

div.section {
	margin: 40px 0 50px 10px;
}
div.section div.section {
	margin: 10px 0;
}
div.division_two > div {
	float: left;
	width: 300px;
	margin-right: 0;
	margin-top: 0;
}
div.division_two > div.section {
	float: left;
	width: 345px;
	margin-right: 0;
	margin-top: 0;
}
div.section div.division_two > div {
	float: left;
	width: 345px;
	margin-top: 0;
}
div.section div.division_two > div:nth-child(odd) {
	margin-right: 20px;
}
div.section div.division_two > div.odd {
	margin-right: 20px;	/* for IE7 */
}
div.section div.division_two > div:nth-child(even) {
	clear: right;
}
div.section div.division_two > div.even {
	clear: right;	/* for IE7 */
}
div.division_two p {
	margin-top: 0;
}
div.division_four > div {
	float: left;
	width: 185px;
	margin-right: 0;
	margin-top: 0;
}
div.division_three > div {
	float: left;
	width: 250px;
	margin-right: 0;
	margin-top: 0;
}



/* breadCrumbs */
ol.breadCrumbs {
	padding: 0;
	margin: 10px 0 15px 10px;
	list-style: none;
	font-size: 80%;
}
ol.breadCrumbs li {
	display: inline;
	background: url(/common/images/bg_breadcrumbs.gif) no-repeat 100% 50%;
	padding-right: 17px;
	margin-right: 3px;
	margin: 0 6px 0 0;
	float: left;
	white-space: nowrap;
}
ol.breadCrumbs li.lastChild {
	background: none;
	padding: 0;
	color: #555555;
}
ol.breadCrumbs a {
	color: #666;
	text-decoration: underline;
	background: #fff;
}
ol.breadCrumbs a:hover {
	text-decoration: none;
}
div#container > ol.breadCrumbs {
	width: 950px;
	margin: 10px auto;
}
/*
 * [/OUTLINE]
 */



/*
 * [OTHERS]
 */

/* 補足テキスト */
p.supplement {
	color: #666;
	font-size: 85%;
	margin-left: 40px;
	text-indent: -0.9em;
}
/* リスト */
ul.linkList,
ul.dotList {
	list-style: none;
	padding: 0;
	margin: 0 14px 10px;
}
ul.linkList li,
ul.dotList li {
	padding-left: 10px;
	line-height: 1.5;
}
h4+ul.linkList,
h4+ul.dotList {
	margin-top: -7px;
}
ul.linkList li {
	background: url(/common/images/icon_linklist.gif) no-repeat 0% 0.5em;
}
ul.dotList li {
	background: url(/common/images/icon_dotlist.gif) no-repeat 0% 0.5em;
}
div.division_two ul.linkList,
div.division_two ul.dotList {
	float: left;
	width: 320px;
}
div.division_three ul.linkList,
div.division_three ul.dotList {
	float: left;
	width: 205px;
}
p.linkTo {
	background: url(../images/icon_linklist.gif) no-repeat 0% 0.3em;
	padding-left: 10px;
}
p.linkTo a {
	color: #333;
}
h2+p.linkTo {
	margin-top: -10px;
}

/* レイアウト調整 */
div.fit {
	text-align: center;
}
/* 画像関連 */
div.picture,
img.picture {
	float: right;
	margin: 0 0 5px 20px;
}
div.pictureCatch,
img.pictureCatch {
	float: left;
	margin: 0 20px 5px 0;
}
img.fit {
	display: block;
	margin: 5px auto;
}
div.picSets div.txt {
	float: left;
	width: 450px;
}
div.picSets div.txt p {
	margin: 0 0 1em;
}
div.picSets div.pic {
	float: right;
	width: 260px;
	text-align: center;
	font-size: 90%;
}
div.picSets div.pic img {
	display: block;
	margin: 0 auto;
}
div.picSets div.pic dl {
	text-align: left;
}
div.picSets div.pic dl dt {
	margin: 0.2em 0;
}
div.picSets div.pic dl dd {
	margin: 0.2em 0 0.2em 1em;
}
div.picSets.LeftImage div.txt{
    float: right;
	width: 440px;
}
div.picSets.LeftImage div.pic {
     float: left;
}


/* meta (example writer,author) */
p.meta {
	text-align: right;
}

/* enter (example emphasis link) */
p.enter {
	text-align: center;
	padding: 5px;
	margin: 10px 0;
	border: 2px solid rgb(0,102,153);
	font-weight: bold;
	font-size: 110%;
}

/* 警告 */
div.notice {
	color: #f00;
	background: #fff;
	border: 1px solid #f03;
	padding: 0 10px;
}
div.notice p {
	margin: 10px 0;
}
p.notice {
	color: #f00;
}
span.notice {
	color: #f00;
}
strong.notice {
	color: #f00;
}
/* 注釈 */
span.rubric {
	color: #00f;
}

/* 数式 */
.math {
	color: #099;
}

/* 方法 */
dl.way {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 10px 0;
}
dl.way dt {
	color: #f00;
	display: inline;
	font-weight: bold;
}
dl.way dd {
	display: inline;
	margin: 0;
}

/* note */
dl.note {
	border: 1px dashed #093488;
	margin: 0 0 10px;
	padding: 10px 20px;
	clear: both;
}
dl.note dt {
	font-weight: bold;
	color: #0A3488;
	margin: 10px 0;
}
dl.note dd {
	margin: 10px 0;
	line-height: 1.5;
}
dl.note dd ul {
	margin: 0;
}

/* icon text (example "New!") */
span.icon {
	color: #f00;
	font-weight: bold;
	padding: 5px;
}


/* catch */
p.catch {
	font-size: 120%;
	color: #069;
	text-align: center;
}

/* 必須入力 */
span.must {
	color: #f00;
}

/* アイコンリスト */
ul.icons {
	text-align: right;
	margin: -10px 0 10px;
}
ul.icons li {
	display: inline;
}

/*
 * [SNS botan]
 */


.social_btn {
margin:15px 0px 0px 0px;
padding:0px;
width:260px;
} 

.social_btn .facebook {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
display: inline;
width: 120px;
} 

.social_btn .twitter {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px; 
display: inline; 
width: 120px; 
}


/*
 * [SYSTEM]
 */
div.controller li {
	display: inline;
	margin: 0 2px;
}
/*
 * [/SYSTEM]
 */

ul.picList {
	width: 100%;
	list-style: none;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
ul.picList + ul.picList{
	margin: -10px 0 10px;
}
ul.picList li {
	float: left;
	margin: 0 5px 5px 0;
}
ul.picList li p {
	margin: 5px 0;
	line-height: 1.2;
}
ul.picList.division_two li {
	width: 350px;
}
ul.picList.division_three li {
	width: 231px;
}
ul.picList.division_four li {
	width: 172px;
}
ul.picList.division_five li {
	width: 137px;
}

/*
 * [CLEARFIX]
 */
div#container,
div#header,
div#header ul.globalMenu-top,
div#header ul.globalMenu-btm,
div#footer,
div.section,
div.box-section,
div.contents-boxL-full,
div.contents-boxR-full,
div.contents-boxL,
div.contents-boxM,
div.contents-boxR,
.division_two,
.division_three,
div.picSets,
ul.picList,
ul.products,
div.acrossLink ul,
div.lecturer,
div.tecLecturer,
dl.students,
div.getAdobeReader,
ol.breadCrumbs,
div.chancellorMessage,
div.backnumber,
div.two_c_indexes,
div.three_c_indexes,
.banner,
ul.volunteerMenu,
.clearfix {
	min-height: 1%;
}
div#container:after,
div#header:after,
div#header ul.globalMenu-top:after,
div#header ul.globalMenu-btm:after,
div#footer:after,
div#contents:after,
div.section:after,
div.contents-boxL-full:after,
div.contents-boxR-full:after,
div.contents-boxL:after,
div.contents-boxM:after,
div.contents-boxR:after,
.division_two:after,
.division_three:after,
div.picSets:after,
ul.picList:after,
ul.products:after,
div.acrossLink ul:after,
div.lecturer:after,
div.tecLecturer:after,
dl.students:after,
div.getAdobeReader:after,
ol.breadCrumbs:after,
div.chancellorMessage:after,
div.backnumber:after,
div.two_c_indexes:after,
div.three_c_indexes:after,
banner:after,
ul.volunteerMenu:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html div#container,
* html div#header,
* html div#header ul.globalMenu-top,
* html div#header ul.globalMenu-btm,
* html div#footer,
* html div#contents,
* html div.section,
* html div.box-section,
* html div.contents-boxL-full,
* html div.contents-boxR-full,
* html div.contents-boxL,
* html div.contents-boxM,
* html div.contents-boxR,
* html .division_two,
* html .division_three,
* html div.picSets,
* html ul.picList,
* html ul.products,
* html div.acrossLink ul,
* html div.lecturer,
* html div.tecLecturer,
* html dl.students,
* html div.getAdobeReader,
* html ol.breadCrumbs,
* html div.chancellorMessage,
* html div.backnumber,
* html div.two_c_indexes,
* html div.three_c_indexes,
* html .banner,
* html ul.volunteerMenu,
* html .clearfix {
	height: 1%;
}

/*
 * [/CLEARFIX]
 */
