@charset "UTF-8";

/* ::::: 共通 ::::: */
*{
	margin: 0;
	padding: 0;
}
body{
	text-align: center;
	background: #00031d url(../img/bg.png) repeat-x;
	margin-top: 35px;
	margin-bottom: 10px;
}
body, a:link, a:hover, a:visited{
	color: #fff;
}
a:link, a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
p, td, ul, ol, dl{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
h2{
	line-height: 1;
}
img{
	border: 0;
}

/* ::::: ロゴ ::::: */
#logo{
	background-image: url(../img/logo.jpg);
	width: 941px;
	height: 97px;
	line-height: 0;
}
#logo1{
	width:941px;
	height:30px;
	background-image:url(../img/logo01.jpg);
	text-align:left;
}
#header{
	background-image: url(../img/header.jpg);
	width: 941px;
	height: 143px;
	line-height: 0;
}
#title{
	display: none;
}

/* ::::: メニュー ::::: */
#nav{
	position: absolute;
	top: 132px;
	width: 941px;
	height: 30px;
	list-style-type: none;
	text-align:left;
}
#nav a{
	display:inline;
}
#menu01{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left;
}
#menu02{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left;
}
#menu03{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left;
}
#menu04{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left; 
}
#menu05{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left;
}
#menu06{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left; 
}
#menu07{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left;
}
#menu08{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:20px;
	padding-left:20px;
	float:left;
	text-align:left;
}

/* ::::: index ::::: */
#container{
	margin-left: auto;
	margin-right: auto;
	width: 941px;
}
#content{
	padding-top: 30px;
	width: 941px;
	height: 380px;
	text-align: left;
	clear: both;
}
#left{
	width: 563px;
	height: 380px;
	float: left;
}
#content_left_top{
	height: 212px;
	background-image: url(../img/news_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	margin-bottom: 20px;
}
#content_left_top ul{
	margin-top: 25px;
	margin-left:40px;
	margin-right:40px;
}
#content_left_top li{
	margin-top: 10px;
}
#content_left_bottom{
	text-align: left;
	width: 563px;
}
#content_left_bottom li{
	list-style: none;
	display: inline;
	margin-right: 4px;
}
#right{
	float: left;
	width: 378px;
	height: 380px;
	background-image: url(../img/yakeinohi_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 30px;
}
#right p, h3{
	font-family: serif;
	width: 280px;
}
#right h3{
	margin-bottom: 3px;
	font-size: 16px;
}
#content_right_text {
	margin-top:34px;
	margin-left:50px;
}


h2{
	font-size: 23px;
	font-family: serif;
	margin-bottom: 10px;
}
.top_text{
	background-image: url(../../photo/img/top_text_bg.png);
	background-repeat: repeat-y;
	background-position: 0px;
	padding-left: 30px;
	font-family: serif;
	text-align: left;
}
.top_text p{
	font-size: 12px;
}


/* :::: 夜景写真館 :::: */
#content_photo{
	padding-top: 30px;
	width: 941px;
	text-align: left;
	clear: both;
}
#content_photo .top_text{
	width: 738px;
	height: 102px;
	margin-left: 20px;
	margin-bottom: 50px;
	float: left;
	clear: right;
}
#top_photo{
	float: left;
	clear: both;
}
#photo_bottom{
	margin-left: 190px;
	width: 751px;
}
.photo_line{
	margin-bottom: 30px;
	width: 751px;
	clear: both;
}
.photo_line p{
	font-size: 12px;
}
.photo_box{
	margin-bottom: 30px;
	margin-right: 70px;
	width: 180px;
	float: left;
}
#photo_bottom h3{
	font-size: 15px;
	line-height: 1.5;
	width: 180px;
}
.photo_box_right{
	margin-right: 00px;
	width: 180px;
	float: left;
	clear: right;
}
.samnale{
	border: 2px solid #fff;
}

/* :::: 函館山夜景散歩 :::: */
#content_stroll{
	padding-top: 30px;
	width: 941px;
}
#content_stroll .top_text{
	margin-left: 100px;
}
#stroll_map{
	margin-top: 20px;
	margin-bottom: 200px;
	margin-right: 10px;
}

/* :::: アクセス情報 :::: */
#content_access{
	margin-bottom: 100px;
	padding-top: 30px;
	width: 941px;
	clear: both;
}
#content_access .top_text{
	margin-left: 100px;
}
#access_map{
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#top_text2{
	margin-top: 30px;
	margin-bottom: 30px;
}
.shiden{
	margin-right: 36px;
}

/* ::: 入会案内 :::: */
#content_join{
	padding-top: 30px;
	margin-bottom: 200px;
	width: 941px;
	clear: both;
	text-align: left;
}
#content_join .top_text{
	margin-left: 10px;
	margin-bottom: 60px;
}
#content_join h3{
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	margin-left: 30px;
}
#kakunin{
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 25px;
	border: 1px solid #fff;
	width: 650px;
	list-style-type: none;
}
#content_join p.text{
	margin-left: 20px;
	margin-bottom: 25px;
}
#content_join dl{
	margin-bottom: 25px;
	margin-left: 20px;
}


/* ::::: フッタ ::::: */
#footer_top{
	margin-bottom: 7px;
	text-align: right;
	clear: both;
}
#footer_top_left{
	float: left;
	width: 547px;
	height: 30px;
}
#footer_top_right{
	height: 30px;
	line-height: 30px;
}
#footer_top_right li{
	display: inline;
	list-style: none;
	margin-left: 10px;
}
#footer_bottom{
	padding-top: 13px;
	text-align: center;
	clear: both;
	background-image: url(../img/line.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#footer_bottom ol li{
	display: inline;
	list-style: none;
	margin-left: 10px;
}
#copyright{
	margin-bottom: 5px;
}
#copyright_print{
	text-align: center;
	display: none;
}

/* :::: 夜景情報 :::: */
dt.title01{
font-size:18px;
}

dd.description{
margin-top:10px;
font-size:14px;
}