@charset utf-8;
/*
+++++++++++++++++++++++++++++++++
Shiraishi Gakusyuin Web Site NAVI.CSS   Ver.
+++++++++++++++++++++++++++++++++
*/


/*
=======================
ContestsBox BaseLayout & Header+Footer
=======================
*/
#main_box {
	text-align: left;
	position: relative;
	width: 775px;
	margin: 0;
	}

#header {
	background-image: url(../../img/navi/header_bg.gif);
	background-repeat: no-repeat;
	width: 775px;
	height: 105px;
	}

#header_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 90px;
	}

#header h1 {
	font-size: 12px;
	line-height: 120%;
	position: absolute;
	top: 50px;
	left: 120px;
	width: 480px;
	margin: 0;
	padding: 0;
	}
#header_subkink {
	position: absolute;
	top: 50px;
	left: 655px;
	display: block;
	white-space: nowrap;
	}

#header_subkink a {
	color: black;
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/icon_shikaku.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 20px;
	display: block;
	}

#header_koko {
	background-image: url(../../img/navi/header_bg_koko.gif);
	background-repeat: no-repeat;
	width: 775px;
	height: 105px;
	}

#header_logo_koko {
	position: absolute;
	top: 25px;
	left: 7px;
	width: 233px;
	height: 42px;
	}
#header_logo_koko_right {
	position: absolute;
	top: 35px;
	left: 553px;
	width: 204px;
	height: 29px;
	}

#header_koko h1 {
	font-size: 12px;
	line-height: 120%;
	position: absolute;
	top: 3px;
	left: 13px;
	width: 580px;
	margin: 0;
	padding: 0;
	}
#header_koko p {
	color: white;
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	top: 28px;
	left: 258px;
	width: 280px;
	}

#header_subkink_koko {
	position: absolute;
	top: 2px;
	left: 655px;
	display: block;
	white-space: nowrap;
	}

#header_subkink_koko a {
	color: black;
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/icon_shikaku.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 20px;
	display: block;
	}

#header_com {
	background-image: url(../../img/navi/header_bg_com.gif);
	background-repeat: no-repeat;
	width: 775px;
	height: 105px;
	}

#header_com h1 {
	font-size: 12px;
	line-height: 120%;
	position: absolute;
	top: 50px;
	left: 120px;
	width: 480px;
	margin: 0;
	padding: 0;
	}

#header_navi {
	
	}

#header_navi ul {
	position: absolute;
	top: 70px;
	left: 100px;
	width: 670px;
	height: 19px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	}

#header_navi li {
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	width: 130px;
	height: 18px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	}

#header_navi a {
	color: black;
	text-decoration: none;
	width: 130px;
	height: 15px;
	padding-top: 4px;
	display: block;
	}

#header_navi a:hover {
	color: black;
	background-image: url(../../img/navi/btn_header_over.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	text-decoration: none;
	width: 130px;
	height: 15px;
	padding-top: 4px;
	display: block;
	}
#content_box {
	background-image: url(../../img/navi/bg_left.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	padding-right: 20px;
	padding-bottom: 20px;
	}

#content_right {
	width: 555px;
	overflow: hidden;
	float: right;
	}

#content_left {
	width: 180px;
	overflow: hidden;
	float: left;
	padding-top: 0;
	padding-bottom: 15px;
	}

#content_left h2 {
	text-align: center;
	margin: 0;
	padding: 8px 0 9px;
	}

#content_box_koko {
	overflow: hidden;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
#content_top_koko {
	width: 100%;
	padding-bottom: 15px;
	}

#content_right_koko {
	width: 485px;
	overflow: hidden;
	float: right;
	}

#content_left_koko {
	width: 220px;
	overflow: hidden;
	float: left;
	padding-top: 0;
	padding-bottom: 15px;
	}

#content_left_koko h2 {
	text-align: left;
	margin: 0;
	padding: 8px 0 9px;
	}
#content_top_com {
	padding-bottom: 15px;
	padding-left: 20px;
	}

#content_box_bg {
	background-image: url(../../img/navi/bg_com.gif);
	background-repeat: repeat-y;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	}

#content_box_rightset {
	width: 585px;
	float: right;
	}

#content_right_side {
	width: 135px;
	float: right;
	}

#content_right_com {
	width: 435px;
	float: left;
	}

#content_left_com {
	width: 135px;
	float: left;
	}

#footer {
	width: 100%;
	}

#footer_link {
	color: black;
	font-size: 12px;
	line-height: 13px;
	background-color: #9c9;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	}

#footer_link a {
	color: black;
	text-decoration: none;
	}

#footer_link a:hover {
	color: #ff4000;
	text-decoration: none;
	}

#footer_link_k01 {
	color: black;
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_footer_koko.gif);
	background-repeat: repeat-x;
	text-align: center;
	height: 19px;
	clear: both;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	display: block;
	}
#footer_link_k01 p {
	padding-top: 3px;
	}

#footer_link_k01 a {
	color: black;
	text-decoration: none;
	}

#footer_link_k01 a:hover {
	color: #ff4000;
	text-decoration: none;
	}


#footer_copy {
	color: white;
	font-size: 10px;
	line-height: 11px;
	background-color: #004731;
	text-align: right;
	padding-top: 3px;
	padding-right: 28px;
	padding-bottom: 4px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	}
#footer_copy_koko {
	color: white;
	font-size: 10px;
	line-height: 11px;
	background-color: #096;
	text-align: right;
	padding-top: 3px;
	padding-right: 28px;
	padding-bottom: 4px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	}

