/* CSS Document */
@charset "utf-8";

/***********************************************/
/* HTML                             */
/***********************************************/ 
* html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}

body,
html{
background:url("../images/common/bg_g.gif") repeat 0px 0px;
text-align:center;
}
hr {visibility:hidden;he
ight:10px;clear:both;}

a {outline: none;}
a:link {color:#000000;}
a:visited {}
a:hover {color:#990000;text-decoration:underline;}

a img {border-width:0px;}
img {position:relative; float:left}
.outBody {
width:100%;
margin:0px auto;
}
.inBody {
	width:970px;
	margin:0px auto;
	padding:0 0 0 20px;
	background-color:#FFF;
}
a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/***********************************************/
/* TEXT */
/***********************************************/
/* 文字間 */
span.t_space1 {
	letter-spacing:1em;
}
span.t_space2 {
	letter-spacing:2em;
}
span.t_space3 {
	letter-spacing:3em;
}
/***********************************************/
/* CONTENTS */
/***********************************************/
#content {
width:970px;
margin-bottom:10px;
padding:0px auto;
text-align:left;
float:left;
}
/***********************************************/
/* MAINFORM */
/***********************************************/
span.asterisk {color:#A00;}
span.orange {color:#F60; font-size:120%; font-weight:bold; margin-right:5px;}
.main {
float:left;
background-color:#FFF;
width:730px;
padding:0px 0px 30px 0px;
}
/***********************************************/
/* PAGE TITLE */
/***********************************************/
.contents h2 {
float:left;
margin-top:0px;
width:950px;
height:87px;
font-size:120%;
font-weight:bold;
}
.main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.main h3.subttl {
float:left;
margin-top:20px;
width:700px;
height:33px;
font-size:110%;
font-weight:bold;
}
.main h3.subttl00 {
float:left;
margin-top:40px;
width:350px;
height:33px;
font-size:110%;
font-weight:bold;
}
.main h3.subttl-camp {
float:left;
margin-top:20px;
width:730px;
height:492px;
font-size:110%;
font-weight:bold;
}
.main h3.subttl-camp2 {
float:left;
margin-top:20px;
width:730px;
height:140px;
font-size:110%;
font-weight:bold;
}
.main h3.subttl-camp3 {
float:left;
margin-top:20px;
width:730px;
height:80px;
font-size:110%;
font-weight:bold;
}
.main h3.ttl {
float:left;
margin-top:20px;
width:700px;
height:33px;
font-size:110%;
font-weight:bold;
}
.main h3.subject {
	float: left;
	width: 710px;
	margin:20px 0px 10px 0px;
	padding:4px 2px 5px 8px;
	font-size:15px;
	color:#630;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-left:5px solid #90c31f;
}
.main h3.ttl00 {
float:left;
margin-top:20px;
width:300px;
height:33px;
font-size:110%;
font-weight:bold;
}
.main h4.photo01 {
float:left;
margin-top:10px;
margin-bottom:10px;
width:730px;
}
.main h4.text {
float:left;
margin-top:10px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:10px;
width:680px;
font-size:100%;
color:#666666;
}
.main h4.text450 {
float:left;
margin-top:25px!important;
	margin-top/**/:0px;
margin-left:20px!important;
	margin-left/**/:10px;
margin-bottom:0px;
width:460px!important;
	width/**/:400px;
font-size:100%;
color:#666666;
}
.main h4.text451 {
float:left;
margin-top:25px!important;
	margin-top/**/:0px;
margin-left:20px!important;
	margin-left/**/:20px;
margin-bottom:0px;
width:460px!important;
	width/**/:400px;
font-size:100%;
color:#666666;
}
.main h4.text00 {
float:left;
margin-top:10px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:0px;
width:660px;
font-size:100%;
color:#666666;
}
.main h4.whiteline {
float:left;
width:650px;
height:5px;
text-indent:-9999px;
overflow:hidden;
outline: none;
}
.ssttl {
float:left;
margin-top:10px;
padding-left:25px;
width:650px;
font-size:120%;
font-weight:bold;
color:#630;
background:url("../images/contents/image/mark.png") no-repeat 0px 0px;
}
.sssttl {
float:left;
margin-top:3px;
width:650px;
font-size:120%;
font-weight:bold;
color:#630;
}
.ssssttl {
float:left;
margin-top:3px;
width:650px;
font-size:120%;
font-weight:bold;
color:#F30;
}
.text001 {
float:left;
margin-top:3px;
width:625px;
color:#666666;
}
.text002 {
float:left;
margin-top:30px;
width:335px;
}
.text003 {
float:left;
margin-top:3px;
width:710px;
font-size:18px;
font-weight:bold;
color:#90c31f;
}
.red {
color:#ba0100!important;
}
.main h4.image {
float:left;
margin-top:10px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:0px;
width:650px;
font-size:100%;
}
.image00 {
float:right;
margin-top:20px;
margin-right:0px;
margin-bottom:0px;
width:300px;
font-size:100%;
}
.main h4.image200 {
float:left;
margin-top:25px!important;
	margin-top/**/:25px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:0px;
width:160px;
font-size:100%;
}
.main .mail {
float:left;
margin-top:10px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:0px;
width:650px;
font-size:100%;
color:#666666;
}
.main .bow {
float:left;
margin-top:20px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:5px;
height:39px;
width:33px;
}
.main p.text {
float:left;
margin-top:20px;
margin-left:16px!important;
	margin-left/**/:8px;
margin-bottom:0px;
height:39px;
width:650px;
font-size:100%;
color:#666666;
}

/* 会社案内 */

.main .companyGreet {
	float:left;
	margin-top:15px;
	padding:10px 0px 10px 25px;
	width: 705px;
	font-size:12px;
	text-align:left;
	color:#595656;
	display:block;
	overflow: hidden;
}
.companyGreet ul {
	float:left;
	width:705px;
}  
.companyGreet ul li.Greeting {
	float:left;  
	width:500px;  
	padding:1px 0px 10px 0px;  
}
.companyGreet ul li.Greeting p {
	float:left;  
}
li.Greeting p.Gsttl {
	width:500px; 
}
li.Greeting p.Gtext {
	width:485px;
	padding:0 7px 0 8px;
	margin:12px 0 8px 0;
}
li.Greeting p.Gname {
	width:240px;
	padding:0 0px 0 260px;
}
.companyGreet ul li.Pphoto {
	width:140px;  
	float:left;
	padding:1px 0px 10px 15px;   
}

.main .companyProf {
	float:left;
	margin-top:15px;
	padding:10px 0px 160px 25px;
	width: 705px;
	font-size:12px;
	text-align:left;
	color:#595656;
	display:block;
	overflow: hidden;
	background: url("../images/contents/company_bg.png") no-repeat;
	background-position: left bottom;
}
.companyProf dl {
	float:left;
	width:705px;
}  
.companyProf dl dt {
	float:left;  
	width:80px;  
	padding:1px 0px 10px 0px;  
	font-weight:bold;
	text-align:center;
}
.companyProf dl dd {
	_margin-top:-28px;
	width:625px;  
	float:left;
	padding:1px 0px 10px 0px;   
}
.companyProf p.office01 {
	float:left;
	width:300px;
	padding:0 10px 8px 0px;
	line-height:100%;
}
.companyProf p.office02 {
	float:left;
	width:625px;
	padding:0 0px 25px 0px;
	line-height:100%;
}
.companyProf dl dd span {
	font-weight:bold;
	color:#90c31f;
}
/***********************************************/
/* NEWS */
/***********************************************/
/* RSS */
.main .rss {
	position:relative;
}
.main .rss a {
	position:absolute;
	padding:5px 0px 0px 30px;
	width:100px;
	height:25px;
	top:-40px!important;
	top/**/:-40px;
	left:647px!important;
	left/**/:230px;
	background: url("../images/news/rss.png") no-repeat;
	background-position: 0px 0px;
	color:#FFF;
	text-decoration:none;
	outline: none;
}
.main .rss a:hover {color:#f08300;text-decoration:underline;}
/* LIST */
.main dl.list {
	width: 730px;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 15px 0px;
	float:left;
	background-color:#FFF;
	border-bottom:#CCCCCC dashed 1px;
}
.main dl.list dt {
	margin:0px 5px 0px 36px;
	_margin:0px 5px 0px 18px;
	padding: 3px 0px 0px 0px;
	float: left;
	clear: both;
	text-align: left;
	overflow: hidden;
}
.main dl.list dt span {
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	padding:2px 0 0 5px;
	font-size: 13px;
	font-weight:bold;
	color:#90c31f;
	display: block;
}
.main dl.list dd {
	width: 600px;
	float: left;
	padding: 0px 0px 0px 10px;
	text-align: left;
	font-size: 14px;
}
.main dl.list dd span {
	float:left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	padding:0 0 0 0;
	width:600px;
	font-size: 13px;
	font-weight:bold;
	color:#90c31f;
	display: block;
}
.main dl.list dd p a {
	float:left;
	color: #999999;
	width:600px;
	font-size: 14px;
	clear: both;
	text-decoration:none;
}

.main dl.list dd p a:hover {color:#f08300;text-decoration:underline;}

/* NEWS DAYS */
.main .days {
	float: left;
	width: 720px;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	text-align: left;
	font-weight:bold;
	color:#999;
	background-color:#FFF;
	overflow: hidden;
	font-size: 10pt!important;
		font-size/**/: 9pt;
}
/* NEWS FLASH */
.main .news_flash {
	float: left;
	width: 710px;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 10px 20px;
	text-align: left;
	background-color:#FFF;
	overflow: hidden;
}
.main .news_flash p.text{
	float: left;
	margin: 0px 0px 5px 0px;
	font-size: 10pt!important;
		font-size/**/: 9pt;
}
/* IMAGE */
.main p.image {
	float: left;
	margin: 10px 0px 0px 20px!important;
	margin/**/: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
/* BTN */
#news_btn ul{
	float: left;
	position: relative;
	width: 730px;
	height: 21px;
	text-align: left;
	overflow: hidden;
	display: block;
	margin:5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
#news_btn li.plusone{
	position: absolute;
	width: 65px;
	height: 20px;
	top: 0px;
	left: 12px;
}
#news_btn li.facebook{
	position: absolute;
	width: 153px;
	height: 20px;
	top: 0px;
	left: 82px;
}
#news_btn li.twitter{
	position: absolute;
	width: 110px;
	height: 20px;
	top: 0px;
	left: 245px;
}
#news_btn li.nmb01 a{
	position: absolute;
	width: 110px;
	height: 21px;
	top: 0px;
	left: 390px;
	background: url("../images/news/ahead_btn.png") no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	outline: none;
}
#news_btn li.nmb02 a{
	position: absolute;
	width: 110px;
	height: 21px;
	top: 0px;
	left: 500px;
	background: url("../images/news/menu_btn.png") no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	outline: none;
}
#news_btn li.nmb03 a{
	position: absolute;
	width: 110px;
	height: 21px;
	top: 0px;
	left: 610px;
	background: url("../images/news/next_btn.png") no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	outline: none;
}
	#news_btn li a:hover,
	#news_btn li .active a {
		background-position: 0px -21px !important;
	}

