@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#555;
}
a:visited{
	color:#555;
}
a:hover{
	color:#555;
	text-decoration:none;
}
a:active{
	color:#555;
}




/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background:url(../../200904/img/common/index_bg.jpg) #D8EAD4 top center no-repeat;
}

#container{
	width:900px;
	margin:0 auto;
	position:relative;
	background:#fff;
}


/* 右レイアウト、左レイアウト */

#main-area{
	float:left;
	width:420px;
	margin:0 0 0 20px;
}

#submenu-area_left{
	width:200px;
	float:left;
}
#submenu-area_right{
	width:200px;
	float: right;
}

/* コンテンツの枠 */




img {
	line-height:1;
}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	position:relative;
	padding:0px 20px;
}

#identity{
	margin:0px;
	padding:0px;
	display:block;
	width:210px;
	float:left;
}

#identity img {
	margin:0px;
	padding:0px;
}

.navi-box {
	width:565px;
	float:right;
	padding-top:10px;
	margin:0px;
}

#header-area .header-utility{
	position:absolute;
	top:10px;
	left:345px;
	clear:both;
	float:right;
	width:380px;
}
#header-area .header-utility li,
#header-area .header-utility_user li{
	float:left;
}

#header-area .header-utility_user{
	position:absolute;
	top:47px;
	left:610px;
	clear:both;
	float:right;
	width:268px;
}

.letter_size {
	float:right;
	width:151px;
	height:26px;
	background:url(../img/common/letter_size.gif) no-repeat;
}

.letter_size ul {
	padding:3px 0px 0px 65px;
	
}

.no_js ul {
	padding:0px;
}

.no_js li {
	float:left;
	margin-left:0px;
}

.no_js ul li img {
	padding:0px;
	display:block;
}

#fontNavi img {
	display:inline;
	padding-left:2px;
}


/* ------------------------------------------------------------ */
/* メインイメージ */
/* ------------------------------------------------------------ */

.mainimage{
	margin:0 0 20px 0;
}

/* ------------------------------------------------------------ */
/* ローカルナビ */
/* ------------------------------------------------------------ */

.localnavi{
	width:860px;
	margin:0 auto 20px auto;
}
.localnavi .search{
	float:left;
	width:200px;
	height:100px;
	background:url(../img/home/localnavi_search_bg.jpg) left top no-repeat;
	position:relative;
}
.localnavi #cse-search-box{
	position:relative;
	top:42px;
	left:12px;
}
.localnavi #cse-search-box .textbox{
	width:115px;
}
.localnavi .search p{
	position:relative;
	top:48px;
	left:12px;
	width:180px;
	line-height:1;
	font-size:77%;
}

.localnavi .honor{
	float:left;
	width:420px;
	height:100px;
	margin:0 0 0 20px;
}
.localnavi .menu{
	float:right;
	width:200px;
	height:100px;
	background:url(../img/home/localnavi_menu_bg.jpg) left top no-repeat;
}
.localnavi .menu li{
	margin:0px;
	padding:0px;
	height:25px;
	line-height:1;
}

/* ------------------------------------------------------------ */
/* グローバルナビ */
/* ------------------------------------------------------------ */

.glovalnavi{
	width:860px;
	height:122px;
	margin:0 auto;
	background:url(../img/home/glovalnavi_bg.jpg) left top no-repeat;
	position:relative;
}
.glovalnavi ul{
	float:left;
}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
padding:30px 20px;
line-height:1.4;
}

#contents-area p{
	margin:0 0 7px 0;
}

#contents-area .sitepath a:link,
#contents-area .sitepath a:visited{
	color:#333;
}
#contents-area .sitepath a:hover,
#contents-area .sitepath a:active{
	color:#666;
}

#contents-area h2{
	padding:0px;
	margin:0 0 10px 0;
}

.news_line{
	border-bottom:dotted 1px #E3E3E3;
	margin:0 0 10px 0;
}
.news_line .date{
	font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	line-height:16px;
}

