@charset "utf-8";

@import "css/design.css";   /* 共通 */
@import "css/jquery.css";   /* jquery */

/* html5に対応していないブラウザ用 */ 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}


/* GENERAL */
body {
	background: url(images/body_bg.gif) center top repeat-x #DCF1F5;
	margin: 0;
	padding: 0;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
	color: #000;
}

/* img
-------------------------------------------*/
img{	border: none;}


		a:hover img{
			/* border-radius */
			opacity: 0.5;
			filter: alpha(opacity=50);
			-moz-opacity: 0.5;
		}


/* hr
-------------------------------------------*/
hr{
	clear: both;
	height: 1px;
	margin: 30px 0;
	border: solid #69562E;
	border-width: 1px 0 0 0;
}



/*-------------------------------------------	
header
-------------------------------------------*/
header{
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	hgroup{
		width: 950px;
		height: 80px;
		margin: 0 auto 0 auto;
		padding: 0;
		overflow: hidden;
	}
	
	
		/* logo
		-------------------------------------------*/
		#logo {
			float: left;
			padding: 0;
			margin: 0 ;
			width: 395px;
			height: 80px;
		}
		
			#logo h1 {
				margin: 0;
				padding: 0;
				text-indent: -9999px;
			}
			
				#logo h1 a{
					display: block;
					width: 395px;
					height: 80px;
					margin: 0;
					padding: 0;
					text-decoration: none;
					text-indent: -9999px;
					background: url(images/logo.gif) left center no-repeat;
				}
	
			#logo h2{
				text-indent: -9999px;
				margin: 0;
				padding: 0;
			}
			
				
		/* info_nav
		-------------------------------------------*/
		#info_nav{
			float: right;
			width: 300px;
			overflow: hidden;
			padding-top: 50px;
		}


		#info_nav ul{
			margin: 0 10px 0 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
		}
	
			#info_nav ul li{
				display: inline;
				margin: 0 0 0 10px;
				padding: 0 0 0 13px;
				list-style: none;
				background: url(images/icon_header.gif) left 5px no-repeat;
				font-size: 12px;
				line-height: 100%;
			}
			
				#info_nav ul li a{
					margin: 0;
					padding: 0;
					color: #fff;
					text-decoration: none;
				}
			
					#info_nav ul li a:hover{
						text-decoration: underline;
					}
					
					
			
	
	
	/*-------------------------------------------	
	g_nav
	-------------------------------------------*/
	#g_nav{
		clear: both;
		display: block;
		width: 950px;
		height: 50px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 3px;
		list-style: none;
		background: url(images/g_nav_bg.gif) left top no-repeat;
		overflow: hidden;
	}
	


	#g_nav ul{
		width: 947px;
		height: 50px;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	
	
		#g_nav ul li{
			margin: 0;
			padding: 0;
			list-style: none;
			display: inline;
			font-size: 16px;
		}
		
			#g_nav ul li a{
				display: block;
				float: left;
				width: 205px;
				margin: 0;
				padding: 0;
				height: 50px;
				background: url(images/g_nav_bg.gif) right top no-repeat;
				color: #353535;
				text-decoration: none;
				text-align: center;
				line-height: 50px;
			}
			
				#g_nav ul li a:hover{
					background-color: #EEF7FB;
					color: #0066CC;
				}
				
				
				#g_nav ul li a.g_nav_1{width: 127px;}

				
/*-------------------------------------------
section
---------------------------------------------*/
section {
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}

	section.container {
		width: 925px;
		margin: 20px auto;
		padding: 10px 10px 20px;
		overflow: hidden;
		background: url(images/container_bg.gif) center bottom no-repeat #fff;
		
		/* border-radius */
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		
		/* box-shadow */
		box-shadow: 0px 0px 4px 1px #666;
		-webkit-box-shadow: 0px 0px 4px 1px #666;
		-moz-box-shadow: 0px 0px 4px 1px #666;
	}
	
				






/*-------------------------------------------
contents
---------------------------------------------*/
#contents{
	width: 905px;
	margin: 0 10px 20px;
	overflow: hidden;
}


/*-------------------------------------------
title setting
---------------------------------------------*/	
section.container h2{
	height: 75px;
	padding-left: 70px;
	background: url(images/title/title2_bg.jpg) left top no-repeat;
	line-height: 60px;
	font-weight: normal;
	font-size: 20px;
}