#footer_copy_com {
	color: white;
	font-size: 10px;
	line-height: 11px;
	background-color: #06c;
	text-align: right;
	padding-top: 3px;
	padding-right: 28px;
	padding-bottom: 4px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	}

#footer_cm {
	font-size: 12px;
	line-height: 13px;
	text-align: right;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 3px;
	}
clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	display: block;
	}

/*
==================
Left Navigation
==================
*/
.nav_base {
	margin: 0;
	padding: 0 0 0;
	list-style-type: none;
	}
.nav_open {
	margin: 0;
	padding: 0;
	}

.nav_mg {
	margin: 14px 0 0;
	padding: 0;
	}

.nav_mg_mini {
	margin: 4px 0 0;
	padding: 0;
	}

.nav_main {
	width: 180px;
	margin: 0;
	padding: 0;
	display: block;
	}
.sub_ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.sub_li {
	padding-bottom: 5px;
	}

#sub_01 {
	background-image: url(../../img/navi/bg_left_sub.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-left: 17px;
	}

#sub_02 {
	background-image: url(../../img/navi/bg_left_sub.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-left: 17px;
	}

#sub_03 {
	background-image: url(../../img/navi/bg_left_sub.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-left: 17px;
	}
.left_desc {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 28px;
	}

.btn_mg {
	margin-top: 14px;
	}
.left_formbox {
	background-color: #ccc;
	margin: 16px 17px 0;
	padding-right: 14px;
	padding-left: 14px;
	}

.form_set {
	text-align: right;
	display: block;
	}
.form_title {
	margin-top: 10px;
	margin-bottom: 2px;
	}

.form_btn {
	text-align: center;
	padding-top: 7px;
	padding-bottom: 10px;
	}

.left_form {
	font-size: 10px;
	line-height: 11px;
	text-align: right;
	vertical-align: middle;
	width: 100%;
	}

.left_form_imp {
	width: 55px;
	height: 15px;
	margin: 2px 0;
	padding: 0;
	border: solid 1px black;
	}
#left_nav_koko {
	}

#left_nav_koko p {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 8px;
	}

#left_nav_koko_top {
	margin-bottom: 20px;
	}

#left_nav_koko_top ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_top li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_or.gif);
	border: solid 1px #f60;
	display: block;
	}

#left_nav_koko_top a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_or.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_top a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_or_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_bot {
	}

#left_nav_koko_bot ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_bot li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_red.gif);
	border: solid 1px #f00;
	display: block;
	}

#left_nav_koko_bot a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_red.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_bot a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_red_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}
#left_com {
	}

#left_com ul {
	background-image: url(../../img/navi/bg_com_ul.gif);
	background-repeat: no-repeat;
	background-position: 65px 0;
	margin: 13px 0 0;
	padding: 0;
	list-style-type: none;
	display: block;
	}

#left_com li {
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px;
	padding: 0;
	display: block;
	}

#left_com a {
	color: black;
	line-height: 33px;
	background-image: url(../../img/navi/btn_bg_com.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;
	text-decoration: none;
	width: 100%;
	display: block;
	}

#left_com a:hover {
	color: #f00;
	line-height: 33px;
	background-image: url(../../img/navi/btn_bg_com_over.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;
	text-decoration: none;
	width: 100%;
	display: block;
	}

/*
==================
Left Navigation Ichiro write
==================
*/
#left_nav_koko {
	}

#left_nav_koko p {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 8px;
	}



#left_nav_koko_eigo {
	margin-bottom: 20px;
	}

#left_nav_koko_eigo ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_eigo li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_eigo.gif);
	border: solid 1px #9c9;
	display: block;
	}

#left_nav_koko_eigo a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_eigo.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_eigo a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_eigo_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}



#left_nav_koko_sugaku {
	margin-bottom: 20px;
	}

#left_nav_koko_sugaku ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_sugaku li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_sugaku.gif);
	border: solid 1px #99c;
	display: block;
	}

#left_nav_koko_sugaku a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_sugaku.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_sugaku a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_sugaku_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}	



#left_nav_koko_kokugo {
	margin-bottom: 20px;
	}

#left_nav_koko_kokugo ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_kokugo li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_kokugo.gif);
	border: solid 1px #f99;
	display: block;
	}

#left_nav_koko_kokugo a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_kokugo.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_kokugo a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_kokugo_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}



#left_nav_koko_rika {
	margin-bottom: 20px;
	}

#left_nav_koko_rika ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_rika li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_rika.gif);
	border: solid 1px #c9f;
	display: block;
	}

#left_nav_koko_rika a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_rika.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_rika a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_rika_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}



#left_nav_koko_shakai {
	margin-bottom: 20px;
	}

#left_nav_koko_shakai ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#left_nav_koko_shakai li {
	font-size: 12px;
	line-height: 13px;
	background-image: url(../../img/navi/bg_left_koko_shakai.gif);
	border: solid 1px #fc3;
	display: block;
	}

#left_nav_koko_shakai a {
	color: black;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_shakai.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}

#left_nav_koko_shakai a:hover {
	color: #000;
	line-height: 15px;
	background-image: url(../../img/navi/bg_left_koko_shakai_over.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 30px;
	display: block;
	}
	
	
	
	
#design_box {
	overflow: hidden;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}

#design_area {
	width: 100%;
	padding-bottom: 0;
	}