@charset "utf-8";
/*  
Theme Name: Outdoor-life.jp
Theme URI: http://www.outdoor-life.jp/
Description: This theme based on the famous <a href="http://www.outdoor-life.jp/">Liebe</a>.

*/



/* Begin Typography & Colors */


/* CSS Document */

/* 全体に関わる要素 */
body{
	font-family: Arial, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 75%;
	line-height: 1.7;
	text-align: center;
	background-image: url(../../../../images/bg-body_08032001.jpg);
	background-repeat: repeat;
}

	img{ margin: 0px; border: none;}
	
	.clear{	clear: both;}


	/*カラー*/
	.black {color:#000;}
	.blue {color:#3333ff;}
	.orange	{color:#ff9900;}
	.red {color	:#f00;}
	
	/*フォントサイズ*/
	.font9	{font-size: 9px;}
	.font10	{font-size: 10px;}
	.font12	{font-size: 12px;}
	.font14	{font-size: 14px;}
	.font16	{font-size: 16px;}
	.font18	{font-size: 18px;}
	.font24	{font-size: 24px;}
	.font36	{font-size: 36px;}
	.xsmall { font-size: 75%;}
	.small { font-size: 86%;}
	.large { font-size: 116.7%;}
	.xlarge { font-size: 133.4%;}
	
	/*文字揃え*/
	.textright { text-align:right;}
	.textleft { text-align:center;}
	.textcenter { text-align:left;}
	
	/*スペース
	使用方法：<div class="space10"><hr></div>*/
	hr {display:none;}
	.space1 { height:1px;}
	.space2 { height:2px;}
	.space3 { height:3px;}
	.space4 { height:4px;}
	.space5 { height:5px;}
	.space6 { height:6px;}
	.space7 { height:7px;}
	.space8 { height:8px;}
	.space9 { height:9px;}
	.space10 { height:10px;}
	.space12 { height:12px;}
	.space14 { height:14px;}
	.space15 { height:15px;}
	.space16 { height:16px;}
	.space18 { height:18px;}
	.space20 { height:20px;}
	.space22 { height:22px;}
	.space24 { height:24px;}
	.space25 { height:25px;}
	.space26 { height:26px;}
	.space28 { height:28px;}
	.space30 { height:30px;}
	.space36 { height:36px;}
	.space40 { height:40px;}
	.space50 { height:50px;}
	.space58 { height:58px;}
	.space60 { height:60px;}



/* ヘッダ */
#headerArea {
	width: 100%;
	height: 60px;
	background-image: url(../../../../images/bg-head_08031901.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

	#header-box {
		width: 960px;
		height: 60px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		border-bottom: 0px;
		padding: 0px;
		clear: both;
	}
	
	#logo {
		width: 279px;
		height: 58px;
		margin: 2px 0px 0px 0px;
		padding: 0;
		float: left;
	}
		
	#header-right-box {
		width: 681px;
		height: 58px;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		float: left;
	}
	
	#header-right-box .description {	/* ページ上部に管理ページのディスクリプションで設定したものを表示させている */
		width: 676px;
		height: 14px;
		font-size: 10px;
		line-height: 10px;
		vertical-align: bottom;
		color: #ccc;
		margin: 0px 0px 0px 5px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		clear: both;
	}
	
	#header-right-box .gnavi {
		width: 681px;
		height: 34px;
		margin: 0px;
		padding: 0px;
		text-align: left;
		clear: both;
	}

/* 中央部 */
#mainArea {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border-bottom: 0px;
	padding: 0px;
	text-align: left;
	clear: both;
	background-color: #000;
}
	/* 中央上部に表示するイメージ画像(自然と遊べ) */
	#head-img {
		width: 100%;
		height: 175px;
		text-align: center;
		vertical-align: middle;
	}
	
	#head-img img {border: 0px;	margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; padding: 0px;}

	/* 中央上部に表示するイメージ画像(自然と遊べ) */
	#headsub-img {
		width: 100%;
		height: 232px;
		text-align: center;
		vertical-align: middle;
		margin: 5px 0px 10px 0px;
	}
	
	#headsub-img img {border: 0px;	margin-left: auto; margin-right: 0px; padding: 0px;}

	
	#main-center-box {
		width: 958px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #fff;
		clear: both;
		border-bottom: 5px solid #000;
	}

	/* サイドメニュー */
	#side{
		width: 180px;
		padding: 0px;
		margin: 0px;
		float: left;
		background-color: #fff;
	}
	
		#side .left{
			width: 176px;
			padding: 5px 2px 5px 2px;
			margin: 0px;
			background-color: #000;
			text-align: center;
			color: #fff;
		}
		
		.left ul, .left li{
			text-align: left;
		}
		
		
		#side .right{
			width: 176px;
			padding: 5px 2px 5px 2px;
			margin: 0px;
			text-align: center;
		}
		
		#side .right .banner{
			margin: 0 0px 10px;
			text-align: center;
		}
		
		#side .right .banner img{
			margin: 0px 0px 5px 0px;
			border: 0px;
		}

		/* アコーディオン */
		#Accordion dl{
			width:166px;
			margin:2px auto 0 auto;
			padding:0;
			position:relative;
		}
		#Accordion dt{
			margin:0;
			padding:0;
			
		}
		#Accordion dt a{
			display:block;
			position:relative;
			padding:2px;
			background-color:#000000;
			text-decoration:none;
			outline:none;
			color: #ffffff;
		}
		#Accordion dt a:hover{
			color:#FFFFFF;
		}
		#Accordion dd{
			margin:0;
			padding:0;
			line-height: 90%;
		}
		#Accordion dd ul{
			margin:0;
			padding:0;
			list-style-type:none;
		}
		#Accordion dd ul li{
			margin:5px;
		}
		/* アコーディオンここまで */


