﻿#specialBox {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:12px;
}

#specialBox h2,
#specialBox h3,
#specialBox h4,
#specialBox h5,
#specialBox h6{
width:750px;
height:35px;
padding:15px 0 0 10px;
margin:25px auto 10px auto;
text-align:left;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
overflow:hidden;
}
#specialBox h5{
width:750px;
height:35px;
padding:10px 0 0 10px;
margin:0px auto 10px auto;
text-align:left;
font-size:16px;
font-weight:bold;
color:#3e3523;
}
#specialBox h6{
width:205px;
height:25px;
padding:10px 0 0 10px;
margin:0px 0px 0px 0px;
font-size:18px;
font-weight:bold;
color:#5c9412;
}
#specialBox .shoes{
width:205px;
height:25px;
font-size:16px;
font-weight:bold;
color:#314a5f;
text-align:left!important;
}
#specialBox .shoesbun{
padding:0px 0px 10px 10px;
margin:0px;
}
/*商品紹介*/
#product{
width:360px;
height:240px;
}

.itembox01 {
float:left;
margin:0px 0px 10px 4px;
width:142px;
text-align: left;
}

.itembox02 {
float:left;
margin:0 19px 10px;
_margin:0 10px 10px;
width:142px;
text-align: left;
}
.itembox02 .price span.boldprice {
    color: #980000;
    display: inline-block;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5em;
}
.itembox02 .price span {
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 0 3px;
    line-height: 1.5em;
}

/*各見出し背景*/
#specialBox .specialttl{
background:url(../../140410/images/tit.jpg);
background-position:left top;
overflow:hidden;
}
#specialBox .specialttlsub {
background-image:url(http://lbreath.xebio-online.com/site/situation/estrekking/img/101105/images/et_titlebg02.gif);
background-position:left top;
overflow:hidden;
}
#specialBox .specialttlMountain{
background-image:url(../images/back_ttl_mountain.jpg);
background-position:left top;
overflow:hidden;
}

#specialBox .specialttlMap{
background-image:url(../images/back_ttl_map.jpg);
background-position:left top;
overflow:hidden;
}

#specialBox .specialttlShoes{
background-image:url(../images/back_ttl_shoes.jpg);
background-position:left top;
overflow:hidden;
}

/*******************
アイテム見出し背景
*******************/

/*基本装備*/
#specialBox .specialSubttlBace{
width:263px;
height:89px;
margin:0 0 10px 0;
padding:100px 15px 10px 15px;
background-image:url(../images/bg_hiking_item_bace.jpg);
overflow:hidden;
}

#specialBox .specialSubttlBace p{
font-size:14px;
color:#FFFFFF;
text-align:left;
}

/*ハイキング*/
#specialBox .specialSubttlHiking{
width:263px;
height:89px;
margin:0 0 10px 0;
padding:100px 15px 10px 15px;
background-image:url(../images/bg_hiking_item_hiking.jpg);
overflow:hidden;
}

#specialBox .specialSubttlHiking p{
font-size:14px;
color:#FFFFFF;
text-align:left;
}

/*日帰りトレッキング*/
#specialBox .specialSubttlDaytrekking{
width:263px;
height:89px;
margin:0 0 10px 0;
padding:100px 15px 10px 15px;
background-image:url(../images/bg_hiking_item_daytrekking.jpg);
overflow:hidden;
}

#specialBox .specialSubttlDaytrekking p{
font-size:14px;
color:#FFFFFF;
text-align:left;
}


/*小屋泊トレッキング*/
#specialBox .specialSubttlHuttrekking{
width:263px;
height:89px;
margin:0 0 10px 0;
padding:100px 15px 10px 15px;
background-image:url(../images/bg_hiking_item_huttrekking.jpg);
overflow:hidden;
}

#specialBox .specialSubttlHuttrekking p{
font-size:14px;
color:#FFFFFF;
text-align:left;
}


