@charset "UTF-8";

* {
	/*font-size: 13px;*/
}

body {
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

ul,li {
	margin: 0px;
	padding: 0px;
}

#container {
	position: relative;
	width: 760px;
	margin: 0px auto;
	text-align: left;


}

img
	{
	 	border:0px;
	}

/* ---------------------- <<< HEADER >>> ------------------------- */
#header {
	width: 760px;
	height: 150px;
	margin-bottom: 15px;
}

		h1{
			position: absolute;
			top: 5px;
			width: 111px;
			heigh: 65px;
			margin: 0px;
		}
		
		div.seo {
			position: absolute;
			top: 0px;
			left: 111px;
			width: 440px;
			font-size: 9px;
			padding: 5px 5px 0px 3px;
			line-height: 1.2em;
		}
			.seo a
					{ 
					text-decoration: none;
					font-size: 9px;
					}
			.seo a:link { color: #333;}
			.seo a:visited { color: #333;}
			.seo a:hover { color: #333;}
		
		div.h_line{
			position: absolute;
			top: 75px;
			width: 760px;
			height: 3px;
			background: url(../img/h_line.gif) no-repeat;
		
		}
		
/* --------------------- fontchanger -------------------------- */
		#font-change {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 194px;
			height: 28px;
			background: url(../img/fontchange.gif) no-repeat;
		}
		
					#font-change dt {
						width: 106px;
						text-indent: -5555em;
					}
					
					#font-change dd { 
						text-indent: -5555em;
					}
					
					#font-change dd.small a {
						position: absolute;
						top: 2px;
						left: 106px;
						width: 21px;
						height: 21px;
						display: block;
						outline: none;
						background: url(../img/small.gif) no-repeat;
					}
					
					#font-change dd.middle a {
						position: absolute;
						top: 2px;
						left: 136px;
						width: 21px;
						height: 21px;
						display: block;
						outline: none;
						background: url(../img/middle.gif) no-repeat;
					}
					
					#font-change dd.large a {
						position: absolute;
						top: 2px;
						left: 166px;
						width: 21px;
						height: 21px;
						display: block;
						outline: none;
						background: url(../img/large.gif) no-repeat;
					}
					
					#font-change dd.small a:hover {background: url(../img/small_o.gif) no-repeat;}
					#font-change dd.middle a:hover {background: url(../img/middle_o.gif) no-repeat;}
					#font-change dd.large a:hover {background: url(../img/large_o.gif) no-repeat;}

/* ---------------------- navi ------------------------- */
		ul.navi {
			position: absolute;
			top: 45px;
			left: 135px;
			list-style: none;
		}		
						
				.navi li.navi01tp a {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 60px;
					height: 30px;
				}
				
				.navi li.navi02tp a {
					position: absolute;
					top: 0px;
					left: 74px;
					width: 71px;
					height: 30px;
				}
						
				.navi li.navi03tp a {
					position: absolute;
					top: 0px;
					left: 152px;
					width: 70px;
					height: 30px;
				}		
						
				.navi li.navi04tp a {
					position: absolute;
					top: 0px;
					left: 231px;
					width: 118px;
					height: 30px;
				}		
		
				.navi li.navi05tp a {
					position: absolute;
					top: 0px;
					left: 352px;
					width: 89px;
					height: 30px;
				}		
		
				.navi li.navi06tp a {
					position: absolute;
					top: 0px;
					left: 444px;
					width: 94px;
					height: 30px;
				}		
		
				.navi li.navi07tp a {
					position: absolute;
					top: 0px;
					left: 540px;
					width: 91px;
					height: 30px;
				}
				
				
/* --------------------- menu ----------------------- */

		ul#menu {
			position: absolute;
			top: 85px;
			width: 761px;
			list-style-type: none;
			list-style: none;
		}
		
		ul#menu li {
			position: relative;
			display: inline;
		}
		
				ul#menu li a {
					width: 190px;
					height: 33px;
					float: left;
					display: block;
				}
										
				div.menu_line {
					position: relative;
					top: 117px;
					width: 760px;
					height: 1px;
					background: url(../img/menu_line.gif) no-repeat;
				}
						
/* ---------------------- <<< CONTENT >>> ------------------------- */
#content {
	font-size: 13px;
}
		
		#main {
			width: 760px;
		}
				
		
/* ---------------------- <<< FOOTER >>> ------------------------- */
#footer {
	position: relative;
	width: 760px;
	font-size: 13px;
	padding: 20px 0px 80px 0px;
	clear: both;
}

		p.text_navi {
			width: 760px;
			margin: 0px 0px;/*テキストナビ段落調整*/
			text-align: center;
			
		}		
		
		div.f_line {
			width: 760px;
			height: 1px;
			margin: 5px 0px 2px 0px;
			background: url(../img/f_line.gif) no-repeat;
		}

		div.copyright {
			width: 240px;
			height: 10px;
			background: url(../img/copyright.gif) no-repeat;
			text-align: left;
			text-indent: -5555px;
		}