@charset "utf-8";

/* ============================================
	TOP
============================================ */
#header {
	background: url(/img/top_header_bg.jpg) repeat-x center top;
	height: 472px;
	text-align: center;
}
	#headerIn {
		width: 900px;
		margin: 0 auto;
		text-align: left;
		background: url(/img/top_headerIn_bg.jpg)  no-repeat left top;
		height: 472px;
	}
		#header_left{
			float: left;
			position: relative;
		}
			#header_left p{
				font-size: 85%;
				margin-top: 10px;
			}
			#header_left h1#logo{
				position: absolute;
				left: 0;
				top: 31px;
			}
			#header_left p.catch_copy{
				position: absolute;
				left: 0;
				top: 118px;
				width: 472px;
			}
		 #header_right{
			float: right;
		}
			#sNavi{
				float: right;
				height: 26px;
				width: 272px;
				position: relative;
				margin: 13px 1px 14px 0;
			}
				#sNavi li {
					position: absolute;
					top: 0;
					height: 26px;
					overflow: hidden;
				}
				#sNavi li.sNavi01{
					left: 0;
					width: 90px;
				}
				#sNavi li.sNavi02{
					left: 90px;
					width: 108px;
					}
				#sNavi li.sNavi03{
					left: 197px;
					width: 74px;
				}
					#sNavi li a,
					#sNavi li span {
						display: block;
						width: 272px;
						height: 52px;
					}
					#sNavi li.sNavi01 a { margin-left: 0;}
					#sNavi li.sNavi02 a { margin-left: -90px;}
					#sNavi li.sNavi03 a { margin-left: -197px;}
					#sNavi li a:hover { margin-top: -26px;}
		#header_bottom {
			top: 317px;
			position: relative;
			zoom: 1;
		}
		*:first-child+html #header_bottom{
			top: 344px;
		} 
			#gNavi{
			height: 96px;
			width: 900px;
			position: relative;
			}
			#gNavi li {
				position: absolute;
				top: 0;
				height: 96px;
				overflow: hidden;
			}
			#gNavi li.gNavi01{
				left: 0;
				width: 223px; 
			}
			#gNavi li.gNavi02{
				left: 228px;
				width: 219px;
				}
			#gNavi li.gNavi03{
				left: 452px;
				width: 219px;
			}
			#gNavi li.gNavi04{
				left: 676px;
				width: 223px;
			}
				#gNavi li a,
				#gNavi li span {
					display: block;
					width: 900px;
					height: 192px;
				}
				#gNavi li.gNavi01 a { margin-left: 0;}
				#gNavi li.gNavi02 a { margin-left: -228px;}
				#gNavi li.gNavi03 a { margin-left: -452px;}
				#gNavi li.gNavi04 a { margin-left: -676px;}
				#gNavi li a:hover { margin-top: -96px;}

/* --------------------------------------------
	gNavi active
-------------------------------------------- */
body#g01 .gNavi01 a,
body#g02 .gNavi02 a,
body#g03 .gNavi03 a,
body#g04 .gNavi04 a,{
	margin-top: -96px;
}

/* 2=contents
-------------------------------------------------------------*/
#contents {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
	#contents #main {
		width: 595px;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
	}
		#contents #main .h2_tit{
			background: url(/img/h2_bg.gif) no-repeat left top;
			width: 575px;
			height: 42px;
			margin: 36px 0 10px 0;
		}
			#contents #main .h2_tit h2{
				padding: 13px 0 0 29px;
			}
			#contents #main .h2_tit p{
				float: right;
				margin: 14px 10px 0 0;
				display: inline;
			}
		#contents #main dl{
			padding: 0 26px 0 7px;
		}
			#contents #main dl dt{
				background: url(/img/ico_star.gif) no-repeat left center;
				padding-left: 22px;
			}
				#contents #main dl dt span{
					background: url(/img/bg_month.gif) no-repeat left center;
					color: #fff;
					width: 94px;
					height: 23px;
					display: block;
					font-weight: bold;
					text-align: center;
					line-height: 2.1;
				}
			#contents #main dl dd{
				background: url(/common/img/bg_dotX_02.gif) repeat-x left bottom;
				padding: 0 0 10px 135px;
				margin-top: -21px;
				margin-bottom: 12px;
	
			}
	#contents #sub {
		width: 305px;
		float: right;
		background: url(/img/bg_sub_bottom.gif) repeat-y left bottom;
	}
		#contents #sub ul{
			margin: 14px 0 0 25px;
			padding-bottom: 70px;
		}
			#contents #sub ul li {
				position: relative;
				zoom:1 ;
			}
			#contents #sub ul li p.txt{
				position: absolute;
				top: 50px;
				left: 80px;
				width: 160px;
				font-size: 92%;
			}
			#contents #sub ul li a{
				color: #777777;
			}

/* pageTop
-------------*/
p.pageTop {
	text-align: right;
	padding-right: 5px;
}