@charset "utf-8";
@import "common.css";
@import "fix.css";

/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% Arial,Helvetica,sans-serif;
	font-family : "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
body {
	background : url(../images/bg_body.gif) repeat-x left bottom #FFF;
	color : #464646;
	font-size : 62.5%;
	text-align : center;
}
body#image {
	background : none;
}

/* =====================================================================
	layout
====================================================================== */

div#shell {
	background : url(../images/bg_shell.gif) repeat-x left top transparent;
	font-size : 1.3em;
	text-align : center;
}
div#shell.home {
	background-image : url(../images/bg_shell_home.gif);
}
div#header,
div#core,
div#footer {
	clear : both;
	margin : 0 auto;
	width : 960px;
	text-align : left;
}
div#header {
	position : relative;
	height : 175px;
}
div#contents {
	float : right;
	width : 660px;
}
div#utilities {
	float : left;
	width : 270px;
}
.home div#contents {
	float : left;
	width : 660px;
}
.home div#utilities {
	float : right;
	width : 270px;
}
div#footer {
	height : 94px;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : underline;
}
a:link {
	color : #005bac;
}
a:visited {
	color : #005bac;
}
a:hover {
	color : #ed3a6e;
}
a:active {
	color : #ed3a6e;
}
a:focus {
	outline : none;
}

/* ___________________________________________________________ document */

h1 {
	line-height : 25px;
	height : 25px;
}
h2 {
	position : absolute;
	left : 0;
	top : 54px;
	overflow : hidden;
	background : url(../images/header/logo.gif) no-repeat 0 0;
	width : 131px;
	height : 49px;
}
h2 a {
	display : block;
	padding : 49px 0 0 0;
	width : 131px;
	height : 49px;
}
h3 {
	overflow : hidden;
	margin : 0 0 10px 0;
	background : url(../images/core/contents/headline/h3.gif) no-repeat 0 0;
	height : 35px;
}
h4,h5,h6 {
	text-indent : 28px;
	font-weight : bold;
	line-height : 30px;
	height : 30px;
}
h4 a,h5 a,h6 a {
	line-height : 30px;
	height : 30px;
}
h4 {
	margin : 0 0 10px 0;
	background : url(../images/core/contents/headline/h4.gif) no-repeat left bottom;
	font-size : 1.1em;
}
h5 {
	margin : 0 0 10px 0;
	background : url(../images/core/contents/headline/h5.gif) no-repeat left bottom;
	font-size : 1.1em;
}
.index .column h5,
.index .column h5 a,
.archive .column h5,
.archive .column h5 a {
	border : 0;
	background : none;
	text-decoration : none;
}
.detail div#contents h4,
.detail div#contents h5 {
	color : #fff;
}
h6 {
	margin : 0 0 10px 0;
	border-bottom : 2px solid #00a8e5;
	color : #00a8e5;
	text-indent : 12px;
}
ul {
	margin : 0 0 15px 0;
	list-style : none;
}
ol {
	margin : 0 0 15px 0;
	list-style-position : inside;
}
ul li {
	margin : 0 0 5px 0;
	padding : 0.2em 0 0.2em 20px;
	background : url(../images/option/arrow.gif) no-repeat 0 0.3em;
	line-height : 1.0;
}
ol li {
	margin : 0 0 5px 0;
}
ul li ul {
	margin : 0 0 -10px 0 !important;
	padding : 5px 0 0 0;
}
ul li ul li {
	padding : 2px 0 2px 10px;
	background : url(../images/option/list_child.gif) no-repeat 0 0.3em;
}
dl {
	margin : 0 0 20px 0;
}
dl dt {
	margin : 0 0 10px 0;
	padding : 4px;
	background : #F1F1F1;
	color : #444444;
	text-indent : 5px;
}
dl dd {
	margin : 10px 15px 10px 10px;
}
dl dd p {
	padding : 0 0 5px 0;
}
strong {
	font-size : 1.1em;
	font-weight : bold;
}
strong span {
	font-size : 1.1em;
	font-weight : bold;
}
em {
	font-weight : bold;
}
p {
	padding : 0 0 20px 0;
	line-height : 1.6;
}
address {
	margin : 10px 10px 20px 10px;
	padding : 10px 20px;
	border : 1px solid #E0E0E0;
}

/* ___________________________________________________________ table */

table {
	margin : 0 1px 20px 1px;
	border : 1px solid #ccc;
	border-collapse : collapse;
}
.support table {
	width : 658px;
}
table th {
	padding : 5px;
	border : 1px dotted #ccc;
	background : #F1F1F1;
	font-weight : bold;
	text-align : center;
}
table td {
	padding : 5px;
	border : 1px dotted #ccc;
	text-align : center;
}
table td p {
	padding-bottom : 0;
}
table td p + p {
	padding-top : 5px;
}
caption {
	font-size : 1.1em;
}

/* ___________________________________________________________ image */