/***********************************************/
/* SIDE MENU */
/***********************************************/
#SideMenu {
	position: relative;
	margin: 20px 20px 20px 0px;
	_margin: 20px 10px 20px 0px;
	width:200px;
	height:450px;
	float:right;
	z-index: 2;
}
#SideMenu li {
position: absolute;
}
/* サイドメニュー */
#SideMenu h5 {
position:absolute;
top:0px;
left:0px;
height: 30px;
width: 200px;
background:url("../images/side_menu/left/top.png") no-repeat;
background-position: 0px 0px;
text-indent: -999px;
overflow: hidden;
display: block;
}
/* サイドメニュー */
#SideMenu h6 {
	position:absolute;
	top:254px;
	left:0px;
	height: 196px;
	width: 200px;
	background:url("../images/side_menu/left/under.png") no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
#SideMenu ul.MenuS {
	width:200px;
	height:160px;
	background:#FFF;
}
#SideMenu li.SMno01 {
	top: 30px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno02 {
	top: 62px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno03 {
	top: 94px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno04 {
	top: 126px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno05 {
	top: 158px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno06 {
	top: 190px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno07 {
	top: 222px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#SideMenu li.SMno01 a {
background:url("../images/side_menu/left/01.png") no-repeat 0px 0px;
}
#SideMenu li.SMno02 a {
background:url("../images/side_menu/left/02.png") no-repeat 0px 0px;
}
#SideMenu li.SMno03 a {
background:url("../images/side_menu/left/03.png") no-repeat 0px 0px;
}
#SideMenu li.SMno04 a {
background:url("../images/side_menu/left/05.png") no-repeat 0px 0px;
}
#SideMenu li.SMno05 a {
background:url("../images/side_menu/left/04.png") no-repeat 0px 0px;
}
#SideMenu li.SMno06 a {
background:url("../images/side_menu/left/06.png") no-repeat 0px 0px;
}
#SideMenu li.SMno07 a {
background:url("../images/side_menu/left/07.png") no-repeat 0px 0px;
}

	#SideMenu li.SMno01 a:hover,
	#SideMenu li.SMno02 a:hover,
	#SideMenu li.SMno03 a:hover,
	#SideMenu li.SMno04 a:hover,
	#SideMenu li.SMno05 a:hover,
	#SideMenu li.SMno06 a:hover,
	#SideMenu li.SMno07 a:hover,
	#SideMenu li.active a {
		background-position: 0px -32px !important;
	}
	#SideMenu li.SMno01 a,
	#SideMenu li.SMno02 a,
	#SideMenu li.SMno03 a,
	#SideMenu li.SMno04 a,
	#SideMenu li.SMno05 a,
	#SideMenu li.SMno06 a,
	#SideMenu li.SMno07 a {
		background-position: 0px 0px;
		height: 32px;
		text-indent: -999px;
		overflow: hidden;
		display: block;
		outline: none;
	}
	
