@charset "Shift_JIS";

/*************************
#wrapper
	„€#header
	„€#top
	„€#wrap-navi
		„€#navi
	„€#container
		„€#side
		„€#content
	„€#footer
*************************/

/*base----------------
-----------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
	}

body {
	line-height:1.4;
	color:#333;
	font-family:Arial, sans-serif,HiraKakuPro-W6,'ƒqƒ‰ƒMƒmŠpƒS Pro W3',"‚l‚r ƒSƒVƒbƒN";
	font-size:11px;
	background:#f1f1df url(../img/obj_bg.jpg) repeat-x;
	/*background-image:url(../img/obj_bg.jpg);
	badkground-color:#fff;*/
	}	
p,table{	margin:0 0 1em 0;	}
ul,li{	list-style:none;	}
em{	font-style:normal;	}
strong,caption{	font-size:1.2em;	}
a img{	border:none;	}
caption{
	text-align:left;
	font-weight:bold;
	mrgin-bottom:0.2em;
	}
h2{
	margin-bottom:1em;
	font-size:16px;
	font-family:'Arial','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	border-bottom:1px #ccc solid;
	}
h3{
	margin-bottom:0.2em;
	font-size:1.2em;
	font-family:HiraKakuPro-W3, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3',"‚l‚r ƒSƒVƒbƒN",'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}
.red{	color:#f00;	}
.pink{	color:#f0c;	}
.green{	color:#0c0;	}
.orange{color:#f60;	}
.purple{color:#60c;	}
.bule{	color:#30c;	}
.light-blue{	color:#06f;	}
.yellow-green{	color:#6c0;	}
h2 em{
	font-size:24px;
	mrgin-right:1px;
	}
	
a{
	color:#30f;
	text-decoration:none;
	}
a:hover,a:active{
	color:#00f;
	text-decoration:underline;
	}
a:visited{	color:#36c;	}
	
/*wrapper----------------
-----------------------*/
#wrapper{
	width:780px;
	margin:0 auto 20px auto;
	background-image:url(../img/obj_wrapper-bg.png);
	background-repeat:repeat-y;
	}
/*ieŒό‚―ƒnƒbƒN*/
*html #wrapper { behavior: expression(IEPNGFIX.fix(this)); }
	
	
/*header----------------
-----------------------*/
#header{
	width:770px;
	height:20px;
	padding:5px 10px 0 0;
	text-align:right;
	color:#fff;
	font-size:10px;
	background:url(../img/obj_header-bg.jpg) no-repeat center top;
	}
	

/*top----------------
-----------------------*/
#top{
	width:770px;
	height:180px;
	margin:0 5px;
	background:#000 url(../img/obj_top-bg.jpg) no-repeat;
	}

/* ƒ‚ƒ_ƒ“ƒuƒ‰ƒEƒUiFirefox Opera Safarij‘΍τ */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}
/* IE7‚ΖMac”ΕIE5‘΍τ */
.clearfix{
   display:inline-block;
}
/* Win”ΕIE5‚¨‚ζ‚Ρ6‘΍τ */
/* Hides from IE-mac \*/
* html .clearfix{   height:1%;}
.clearfix{   display:block;}
/* End hide from IE-mac */

#top h1 a{
	float:left;
	display:block;
	width:200px;
	height:90px;
	position:relative;
	left:60px;
	top:50px;
	/*margin:50px 0 0 60px;*/
	text-indent:-9999px;
	background:url(../img/obj_logo.jpg) no-repeat left -50px;
	}

	
/*wrap-navi----------------
-----------------------*/
#wrap-navi{
	width:750px;
	height:30px;
	margin:0 5px;
	padding:10px 10px;
	background:url(../img/obj_navi-bg.jpg) no-repeat;
	}

/*navi----------------
-----------------------*/
#navi{
	width:750px;
	height:30px;
	background:url(../img/btn_menu.jpg) no-repeat;
	}

#navi ul{
	margin-left:100px;
	}
/*•ΆŽš‚πΑ‚·ƒnƒbƒN*/
#navi li {
  text-indent: -9999px;
}

#navi li, #navi a {
	display: block;
	width: 70px;
	height: 30px;
	float:left;
}

#navi a {
	text-decoration: none;
	background: url(../img/btn_menu.gif) no-repeat;
}