img {
	vertical-align : bottom;
}
td img {
	vertical-align : middle;
}
.thumbs_left {
	float : left;
	margin : 0 10px 0 0;
}
.thumbs_right {
	float : right;
	margin : 0 0 0 10px;
}
.thumbnail,
.thumbs_center {
	text-align : center;
}

/* ___________________________________________________________ hr */

hr {
	clear : both;
	visibility : hidden;
}
div#shell hr {
	display : block;
	margin : -15px 0 0 0;
	height : 1px;
}

/* =====================================================================
	header
====================================================================== */

div#header ul.guide {
	margin : 0;
	padding : 0;
	text-align : right;
}
div#header ul.guide li {
	display : inline;
	margin : 0 10px 0 0;
}
div#header p.request {
	position : absolute;
	top : 53px;
	right : 3px;
	marign : 0;
	padding : 0;
	background : url(../images/header/tel.gif) no-repeat 0 0;
	width : 377px;
	height : 51px;
}
div#header p.request a {
	display : block;
	margin-left : 180px;
	background : url(../images/header/request.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 200px;
	height : 50px;
}
div#header p.request a:hover {
	background-position : 0 -50px;
}

/* ___________________________________________________________ navigation */

div#header ul.navigation {
	position : absolute;
	bottom : 0;
	_bottom : -1px;
	overflow : hidden;
	margin : 0;
	padding : 0;
	height : 60px;
}
div#header ul.navigation li {
	overflow : hidden;
	float : left;
	margin : 0;
	padding : 0;
	height : 60px;
}
div#header ul.navigation li a {
	overflow : hidden;
	display : block;
	background : url(../images/header/reason.gif) no-repeat 0 0;
	margin : 0 0 0 0;
	padding : 60px 0 0 0;
	height : 60px;
}
div#header ul.navigation li a:hover,
div#header ul.navigation li.stay a {
	background-position : 0 -60px;
}
div#header ul.navigation li.reason a {
	background-image : url(../images/header/reason.gif);
	width : 172px;
}
div#header ul.navigation li.results a {
	background-image : url(../images/header/results.gif);
	width : 113px;
}
div#header ul.navigation li.course a {
	background-image : url(../images/header/course.gif);
	width : 126px;
}
div#header ul.navigation li.classroom a {
	background-image : url(../images/header/classroom.gif);
	width : 112px;
}
div#header ul.navigation li.examination a {
	background-image : url(../images/header/examination.gif);
	width : 113px;
}
div#header ul.navigation li.entrance a {
	background-image : url(../images/header/entrance.gif);
	width : 115px;
}
div#header p.classroom {
	position : absolute;
	top : 120px;
	right : 0;
	width : 199px;
	height : 40px;
}
div#header p.classroom a {
	display : block;
	background : url(../images/header/classroom_search.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 199px;
	height : 40px;
}
div#header p.classroom a:hover {
	background-position : 0 -40px;
}

/* =====================================================================
	core
====================================================================== */

div.section {
	overflow : hidden;
	margin-bottom : 20px;
}
p.thumb {
	padding : 0 0 3px 0;
}
p.thumb a {
	display : block;
	border : 3px solid #ddd;
}
p.thumb a:hover {
	border-color : #ff7e00;
}
div.column4 .column {
	float : left;
	margin-right : 20px;
	width : 150px;
}
div.column3 .column {
	float : left;
	margin-right : 15px;
	width : 210px;
}
div.column2 .column {
	float : left;
	margin-right : 20px;
	width : 320px;
}
.column {
	margin-bottom : 15px;
}
.turn {
	margin-right : 0 !important;
}
div.column4 p.label,
div.column3 p.label,
div.column2 p.label {
	padding-bottom : 10px;
	text-align : center;
}
p.more {
	text-align : right;
}
p.more a {
	padding : 0.2em 0 0.2em 20px;
	background : url(../images/option/arrow.gif) no-repeat 0 0.3em;
}

/* ___________________________________________________________ detail */

div.summary {
	
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 5px;
	list-style : inside url(../images/option/arrow.gif);
	line-height : 1.0 !important;
	height : 100%;
}
p.date {
	text-align : right;
	margin : -6px 0 4px 0;
	padding : 0;
}
p.navigation {
	text-align : center;
}

/* ___________________________________________________________ active */

ul.active {
	padding : 0.5em 0 0 0;
	border-top : 1px dotted #ccc;
	text-align : right;
}
ul.active li {
	display : inline;
	padding : 0;
	background : none !important;
}
dt.active {
	border : none;
	text-align : right;
}
dd.active {
	margin : 0 0 15px 0;
	padding : 3px 0 0 0;
	text-align : right;
}


p.apply {
	margin : auto auto 15px auto;
	padding : 0px;
	width : 250px;
	background-color : #ff9922;
	border : 1px solid #dd7700;
	text-align : center;
}
p.apply a {
	display : block;
	margin : 0;
	padding : 15px 10px;
	color : #fff;
	height : 100%;
	font-weight : bold;
	text-decoration : none;
}
p.apply a:hover {
	text-decoration : underline;
}