/*テント泊トレッキング*/
#specialBox .specialSubttlTenttrekking{
width:263px;
height:89px;
margin:0 0 10px 0;
padding:100px 15px 10px 15px;
background-image:url(../images/bg_hiking_item_tenttrekking.jpg);
overflow:hidden;
}

#specialBox .specialSubttlTenttrekking p{
font-size:14px;
color:#FFFFFF;
text-align:left;
}

#leftbox {
float:left;
height:337px;
width:443px;
margin:0 20px 0px 0;
}
#rightbox{
float:left;
width:296px;
height:337px;
}

#specialBox .special2aeraL {
float:left;
margin:0 39px 5px 0;
padding:0;
width:240px;
height:240px;
}

#specialBox .special2aeraR {
float:left;
margin:0px 0px 0px 0px;
padding:0;
width:480px;
height:240px;
}

#specialBox .special3aera {
float:left;
margin:0 0 0px;
padding:5px;
width:470px;
height:60px;
}
#specialBox .special4aera {
float:left;
margin:0 0 0px;
padding:0;
width:480px;
height:160px;
background-color:#ffffff;
border:#b3a6a6 solid 1px;
}
#specialBox .special2aeraB {
float:left;
margin:20px 0 5px 0;
padding:0;
width:730px;
height:345px;
}
#specialBox .special5aera{
float:left;
margin:0 5px 0px 0;
padding:0;
width:360px;
background-color:#dde4dc;
border:none
}
#specialBox .special6aera{
float:left;
margin:0 0px 0px 5px;
padding:0;
width:360px;
background-color:#dde4dc;
border:none
}

#specialBox .special4aeraL {
	float:left;
	margin:0 0px 0px 0px;
	padding:0;
	width:295px;
	height:160px;
}

.special3aera p {
float:left;
margin:0 0px 0px 0px;
padding:0 0 0px 0;
}

.special4aeraL p {
	float:left;
	margin:0 0 10px 10px;
	padding:0 0 0px 10px;
	height:105px;
}
#specialBox .special4aeraR {
	float:left;
	margin:0;
	padding:0;
	width:185px;
}


#specialBox .special7aeraL {
float:left;
margin:0 0px 0px 0;
padding:0;
width:366px;
}

#specialBox .special7aeraR {
float:left;
margin:0px 0 0px 0;
padding:0;
width:366px;
}
#specialBox .special7aeraB{
margin:0 0px 0px 0;
padding:0;
width:760px;
height:345px;
background-color:#dde4dc;
border:none
}

/*ボタン*/
.buttonCommon1{
float:right;
margin:15px 20px 0 0 ;
}
/*ワッペン*/
.wappen1{
right:-185px;
position:relative;
top:-160px;
}
/*テーブル*/
#specialBox .specialinBoxHalfareaR {
float:left;
margin:0 0 20px 0;
padding:0;
text-align:right;
width:760px;
/*border:#b3a6a6 1px solid;
*/}
/*装備リスト（表組み）*/

table td {
   border:#b3a6a6 1px solid; /* 表内側の線：1px,実線,緑色 */
   padding:7px;            /* セル内側の余白：3ピクセル */
}
table th.title {
   width: 1.8em;   /* セルの横幅：1.8文字分 */
   background-color:#efa301;
   font-weight:bold;
   text-align:center;
   font-size:20px;
   color:#ffffff;
}
table td.bold{
   font-weight:bold;
}
table tr.color{
   background-color:#ebe7de;
}
table th.title2{
   background-color:#5c9412;
   width: 1.8em;   /* セルの横幅：1.8文字分 */
   font-weight:bold;
   text-align:center;
   font-size:20px;
   color:#ffffff;
}

/*新・テーブル*/
#specialBox .tableBox1 {
float:left;
margin:0 0 20px 0;
padding:0;
text-align:right;
width:760px;
/*border:#b3a6a6 1px solid;
*/}

/*新・装備リスト（表組み）*/
table#table_01 {
    width: 530px;
    border: 1px #E3E3E3 solid;
/*    border-collapse: collapse;
*/    border-spacing: 0;
}

table#table_01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table_01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width:1px;
    text-align: center;
}

#specialBox .title_wear {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background-color:#996;
	color:#FFF;
}

#specialBox .title_goods {
	width:760px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background-color:#996;
	color:#FFF;
}

.box3 {
	width:760px;
	clear:both;
}

.box3_in1 {
	width:240px;
	height:120px;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom: 10px;
	background:url(../../140410/images/pickup.jpg)
}

.box3_in2 {
	width:240px;
	height:120px;
	position:relative;
	float:left;
	margin-bottom: 10px;
	background:url(../../140410/images/pickup.jpg)
}

.btn3 {
	width:760px;
	height:30px;
	clear:both;
}

.btn3_box {
	width:240px;
	height:30px;
	float: left;
	margin-right:20px;
	margin-bottom:30px;
}

.btn3_box_end {
	width:240px;
	height:30px;
	float: left;
	margin-bottom:30px;
}

.btn3_in {
	width:70px;
	height:30px;
	float:left;
	margin-right:15px;
}

.btn3_in_end {
	width:70px;
	height:30px;
	float:left;
}

.btn3_in a:hover {
	opacity:0.6;
}

.btn3_in_end a:hover {
	opacity:0.6;
}

.box4 {
	width:730px;
	margin-left:15px;
}

.box4_l {
	width:355px;
	float:left;
	margin-right:20px;
}

.box4_in_r {
	width:355px;
	float:left;
}

.box3_in1 .box3_img1 {
	position:absolute;
	width:110px;
	height:110px;
	float:left;
	margin:5px;
}

.box3_in1 .text_in1 {
	position:absolute;
	width:110px;
	height:110px;
	top:5px;
	left:120px;
	float:left;
	padding:5px;
	line-height:120% !important;
}

.box3_in2 .box3_img1 {
	position:absolute;
	width:110px;
	height:110px;
	float:left;
	margin:5px;
}

.box3_in2 .text_in1 {
	position:absolute;
	width:110px;
	height:110px;
	top:5px;
	left:120px;
	float:left;
	padding:5px;
	line-height:120% !important;
}

.box5 {
	width:760px;
}

.box5_l {
	width:240px;
	height:240px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.box5_r_up_txt {
	width:500px;
	height:70px;
	float:left;
	margin-bottom:20px;
}

.box5_r_btm_txt {
	width:300px;
	height:150px;
	float:left;
	margin-bottom:20px;
}

.box5_r_btm_img {
	width:200px;
	height:150px;
	float:left;
	margin-bottom:20px;
}

.reco {
	position:relative;
	width:760px;
	height:200px;
	background:url(../../140410/images/reco.jpg);
}

.reco .reco_tit1 {
	position:absolute;
	top:18px;
	left:290px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.reco .reco_txt1 {
	position:absolute;
	width:180px;
	top:45px;
	left:290px;
	line-height:120% !important;
	color:#FFF;
}

.reco .reco_tit2 {
	position:absolute;
	top:18px;
	left:560px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.reco .reco_txt2 {
	position:absolute;
	width:180px;
	top:45px;
	left:560px;
	line-height:120% !important;
	color:#FFF;
}

.reco .reco_tit3 {
	position:absolute;
	top:110px;
	left:290px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.reco .reco_txt3 {
	position:absolute;
	width:180px;
	top:137px;
	left:290px;
	line-height:120% !important;
	color:#FFF;
}

.reco .reco_tit4 {
	position:absolute;
	top:110px;
	left:560px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.reco .reco_txt4 {
	position:absolute;
	width:180px;
	top:137px;
	left:560px;
	line-height:120% !important;
	color:#FFF;
}