#contents .article_box h3{
	height: 50px;
	padding-left: 10px;
	background: url(images/title/title3_bg.jpg) left center no-repeat;
	line-height: 60px;
	font-size: 18px;
}

	#contents .single h3{
		background: url(images/title/title3_single_bg.jpg) left center no-repeat;
	}
	
	#contents h3.news_det{
		height: auto;
		margin:0 0 10px 0;
		padding:2px 8px;
		border-width:0 0 5px 0;
		border-color: #80CEDD;
		border-style:solid;
		background:#029EBC;
		color:#EBF7FA;
		line-height:40px;
		font-weight:bold;
	}


#contents .article_box h4{
	padding-left: 10px;
	border-style: solid;
	border-width: 1px 10px 1px 1px;
	border-color: #333;
	line-height: 30px;
	font-size: 16px;
}

#contents .article_box a{
	color: #0066cc;
}	

	#contents .article_box a:hover{
		color: #666;
		text-decoration: none;
	}	
	

/*-------------------------------------------
side_nav
---------------------------------------------*/
#contents .side_nav{
	display: block;
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	#contents .side_nav h3{
		margin: 0;
		padding: 0;
		background: #333;
		color: #fff;
		font-size: 14px;
		line-height: 28px;
		text-align: center;
	}
	
	
	#contents .side_nav ul{
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	
	
		#contents .side_nav li{
			margin: 0;
			padding: 0;
			list-style: none;
			border-bottom: 1px dotted #333;
			font-size: 13px;
		}
		
			#contents .side_nav li a{
				display: block;
				margin: 0;
				padding: 0 0 0 15px;
				width: 165px;
				background: url(images/arrow_b.png) left 17px no-repeat;
				color: #333;
				line-height: 40px;
			}
			
				#contents .side_nav li a:hover{
	
					/* border-radius */
					opacity: 0.5;
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
				}
				

/*-------------------------------------------
article_box
---------------------------------------------*/
.article_box{
	float: right;
	width: 700px;
	margin: 0;
	padding: 0;
}

.single{
	width: 905px;
	margin: 0;
	padding: 0;
}


	
/*-------------------------------------------
tmp_news_det setting
---------------------------------------------*/
.news_content{
	width: 885px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}


	.news_txt{
		width: 680px;
		line-height: 200%;
		float: left;
	}

		.news_fileL{
			width: 430px;
			float: left;
		}
		
		.news_fileR{
			width: 430px;
			float: right;
		}
		


/*-------------------------------------------
tmp_letter setting
---------------------------------------------*/
#contents .tmp_letter_box{
	width: 845px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

	#contents .tmp_letter_box dt{ 
		float: left;
		width: 180px;
		margin: 0 10px 10px;
		padding: 10px;
		border: 1px solid #ccc;
	}

		#contents .tmp_letter_box dd{ 
			float: right;
			width: 560px;
			margin: 0;
			padding: 10px 10px 10px 30px;
		}


			#contents .tmp_letter_box .title{ 
				display: block;
				margin: 0 0 15px;
				padding-left: 10px;
				border-style: solid;
				border-width: 1px 1px 1px 10px;
				border-color: #333;
				line-height: 36px;
				font-size: 16px;
				font-weight: bold;
			}


			#contents .tmp_letter_box .mokuji{ 
				display: block;
				margin: 0 0 10px;
				border-bottom: 1px dotted #000;
				font-weight: bold;
			}



		/* tmp_letter_list
		-------------------------------------------*/
		#contents .tmp_letter_list{
			width: 905px;
			background: url(images/index/article_bg_md.gif) center top repeat-y;
			margin: 0;
			padding: 0;
		}
		
			/*
			aside */	
			#contents .tmp_letter_list aside{
				width: 905px;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
			
			#contents .tmp_letter_list aside dl{ 
				float: left;
				width: 430px;
				margin: 10px;
				padding: 10px 0;
				border-bottom: 1px dotted #ccc;
			}
			
				#contents .tmp_letter_list aside dl dt{
					display: block;
					float: left;
					width: 90px;		
					margin: 0;
					padding: 0;
					letter-spacing: 1px;
					list-style-type: none;
					font-weight: bold;
					font-size: 12px;
					text-align: center;
					color: #fff;
					background: #0066CC;
				}
				
				
				
				
				#contents .tmp_letter_list aside dl dd{
					margin:0 0 0 110px;
					display: block;
				}
				
					#contents .tmp_letter_list aside dl dd a:link, aside dl dd a:visited {
						color: #000;
						text-decoration: underline;
					}
					
					#contents .tmp_letter_list aside dl dd a:hover {
						color: #C9171E;
						text-decoration: none;
					}
					
					#contents .tmp_letter_list aside dl dd img{
						vertical-align: middole;
						margin-right: 5px;
					}
		


