@charset "Shift_JIS";

/* ■ 共通スタイル指定 ■ -------------------------------------------------- */


* {
	margin: 0;
	padding: 0;
	list-style-type: none;

	/* 確認用 */
	/* border: #cc0000 solid 1px; */
}

img{border:0px;}
.s-text{font-size:70%; line-height:150%; color: #666;}
.m-text{font-size:80%; line-height:160%;}
.m-text-bold{font-size:80%; line-height:160%; color:#333333; font-weight: bold;}
.m-text-blue{font-size:80%; line-height:160%; color: #2E95D6;}
.blue{color: #2E95D6; 	line-height:160%;}
.blue_b{color: #2E95D6; font-weight: bold;}
.red{font-size:80%; line-height:160%; color: #AA155F;}
.red_b{font-size:80%; line-height:160%; color: #AA155F; font-weight: bold;}
.l-text-red{font-size:90%; line-height:170%; color: #AA155F;}
.l-text-red01{font-size:90%; line-height:145%; color: #AA155F;}
.big-text-red{font-size:120%; font-weight: bold; line-height:170%; color: #AA155F;}
.orange {font-size:80%; line-height:160%; color: #FF6600;}
.big-text-orange{font-size:120%; font-weight: bold; line-height:170%; color: #FF6600;}
.brown{font-size:80%; line-height:160%; color: #BB2B20;}
.l-text{font-size:90%; line-height:170%; color: #666;}
.l-text-blue{font-size:90%; line-height:170%; color: #2E95D6;}
.big-text-blue{font-size:120%; font-weight: bold; line-height:170%; color: #2E95D6;}
.bold{ font-weight: bold;}
.white{color:#FFF;}
p.caution{ font-size:80%; padding:10px 0 0 10px; line-height:120%;}
.publish-eng{font-family:"Times New Roman", Times, serif;}

.l-pos{float:left;}
.r-pos{float:right;}
.floatClear{clear:both; margin:0; padding:0;}
.space5{padding-bottom: 5px;}
.space10_top{padding-top: 10px;}
.space5b{margin: 5px 0;}
.space10{padding-bottom: 10px;}
.space15{padding-bottom: 15px;}
.space20{padding-bottom: 20px;}
.margin20{margin-bottom: 20px;}
.margin30{margin-bottom: 30px;}
.space30{padding-bottom: 30px;}
.clear {clear:both;}


html {
	height: 100%; /* コンテンツ背景 最下到達用 */
}

body {
	background: #d8d9d3; 
	height: 100%; /* コンテンツ背景 最下到達用 */
	text-align:center;
	color: #333;
}


.pagetop{
	clear:both;float:right;
	/*background: url(../common/pagetop.gif) no-repeat left center;*/
	padding:10px 0 20px 0; margin:0px;
}
.pagetop img{vertical-align:middle; padding:0 5px 0 0;}


img {
	vertical-align: bottom; /* 画像下余白ナシ */
	border-style: none;
}

hr {
	border: 1px #f6f7f8 solid;
	clear: both; /* 予備 */
}

a:link , a:visited {
	text-decoration: none;
	color:#27759f;
}

a:active , a:hover {
	text-decoration: none;
	color:#ff8648;
}



	.none { /* hrレイアウト崩れ防止 */
		display: none; /* ボックス無し */
	}

/* ■ 共通構成要素 ■ -------------------------------------------------- */

/* コンテナ */
div#container {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 */
	margin: 0 auto; /* センタリング */
	width: 800px;
	height: 100%; /* コンテンツ背景 最下到達用 */
	/*border: #FF0000 solid 1px;*/
}

/* サブコンテナ */
div#subContainer {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 最下到達用に再度指定*/
	width: 746x;
	/*border: #A6A6A6 solid 1px;*/
}


/* ヘッダー ------------------------------ */
#headerBlock{
	/*position:relative;*/
	display: block;
	margin: 0 auto; /* センタリング */
	width:746px;
	text-align:left;
	color: #5D5D5D;
	background: #fff;
/*border: #000 solid 1px;*/
}

#headerBlock h1{ width:746px; float:left; font-Size:80%; font-weight: normal; text-indent:1em; margin: 0px; padding-top:5px; background:#1c4a6c; height:22px; color:#fff;}
#headerBlock h2{text-indent:-9999px;padding:0px;margin:0px;height:0px;}
#headerBlock #logo{ float:left;}
#headerBlock #logo2{ float:right;}


/* メインブロック ------------------------------ */
div#mainBlock{
	margin: 0 auto; /* センタリング */
	width: 746px;
padding-top: 0px;
background: #fff url(../common/mainBlock_bg.gif) repeat-y;
	
/*border: #ccc solid 1px;*/
 
}

/* メインブロック 疑似clear: both */
	div#mainBlock:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	div#mainBlock {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
html div#contentBlock {
		height: 1%;
	}


	div#mainBlock {
		display: block;
	}
	/* End hide from IE-mac */
/* /メインブロック 疑似clear: both */

/* Leftブロック ------------------------------ */
	div#LeftBlock {
		width: 197px;
		float: left;
		text-align: left;

/*border: #cccccc solid 1px;*/
	}


/* コンテンツブロック ------------------------------ */
div#ContentBlock {
	width: 525px;
	float: right;
	padding-right:0px;
	text-align: left;
	margin-top:5px;
	
/*border: #cc0000 solid 1px;*/
	}

#ContentBlock h2{ font-size:90%; margin-bottom:10px;}
	
	/* コンテンツブロック for popup ------------------------------ */
div#ContentBlockpop {
	width: 525px;
	float: left;
	padding-left:20px;
	text-align: left;
/*border: #cc0000 solid 1px;*/
	}
	


/* フッターブロック ------------------------------ */
#footerBlock {
	position:relative;
	float:left;
	display: inline;
	width: 800px;
	background: url(../common/fotter_bg.gif);
	padding:5px 0px 5px 0px;
/*border: #FF0000 solid 1px;*/
}


#footerBlock #footerLink { 
	float:left;
	text-align:left;
	padding-left:40px;
	padding-top:3px;
	color: #FFF;
	font-Size:8pt;

/*border: #000000 solid 1px;*/
}

#footerBlock #footerLink a:link,
#footerBlock #footerLink a:visited{color:#FFF;}
#footerBlock #footerLink a:active,
#footerBlock #footerLink a:hover{color:#FF8648;}

#footerBlock #copyright {
	text-indent:-9999px;
	/*float:right;
	width: 400px;
	text-align:right;
	padding:0px;
	color: #FFF;
	font-Size:7pt;
border: #000000 solid 1px;*/
}

/*-------------------------------------
コンテンツ部分
-------------------------------------*/
#box00{
	display:block;
	float:left;
	width: 505px;
	margin-top:10px;
	
	/*border: #000000 solid 1px;*/
}
#box00 .left{float:left; width:350px;}
#box00 .right{float:right;}

#box01{
	display:block;
	float:left;
	width: 505px;
	/*height:133px;*/
	/*border: #000000 solid 1px;*/
}



h4{font-Size:100%; line-height:120%; font-weight: bold;	padding-bottom:20px; color:#000;}

h5{
	font-Size:90%; line-height:120%; font-weight: bold;
	margin-top: 0px; margin-bottom: 0px;
	padding:3px 0px 3px 8px;
	border-left:#73C9CA solid 5px;
	color:#328586;
}

/*------------------------------------
コンテンツガイド
-----------------------------------*/

#ContentsGuide{display:block; float:left; width: 505px;}
#ContentsGuide h3{background: url(../img/t_guide.jpg); text-indent:-9999px; height:25px;}
#ContentsGuide h3.topics_ttl_indx{background: url(../img/t_topics.jpg); text-indent:-9999px; height:27px;}

#ContentsGuide ul{padding:10px 0px 0px 0px;}
#ContentsGuide li{
	display:block;
	height:22px;
	background: url(../common/dot_line.gif) no-repeat bottom;
	font-size:80%;
	padding-top:5px;padding-bottom:5px;
}
#ContentsGuide li.noBorder{
	display:block;
	height:22px;
	background: none;
	font-size:80%;
	padding-top:5px;padding-bottom:0px;
}
.ya{
	background: url(../common/ya.gif) no-repeat left center;
	padding:0px 20px; margin:0 0 0 10px;
}

.ya02{
	background: url(../common/ya.gif) no-repeat left center;
	padding:0 0 0 20px; margin:0 0 0 0;
}

.sikaku{
	background: url(../common/sikaku.gif) no-repeat left center;
	padding:0px 20px; margin:0 0 0 10px;
}


/* font size change */
.fsizechng {
	padding:3px;
}

.fsizechng table {
	padding:0; margin:0; 
}

.fsizechng table td {
	padding:0 0 10px 0; margin:0; border:none;
	}
	
	
/* add for topics */
#headerBlock h2.topics_ttl {background:url(../topics/img/main_img.gif) no-repeat; height:84px; padding:0 0 0 0; margin:0 0 0 0;}	
#headerBlock h2.topics_ttl p{ text-align:right; vertical-align:bottom; padding:60px 0 0 0; margin:0 25px 0 0;}

dl dd p.comment_1124{padding:0 0 20px 35px; margin:0 0 0 0; background:url(../topics/img/1124_comment.jpg) no-repeat; color:#000066;}