@charset "utf-8";
*{
margin:0;
padding:0;
}
body{
font-family:'ヒラギノ角ゴ pro w3','Hiragino kakugothic Pro',
'メイリオ',Meiryo,Osaka,'MS Pゴシック','MS PGothic',sans-serif;
background:url(images/images1/IMGP2619.JPG);
}
/*=================全体=================================*/
#container{
width:1280px;	
}
h2{
color:#000080;
background:url(images/images1/IMG_0896_903_128.jpg);
opacity:0.7;
font-family:Georgia;
text-align:center;
font-size:2.5em;
}
h3{
text-align:center;
color:#000080;
background:url(images/images1/IMG_0896_903_128.jpg);
opacity:0.5;
font-size:2em;
font-family:Georgia;
}
h4{
text-align:center;
}
h5{
background:url(images/images1/IMG_0896_903_128.jpg);
opacity:0.5;
font-size:1em;
clear:both;
}

/*=====================ヘッダー========================*/
#header{
width:900px;
height:350px;
background:url(images/bmw_s_1000_905_350_05.jpg);
background-repeat:no-repeat;
margin:auto;
}
#header h1{
font-family:Georgia;
font-size:1em;
color:#f0f8ff;
background:#0000ff;
opacity:0.5;
text-align:center;
}
#header p{
text-align:right;
margin:286px 10px;
font-size:2.5em;
color:#f0f8ff;
}
/*=======================コンテンツ========================*/
#contents{
	width:900px;
	margin:auto;
	background:#fffafa;
	border:solid 1px #363636;
}
/*=======================リスト=======================*/

.navi{
	font-size:1.5em;
	margin-bottom:20px;
	overflow:hidden;
}
.navi ul{
	padding:0;
}
.navi li{
	float:left;
	list-style-type:none;
	font-family:Georgia;
}
.navi li a em{
color:#ff0000;
}

.navi li a{
	margin:0px;
	display:block;
	margin-left:2px;
	width:178px;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	color:#ffffff;
	background:url(images/images1/navi1.png);
	background-repeat:no-repeat;
	background-position:top;
	}
.navi ul li:first-child a{
	margin-left:0;
}

.navi li a:hover{
	background-position:0 -50px;
}
.nav li.serect a:hover{
	background-position:0 -90px;
}	

/*===================カスタム画像-===========================*/
#imgHover{
margin-top:20px;
width:900px;
height:350px;
}
#imgHover p{
font-family:cursive;
}
#imgHover ul li {
width:180px;
list-style-type:none;
float:left;
margin-left: 35px;
}
#imgHover ul li img {
border: none;
}
#imgHover ul li a {
display: block;
}
#imgHover ul li a:hover {
position: relative;
}
#imgHover ul li a .mainImage {
padding-top:135px;
display: none;
}
#imgHover ul li a:hover .mainImage {
display: block;
position: absolute;
top: 0;
left: 10;
}

/*=============ibe=============================*/

#ibe{
width:650px;
margin:auto;
margin-bottom:50px;
border:solid 1px #dcdcdc;
}
#ibe p{
text-align:center;
line-height:1.2;
}
#ibe em{
font-size:1.5em;
}
/*==================ibe2==================================*/
#ibe2{
width:890px;
margin:auto;
overflow:hidden;
text-align:center;
}
#ibe2 p{
color:#666;
}

#poto{
padding-top:50px;
width:430px;
float:right;
}
/*===============JUNO秋田男鹿夕日ツーリング==============================*/
#text{
clear:both;
width:888px;
float:left;
position:relative;

}
#b{
margin-top:115px;
width:450px;
float:left;
position:absolute;
}
#text h5{
text-align:center;
color:#1E90FF;
font-size:1.5em;
font-family:Georgia;
}
.text{
display:none;
}
h5:hover + .text{
display:block;
}


/*================JUNO初夏の蔵王ツーリング2====================================*/

#text2{
clear:both;
width:888px;
float:left;
position:relative;
padding-top:38px;
}
#text2 h5{
text-align:center;
color:#1E90FF;
font-size:1.5em;
font-family:Georgia;
}
#b2{
width:450px;
float:right;
padding-top:60px;
}
#poto1{
padding-top:38px;
width:430px;
float:left;
}

/*===============JUNO夏の北海道ツーリング=====================================*/
#text3{
clear:both;
width:888px;
float:left;
position:relative;

}
#text3 h5{
text-align:center;
color:#1E90FF;
font-size:1.5em;
font-family:Georgia;
}
#b3{
width:450px;
float:left;
padding-top:30px;
}
#photo{
height:290;
width:440px;
float:right;
}
/*==================フッター==================================*/
#footer{
width:898px;
height:120px;
margin:0;
background:url(images/images1/siru898_120.jpg);
background-repeat: no-repeat;
}

#footer a{
font-size:1.5em;
text-align:left;
}
a:hover{
color:#ff1493;
}
#footer1{
float:left;
width:50%
}
#footer1 address{
padding-top:40px;
padding-left:10px;
font-size:0.85em;
color:#ffffff;
}
#footer2{
float:right;
}
#footer2 address{
font-size:0.85em;
color:#ffffff;
}