@charset "UTF-8";

/*Initialize start*/
* { 
	font-family: "メイリオ","ＭＳ Ｐゴシック",Osaka, Verdana, sans-serif;
	margin:0;
	padding:0;
	}


img {
	border:none;
	vertical-align:top;
	}

h1,h2,h3,h4 {
	font-weight:normal;
	font-size:11pt;
	margin:0;
	padding:0;
	}

*+html h1,h2,h3,h4 {
	font-weight:normal;
	font-size:11pt;
	margin:0;
	padding:0;
	}

a {
	outline :0;
/*	text-decoration: none; */
	}

/*Initialize end*/

body {
	margin:0;
	padding:0;
	background-color:#DFE1E1;
	text-align:center;
	}

#container {
	width:800px;
	margin:0 auto 0 auto;
	padding-top:10px;
	background:url(../images/bg_con.jpg) repeat-y;
	text-align:left;	
	}
	
#header {
	width:760px;
	height:55px;
	margin:0 20px 0 20px;
	background:url(../images/bg_header.jpg) no-repeat;	
	}

h1 {
	text-indent:-9999px;
	}

h2 {
	font-size:9pt;
	font-weight:bold;
	margin:15px 0 0 200px;
	}

*html h2 {
	font-size:9pt;
	font-weight:bold;
	margin:20px 0 0 200px;
	}

#logo {
	width:170px;
	height:45px;
	margin:-40px 0 0 5px;	
}

/*
#navi {
	width:765px;
	height:40px;
	margin:10px 0 0 20px;
	}	
*/
#navi ul {
	width: 765px;
	height: 40px;
	margin:10px 0 0 20px;
	background: url(../images/navi.gif) no-repeat; 
	list-style: none;
    position: relative;
}

#navi ul li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}

#navi ul li, #navi ul a {
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#navi_1 { left: 45px; width: 60px; }
#navi_2 { left: 155px; width: 100px; }
#navi_3 { left: 305px; width: 140px; }
#navi_4 { left: 495px; width: 100px; }
#navi_5 { left: 645px; width: 75px; }

#navi_1 a:hover, #bd-navi_1 #navi_1 a {
    background: transparent url(../images/navi.gif)
	-45px -41px no-repeat; }
	
#navi_2 a:hover, #bd-navi_2 #navi_2 a {
    background: transparent url(../images/navi.gif)
	-155px -41px no-repeat;
	}
	
#navi_3 a:hover, #bd-navi_3 #navi_3 a {
    background: transparent url(../images/navi.gif)
	-305px -41px no-repeat;
	}
	
#navi_4 a:hover, #bd-navi_4 #navi_4 a {
    background: transparent url(../images/navi.gif)
	-495px -41px no-repeat;
	}
	
#navi_5 a:hover, #bd-navi_5 #navi_5 a {
    background: transparent url(../images/navi.gif)
	-645px -41px no-repeat;
	}
	

.title {
	width:740px;
	height:22px;
	margin:10px 0 0 0;
	}
	
#detail_main {
	width:760px;
	margin:10px 0 0 20px;
	}
	
#detail_top {
	clear:both;
	width:760px;
	height:40px;
	}

#detail_img {
	width:740px;
	text-align:center;
	margin:15px 10px 15px 10px;
	}

#detail_img  img{
	border:1px #D5D5D5 solid;
	}

#detail_photo {
	width:740px;
	margin:0 10px 0 10px;
	}

#detail_photo table {
	width:740px;
	border:1px #D5D5D5 solid;
	margin:10px 0 0 0;	
	padding:0 0 0 40px;	
	}

#detail_photo table td{
	text-align:center;
	}

#detail_comment{
  text-align:left;
  margin:5px 10px 5px 10px;
  font-size: 100%;
  color: green;
}
#detail_comment_l{
  text-align:left;
  margin:10px 10px 10px 10px;
}

.mo3 {
	background-color: #FFFFFF;
	left:0px;
	position: relative;
	top:0px;
	width: 90px;
	}

.mo3 a .large3 {
	border: 0px;
	display: block;
	height: 0px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}

.mo3 a.p3, .mo3 a.p3:visited {
	background-color: #FFFFFF;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	width:90px;	
}
.mo3 a.p3:hover {
	background-color: #fff;
	color: #000000;
	text-decoration: none;
	}
	
.mo3 a.p3:hover .large3 {
	background-color: #fff;
	border: 1px solid #000000;
	display: block;
	height: 300px;
	left: -40px;
	position: absolute;
	top: -305px;
	width: 300px;
	padding:auto;
}

.mo3 a.p4, .mo3 a.p4:visited {
	background-color: #FFFFFF;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	width:90px;	
}
.mo3 a.p4:hover {
	background-color: #fff;
	color: #000000;
	text-decoration: none;
	}
	
.mo3 a.p4:hover .large3 {
	background-color: #fff;
	border: 1px solid #000000;
	display: block;
	height: 300px;
	left: -100px;
	position: absolute;
	top: -305px;
	width: 300px;
	padding:auto;
}

.mo3 a.p5, .mo3 a.p5:visited {
	background-color: #FFFFFF;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	width:90px;	
}
.mo3 a.p5:hover {
	background-color: #fff;
	color: #000000;
	text-decoration: none;
	}
	
.mo3 a.p5:hover .large3 {
	background-color: #fff;
	border: 1px solid #000000;
	display: block;
	height: 300px;
	left: -170px;
	position: absolute;
	top: -305px;
	width: 300px;
	padding:auto;
}


#detail_img_p {
	display:none;
	}