#main-Column{
	width: 775px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: #333;
}

#main-Column .banner{
	width: auto;
	margin: 5px auto 5px auto;
	text-align: center;
	clear: both;
}

#foot-navi{
	width: 750px;
	clear: both;
	margin: 0px 0px 5px 10px;
	padding: 0px;
	text-align: right;
	font-size: x-small;
}

#center-3-Column{
	width: 590px;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	font-size: 100%;
	line-height: 130%;
	overflow: hidden;
}

		/* トップページ・ニュース(S) */
		#news{
		width: 95%;
		height: 50px;
		border: 1px solid #ccc;
		margin: 10px auto 5px auto;
		padding: 5px;
		overflow: auto;
		}
		
		#news ul{
		margin: 5px 0px 0px 0px;
		padding: 0px;
		font-size: 90%;
		line-height: 1.2;
		}
		
		#news li{
		margin: 0px 5px 5px 20px;
		padding: 0px;
		}

		#news a{color: #039; text-decoration: underline;}
		#news a:link{color: #039; text-decoration: underline;}
		#news a:visited{color: #039; text-decoration: underline;}
		#news a:active{color: #000; text-decoration: underline;}
		#news a:hover{color: #000; text-decoration: underline;}


/* フッタ */
#footArea {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-bottom: 5px;
	padding: 0px 0px 5px 0px;
	text-align: left;
	background-color: #fff;
	border: none;
	filter: alpha(style=0, opacity=80);
	clear: both;
}
	
	#footArea .foot-left-box {
		width: 445px;
		margin: 5px 0px 0px 5px;
		text-align: left;
		font-size: 90%;
		line-height: 120%;
		color: #003366;
		float: left;
	}
	
	#footArea .foot-right-box {
		width: 500px;
		margin: 5px 0px 0px 0px;
		text-align: right;
		font-size: 90%;
		line-height: 120%;
		color: #003366;
		float: left;
	}

















#center-2Column a, #center-3-Column a{color: #039; text-decoration: underline;}
#center-2Column a:link, #center-3-Column a:link{color: #039; text-decoration: underline;}
#center-2Column a:visited, #center-3-Column a:visited{color: #039; text-decoration: underline;}
#center-2Column a:active, #center-3-Column a:active{color: #000; text-decoration: underline;}
#center-2Column a:hover, #center-3-Column a:hover{color: #000; text-decoration: underline;}

/* ヘッダ(E) */

#content {
	font-size: 100%;
	}
	
/* サイドバー(S) */

#side .left ul, #side .left ul ol {
	margin: 0;
	padding: 0;
	}

#side .left ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#side .left ul p, #side .left ul select {
	margin: 5px 0 8px;
	}

#side .left ul ul, #side .left ul ol {
	margin: 5px 0 0 10px;
	}

#side .left ul ul ul, #side .left ul ol {
	margin: 0 0 0 10px;
	}

ol li, #side .left ul ol li {
	list-style: decimal outside;
	}

#side .left ul ul li, #side .left ul ol li {
	margin: 3px 0 5px 0;
	padding: 0;
	}

#sidebar .left h2 {
	font-size: 100%;
	}

#sidebar {
	font-size: 90%;
	}

#side .widgettitle {
	font-size: 1.2em;
	line-height: 105%;
	margin: 0px;
}

#side .left a{color: #fff; text-decoration: underline; font-weight: normal;}
#side .left a:link{color: #fff; text-decoration: underline;}
#side .left a:visited{color: #fff; text-decoration: underline;}
#side .left a:active{color: #039; text-decoration: underline;}
#side .left a:hover{color: #039; text-decoration: underline;}