/*-------------------------------------------
pankuzu
---------------------------------------------*/		
#pankuzu{
	width: 925px;
	margin: 0 0 10px;
	padding: 0 5px;
}
	#pankuzu p{
		margin: 0;
		padding: 0;
	}
	
			#pankuzu p a{
				display: block;
				float: left;
				padding: 0;
				color: #0066CC;
				text-decoration: underline;
			}
			
				#pankuzu p a:hover{
					text-decoration: none;
					color: #333;
				}
				
		


/*-------------------------------------------
pageback/pagetop
---------------------------------------------*/

.pagenav{
	width: 30px;
	height: 90px;
}

	.pagenav a{
		z-index: 3;
		position: fixed;
		bottom: 100px;
		right: 0;
		width: 30px;
		height: 90px;
		text-indent: -9999px;
		background: url(images/p_top.png) right top no-repeat;
	}

	

/*--------------------------------------------
footer setting
----------------------------------------------*/
footer{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/footer_bg.gif) center top repeat-x;
}
	
	/* f_nav
	---------------------------------------------*/
	#f_nav{
		width: 950px;
		height: 50px;
		margin: 0 auto 0 auto;
		padding: 0;
	}
	
		#f_nav ul{
			margin: 0 10px 0 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
		}
	
			#f_nav ul li{
				display: inline;
				margin: 0 0 0 10px;
				padding: 0 0 0 13px;
				list-style: none;
				background: url(images/arrow_b.png) left 5px no-repeat;
				font-size: 12px;
				line-height: 50px;
			}
			
				#f_nav ul li a{
					margin: 0;
					padding: 0;
					color: #000;
					text-decoration: none;
				}
			
					#f_nav ul li a:hover{
						text-decoration: underline;
					}
	
	

	/* f_content
	---------------------------------------------*/
	#f_content{
		width: 950px;
		margin: 0 auto 0 auto;
		padding: 10px 0;
		overflow: hidden;
	}
	
		/* f_contentL */			
		#f_content .f_contentL{
			display: block;
			float: left;
			width: 475px;
			margin: 0;
			font-style: normal;
			font-size: 11px;
			color: #fff;
		}
		
		#f_content .f_contentL p a{
			display: block;
			width: 180px;
			height: 24px;
			background: #fff;
		}
		
		p.copyright{
			margin: 5px 0 10px;
			font-size: 11px;
			color: #fff;
			line-height: 100%;
		}
		
	
	
		/* address */			
		#f_content address{
			display: block;
			float: right;
			width: 475px;
			margin: 0;
			font-style: normal;
			font-size: 11px;
			color: #fff;
		}
		
	



