@charset "UTF-8";

/* -------------------------------------------------- */
/* Index CSS--------------------------------- */
/* -------------------------------------------------- */
/* 目次---------------------------------------------- 
■
 ---------------------------------------------------- */


/* ---------------------------------------------------*/
/* ------ ヘッダ ------ */
/* ---------------------------------------------------*/
#header {
	position: relative;
	height: 78px;
	background: url(../images/header_img_top.jpg) no-repeat 0 bottom;
}

#header #logo_title {
	position: absolute;
	top: 40px;
	left: 19px;
}

#header #icon_facebook {
	position: absolute;
	top: 51px;
	left: 822px;
}

#header #icon_twitter {
	position: absolute;
	top: 51px;
	left: 853px;
}

#header #icon_rss {
	position: absolute;
	top: 51px;
	left: 884px;
}

#postgraduate #header,
#undergraduate #header {
	position: relative;
	height: 48px;
	background: url(../images/header_img_top.jpg) no-repeat 0 bottom;
}

#postgraduate #header #logo_title,
#undergraduate #header #logo_title {
	position: absolute;
	top: 10px;
	left: 19px;
}

#postgraduate #header #icon_facebook,
#undergraduate #header #icon_facebook {
	position: absolute;
	top: 21px;
	left: 822px;
}

#postgraduate #header #icon_twitter,
#undergraduate #header #icon_twitter {
	position: absolute;
	top: 21px;
	left: 853px;
}

#postgraduate #header #icon_rss,
#undergraduate #header #icon_rss {
	position: absolute;
	top: 21px;
	left: 884px;
}

/* ---------------------------------------------------*/
/* ------  ------ */
/* ---------------------------------------------------*/
#index_preface,
#home_preface {
	clear: both;
	overflow: hidden;
	zoom: 1;
}

#index_preface #main_img {
	float: left;
	width: 253px;
}

#index_preface #preface_txt {
	float: right;
	width: 403px;
}

#index_preface #preface_txt p {
	padding-top: 2px;
	font-size: 1.4em;
	line-height: 1.5;
}

#home_preface {
	background-color: #313131;
	height: 270px;
	width: 670px;
}

#home_preface #main_img {
	float: right;
}

#home_preface #preface_txt {
	float: left;
	width:180px;
	height: 270px;
}

#home_preface #preface_txt p {
	padding: 10px 5px 10px 15px;
	color: #ffffff;
	line-height: 1.2;
}

#home_preface #preface_txt p b {
	display: inline-block;
	margin-bottom: 0.5em;
	font-size: 16px;
}

/* ---------------------------------------------------*/
/* ------  ------ */
/* ---------------------------------------------------*/
#undergraduate #index_search_title p {
	margin-top: 20px;
	font-size: 2.0em;
	font-weight: bold;
	color: #46a0aa;
	background: url(../images/index_search_mark.gif) no-repeat 0 0;
	padding: 2px 0 0 50px;
}

#postgraduate #index_search_title p {
	margin-top: 20px;
	font-size: 2.0em;
	font-weight: bold;
	color: #6546aa;
	background: url(../images/index_search_mark.gif) no-repeat 0 0;
	padding: 2px 0 0 50px;
}

#home #index_search_title p {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 2.0em;
	font-weight: bold;
	color: #626262;
	background: url(../images/index_search_mark.gif) no-repeat 0 0;
	padding: 2px 0 0 50px;
}

#twitter_box {
	margin-top: 10px;
	text-align: center;
}


/* ---------------------------------------------------*/
/* ------  ------ */
/* ---------------------------------------------------*/
div.accordion_box {
	margin-left: 25px;
	margin-top: 10px;
}

div.accordion_box #areas_box {
	clear: both;
	overflow: hidden;
	zoom: 1;
}

div.accordion_box #areas_box #areas_text {
	width: 342px;
	float: left;
}

div.accordion_box #areas_box #map_box {
	width: 273px;
	height: 172px;
	float: right;
	position: relative;
}

