﻿@charset "utf-8";
/*--body----------------------------------------------------------*/
body {
	margin: 0;
	font-family: "メイリオ",sans-serif;
}
/*--.out1----------------------------------------------------------*/
.out1{
	width: 800px;
	margin: 0 auto;
}
/*--.header----------------------------------------------------------*/
.header{
padding-top:20px;
}
.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;
	
}
/*--.c_lef----------------------------------------------------------*/
.c_lef{
float:left;
width:52%;	
}
.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:45%;
margin-left:20px;
}
.c_rig h2{
	text-indent:-9999px;
	margin: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:100%;
overflow:hidden;
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;
}

/*--.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,.out2,.header,.contents,.c_lef,.c_lefct1,.c_lef img,.c_rig,.c_rigct1,.footer{
	width:99%;
}
.c_lef img,.c_rigct1 img{
	width:100%;
}
.c_rig,.c_rigct1{
margin:0;
}
.c_rigct1{
height:100%;
overflow:hidden;
}
.out1{
padding:5px;
}
.header h1 a img{
margin:0 10px 0 0;
/*--［上］ と ［右］ と ［下］ と ［左］ を指定--*/
}
.header dt{
text-align:left;
}
/* ** */
}