@charset "utf-8";
/* CSS Document */

body , html {
	height: 100%;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: auto;
}
body {
	margin: 0px;
	padding: 0px;
	background-image:url(../img/body.png);
	background-repeat:repeat-x;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}


#container {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;	
	min-height: 100%;
}

#wrap {
	padding-bottom: 135px;
	_padding-bottom: 0px;
}

#pagebody {
	width:900px;
	margin:0px auto;
	margin-top:3px;
}

#header {
	width:900px;
	position:relative;
	height:90px;
}

#header h1 {
	margin-top:10px;
}

#header-left {
	width:320px;
	float:left;
}

#header-left p {
	color:#333333;
	font-size:12px;
	padding-top:10px;
}

#header_title {
	width:400px;
	position:absolute;
	left:290px;
	top:55px;
}

#header_title p {
	color:#333333;
	font-size:12px;
}

#header-right {
	width:302px;
	float:right;
}

#gallery {
	width:890px;
	height:270px;
	padding:5px;
	background-image:url(../img/top/slide.jpg);
	margin-top:100px;
	_margin-top:10px;
	_margin-bottom:20px;
}

html>/**/body #gallery {
	width:890px;
	height:270px;
	padding:5px;
	background-image:url(../img/top/slide.jpg);
	margin-top:90px;
}

/* IE7のみ適用 */  
*+html body #gallery  {
	width:890px;
	height:270px;
	padding:5px;
	background-image:url(../img/top/slide.jpg);
	margin-top:5px;

}

#area {
	width:890px;
}

div.slideshow { 
	position: relative; 
	height: 230px; 
	width:870px;
	padding: 10px; 
}



div.slideshow ul {
	margin:0px;
	padding:0px;
}

div.slideshow ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	height:250px;
}




#main {
	width:900px;
	margin-top: 10px !important;
	margin-top: -6px; /* for only IE6 style */
	position:relative;
}

#title_image {
	width:912px;
	height:383px;
	position:absolute;
	left:-8px;
	top:0px;
	background-image:url(../img/top/top_bg.png);
	background-repeat:no-repeat;
	behavior:url(iepngfix.htc);
	z-index:-1;
}


#content {
	width:870px;
	padding:10px 5px 80px 15px;
	_padding:10px 5px 0px 15px;
	z-index:500;
}


#left {
	width:580px;
	float:left;
}

#right {
	width:270px;
	float:right;
	padding-top:10px;
}

/* IE7のみ適用 */  
*+html body #right {
	width:270px;
	float:right;
	margin-right:5px;
	display:inline;
	padding-top:10px;
}

#right h3 {
	background-image:url(../img/top/h3_midashi.png);
	width:260px;
	height:27px;
	padding:8px 0px 0px 10px;
	font-size:13px;
	*padding:12px 0px 0px 10px;
	*height:23px;
	color:#333333;
}

#right p {
	width:248px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
	color:#333333;
	line-height:1.5;
	font-size:13px;
	margin-bottom:15px;
}

#left h2 {
	background-image:url(../img/midashi_bg.png);
	font-size:14px;
	color:#333333;
	margin-bottom:15px;
	width:548px;
	padding:21px 0px 0px 32px;
	height:30px;
	*height:26px;
	*padding:25px 0px 0px 32px;
}

#dating {
	width:580px;
}

#dating p {
	width:580px;
	padding:0px;
	color:#333333;
	line-height:1.5;
	font-size:14px;
}

#dating img {
	float:left;
	padding:7px;
}

#left table {
	width:580px;
	margin:0px 0px 25px 0px;
	border-collapse:collapse;
}

#left table th {
	color:#333333;
	border-bottom:1px dashed #CCCCCC;
	padding:5px 0px 5px 0px;
	font-weight:normal;
	vertical-align:top;
	font-size:14px;
}

#left table td {
	color:#333333;
	padding:5px 0px 5px 0px;
	font-size:14px;
	border-bottom:1px dashed #CCCCCC;
	text-align:left;
}

#left table th p {
	padding:0px;
	background-image:url(../img/top/tbl_list.png);
	padding:0px 0px 0px 23px;
	background-position:2px 4px;
	background-repeat:no-repeat;
	font-size:14px;
	color:#666666;
	text-align:left;
	}

/* footer */
#footer {
	background-color:#0066cc;
	position: absolute;
	bottom: 0;   
	width: 100%;
	height: 135px;
}

#footer_wrapper {
	margin: 0px auto;
	position:relative;
	width:900px;
}

#footer_bg {
	background-image:url(../img/footer_bg.png);
	width:911px;
	height:164px;
	background-repeat:no-repeat;
	position:absolute;
	left:-5px;
	top:-95px;
	behavior:url(iepngfix.htc);
	z-index:0;
}

#footer_copy {
	width:870px;
	position:absolute;
	left:-5px;
	top:80px;
	z-index:500;
	text-align:center;
}

#footer_comment  {
	width:870px;
	position:absolute;
	left:-5px;
	top:-85px;
	z-index:500;
}

#footer_comment p.footer_explain {
	color:#0066FF;
	font-size:14px;
	text-align:center;
	margin:40px 0px 0px 20px;
	width:870px;
}

#footer_comment p.footer_link {
	color:#333333;
	font-size:12px;
	margin:10px 0px 0px 20px;
	width:870px;
	text-align:center;
}

#footer_comment p.footer_link a:link {
	color: #333333;
	text-decoration: underline;
}

#footer_comment p.footer_link a:visited {
	text-decoration: underline;
	color: #333333;
}

#footer_comment p.footer_link a:hover {
	text-decoration: underline;
	color: #0066FF;
}

#footer_comment p.footer_link a:active {
	text-decoration: underline;
	color: #333333;
}