﻿@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	/*table{border-collapse:collapse;border-spacing:0em;}*/
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/


	h1 {
		width   : 345px  ;
		float   : left   ;
		display : inline ;
		margin-top : 6px ;
		margin-left: 2px ;
		font-size:1px;
	}

	h2 {
		font-size : 1em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	h3 {
		font-size : 1em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	h4 {
		font-size : 1.2em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	

/*--------------------------------------------------------------------------------------*/


	a:link    { color: #0066cc ; }
	a:visited { color: #0066cc ; }
	a:hover   { color: #66ccff ; text-decoration : none ; }
	a:active  { color: #66ccff ; text-decoration : none ; }
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height : 100% ;
		background-color : #09f   ;
		color            : #444   ;
		text-align       : center ;
	}
	

	#wrapper {
		width      : 900px         ;
		min-height : 100%          ;
		height     : 100%          ;  
		margin     : 0 auto ;
		padding    : 0         ;
	}
	
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
	}
	
	.detailLink {
		font-size   : 1.2em  ;
		font-weight : bold   ;
	}
	
/*-------------------------------------------header-------------------------------------------*/

#header {
	width   : 900px ;
	margin  : 0 auto ;
	padding : 0 ;
	text-align:left;
	background:url(../img/bg_header.png) repeat-x bottom ;
}

#h_right {
	width   : 226px ;
	float : right ;
	display:inline;
}

	#toppage {
		margin-top   : 8px ;
		padding      : 6px 5px 2px 0 ;
		float        : left   ;
		display      : inline ;
		border-right : 1px solid #6cf ;
	}
	
	#jimin {
		float   : right  ;
		display : inline ;
	}


/*----------------------------------------contentsBase----------------------------------------*/