/*”wŒi‰ζ‘œ‚ΜˆΚ’uέ’θ*/
#menu01 a { background-position: -100px 0 }
#menu02 a { background-position: -170px 0 }
#menu03 a { background-position: -240px 0 }
#menu04 a { background-position: -310px 0 }
#menu05 a { background-position: -380px 0 }
#menu06 a { background-position: -450px 0 }
#menu07 a { background-position: -520px 0 }
#menu08 a { background-position: -590px 0 }
#menu01 a:hover { background-position: -100px -30px }
#menu02 a:hover { background-position: -170px -30px }
#menu03 a:hover { background-position: -240px -30px }
#menu04 a:hover { background-position: -310px -30px }
#menu05 a:hover { background-position: -380px -30px }
#menu06 a:hover { background-position: -450px -30px }
#menu07 a:hover { background-position: -520px -30px }
#menu08 a:hover { background-position: -590px -30px }
#menu01 a.current { background-position: -100px -30px }
#menu02 a.current { background-position: -170px -30px }
#menu03 a.current { background-position: -240px -30px }
#menu04 a.current { background-position: -310px -30px }
#menu05 a.current { background-position: -380px -30px }
#menu06 a.current { background-position: -450px -30px }
#menu07 a.current { background-position: -520px -30px }
#menu08 a.current { background-position: -590px -30px }


/*container----------------
-----------------------*/
#container{
	margin-top:10px;
	padding:0 15px;
	/*width:750px;*/
	}

/*side----------------
-----------------------*/
#side{
	float:left;
	width:160px;
	}
	
/*content----------------
-----------------------*/
#content{
	float:right;
	width:580px;
	}
	
/*footer----------------
-----------------------*/
#footer{
	clear:both;
	margin-top:30px;
	padding-top:3px;
	height:27px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:url(../img/obj_footer-bg.jpg) no-repeat;
	}
	

/*top----------------
-----------------------*/
.bunner{
	font-size:10px;
	margin-bottom:2em;
	}
.bunner ul{
	margin:5px 0 0 10px;
	}

.bunner li{
	margin-bottom:1px;
	}
		
#new{
	width: 560px;
	height: 150px; 
	margin-bottom:1.5em;
	padding: 5px;
	border:#ccc 1px solid;
	OVERFLOW: auto; 
}
#new strong{	color:#36c;	}
#blog-new{
	margin-bottom:1.5em;
	width:570px;
	height:150px;
	overflow:auto;
	border:1px #ccc solid;
}


/*prof----------------
-----------------------*/
#profile{
	margin:0 0 0.5em 0;
	width:580px;
	}
#profile img{
	float:left;
	margin:0 10px 0 0;
	}
#profile dl{
	float:left;
	width:140px;
	margin-right:15px;
	}
#profile dt{
	float:left;
	width:70px;
	}
#profile .bunner{
	display:block;
	width:200px;
	margin-left:250px;
	}
#profile .bunner img{
	float:clear;
	margin:0 5px 5px 0;
	}
.hobby{
	margin-bottom:2em;
	}
.hobby dt{
	float:left;
	margin-right:10px;
	}
.favorite{
	border-collapse:collapse;
	border-spacing:5px;
	}
.favorite td{
	padding:0 15px 0 3px;
	vertical-align:top;
	font-size:0.91em;
	border:#fff 2px solid;
	}
.favorite .topic{
	padding:0 7px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#f90 url(../img/prof/obj_favorite-bg.jpg) repeat-x;
	}
#precious{
	mrgin:0 10px 0 0;
	}
#precious dl{
	clear:both;
	}
#precious dt{
	float:left;
	}
#precious dd strong{
	color:#f60;
	}
/*link----------------
-----------------------*/
.links{
	margin-bottom:1.5em;
	padding-bottom:0.3em;
	border-bottom:1px #8dde35 dotted;
	}
.links dt{
	margin:0.2em 0 0 0;
	}
.links dd{
	font-size:0.9em;
	}
	
/*illust----------------
-----------------------*/
#garelly img{
	float:left;
	margin:0 15px 15px 0;
	padding:2px;
	border:1px #ccc solid;
	}
#garelly img.new{
	border:1px #f66 solid;
	}
/*game----------------
-----------------------*/
.games  dt{
	float:left;
	margin:0 10px 0 0;
	}
.games dd a{
	font-weight:bold;
	}
/*contact----------------
-----------------------*/
.mailform{
	width:550px;
	}

