@charset "utf-8";
/* CSS Document */
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #D1D1D1 url(../img/bg_body.png) top repeat-x;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
.fs_90{
	font-size:90%;
}
img {border:0px #fff none;}
p{
	line-height:150%;
}
.margin10{
	margin:10px;
}
.chuui{
	color:#C30;
}
.layout_clear{
	clear:both;
}
/*** 見出し ***/
.h3_style01{
	background-color:#F4DFD2;
	margin:1px;
	padding:2px 4px;
}
.h3_style02 {
	padding-left:14px;
	border-left:10px #E7A04B solid;
}
.h4_style02 {
	padding:10px 0 0 0;
	margin-bottom:0;
}

.tbl_layout01{
	border-collapse:collapse;
	margin-top:16px;
	clear:both;
}
.tbl_layout01 td{
	border:1px #ccc solid;
}
#container {
	width: 736px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	margin: 20px auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
#mainContent {
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	background: #FFFFFF url(../img/bg_page.png) repeat-y;
}
#Header {
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	margin:0;
	background: #FFFFFF url(../img/header.png) top no-repeat;
	height:56px;
	position:relative;
	padding:4px 0 0 20px;
}
	#Header h1{
/*		text-indent 		: -9999px;
		overflow 			: hidden;*/
	}
	*html #Header h1{/*IE6*/
		margin-top:16px;
	}
	*html #Header h1{/*IE6*/
		margin:16px 0 0 0;
	}
	#GlobalMenu{
		padding:0;
		margin:0;
		list-style-type:none;
		position:absolute;
		bottom:0;
	}
	#GlobalMenu li{
		float:left;
		padding:0;
		margin:0;
	}
	#GlobalMenu a{
		background: url(../img/menu.png) left top repeat-x;
		list-style-type:none;
		padding:0;
		margin:0;
		width:234px;
		height:41px;
		display:block;
		text-indent 		: -9999px;
		overflow 			: hidden;
		margin-left:8px;
	}
		#GlobalMenuHome a	{	background-position: 0px -50px;}
		#GlobalMenuAboutUs a{	background-position: -243px -50px;}
		#GlobalMenuQA a		{	background-position: -486px -50px;}
		#GlobalMenuHome a.select	{	background-position: 0px 0px;}
		#GlobalMenuAboutUs a.select{	background-position: -243px 0px;}
		#GlobalMenuQA a.select		{	background-position: -486px 0px;}
#Contents{
	padding: 8px 20px  0px 20px;
}
	.box_shushisetsumei{
		border:1px #F8E1C7 solid;
		background-color:#FBF8F6;
		padding:8px 20px;
		width:430px;
		float:left;
	}
	.box_shushisetsumei h2{
		border-bottom:4px #E7A04B solid;
		padding-bottom:8px;
	}
	.box_shushisetsumei_s{
		border:1px #E4AD8B solid;
		background-color:#fff;
		font-size:80%;
		padding:16px 8px;
	}
	.box_shushisetsumei_s ul,
	.box_shushisetsumei_s li{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	.box_shushisetsumei_s ul{
		margin-left:2em;
		margin-bottom:8px;
	}
	.box_shushisetsumei_s li{
		margin:4px 0;
	}
	.box_contact{
		border:1px #E4AD8B solid;
		width:208px;
		float:right;
		background-color:#fff;
	}
	.box_contact h3{
		background-color:#F4DFD2;
		margin:1px;
		padding:2px 4px;
	}
#Footer {
	background: #FFFFFF url(../img/footer.png) top no-repeat;
	height:57px;
}
	#FootMenu{
		text-align:right;
		list-style-type:none;
		font-size:80%;
		padding:20px 20px 0 0;
	}
/*floatを指定したボックスに用いる必須ハック*/
.clearfix:after
{
content				: ".";
display				: block;
height				: 0;
clear				: both;
visibility			: hidden;
}

.clearfix
{
display				: inline-block;
}

/*IE-mac\*/
/** html .{height: 1%;}*/
.clearfix{display: block;}
/*IE-mac*/


/*** TOPICS ***/
.box_topics,
.box_download{
	height:160px;
	overflow:auto;
}
.box_topics ul{
	list-style-type:none;
	margin-left:0;
	padding:0 6px;
}
.box_topics li{
	list-style-type:none;
	margin-left:0px;
	padding:4px 4px 4px 20px ;
	background: #FFFFFF url(../img/icn_01.png) top left no-repeat;
	border-bottom:1px #ccc dashed;
}
.box_topics .day{
	font-size:80%;
}
span.category-2,
span.category-2 a:link,
span.category-2 a:visited,
span.category-2 a:hover,
span.category-2 a:active,
li.category-2 .title,
li.category-2 .title a:link,
li.category-2 .title a:visited,
li.category-2 .title a:hover,
li.category-2 .title a:active{
	color:#C30;
}

.box_topics .youyaku{
	color:#666;
	font-size:80%;
}


/*** TOPICS LIST ***/
.newsBox{
	border-bottom:1px #ccc dashed;
	padding:4px ;
}


@media print{
	body,
	#mainContent,
	#Header {
		background-color:#fff;
		background-image:none;
	}
	.h3_style01{
		border-bottom:2px #E7A04B solid;
	}
	#container {
	width: 680px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	}
	#Contents{
		padding: 0px 0px  0px 0px;
	}
	.box_shushisetsumei{
		width:400px;
	}
	.box_topics,
	.box_download{
		overflow:visible;
	}
}



/*** リンク集用 ***/
.links {
	
}
.main_links ul {
	margin:0 0 0 2em;
	padding:0;
}
.main_links li {
	font-size:100%;
	font-weight:bold;
	list-style-image:url(../img/list_marker12.png);
	margin:16px 0 8px 0;
	padding:0;
	line-height:130%;
}
.sub_links ul {
	margin:0 0 0 5em;
	padding:0;
}
.sub_links li {
	font-size:100%;
	font-weight:normal;
	list-style-image:url(../img/list_marker7.png);
	margin:8px 0;
	padding:0;
	line-height:130%;
}

.list_marker6{
	list-style-image:url(../img/list_marker6.png);
}
.list_marker7{
	list-style-image:url(../img/list_marker7.png);
}
.list_marker10{
	list-style-image:url(../img/list_marker10.png);
}
.list_marker12{
	list-style-image:url(../img/list_marker12.png);
}