/***********************************************/
/* SIDE MENU　キャンプ */
/***********************************************/
#CampSideMenu {
	position: relative;
	margin: 20px 20px 20px 0px;
	_margin: 20px 10px 20px 0px;
	width:200px;
	height:354px;
	float:right;
	z-index: 2;
}
#CampSideMenu li {
position: absolute;
}
/* サイドメニュー */
#CampSideMenu h5 {
position:absolute;
top:0px;
left:0px;
height: 30px;
width: 200px;
background:url("../images/side_menu/left/top.png") no-repeat;
background-position: 0px 0px;
text-indent: -999px;
overflow: hidden;
display: block;
}
/* サイドメニュー */
#CampSideMenu h6 {
	position:absolute;
	top:158px;
	left:0px;
	height: 196px;
	width: 200px;
	background:url("../images/side_menu/left/under.png") no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
#CampSideMenu ul.MenuS {
	width:200px;
	height:160px;
	background:#FFF;
}
#CampSideMenu li.SMno01 {
	top: 30px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#CampSideMenu li.SMno02 {
	top: 62px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#CampSideMenu li.SMno03 {
	top: 94px;
	left: 0px;
	height: 32px;
	width: 200px;
}
#CampSideMenu li.SMno04 {
	top: 126px;
	left: 0px;
	height: 32px;
	width: 200px;
}

