@charset "utf-8";

/*リセット
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

.px10 {font-size:77%;} /* for setting 10px */
.px11 {font-size:85%;} /* for setting 11px */
.px12 {font-size:93%;} /* for setting 12px */
.px13 {font-size:100%;} /* for setting 13px */
.px14 {font-size:108%;} /* for setting 14px */
.px15 {font-size:116%;} /* for setting 15px */
.px16 {font-size:123.1%;} /* for setting 16px */
.px17 {font-size:131%;} /* for setting 17px */
.px18 {font-size:138.5%;} /* for setting 18px */
.px19 {font-size:146.5%;} /* for setting 19px */
.px20 {font-size:153.9%;} /* for setting 20px */
.px21 {font-size:161.6%;} /* for setting 21px */
.px22 {font-size:167%;} /* for setting 22px */
.px23 {font-size:174%;} /* for setting 23px */
.px24 {font-size:182%;} /* for setting 24px */
.px25 {font-size:189%;} /* for setting 25px */
.px26 {font-size:197%;} /* for setting 26px */


/*基本構造
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html,body {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka','Helvetica','Arial','Gothic','sans-serif';
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333;
	background-color:#fafafa;
	}

.container {
	width: 760px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto;
	text-align:justify; /* この設定は body エレメントの text-align: center より優先されます。 */
	text-justify: inter-ideograph;
	border-style:none;
	overflow:hidden;
	}

#wrap {
	}

#wrap.normal {
	background-image:url(../images/bg-01.gif);
	padding:0px 5px;
	}


img {
	vertical-align:top;
	}
	
a {
	color:#0068c4;
	text-decoration:none;
}

a:hover {                   /* カーソルが上にある時のリンク */
	color: #f34a48;
	text-decoration:none;     /* 下線を消す */
}

#nav table,tr,td {
	margin:0;
	padding:0;
	border:0;
	}
	
.content {
	float:right;
	width:430px;
	padding:15px;
	}
	
#honbun {
	padding:0px;
		}


/*その他　基本デザイン
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.text-bold {
	font-weight:bold;
	}

.text-left {
	text-align:left;
	}

.text-right {
	text-align:right;
	}

.text-center {
	text-align:center;
	}

img.ver-mid {
	vertical-align:middle;
	}

img.right-margin5px {
	padding-right:5px;
	}
	
p.chart-center {
	text-align:center;
	margin:15px 0px;
	}

#honbun p {
	line-height:1.8;
	color:#333;
	}
	
#honbun p.dankan10px {
	margin-bottom:5px;
	text-indent:1em;
	}
	

#honbun .title {
	margin-bottom:15px;
	}

#honbun .komi {
	margin:20px 0px 10px 0px;
	}

#honbun h5 {
	font-weight:bold;
	font-size:116%;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	padding:4px 0px;
	margin:10px 0px;
	}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}
	
.tex-green {
		color:#0d4e00;
		}

#honbun p.tex-green {
		color:#0d4e00;
		}
			
.tex-red {
		color:#cc1111;
		}
		
#honbun p.tex-orange {
		color:#ff8f00;
		}

h3.greyborder {
	font-weight:bold;
	font-size:116%;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:4px 0px;
	margin:20px 0px 10px 0px;
	}



	/*ヘッダ
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header {
	vertical-align:top;
	position:relative;
	}

#header #headrtitle {
	width:520px; margin-top:6px; float:left;
	}

#header #mojisize {
	float:right; width:230px; padding:5px 5px 5px 0px; border-top:1px solid #979e95; border-bottom:1px solid #979e95; margin:10px 0px; text-align:right;
	}

#header h1 {
	display: block;
	background: url(../images/rogotype142-36.gif);
	width : 142px ;
	height : 36px ;
	float: left;
	margin:6px 10px 0px 0px;
	padding:0;
	}

#header h1:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
	}

#header h1 span {
	position: absolute;
	left:-2000px;
	}
	

#header h2 {
	display: block;
	background: url(../images/meincopy247-36.gif);
	width : 247px ;
	height : 36px ;
	float: left;
	margin:6px 0px 0px 0px;
	padding:0;
	}

#header h2 span {
	position: absolute;
	left:-2000px;
	}


div.toiawase {
	position:absolute;
	top:72px;
	left:540px;
	margin:0;
}



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

#footer {
	width:760px;
	text-align:center;
	background-color:#fafafa;
	}

#footer .submenu {
	font-size:93%;
	line-height:1.7;

	}

#footer .copyright {
	font:Verdana;
	color:#595757;
	display:inline;
	font-size:77%;
	}


/*サイドバー
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar {
	float:left;
	width:260px;
	padding-top:15px;
	padding-left:15px;
	}



	/*フォントサイズ変更
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

div#header-nav {
	margin: 0px;
}

div#header-nav ul,
div#header-nav li {
	display: inline;
	float:right;
	margin-left:5px;
}

div#header-nav ul li li a {
	padding-top: 0px;
	overflow: hidden;
	display: block;
	background-image: url(../js/font_size.gif);
}

div#header-nav ul li li#font-small a {
	width: 23px;
	background-position: -34px 0;
	height:23px;
}

div#header-nav ul li li#font-small a:hover {
	background-position: -34px -23px;
}

div#header-nav ul li li#font-default a {
	width: 34px;
	background-position: 0 0;
	height:23px;
}

div#header-nav ul li li#font-default a:hover {
	background-position: 0 -23px;
}

div#header-nav ul li li#font-large a {
	width: 41px;
	background-position: -57px 0;
	height:23px;
}

div#header-nav ul li li#font-large a:hover {
	background-position: -57px -23px;
}