/*
p.apply a {
	display : block;
	background : url(../images/option/apply.gif) no-repeat 0 -40px;
	color : #FFF;
	text-indent : 16px;
	line-height : 40px;
	width : 250px;
	height : 40px;
}
p.apply a:hover {
	background-position : 0 0;
}
*/

/* =====================================================================
	intro
====================================================================== */

ul.topic_path {
	margin : 0 0 16px 0;
	padding : 0;
}
ul.topic_path li {
	margin : 0;
	padding : 0 3px 0 0;
	background : none;
	display : inline;
	color : #fff;
}
ul.topic_path li a:link,
ul.topic_path li a:visited,
ul.topic_path li a:hover,
ul.topic_path li a:active {
	color : #fff;
}

/* ___________________________________________________________ shortcut */

div#intro div.shortcut {
	margin : 0;
}
div#intro div.shortcut p.column {
	overflow : hidden;
	float : left;
	margin : 0 15px 0 0;
	width : 310px;
}
div#intro div.shortcut div.turn {
	margin-right : 0;
}

/* =====================================================================
	contents
====================================================================== */

div#contents p.request {
	padding : 0 0 40px 0;
	text-align : center;
}
div#contents div.banner {
	padding : 10px 0 10px 20px;
}
div#contents div.banner p.column {
	float : left;
	margin : 0 10px 10px 10px;
	_margin-left : 5px;
	padding : 0;
}
.index .column h5,
.archive .column h5 {
	margin : 0;
	padding : 0;
	text-indent : 0;
}

/* =====================================================================
	utilities
====================================================================== */

div#utilities div {
	margin : 0 0 20px 0;
}
div#utilities h3 {
	background : url(../images/core/utilities/headline/h3_reason.gif) no-repeat 0 0;
	text-indent : -2000px;
	height : 80px;
}
div#utilities h4,
div#utilities h5 {
	margin : 0;
	padding : 0;
	line-height : 30px;
	height : 30px;
}
div#utilities .guide {
	background : url(../images/core/utilities/guide/bg.gif) no-repeat left bottom #f4f4f4;
}
div#utilities .guide h4 {
	margin : 0 0 10px 0;
	background : #ccc;
	text-indent : 10px;
	color : #464646 !important;
}
div#utilities .guide h3 + h4 {
	margin-top : -10px;
}
div#utilities .guide ul {
	padding : 0px 10px 5px 10px;
}
div#utilities .guide ul li {
	background : url(../images/core/utilities/guide/arrow.gif) no-repeat left bottom;
	height : 22px;
}
div#utilities .classroom {
/*
	background : url(../images/core/utilities/classroom/bg.gif) no-repeat left bottom #f4f4f4;
	min-height : 140px;
	_height : 140px;
*/
	background : url(../images/core/utilities/classroom/bg.gif) no-repeat left 35px #f4f4f4;
	min-height : 170px;
	_height : 170px;
}
div#utilities .classroom h4 {
	text-indent : -2000px;
	background : url(../images/core/utilities/classroom/h4.gif) no-repeat 0 0;
}
div#utilities .classroom ul {
	margin : 10px 5px 0 130px;
}
div#utilities .classroom ul li {
	background : url(../images/core/utilities/classroom/arrow.gif) no-repeat left bottom;
	height : 22px;
}
div#utilities .banner {
	margin-bottom : 5px;
}
div#utilities .banner p {
	padding-bottom : 15px;
}
div#utilities .qr h5 {
	text-indent : -2000px;
	background : url(../images/core/utilities/qr/h5.gif) no-repeat 0 0;
}
div#utilities .qr p {
	marign : 0;
	padding : 0;
	background : url(../images/core/utilities/qr/bg.gif) no-repeat 0 0;
	text-indent : -2000px;
	height : 97px;
}

/* =====================================================================
	footer
====================================================================== */

div#footer p.return_top {
	position : relative;
	margin : 0;
	padding : 0;
	height : 45px;
}
div#footer p.return_top a {
	position : absolute;
	right : 0;
	display : block;
	background : url(../images/option/return_top.gif) no-repeat 0 0;
	text-indent : -3000px;
	width : 156px;
	height : 30px;
}
div#footer ul {
	margin : 0;
	padding : 0;
}
div#footer ul li {
	display : inline;
	padding : 0 6px 0 8px;
	background : none;
	border-left : 1px solid #fff;
}
div#footer ul li:first-child {
	padding-left : 0;
	border : none;
}
div#footer ul li a {
	color : #fff;
}
div#footer address {
	margin : 0;
	padding : 0;
	border : none;
	color : #fff;
	font-size : 0.86em;
	text-align : right;
}
div#footer address a {
	text-decoration : none;
}