.news_line .gakuen{
	background:#5288AF url(../img/home/news_icon_gakuen.jpg) left top no-repeat;
	font-size:77%;
	color:#FFFFFF;
	width:92px;
	height:16px;
	line-height:16px;
	float:left;
	text-align:center;
	margin:0 5px 0 0;
}
.news_line .tokyo{
	background:#A7C956 url(../img/home/news_icon_tokyo.jpg) left top no-repeat;
	font-size:77%;
	color:#FFFFFF;
	width:92px;
	height:16px;
	line-height:16px;
	float:left;
	text-align:center;
	margin:0 5px 0 0;
}
.news_line .kansai{
	background:#FFA746 url(../img/home/news_icon_kansai.jpg) left top no-repeat;
	font-size:77%;
	color:#FFFFFF;
	width:92px;
	height:16px;
	line-height:16px;
	float:left;
	text-align:center;
	margin:0 5px 0 0;
}
.news_line .sapporo{
	background:#E89FEE url(../img/home/news_icon_sapporo.jpg) left top no-repeat;
	font-size:77%;
	color:#FFFFFF;
	width:92px;
	height:16px;
	line-height:16px;
	float:left;
	text-align:center;
	margin:0 5px 0 0;
}

/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */


	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	
}

#main-area .main_head{
	position:relative;
	width:420px;
	height:21px;
}
#main-area .main_head .bt_list{
	position:absolute;
	top:0px;
	left:355px;
}

.section{
	margin:0 0 30px 0;
}

.section li {
	float:left;
	margin-right:10px;
}

.section img {
	display:inline;
	padding:0px;
	margin:0px;
	line-height:1;
}

h3 {
	padding:1px 10px 0px 10px;
	background:url(../img/common/h3_back.gif) repeat-y;
	margin-bottom:10px;
}

.pagetop{
	clear:both;
	width:860px;
	text-align:right;
	margin:0px auto 0px auto;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	background:#f0f0f0;
}

.pagetop a {
	width:840px;
	padding:5px 10px;
	display:block;
	background:url(../img/common/pagetop.gif) no-repeat 753px 10px;
}

.section p {
	margin-bottom:6px;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	border-top:2px solid #d7d7d7;
	width:860px;
	margin:12px auto 0px auto;
	padding:14px 0px 10px 0px;
}

#footer-area .footer-utility {
	float:right;
	padding:0px;
	margin:0px;
	}

#footer-area .footer-utility li{
	float:left;
	padding-left:13px;
	margin-left:13px;
	background:url(../img/common/navi_back.gif) no-repeat 0px 7px;
}


#footer-area p.copyright{
	margin:0px;
	padding-top:3px;
}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
.ex_content {
	clear:both;
}


.ex_text {
	float:right;
	width:520px;
}

.ex_content p{
	font-weight:bold;
} 

.ex_text.history {
	width:570px;
	font-weight:normal;
}

.ex_text.history p{
	font-weight:normal;
}

.section .only_rightimg {
	float:right;
	padding:4px;
	background:#ddd;
	margin-left:10px;
	margin-bottom:10px;
}
	
.section .bottom_img {
	clear:both;
	border-top:1px dotted #CCCCCC;
	padding:15px 0px;
}

.section .bottom_img img {
	margin-left:15px;
}


/* ニュースラベル */

span.gakuen {
	background-color:#2781C0; 
	padding:0px; 
	margin-right:5px; 
	width:100px; 
	font-size:77%;
	color:#FFF;
	float:left;
	text-align:center;
}
span.tokyo {
	background-color:#C4D88B; 
	padding:0px; 
	margin-right:5px; 
	width:100px; 
	font-size:77%;
	color:#FFF;
	float:left;
	text-align:center;
}
span.kansai {
	background-color:#FEAC51; 
	padding:0px; 
	margin-right:5px; 
	width:100px; 
	font-size:77%;
	color:#FFF;
	float:left;
	text-align:center;
}
span.sapporo {
	background-color:#E7A0F0; 
	padding:0px; 
	margin-right:5px; 
	width:100px; 
	font-size:77%;
	color:#FFF;
	float:left;
	text-align:center;
}