/* サイドバー(E) */

.breadcrumb-2cam{
	width: 760px;
	height: 30px;
	background-image: url(../../../images/bg-pankuzu-2cam.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px 0px 0px 5px; 
}

#center-3-Column .breadcrumb-3cam{
	width: 560px;
	height: 28px;
	background-image: url(../../../images/bg-pankuzu-3cam.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 3px 0px 0px 0px;
	margin: 0px auto;
}

.breadcrumb-2cam p, #center-3-Column .breadcrumb-3cam p{ margin: 0px 0px 0px 20px; color: #fff; font-size: 12px;}

.breadcrumb-2cam a, #center-3-Column .breadcrumb-3cam a{color: #fff; text-decoration: underline; font-weight: normal;}
.breadcrumb-2cam a:link, #center-3-Column .breadcrumb-3cam a:link{color: #fff; text-decoration: underline;}
.breadcrumb-2cam a:visited, #center-3-Column .breadcrumb-3cam a:visited{color: #fff; text-decoration: underline;}
.breadcrumb-2cam a:active, #center-3-Column .breadcrumb-3cam a:active{color: #039; text-decoration: underline;}
.breadcrumb-2cam a:hover, #center-3-Column .breadcrumb-3cam a:hover{color: #039; text-decoration: underline;}


.widecolumn {
	padding:5px 10px 0 10px;
	margin: 0px 5px;
	text-align: left;
	}
.narrowcolumn{
	padding:5px 0 0 0;
	margin: 0px 5px;
	text-align: left;
	}

	.widecolumn .post, .narrowcolumn .post{
		margin: 0px;
		text-align: justify;
		}
	
	.widecolumn .post hr, .narrowcolumn .post hr {
		display: block;
		}

	.widecolumn h1, .narrowcolumn h1 {
		margin: 0px 5px;
		padding: 0px;
		font-size: 1.6em;
		line-height: 110%;
		color: #036;
	}
	
	.widecolumn h2, .narrowcolumn h2 {
		margin: 0px 5px;
		padding: 0px;
		font-size: large;
		color: #036;
	}
	
	.narrowcolumn p{
		margin-bottom: 10px;
		text-align: left;
		}
	
	.widecolumn .entry p {
		text-align: left;
		}
	
	.narrowcolumn .entry, .widecolumn .entry {
		text-align: left;
		}
	
	
	.narrowcolumn .postmetadata {
		text-align: center;
		}
	
	.widecolumn div.title, .narrowcolumn div.title{
		width: 98%;
		font-size: 115%;
		line-height:120%;
		border-bottom: 3px double #369;
		color: #369;
		font-weight: bold;
		padding: 0px 0px 0px 5px;
		margin-top: 20px;
		clear: both;
	}

.narrowcolumn img{
	border: 0px;
	margin: 3px;
}

.head-text{
	background-color: #DEDEBC;
	border: 1px solid #036;
	width: 730px;
	margin: 10px auto 10px auto;
	padding: 10px;
	font-size: small;
	line-height: normal;
	color: #036;
}



/* 2カラムでも3カラムでも使用可能なボックス
　　　写真を並べるときなどに使用する */
.photobox{
	clear: both;
	margin: 0px;
	padding: 0px;
}

.photobox .box{
	float: left;
	width: 166px;
	height: 180px;
	text-align: center;
	background-color: #000;
	border: 1px solid #ccc;
	margin-left: 1px;
	margin-right: 2px;
	padding: 2px;
	font-size: 10px;
	line-height: 12px;
	color: #ccc;
	list-style: none;
	overflow: auto;
}

.photobox img{
	margin-bottom: 3px;
	border: none;
}

/* 2カラムでも3カラムでも使用可能なボックス
　　　商品を並べるときなどに使用する */

.itembox{
	clear: both;
	margin: 0px;
	padding: 0px;
}

.itembox h4{
	width: 98%;
	border-bottom: 3px double #036;
	padding: 20px 3px 3px 3px;
	font-size: x-large;
	line-height: 100%;
	color: #036;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	clear: both;
}

.itembox .box{
	float: left;
	width: 166px;
	height: 220px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #036;
	margin-left: 1px;
	margin-right: 4px;
	margin-bottom: 5px;
	padding: 2px;
	overflow: auto;
	font-size: x-small;
	font-weight: normal;
	line-height: 105%;
	color: #666;
}

.box .title{
	font-size: large;
	line-height: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.box .price{
	font-size: large;
	line-height: 105%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #c00;
}

.itembox .itemimg{
	border: 1px solid #ccc;
}

.itembox img{
	margin: 3px 0px;
	border: none;
}

/**/

#submenu ul{
	margin: 0px 0px 20px 0px;
}

#submenu ul li{
	line-height: 110%;
}