.mailform td,
.mailform th{
	padding:3px 10px;
}
.mailform th{
	color:#fff;
	width:200px;
	text-align:right;
	font-weight:normal;
	background:#06f url(../img/contact/obj_form-bg.jpg) repeat-x;
	}

.mailform textarea, .mailform input{
	padding:3px;
	border:1px #999 solid;
	}
#formBottom{
	text-align:center;
}
input.button{
	margin:0 10px;
	padding:3px 5px;
	color:#fff;
	background:#06f;
	border-top:#39f 1px solid;
	border-left:#39f 1px solid;
	border-bottom:#06c 1px solid;
	border-right:#06c 1px solid;
	}
	
/*trip----------------
-----------------------*/
.open-navi{
	padding-left:13px;
	background:url(../img/trip/icon_minus.gif) no-repeat left center;
	}
.fold-navi .close-navi{
	padding-left:13px;
	background:url(../img/trip/icon_plus.gif) no-repeat left center;
	}
.fold-navi ul{
	font-size:0.9em;
	}
.fold-navi ul li{
	margin:2px 0 1px 20px;
	padding-left:16px;
	}
.photo-right200{
	float:right;
	padding:3px;
	margin:5px 0 10px 10px;
	width:200px;
	font-size:0.9em;
	text-align:center;
	border:1px #ccc solid;
	}
.photo-left200{
	float:left;
	padding:3px;
	margin:5px 10px 10px 0;
	width:200px;
	font-size:0.9em;
	text-align:center;
	border:1px #ccc solid;
	}
.photo-right150{
	float:right;
	padding:3px;
	margin:5px 0 10px 10px;
	width:150px;
	font-size:0.9em;
	text-align:center;
	border:1px #ccc solid;
	}
.photo-left150{
	float:left;
	padding:3px;
	margin:5px 10px 10px 0;
	width:150px;
	font-size:0.9em;
	text-align:center;
	border:1px #ccc solid;
	}
.photo-right113{
	float:right;
	padding:3px;
	margin:0 0 10px 10px;
	width:113px;
	font-size:0.9em;
	text-align:center;
	border:1px #ccc solid;
	}
.photo-left113{
	float:left;
	padding:3px;
	margin:0 10px 10px 0;
	width:113px;
	font-size:0.9em;
	text-align:center;
	border:1px #ccc solid;
	}
#logbook{
	width:560px;
	}

#logbook h4{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	}
#logbook h4 .day{
	margin-left:1em;
	font-size:0.9em;
	color:#ddd;
	}
#logbook strong{
	line-height:1.7;
	}
#logbook img{
	margin-bottom:2px;
	}
#logbook .next{
	padding-right:13px;
	background:url(../img/icon_next.gif) no-repeat right center;
	}
#wh-guide{
	float:left;
	}
.wh-navi{
	float:left;
	margin:0 10px 1em 0;
	width:130px;
	}
.wh-navi li{
	padding-left:16px;
	margin-bottom:0.3em;
	}
.no00{	background:url(../img/trip/no/block.gif) no-repeat left top;}
.no01{	background:url(../img/trip/no/01.gif) no-repeat left top;}
.no02{	background:url(../img/trip/no/02.gif) no-repeat left top;}
.no03{	background:url(../img/trip/no/03.gif) no-repeat left top;}
.no04{	background:url(../img/trip/no/04.gif) no-repeat left top;}
.no05{	background:url(../img/trip/no/05.gif) no-repeat left top;}
.no06{	background:url(../img/trip/no/06.gif) no-repeat left top;}
.no07{	background:url(../img/trip/no/07.gif) no-repeat left top;}
.no08{	background:url(../img/trip/no/08.gif) no-repeat left top;}
.no09{	background:url(../img/trip/no/09.gif) no-repeat left top;}
.no10{	background:url(../img/trip/no/10.gif) no-repeat left top;}
.no11{	background:url(../img/trip/no/11.gif) no-repeat left top;}
.no12{	background:url(../img/trip/no/12.gif) no-repeat left top;}
.no13{	background:url(../img/trip/no/13.gif) no-repeat left top;}
.no14{	background:url(../img/trip/no/14.gif) no-repeat left top;}
.no15{	background:url(../img/trip/no/15.gif) no-repeat left top;}
#summary{
	height:150px;
	margin-bottom:10px;
	background:#ccc;
	}
#summary img{
	float:left;
	margin-right:30px;
	}
#summary ul{
	padding:5px 0;
	}
#summary ul li{
	list-style:disc;
	}