#contentsWrapper {
	width   : 896px ;
	padding : 4px 2px ;
	background:#fff;
}

	#gNav {margin-bottom:5px;}
	
		#gNav li {
			width :110px;
			margin:0 1px;
			float : left ;
			display:inline;
		}
		
	.contents {
		padding : 0 18px ;	
	}
	
	#cBlock_A {
		margin-bottom:20px;
		background : url(../img/bg_uf.jpg) no-repeat right top ;
	}
		
		#youtubeBox {
			width : 282px ;
			float : left  ;
			display:inline;
			margin-right:12px;
		}

			#youtube {
				line-height:0em;
				>font-size:1px;
				padding : 1px ;
				border  : 1px solid #ccc ;
			}
	
		#newsBox {
			width : 353px ;
			float:left;
			display:inline;
			margin-right:15px;
		}
		
			#newsHeadBox {
				margin-bottom : 15px ;
				border-bottom : 1px solid #666 ;	
			}
			
				#newsHead {
					width : 210px ;
					float:left;
					display:inline;
				}
				
				#newsMore {
					margin-top : 14px ;
					margin-left : 6px ;
					padding : 0 0 0 18px ;
					float : left ;
					display:inline;
					background:url(../img/icon_news.png) no-repeat ;
				}
				
				#newsList {
					text-align : left ;
					font-size : 1.2em ;
				}
				
					#newsList dt {
						line-height:1em;
						padding : 10px 0 4px 24px ;
						background:url(../img/icon_news.png) no-repeat 5px 8px;
					}
					
					#newsList dd {
						line-height:1em;
						padding : 4px 0 10px 24px ;
						border-bottom:1px dotted #ccc ;
					}


		#message_A {
			width  : 198px ;
			height : 37px ;
			margin : 90px 0 0 0 ;
			padding : 73px 0 0 0 ;
			float  : left  ;
			display:inline;
			background:url(../img/bg_message_A.png) no-repeat ;
		}
		
		
	#cBlock_B {margin-bottom:20px;}
	
	
		.cBB_box {
			width   : 283px  ;
			float   : left   ;
			display : inline ;
		}
		
		#weeklyBox , #topicsBox {
			margin-right : 5px ;	
		}
		
		#weekly , #topics , #pdf {
			border : 1px solid #ccc ;
		}
		
		#weekly {
			padding : 12px ;
			height  : 236px ;
		}
		
		
			#weeklyList {
				text-align : left ;
				font-size : 1.2em ;
			}
				
				#weeklyList dt {
					line-height:1em;
					padding : 10px 0 2px 19px ;
					background:url(../img/icon_weekly.png) no-repeat 0 8px;
				}
				
				#weeklyList dd {
					line-height:1.4em;
					padding : 2px 0 6px 19px ;
					border-bottom:1px dotted #ccc ;
					color : #06c ;
				}

				#weeklyMore {
					margin-top : 14px ;
					margin-left : 6px ;
					padding : 0 0 0 18px ;
					text-align:right;
					font-size:1.2em;
					background:url(../img/icon_weekly.png) no-repeat 180px ;
				}
				
		
		#topics {
			padding : 2px ;
			height  : 256px ;
		}
		
			#topicsText {
				font-size : 1.2em ;
				text-align:left;
				padding   : 10px ;
			}
			
			#topicsMore {
				margin-bottom : 12px ;
				margin-left : 6px ;
				padding : 3px 12px 3px 18px ;
				text-align:right;
				font-size:1.2em;
				line-height:1em;
				background:url(../img/icon_topics.png) no-repeat 182px ;
			}
		
		
		#pdf {
			overflow   : auto;
			padding    : 8px ;
			height     : 242px ;
		}
		
		#pdfList {
			text-align : left ;
			font-size  : 1.2em ;
		}
		
			#pdfList dt {
			  clear: left;
			  float: left;
			  width: 13em;
			  color: #06c;
			  padding: 10px 0.0em 7px 1.5em;
			  background : url(../img/icon_pdf.png) no-repeat 2px 9px;
			}
			
			#pdfList dd {
			  margin-left: 0;
			  padding: 7px 0em 7px 13em;
			  border-bottom: 1px dotted #ccc ;
			}
		
		
	#cBlock_C {margin-bottom:20px;}
	
		#cbc_box_A , #cbc_box_C {
			margin-right : 4px ;	
		}
		
		#cbc_box_B {
			margin-right : 5px ;	
		}
		
		#cbc_box_A {
			width   : 200px  ;
			float   : left   ;
			display : inline ;
		}
		
		#cbc_box_B {
			width   : 200px  ;
			float   : left   ;
			display : inline ;
		}
		
		#cbc_box_C {
			width   : 217px  ;
			float   : left   ;
			display : inline ;
		}
		
		#cbc_box_D {
			width   : 229px  ;
			float   : left   ;
			display : inline ;
		}
	
	#cBlock_D {
		margin : 0 18px 20px 18px;
		padding : 0 0 12px 0 ;
		border : 1px solid #ccc ;
	}
	
		#cbd_left {
			width   : 284px  ;
			margin-left:11px;
			float   : left   ;
			display : inline ;
		}
		
			#office {
				margin : 12px 0 0 6px ;
				width  : 272px ;
				height : 115px ;
				background:url(../img/bg_office.png) no-repeat;	
			}
			
			#officeBtn {
				padding : 40px 0 0 0 ;
				text-align:right;
			}
		
			
		
		#cbd_right {
			width   : 519px  ;
			margin  : 19px 23px 0 0 ;
			float   : right  ;
			display : inline ;
			text-align:left;
		}
		
			#contact {
				margin-bottom : 8px ;	
			}
			
			#message_B {
				width   : 263px ;
				height  : 59px  ;
				margin  : 0 0 0 2px ;
				padding : 6px 0 0 210px ;
				text-align:left;
				background:url(../img/bg_message_B.png) no-repeat ;
			}
	
	#cBlock_E {
		margin-bottom:20px;
		padding : 0 ;
	}
	
	#bannerList {
		margin : 0 6px ;
	}
	
		#bannerList li {
			width   : 100px  ;
			height  : 22px   ;
			padding : 3px ;
			float   : left   ;
			display : inline ;
		}
	
/*-------------------------------------------footer-------------------------------------------*/

#footer {
	width   : 900px ;
	height  : 80px ;
	padding : 15px 0 0 0 ;
	text-align:left;
	background:url(../img/bg_header.png) repeat-x top ;
}

	#fNav {
		width:200px;
		float:left;
		display:inline;
		font-size : 1.2em ;
		border-left : 1px solid #fff ;
	}
	
		#fNav li {
			padding : 2px 8px ;
			float : left ;
			display:inline;
			border-right : 1px solid #fff ;
		}
		
			#fNav li a{
				text-decoration:none;
				color:#fff;
			}
			
	
	#copyright {
		color:#fff;
		font-size : 1.2em ;
		float : right ;
		display:inline;
	}

