/* ---------------------------------------------- */
/* ----------- chato-ware style sheet ----------- */
/* ---------------------------------------------- */


/* ------------------------------- どこなと使います ------------------------------- */

body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:13px;
	margin:0px;
	background-color:white;
	line-height:200%;
	color:#1b2960;
}

/* MacIE以外用：MacIEでletter-spacingは表示を乱す。@mediaを指定するとMacIEは認識しない。 */
@media screen, print {
	body {
		letter-spacing:1px;
	}
}

a {
	color:#1b2960;
}

a:hover {
	color:#ed1c24;
}


img {
	border:0px;
	vertical-align:middle;
}

/* MacIE以外用：MacIEでborderを指定すると、widthが狂う。@mediaを指定するとMacIEは認識しない。 */
@media screen, print {
	hr {
	}
}

p.hidden {
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
	color:#ffffff;
	overflow:hidden;
}

p.underconstruction {
	text-align:center;
	padding-top:120px;
	font-size:200%;
	font-weight:bold;
	color:black;
}

p.right {
	text-align:right;
}

table {
	margin-left:20px;
}

/* ------------------------------- 透過画像 ------------------------------- */
.area_t {
	height:6px;
	background:url(../img/b_white.png);
	font-size:1px;
}

.area_m {
	background:url(../img/b_white.png);
}

.area_body {
	clear:both;
	float:left;
	width:990px;
	background:url(../img/b_white_body.png) left repeat-y;
}

.area_menu {
	clear:both;
	float:left;
	width:990px;
	background:url(../img/b_white_menu.png) left repeat-y;
}

.shadow_tr {
	float:left;
	width:6px;
	height:6px;
	background:url(../img/shadow_tr.png);
	font-size:1px;
}

.shadow_mr {
	clear:both;
	background:url(../img/shadow_mr.png) right repeat-y;
}

.shadow_bl {
	float:left;
	width:6px;
	height:6px;
	background:url(../img/shadow_bl.png);
	font-size:1px;
}

.shadow_bm {
	float:left;
	height:6px;
	background:url(../img/shadow_bm.png) bottom repeat-x;
	font-size:1px;
}

.shadow_br {
	float:left;
	width:6px;
	height:6px;
	background:url(../img/shadow_br.png);
	font-size:1px;
}

/* ------------------------------- ページ外観 ------------------------------- */

/* --- ページ全体 --- */
#page {
	position:relative;
	float:left;
	width:984px;
	margin:5px 0px 0px 2px;
	background:url(../img/b_photo.jpg) left top repeat-y #1b2960;
}

/* --- ヘッダー --- */
#head {
	width:990px;
	top:0px;
	left:0px;
}

#head .area_t {
	float:left;
	width:984px;
}

#head .shadow_mr {
	width:990px;
}

#head .area_m {
	position:relative;
	width:984px;
	height:133px;
}

#head a.title {
	position:absolute;
	top:0px;
	left:20px;
	width:614px;
	height:113px;
	display:block;
	background:url(../img/h_logo.png) left top no-repeat;
}

#head a.title_e {
	position:absolute;
	top:0px;
	left:20px;
	width:614px;
	height:113px;
	display:block;
	background:url(../img/h_logo_e.png) left top no-repeat;
}

#head .ksuLogo {
	position:absolute;
	top:10px;
	left:690px;
}

#head .ksu {
	position:absolute;
	top:70px;
	left:754px;
}

#head .border {
	position:absolute;
	top:120px;
	left:20px;
	width:944px;
	height:1px;
	line-height:1px;
	border-bottom:1px #1b2960 solid;
}

#head #submenu {
	position:absolute;
	top:93px;
	left:670px;
	width:300px;
	font-size:105%;
	letter-spacing:0px;
	color:#1b2960;
}

#head #submenu ul {
	list-style:none outside;
	margin:0px;
	padding:0px;
}

#head #submenu ul li {
	float:right;
	margin-right:11px;
}

#head #submenu ul li.act {
	color:#ed1c24;
}

#head #submenu ul li a:hover {
	color:#ed1c24;
}

#head .shadow_bm {
	width:978px;
}

#body {
	clear:both;
	float:left;
	margin-top:4px;
	width:990px;
}

