@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: none;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	background-color: #fff;
	color:#000;
	line-height:1.5;
	text-align:center
}

#bg{
	position:relative;
}

#bg1{
	background-image:url(../img/spacer.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height: 1000px;
}

#bg2{
	margin-top:-1000px;
	background-image:url(../img/outdoor_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height: 1000px;
}

#container{
	position:relative;
	width:1000px;
	margin:-984px auto 0 auto;
	text-align:left;
	background-color:#fff;
	z-index:1;
}

#header {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:125px;
	background:#fff url(../img/head_bg.jpg) repeat-x;
}

#header h1 a{
	position:absolute;
	top:10px;
	left:5px;
	display:block;
	width:307px;
	height:60px;
	background:url(../img/logo.gif) no-repeat;
}

#header h1 span{
	display:none;
}

#header #mailmagagine_btn{
	position:absolute;
	top:10px;
	left:760px;
}

#menu{
	position:absolute;
	top:78px;
	left:0px;
	z-index:2;
}

/* Basic code - don't modify */
#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav a {
	display: block;
	color:#fff;
	text-decoration:none;
}
#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #nav ul {
	line-height: 0;
} /* IE6 "fix" */
#nav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav ul li {
	float: none;
}
#nav ul ul {
	top: 0;
}

/* Essentials - configure this */
#nav ul {
	width: 125px;
}
#nav ul ul {
	left: 125px;
}

/* Everything else is theming */

#nav {
	height: 48px;
}
#nav span{
	font-size:10px;
	padding:10px 5px;
	_padding:15px 5px;
	display: block;
}

#nav *:hover {
	background-color: none;
}
#nav li.hover a {
	background-color:#131F2D;
}
#nav ul {
	top: 48px;
}
#nav ul li a {
	background-color: #131F2D;
}
#nav ul a.hover {
	background-color: #1F7EAC;
}
#nav ul a {
	border-bottom: 1px solid #000;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#photo{
	position:relative;
	margin:0px auto;
	width:1000px ;
	height:489px;
}

#photo1{
	background-image:url(../img/spacer.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height: 489px;
}

#photo2{
	background-image:url(../img/outdoor.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height: 489px;
	margin-top:-489px;
}

#obi{
	position:absolute;
	top:425px;
	left:0px;
}

.jFlowControl{
	display: none;
}

.jFlowPrev{

}

.jFlowNext{
	position:absolute;
	top:0px;
	left:983px;
}

#jFlowSlide{
	margin:-60px 0 0 20px;
}

#slides{
	margin:0px auto;
	width:960px;
	height: 70px;
	z-index: 30000;
}

.thumbnail{
	width:160px ;
	height: 70px;
    text-align: center;
	float:left;
}

.thumbnail img{

}

#wrapper{
	margin:20px auto;
	width:1000px;
	overflow:hidden;
}

#box1{
	float:left;
	width:372px;
}

#topics{
	position:relative;
	margin:0px auto;
	width:350px;
	min-height:370px;
	background-image:url(../img/topics.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#list1{
	position:absolute;
	top:27px;
	left:250px;
}

#list_box1{
	padding-top:100px;
	margin:0px auto;
	width:280px;
}

#box2{
	float:left;
	width:356px;
}

#blog{
	position:relative;
	margin:0px auto;
	width:350px;
	min-height:370px;
	background-image:url(../img/blog.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#list2{
	position:absolute;
	top:27px;
	left:250px;
}

#list_box2{
	padding-top:100px;
	margin:0px auto;
	width:280px;
}

#box3{
	float:left;
	width:272px;
}

.banner{
	text-align: center;
	margin:10px 0;
}

#foot_link{
	clear: both;
	width:100%;
	height:30px;
	line-height:30px;
    background-color: #e3e5ec;
	color:#ccc;
	font-size: 11px;
}
#foot_link ul {
	text-align: center;
}

#foot_link li {
	list-style:none;
	display:inline;
	padding:0 2px;
}
#foot_link a {
	color:#333;
	text-decoration: none;
}


#footer{
	background-color:#1F2D52;
}

#copy{
	width:1000px;
	height:25px;
    margin: 0 auto;
	background-color:#38466b;
	color:#1F2D52;
	font-weight:bold;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}

.hr{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	height:1px;
	margin-top:6px;
	margin-bottom:6px;
}

.list_table{
	width:100%;
}

.imgw img{
	border: solid 3px #ccc;
}

.list_table a{
	color:#5290CA;
}

.clear{
	clear: both;
}

@media screen {
	div#preloader { 
		position: absolute; 
		left: -9999px; 
		top: -9999px; 
	} 
	div#preloader img { 
		display: block; 
	}
}
@media print { 
	div#preloader, 
	div#preloader img { 
		visibility: hidden; 
		display: none; 
	}
}