@charset "utf-8";

/******************************
=1: コンテンツ共通
=2: Footer
=3: FooterLink
=3: クリアー
*******************************/

/*------------------------------
=1: コンテンツ共通
------------------------------*/
body {
	text-align: center;
	color: #444444;
	line-height: 1.5em;
	font-size: medium;
}

#container {
	width:100%;/* 表示をセンターにするためのコンテナーを作成 */
	margin:0 auto;
	text-align:left;
}

#maincontainer {
	width: 900px;/* コンテンツ枠を作成 */
	margin: 0 auto;/*コンテンツをセンターへ表示*/
	text-align: left;
}

/*---------- 文字サイズ変更 ----------*/
#fsize {
	width: 153px;
	height: 26px;
	margin-top: 8px;
	margin-right: 40px;
	padding-left: 5px;
	background: url(../img/img_textsize.png) 5px 9px no-repeat;
	border-bottom: 1px solid #ffffff;
	float: right;
}

.clearfix {
 	display:inline-block;
}

#fsize a {
	cursor:pointer;
}

#fsize .fsize {
	float: right;
	margin-right: 5px;
}

#font_s a,#font_m a,#font_l a {
	display: block;
	width: 22px;
	height: 22px;
}

#fsize .ftxt {
	display: none;
}

/*カレント*/
#font_s a {
	background: url(../img/btn_text_s.png) left -22px no-repeat;
}

#font_m a {
	background: url(../img/btn_text_m.png) no-repeat;
}


#font_l a {
	background: url(../img/btn_text_l.png) no-repeat;
}

#font_m a:hover {
	background: url(../img/btn_text_m.png) left -22px no-repeat;
}

#font_l a:hover {
	background: url(../img/btn_text_l.png) left -22px no-repeat;
}


/*------------------------------
=2: Footer
------------------------------*/
#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	background-color: #ffffff;
}

/*------------------------------
=3: FooterLink
------------------------------*/
#linkArea {
	width: 860px;
	padding: 0 20px;
	margin: 0 auto;
	background-color: #ffffff;
}

#tabs {
	float:left;
	width: 750px;
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	height: 22px;
	padding:20px 10px 0 0px;
	list-style:none;
	}

#tabs ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#tabs li {
	display:inline;
	font-size:10px;
	line-height:1.9em
	margin:0;
	padding:0;
	}

#tabs a {
	display: block;
	height: 22px;
	float:left;
	background:url("../img/bg_footertab_l.jpg") no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("../img/bg_footertab_r.jpg") no-repeat right top;
	padding:6px 6px 4px 4px;
	*padding:6px 6px 5px 4px;
	margin-right: 10px;
	color: #6a97c4;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	color: #ffffff;
	background-position: 0% -22px;
	}

#tabs a:hover span {
	color: #ffffff;
	background-position: 100% -22px;
	}


#footer img {
	display: block;
	margin-top: 10px;
	float: right;
}

#copy {
	width: 900px;
	text-align: center;
	background-color: #1868b3;
}

#copy p {
	font-size: 65%;
	color: #ffffff;
}


/*------------------------------
=4: クリアー
------------------------------*/
.clear {
	clear: both;
}