/*--------------------------------------------
table setting
----------------------------------------------*/
/* 
table_a */
table.table_a{
	width: 698px;
	margin-bottom: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
}


	table.table_a th{
		padding: 5px 10px 5px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		font-weight: normal;
	}
	
	
	table.table_a td{
		padding: 5px 10px;
		text-align: center;
		vertical-align: top;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		font-size: 12px;
	}
	
	.cell_pink{ background: #ffcccc;}
	.cell_blue{	background: #ccffff;}
	.cell_yellow{background: #ffffcc;}
	
	
/* 
table_b */
table.table_b{
	margin-bottom: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
}


	table.table_b th{
		padding: 5px 10px 5px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		font-weight: normal;
	}
	
	
	table.table_b td{
		padding: 5px 10px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		font-size: 12px;
	}
	
	
	
/* 
table_c */
table.table_c{
	width: 100%;
	margin: 0 0 15px;
	border: 1px solid #666;
	border-collapse: separate;
	border-spacing: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


	table.table_c th{
		padding: 3px 5px;
		color: #333;
		background: #d6d6d6;
		border: 1px solid #ccc;
	}
	
	
		table.table_c td{
			padding: 3px 5px;
			border: 1px solid #ccc;
			vertical-align: top;
		}

	
	

/*-------------------------------------------
list setting
---------------------------------------------*/
/* common setting ------------------------------ */
	

/* ol setting ------------------------------ */
/*
list_ol_a*/
.list_ol_a{
	margin: 0 20px 20px;
	padding: 0;
}

	.list_ol_a li{
		margin: 5px 0;
		padding: 5px 0;
		border-bottom: 1px dotted #000033;
	}
	
	.list_ol_a li strong{
		color: #89B62E;
	}
	
	
/* ul setting ------------------------------ */
/*
list_ul_a*/
.list_ul_a{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

	.list_ul_a li{
		margin: 5px 0;
		padding: 5px 0 5px 23px;
		list-style: none;
		background: url(images/arrow_c.gif) left 6px no-repeat;
	}
	
	
	
	
	
/*
list_ul_a2*/
.list_ul_a2{
	display: block;
	width: 700px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

	.list_ul_a2 li{
		display: block;
		float: left;
		width: 310px;
		margin: 5px 10px 5px 0;
		padding: 5px 0 5px 23px;
		list-style: none;
		background: url(images/arrow_c.gif) left 6px no-repeat;
	}
	
	
    
	
	
/*
list_ul_b */
.list_ul_b{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

	.list_ul_b li{
		margin: 5px 0;
		padding: 0 0 0 23px;
		list-style: none;
		background: url(images/arrow_d.gif) left 2px no-repeat;
	}
	
	
/*
list_ul_a (site map)  */
.list_ul_b2{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

	.list_ul_b2 li{
		margin: 5px 0 20px;
		padding: 5px 0 5px 23px;
		list-style: none;
		background: url(images/arrow_c.gif) left 6px no-repeat;
		border-bottom: 1px dotted #000;
	}
	
	
		.list_ul_b2 li ul.ireko{
			margin: 10px;
			border-bottom: none;
		}
	
	
	
			.list_ul_b2 li ul.ireko li{
				margin: 5px 5px 20px;
				padding: 5px 0 5px 12px;
				display: inline;
				background: url(images/arrow_a.png) left 11px no-repeat;
				border-bottom: none;
			}
		
	
	
	
	
	
	

.pt_shop_list ul {
	width: 903px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
	.pt_shop_list ul li {
		float: left;
		width: 165px;
		margin-right: 15px;
		padding: 0;
		border-bottom: 1px dotted #333;
		border-collapse: collapse;
		
	}
		.pt_shop_list ul li p {
			display: table-cell;
			width: 165px !important;
			width: auto;
			height: 40px !important;
			height: auto;
			vertical-align: middle;
			font-size: 12px;
			
		}
	
	
	
	
.pt_tekone_list ul {
	width: 903px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

	.pt_tekone_list ul li {
		float: left;
		width: 165px;
		margin: 0px 7px 30px;
		padding: 0;
		
	}
	
		.pt_tekone_list ul li p {
			display: table-cell;
			width: 165px !important;
			width: auto;
			height: 40px !important;
			height: auto;
			vertical-align: top;
			text-align: center;
			font-size: 12px;
			
		}
	
	
/*-------------------------------------------
img float setting
---------------------------------------------*/
/*
img_l */
.img_l{
	overflow: hidden;
}

.img_l img{
	display: block;
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	overflow: hidden;
}
	
/*
img_r */
.img_r{
	overflow: hidden;
}
.img_r img{
	display: block;
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
}
	
	

/*-------------------------------------------
news list setting
---------------------------------------------*/	
#contents .news_list{
	width: 905px;
	background: url(images/index/article_bg_md.gif) center top repeat-y;
	margin: 0;
	padding: 0;
}

	/*
	aside */	
	#contents .news_list aside{
		width: 905px;
		margin: 0;
		padding: 0;
	}
	
	#contents .news_list aside dl{ 
		clear: both;
		width: 905px;
		margin: 10px 0;
		padding: 10px 0;
		border-bottom: 1px dotted #ccc;
	}
	
		#contents .news_list aside dl dt{
			display: block;
			float: left;
			width: 90px;		
			margin: 0;
			padding: 0;
			letter-spacing: 1px;
			list-style-type: none;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			color: #fff;
			background: #0066CC;
		}
		
		
		
		
		#contents .news_list aside dl dd{
			margin:0 0 0 110px;
			display: block;
		}
		
			#contents .news_list aside dl dd a:link,
			#contents .news_list aside dl dd a:visited {
				color: #000;
				text-decoration: underline;
			}
			
			a#contents .news_list side dl dd a:hover {
				color: #C9171E;
				text-decoration: none;
			}
			
			#contents .news_list aside dl dd img{
				vertical-align: middole;
				margin-right: 5px;
			}
		
	 	
/* 
pref_next -------------------- */
.pref_next p{
	margin: 20px 0;
	font-size: 14px;
	text-align: center;
}

	.pref_next p strong{
		margin: 0 2px;
		padding: 5px 8px;
	}

	.pref_next p a{
		border: 1px solid #ccc;
		margin: 0 2px;
		padding: 5px 8px;
		color: #666;
	}

	.pref_next p a:hover{
		background: #ccc;
		color: #000;
		text-decoration: none;
	}