div.accordion_box #areas_box #map_box img.form-map-tohoku {
	position: absolute;
}
div.accordion_box #areas_box #map_box img.form-map-kanto {
	position: absolute;
	left: 151px;
	top: 86px;
}
div.accordion_box #areas_box #map_box img.form-map-chubu {
	position: absolute;
	left: 109px;
	top: 74px;
}
div.accordion_box #areas_box #map_box img.form-map-kansai {
	position: absolute;
	left: 85px;
	top: 74px;
}
div.accordion_box #areas_box #map_box img.form-map-chugoku {
	position: absolute;
	left: 1px;
	top: 74px;
}
div.accordion_box #areas_box #map_box img.form-map-tohoku {
	position: absolute;
	left: 151px;
	top: 2px;
}
div.accordion_box #areas_box #map_box img.form-map-base {
	position: absolute;
	left: 0;
	top: 0;
}

div.accordion_box ul li {
	text-indent:-1.5em;
	padding-left:1.5em;
}


/* ---------------------------------------------------*/
/* ------ form ------ */
/* ---------------------------------------------------*/
#form_box {
	margin-left: 10px;
	width: 650px;
}

form ul li {
	line-height: 1.6;
}

form p.search_box {
	margin-top: 15px;
}

form input.input-search {
	margin: 0;
	padding: 0.5em 12px 0.5em 30px;
	border: solid 1px #b3b3b3;
	border-top-color: #9d9d9d;
	width: 300px;
	background: url(../images/content-input-search-icon.png) no-repeat 8px center;
	-webkit-box-shadow: 0px 2px 3px rgba(147, 147, 147, 0.68) inset;
	-moz-box-shadow: 0px 2px 3px rgba(147, 147, 147, 0.68) inset;
	box-shadow: 0px 2px 3px rgba(147, 147, 147, 0.68) inset;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
}

#search_scope {
	margin-top: 15px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

#search_scope p {
	float: left;
	display: inline;
	padding-right: 15px;
}
#search_scope ul {
	display: inline;
}
#search_scope ul li {
	float: left;
	padding-right: 15px;
}

div.button_box {
	margin-top: 15px;
	width: 650px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

div.button_box button {
	font-size: 1.4em;
	padding: 0.5em 1em;
	border: solid 1px #969696;
	border-top-color: #ababab;
	color: #646464;
	background: url(../images/content-button-bg.gif) no-repeat left center;
	line-height: 1.25;
	text-align: center;
	text-shadow: 0px 1px #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.button_box button[disabled] {
	background: #cacaca;
}

div.button_box div.search_button {
	width: 60%;
	float: left;
	text-align: right;
}

div.button_box div.search_button button {
	padding: 0.5em 3em;
}

div.button_box div.clear_button {
	float: right;
}

/* ---------------------------------------------------*/
/* ------ side Banner ------ */
/* ---------------------------------------------------*/
div.bnr {
	margin-bottom: 10px;
}

/* ---------------------------------------------------*/
/* ------ news ------ */
/* ---------------------------------------------------*/
#side_area #news {
	border: solid 1px #aaaaaa;
	border-top: solid 1px #fe6902;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#side_area #news #news_title {
	background-color: #ffe6c2;
	border-bottom: solid 1px #ffd88e;
	padding: 2px 2px 3px 10px;
	color: #000000;
	width: 186px;
	height: 19px;
	position: relative;
}

#side_area #news #news_title img {
	position: absolute;
	right: 2px;
	top: 1px;
}

#side_area #news_box {
	padding: 0 10px 4px 10px;
}

#side_area #news_box dl dt {
	padding-top: 10px;
	color: #fe6902;
}

#side_area #news_box dl dd {
	color: #000000;
	padding-bottom: 10px;
	border-bottom: dashed 1px #ffd88e;
}

#side_area #news_box #news_list {
	margin-top: 4px;
	background-color: #eeeeee;
}

#side_area #news_box #news_list a {
	display: block;
	padding: 2px 13px 2px 2px;
	text-align: right;
	color: #000000;
	text-decoration: none;
	background: url(../images/arrow-orange-r.gif) no-repeat 170px 0.7em;
}