#body #menu_t .area_t {
	float:left;
	width:135px;
}

#body #content_t .area_t {
	float:left;
	margin-left:4px;
	width:839px;
}


/* --- コンテンツ(最大幅839px) --- */
#body #content {
	float:left;
	position:relative;
	width:777px;
	min-height:700px;
	margin:24px 0px 0px 40px;
	border:1px solid #1b2960;
}

#body #content h1 {
	width:757px;
	margin:0px;
	padding:20px 0px 20px 20px;
	background:#1b2960 url(../img/m1_background.jpg) left 5px no-repeat;
	font-size:140%;
	text-align:left;
	vertical-align:middle;
	color:white;
}

#body #content h2 {
	width:717px;
	margin:5px 0px;
	padding:10px 0px 10px 20px;
	border-left:5px #1b2960 solid;
	border-bottom:1px #1b2960 solid;
	font-size:130%;
	text-align:left;
	vertical-align:middle;
}

#body #content #t3 {
	position:relative;
	margin:30px 0px 20px 30px;
	width:718px;
	height:85px;
}

#body #content #t3 .t3_area_l {
	position:absolute;
	top:0px;
	left:0px;
	width:470px;
	height:79px;
	background:#1b2960 url(../img/t3_main.jpg) left no-repeat;
}

#body #content #t3 .t3_area_r {
	position:absolute;
	top:0px;
	left:470px;
	width:242px;
	height:79px;
	background:#1b2960 left no-repeat;
}

#body #content #t3 .shadow_tr {
	position:absolute;
	top:0px;
	left:712px;
}

#body #content #t3 .shadow_mr {
	position:absolute;
	top:6px;
	left:712px;
	width:6px;
	height:73px;
}

#body #content #t3 .shadow_bl {
	position:absolute;
	top:79px;
	left:0px;
}

#body #content #t3 .shadow_bm {
	position:absolute;
	top:79px;
	left:6px;
	width:706px;
}

#body #content #t3 .shadow_br {
	position:absolute;
	top:79px;
	left:712px;
}

#body #content #t3 .line {
	position:absolute;
	top:60px;
	left:10px;
	width:692px;
	height:0px;
	border-bottom:1px solid white;
}

#body #content #t3 .text {
	position:absolute;
	top:30px;
	left:10px;
	width:692px;
	font-size:150%;
	color:white;
}




#body #content #textarea {
	width:717px;
	margin:0px 0px 30px 30px;
	font-size:110%;
}

#body #content #textarea h3 {
	margin-top:2em;
	font-size:110%;
	color:#1b2960;
}

#body #content #textarea p {
	text-indent:1em;
	margin-top:0px;
	margin-bottom:1em;
}

#body #content #textarea img.r_large {
	float:right;
	margin:0px 0px 10px 10px;
}

#body #content #textarea img.l_large {
	float:left;
	margin:0px 10px 10px 0px;
}

#body #content #textarea img.r_small {
	float:right;
	margin:0px 0px 5px 5px;
}

#body #content #textarea img.l_small {
	float:left;
	margin:0px 5px 5px 0px;
}

#body #content #textarea dt {
	clear:both;
	font-weight:bold;
}

#body #content #textarea dd {
	margin-left:1em;
	margin-bottom:1em;
}

#body #content #textarea .notclear {
	clear:none;
}

#body #content #textarea .left {
	margin:0px 5px 5px 0px;
	float:left;
	display:block;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}

#body #content #textarea .right {
	margin:0px 0px 5px 5px;
	float:right;
	display:block;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}

#body #content #textarea .center {
	clear:both;
	text-align:center;
	font-size:90%;
	font-weight:bold;
}




#body #content_bottom {
	clear:both;
	width:100px;
	height:30px;
}


/* --- フッター --- */
#foot {
	clear:both;
	float:left;
	width:990px;
	margin:0px 0px 5px 2px;
	text-align:right;
	font-size:100%;
}

#foot #menu_b .shadow_bm {
	width:129px;
}

#foot #content_b .shadow_bl {
	margin-left:4px;
}

#foot #content_b .shadow_bm {
	width:833px;
}

#foot #allright {
	clear:both;
	margin-right:5px;
}