@charset "utf-8";
/*--body----------------------------------------------------------*/
body {
	margin: 0;
	font-family: "メイリオ",sans-serif;
}
/*--.out1----------------------------------------------------------*/
.out1{
	width: 800px;
	margin: 0 auto;
	
}
/*--.header----------------------------------------------------------*/
.header{
padding:20px 5px 0 5px;
}
.header header{
	float:left;
	margin-right:5px;
}
.header h1{
	margin:0;
}
.header h1 a img{
border:none;
}
.header dt{
font-size:70%;
line-height:1.2em;
margin-left:10px;
text-align:right;
}
.header nav{
float:left;
}
.header nav ul {
	line-height:40px;
	border-bottom:1px solid gray;
	border-top:1px solid gray;
	padding:0 10px;
	margin-bottom:5px;
}
.header nav li {
	padding: 0 8px;
	display:inline;
	font-size:70%;
}
.header nav ul.sublist1,.header nav ul.sublist1 li {
	padding:0;
	margin:0;
	border:none;
}
.header nav li a {
	text-decoration: none;
	color:gray;
}
.header nav li a img{
	border:none;
}
/*--.contents----------------------------------------------------------*/
.contents{
clear:both;
height:200px;	
}
ul.kannaiphoto li{
display:inline;
margin:0 7px 0 0;	
}
ul.libdayori li{
display:inline-block;
margin:0 3px 0 0;	
width:350px;
}
ul.libdayori li img{
border:solid 1px gray;
}
ul.libdayori li a:link,ul.libdayori li a:visited{
color:navy;
}

/*--.contents#2nd----------------------------------------------------------*/
.contents#2nd{
height:50%;	
}

/*--.c_lef----------------------------------------------------------*/
.c_lef{
float:left;
width:70%;
height:90%;
background:#66CCFF;
background-image:url('../images/con_bk2.png');
background-repeat: no-repeat;
background-position:-120px -15px;
padding:0 10px 0 0;	
}
.c_lef h1,.c_lef p{
color:white;
text-align:right;
font-family:"ＭＳ 明朝";
font-weight:bold;
}
.c_lef h1{
font-size:300%;
}

.c_lef figure{
margin:0;	
}
.c_lef p{
font-size:80%;
letter-spacing:0.1em;	
}
/*--.c_lefct1----------------------------------------------------------*/
.c_lefct1{
float:left;
width:37%;	
}
.c_lefct1 ul{
}
.c_lefct1 li{
display:inline;
margin:0 5px 0 0;
}
.c_lefct1 li a img{
border:none;
}
.c_lefct1 figure{
margin-left:15px;	
}
/*--.c_rig----------------------------------------------------------*/
.c_rig{
float:left;
width:25%;
height:90%;
background:#666699;
margin-left:20px;
padding:0 0 0 10px;
}
.c_rig h2{
color:white;
font-family:Constantia;
font-weight:bold;
font-size:120%;
margin:60px 0 0 0;
}
.c_rig p,.c_rig li,.c_rigct1 p{
font-size:80%;
color:gray;
margin-bottom:10px;
letter-spacing:0.1em;
}
section.info{
background-image:url('../images/word-koushin.gif');
background-repeat:no-repeat;
}
section.guide{
background-image:url('../images/logo-outdoorguide-2011.jpg');
background-repeat:no-repeat;
margin-top:30px;
padding-top:20px;

}
section.zakka{
background-image:url('../images/logo-zakkaworkshop-2011.jpg');
background-repeat:no-repeat;
margin-top:30px;
padding-top:20px;
}
.c_rig li a,.c_rig li a img{
	text-decoration:none;
	border:none;
	color:maroon;
}
/*--.c_rigct1----------------------------------------------------------*/
.c_rigct1{
float:left;
width:59%;
height:600px;
overflow: scroll; overflow-x: hidden; scrollbar-3dlight-color: #cfcfcf; scrollbar-arrow-color: #690; scrollbar-darkshadow-color: #cfcfcf; scrollbar-face-color: #CF9; scrollbar-highlight-color: #eee; scrollbar-shadow-color: #eee; scrollbar-track-color: #fff;
margin-left:20px;
padding:5px;
}
.c_rigct1 h2{
font-size:large;
color:maroon;
margin:0;
}
.c_rigct1 h3{
font-size:90%;
color:maroon;
margin:0;
border-bottom:1px maroon dashed;
}
/*--.guid----------------------------------------------------------*/
.guid,.info,.kannai,.arr{
	padding:0 5px;
}
.guid h2,.info h2,.kannai h2,.arr h2{
	border:solid 2px #FFCC00;
	padding:3px;
}
.arr h3{
	border-bottom:5px #666 double;
	margin:0 0 0 10px;
	}
.arr h5{
background:#C0C0C0;
color:black;
font-size:larger;
display:inline-block;
border:1px solid blue;
padding:5px;
	}
.guid li{
padding:5px 0;
list-style:none;
margin:0 0 10px 0;
}
.guid li span{
display:block;
float:left;
width:100px;
margin:0 20px 0 0;
}
.guid li a{
list-style:none;
display:block;
overflow:auto;
}
.guid li a:link,.guid li a:visited{
color:#666;
text-decoration:none;
}
/*--.exhib----------------------------------------------------------*/
.exhib li{
	list-style:none;
}
/*--bib----------------------------------------------------------*/
img#bib_im_le{
margin:5px;
}
ul.bib_shoukai{
	border:solid 1px gray;
	display:inline-block;
}
/*--.footer----------------------------------------------------------*/
.footer{
clear:both;
border-top:1px solid gray;
text-align:right;	
}
.footer small{
	color:gray;
	font-size:60%;
	line-height:1.5em;
}
/* ******************* 0 to 479px ******************* */
@media screen and (max-width:480px) {
.out1,.contents,.c_lef,.c_rig,.footer,.bib_lis img{
	width:100%;
}

/*--.out1----------------------------------------------------------*/
.out1{
padding:0;

}

/*--.contents----------------------------------------------------------*/
.contents{
height:10%;
}
/*--.c_lef----------------------------------------------------------*/
.c_lef{
height:50%;
}

.c_lef,.c_rig{
margin:auto;
padding:5px;

}
.c_lef h1,.c_lef p{
color:white;
text-align:left;
font-family:"ＭＳ 明朝";
font-weight:bold;
margin:10px 3px;

}
.c_lef h1{
font-size:200%;
}
/*--.c_rig----------------------------------------------------------*/
.c_rig{
height:20%;
}
.c_rig h2{

margin:5px;
}
/*--.footer----------------------------------------------------------*/
.footer{
border-top:1px solid gray;
text-align:left;
padding:0 5px;
}
}