#CampSideMenu li.SMno01 a {
background:url("../images/side_menu/camp/01.png") no-repeat 0px 0px;
}
#CampSideMenu li.SMno02 a {
background:url("../images/side_menu/camp/02.png") no-repeat 0px 0px;
}
#CampSideMenu li.SMno03 a {
background:url("../images/side_menu/camp/03.png") no-repeat 0px 0px;
}
#CampSideMenu li.SMno04 a {
background:url("../images/side_menu/left/07.png") no-repeat 0px 0px;
}

	#CampSideMenu li.SMno01 a:hover,
	#CampSideMenu li.SMno02 a:hover,
	#CampSideMenu li.SMno03 a:hover,
	#CampSideMenu li.SMno04 a:hover,
	#CampSideMenu li.active a {
		background-position: 0px -32px !important;
	}
	#CampSideMenu li.SMno01 a,
	#CampSideMenu li.SMno02 a,
	#CampSideMenu li.SMno03 a,
	#CampSideMenu li.SMno04 a {
		background-position: 0px 0px;
		height: 32px;
		text-indent: -999px;
		overflow: hidden;
		display: block;
		outline: none;
	}
/************* #pagetop *************/

div#pagetop{
position:relative;
clear:both;
width:950px;
z-index: 3;
}

div#pagetop ul{
	position:absolute;
	height:30px;
	width:100px;
	top:12px;
	left:850px;
	z-index: 3;
}

div#pagetop li a{
display:block;
height:30px;
width:100px;
background-image:url(../images/common/btn/pagetop.png);
text-indent:-9999px;
overflow:hidden;
outline: none;
}

div#pagetop li a:hover{
background-position:left bottom;
}

/***********************************************/
/* 入力エラー表示 */
div#errorInfoColor {
  position: absolute;
  left: 0px;
  top: -10px;
  margin-left: -162px;
}
div#errorInfoSize{
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: -162px;
}
div#errorInfoLength {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: -162px;
}
div#errorInfoStock {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 185px;
  margin-left: 85px;
}