/* center-3Column 内で使用 */
#center-3-Column .contents{
	width: 560px;
	padding: 0px;
	margin: 0px auto 20px auto;
	text-align: left;
	clear: both;
}

#center-3-Column .banner{
	width: 560px;
	padding: 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	clear: both;
}

#center-3-Column .banner2{
	width: 540px;
	padding: 0px;
	margin: 20px auto 20px auto;
	text-align: left;
	clear: both;
}

		#center-3-Column .banner2 .box{
			width: 265px;
			float: left;
			margin: 0 2px 0 2px;
			padding: 0 0 10px 0;
		}
		
		#center-3-Column .banner2 .box .text{
			width: 260px;
			text-align: left;
			font-size: x-small;
			line-height: normal;
			margin: 2px auto 0 auto;
			color: #666666;
		}

#center-3-Column .contents .imgMarginRB, #center-3-Column .banner .imgMarginRB{
	margin: 0px 10px 10px 0px;
}

#center-3Column .contents .img-MarginB, #center-3-Column .banner .imgMarginB{
	margin: 0px 0px 10px 0px;
}


#center-3-Column .contents .special{
	width: 540px;
	background-color: #c9e1fa;
	padding: 10px;
	text-align: center;
	margin: 0px auto auto auto;
}

#center-3-Column .contents .special .text{
	width: 500px;
	text-align: left;
	color: #333;
	font-size: small;
	line-height: normal;
	margin: 2px auto 18px auto;
	clear: both;
}


/* (子ページ)カテゴリートップページ */
#center-3-Column .category-head{
	width: 570px;
	text-align: left;
	margin: 0px auto 10px auto;
	clear: both;
}

		#center-3-Column .category-head img{
		border: none;
		}

		#center-3-Column .category-head p{
		font-size: 1.4em;
		line-height: 120%;
		color: #333;
		padding: 0px;
		margin: 10px 5px 0px 5px;
		}
		
		#center-3-Column .item-lineup{
		width: 567px;
		padding: 0px;
		margin: 10px auto;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		}
		
		#center-3-Column .item-lineup .item-box{
		width: 188px;
		height: 200px;
		padding: 0px;
		margin: 0px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: center;
		float: left;
		overflow: hidden;
		}

		#center-3-Column .item-lineup .item-box h3{
		font-size: 1.2em;
		line-height: 105%;
		margin: 3px auto 3px auto;
		padding: 0px;
		}

		#center-3-Column .item-lineup .item-box div.itemphoto{
		height: 100px;
		margin: 0px auto 20px auto;
		overflow: hidden;
		}

		#center-3-Column .item-lineup .item-box .itemphoto img{
		border: none;
		clear: both;
		}		

		.explanation{
		background-color: #EDEDDA;
		border: 1px solid #036;
		width: 546px;
		margin: 10px auto 10px auto;
		padding: 10px;
		font-size: 1em;
		line-height: normal;
		color: #036;
		}
		
/* (孫ページ)商品ページ */
#center-3-Column .item{
	width: 560px;
	text-align: left;
	margin: 0px auto 10px auto;
	padding: 5px;
	clear: both;
}
		#center-3-Column .item img{
		border: none;
		margin: 5px;
		}

		#center-3-Column .item h1{
		font-size: 1.5em;
		line-height: 110%;
		color: #036;
		}

		#center-3-Column .item img.btn{
		text-align: right;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		}

/* 商品ページ(子)のリスト表示 */

.item-lineup {
	clear: both;
}

.item-lineup p {
	margin: 0px 0px 10px 10px;
}

.item-lineup ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.item-lineup li{
	float: left;
	width: 166px;
	height: 160px;
	text-align: center;
	background-color: #fff;
	margin-left: 3px;
	margin-right: 7px;
	margin-bottom: 10px;
	padding: 2px;
	overflow: auto;
	font-size: small;
	font-weight: bold;
	line-height: 105%;
	color: #666;
}

.item-lineup li img{
	border: 1px solid #ccc;
	margin: 5px 0px;
}

.item-lineup ul a{color: #036; text-decoration: none;}
.item-lineup ul a:link{color: #036; text-decoration: none;}
.item-lineup ul a:visited{color: #036; text-decoration: none;}
.item-lineup ul a:active{color: #f60; text-decoration: none;}
.item-lineup ul a:hover{color: #f60; text-decoration: none;}

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 500px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */