/* CSS layout */
body {
	margin: 10px;
	padding: 0;
	background-image:url('../img/bg.gif');
	text-align:center;

}

#masthead {
	min-width: 550px;
	background-color:#ffffff;
	height:115px;
	border-bottom: 1px solid #cccccc;

	}
	
#logo{
	width: 380px;
	float: left;
	vertical-align:bottom;
	padding-left:0px;
	padding-top:5px;

}

#header{
	margin-left:400px;
	margin-right:10px;
	text-align:right;
	padding:10px 0px 10px 0px;
	font-size:85%;
	
	
}


#top_nav {
	width-min:550px;
	height:30px;
	background-image:url('../img/bg.gif');
	text-align:center;
	}
	 
#container {
	min-width: 550px;
	background-color:#ffffff;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#container2 {
	width: 600px;
	background-color:#ffffff;
	text-align:center;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#container3 {
	width: 800px;
	background-color:#ffffff;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#container4 {
	width: 800px;
	background-color:#ffffff;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#container5 {
	width: 650px;
	background-color:#ffffff;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
	margin-left:50px;
	overflow-y:scroll;

}
#container6 {
	width: 1200px;
	background-color:#ffffff;
	text-align:center;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


#left_col {
	width: 200px;
	float: left;
	border-right:1px solid #cccccc;
}

#page_content {
	margin-left: 200px;
	width-min:550px;
	text-align:center;
	padding:5px　10px 5px 10px;
}

#footer {
	height:30px;
	clear: both;
	background-color:#ffffff;
	padding:5px;
	font-size: 80%;
	color: #b0c4de;
	text-align:center;
}


/***********************/
/* フォント設定 　　　　　　    */
/***********************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 20px;
	text-align:left;
	margin:3px 30px 10px 5px;
}

.feature{
	padding: 2px 25px 10px 25px;
}

.feature h3{
	padding: 15px 0px 5px 0px;
	font-size:95%;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 20px 0px 30px;
}
.feature p{
	
	text-align:left;
	font-size:85%;
	padding:10px 40px 10px 30px;
}

.img{
	margin:1px;
	text-align:center;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 5px 0px 0px 0px;
 padding: 1px 0px 2px 10px;
 text-align:left;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #334d55;
 margin: 0px;
 padding:25px 0px 0px 5px;
 
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 105%;
 color: #FF0000;
 margin: 0px;
 padding-top: 20px;
 padding-bottom:10px; 
}

h6{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #334d55;
 margin: 0px;
 padding:10px 0px 0px 40px;
	
}

.list{
	padding: 0px 20px 0px 0px;
	font-size: 80%;
	margin-bottom:3px;
	text-align:left;

}
.list p{
	padding: 5px 50px 0px 50px;
	margin-top:5px;
	
}

.story{
	margin-left:10px;
	padding: 0px 5px 0px 15px;
	font-size: 80%;
	margin-bottom:3px;
	text-align:left;
	
}

.story p{
	padding: 5px 40px 0px 40px;
	margin-top:5px;


}

.story IMG { margin:3px 2px;
}

.story h3 {
	font-size:110%;
	padding: 35px 0px 0px 25px;


}

.story h4 {
	font-size:103%;
	padding: 5px 0px 0px 15px;
	font-weight:bold;


}

.story h8{
	padding:0 50px 0 10px;
}

.topics-box{
	font-size: 85%;
	text-align:center;
	padding:10px;
	
	}

.topics-box p{
	margin:5px 50px 5px 50px;
	padding:2px 20px 10px 20px;
	border:1px solid #cccccc;
	overflow:auto;
	height:100px;
	text-align:left;
	}
	
.kye h3{
	font-size:95%;
	padding:1px;		
}

.kye p{
	margin:10px 35px 5px 35px;
	border:1px solid #cccccc;
	overflow:auto;
	height:auto;
	text-align:left;
	padding:10px 30px 5px 30px;
	font-size:85%;
}

.hana{
	font-size:95%;
	text-align:center;
	color:#333333;
}

.hana p{
	font-size:85%;
	text-align:center;
	color:#808080
}


.topics-box h3{
	font-size:95%;
	padding:1px;	

}

.migiyose p{
	text-align:right;
}

table {
		border:solid 1px #cccccc;
		table-layout:auto;
		border-collapse:collapse;
		min-width: 300px;
		max-width:750px;
		margin:5px 25px 5px 25px;
			}
td {
		border: solid 1px #cccccc;
		table-layout:auto;
		padding:10px;
		overflow:auto;
}

table h3{
	font-size:95%;
	padding:1px;	

}

table p{
	text-align:left;
	font-size:85%;

}

table h6{
	text-align:center;
	font-size:85%;
	color: #333333;

}

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}

.lay{
	height:auto;
	min-width: 550px;
	text-align:center;	
	}
.lay p{
	overflow-y:scroll;
	border: solid 1px #CCCCCC;
	height:180px;
	margin:3px 100px 5px 100px;
	font-size:85%;
	text-align:left;
	padding:20px;
}

.lay h3{
	padding:5px 30px 2px 30px;
	font-size:95%;
	color:#333333;
}


/*            */
/* プルダウン CSS */
/*            */

#page-wrap							{ width: 100%;
									height:30px;							
} 

.pw{
	font-size:85%;
}
a									{ text-decoration: none; 																			
									letter-spacing:2px;
									letter-spacing:2px;
									}
ul									{ list-style: none; }

hr{
	border-top:1px solid #6b8e23;
	border-bottom-width:80%;

}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; padding-left:1px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 2px 5px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #add8e6; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 101%; left:-20px; }
ul.dropdown ul li 					{ font-weight: normal; background: #f5f5f5; color: #000; 
									  border-bottom: 1px solid #ccc; 
									  border-left:  1px solid #ccc;
									  border-right: 1px solid #ccc;
									  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 60%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }