@charset "UTF-8";



/* bodyに関するCSS 

--------------------------------------------------------------------------------*/

body {

	font-size: 80%;

	line-height: 160%;

	background-image: url(img/bck.gif);

	background-repeat: repeat-y;

	/*background-color: #dfdfdf;*/

	margin: 0px;

	padding: 0px;

}





/* ページ構造に関するCSS 

--------------------------------------------------------------------------------*/

#container {

	width: 790px; /*778px;*/

}

#header {

	border-bottom: 1px solid #CCCCCC;

}

#content {

	width: 550px; /*520px;*/

	margin: 25px;

	float: left;

}

#nav {

	width: 160px;

	margin-top: 25px;

	margin-right: 20px;

	float: right;

/*	background-color: #dfdfdf;*/

}

#footer {

	clear: both;

	border-top: 1px solid #CCCCCC;

}



/* ヘッダーに関するCSS  

--------------------------------------------------------------------------------*/

#logo {

	margin: 15px;

}



/* コンテンツに関するCSS 

--------------------------------------------------------------------------------*/

h1 {

	font-size: 140%;

	margin: 15px 10px 0px;

	padding: 10px 4px 10px 4px;

	background-image: url(img/haikei001.jpg);

	background-repeat: repeat;

}



#content h2 {

	font-size: 130%;

	margin: 0px 0px 0px;

	height:20px;

	padding: 3px 0px 3px 4px;

}

#content h3 {

	font-size: 100%;

	margin: 0px 0px 0px 0px;

	height: 20px; /*24px; */

	padding: 0px 0px 0px 4px;

	background-image: url(img/bar2_bg.gif);

	/*background-repeat: repeat-x;*/

}

h4 {

	font-size: 95%;

	margin-top: 0px;

	margin-left: 120px;

	height: 20px; /*24px; */

	padding: 0px 0px 0px 4px;

	background-color:silver;
  
}



.article {

	margin: 10px;

}

.midasi1{

	width: 400px;

	margin-right: 40px;


}
.font-2.0{
 	font-size:200%;
    font-weight: bold;
}
.font-1.5{
 	font-size:150%;
    font-weight: bold;
}
.font-1.3{
 	font-size:130%;
    
}
.aka{
    color:#ff0000;
}
.ao{
    color:#004080;
}
#h2-1 {

	font-size: 130%;

	font-weight: bold;

	margin: 0px 10px 0px;

	height:20px;

	padding: 3px 0px 3px 4px;

	background-color: #FFCCCC;	

}

#h2-1-1 {

	font-size: 130%;

	font-weight: bold;

	margin: 0px 10px 0px;

	height:20px;
    
    width:320px;

	padding: 3px 0px 3px 4px;

	background-color: #FFCCCC;
    text-align:right;	

}
#h2-2 {

	font-size: 130%;

	font-weight: bold;

	margin: 0px 10px 0px;

	height:20px;

	padding: 3px 0px 3px 4px;

	background-color: #999933;	

}

#h2-3 {

	font-size: 130%;

	font-weight: bold;

	margin: 0px 10px 0px;

	height:20px;

	padding: 3px 0px 3px 4px;

	background-color: #CC66FF;	

}

#h2-4 {

	font-size: 130%;

	font-weight: bold;

	margin: 0px 10px 0px;

	height:20px;

	padding: 3px 0px 3px 4px;

	background-color: #00CC00;	

}

#h2-5 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px;
	height:20px;
	padding: 3px 0px 3px 4px;
	background-color: #6600CC;
}


#h3-1 {

	font-size: 120%;

	font-weight: bold;

	margin: 0px 0px 0px;

	height:20px;

	padding: 3px 0px 3px 4px;

	background-image: url(img/bar1_bg.gif);

	background-repeat: repeat-x;

}



#leadImage {

	float:right;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 10px;

}

#leadImage2 {

	float:left;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

}



#leadImage1 {

	float:left;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

}

#imgread{

	position: relative;

	top: 10px;

	left: 140px;

}

#imgread1{

	position: relative;

	top: 0px;

	left: 15px;

}

#cls{
	clear: both;
}
#clsR{
	clear: right;
}
#clsL{
	clear: left;
}

/* ナビゲーションに関するCSS 

--------------------------------------------------------------------------------*/

#nav h2, #nav ul {

	margin:0px;

	padding:0px;

}

#nav li {

	list-style: none;

	background-image: url(img/dot_line.gif) no-repeat left bottom;

	padding: 4px 0px;

}



/* フッターに関するCSS 

--------------------------------------------------------------------------------*/

#credit {

	width: 760px; /*760px;*/

	text-align: right;

	margin: 10px 0px;

}



/* リンクに関するCSS  

--------------------------------------------------------------------------------*/

a:link {

	color: #0000FF;

}

a:visited {

	color: #993366;

}

a:active, a:hover {

	color:#993366;

	background-color: #EFD1E0;

}

#content p a {

	background-color: transparent;

}