/*----------------------------------------------------------
   “oŽRƒKƒCƒh.com�@CSS
-----------------------------------------------------------*/

/* common
------------------------------------*/

/* setting
------------------------------------*/

body{
background: #ffffff;
height:100%;
color: #222222;
font-size: 75%;
font-family:'ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
}

html{
height:100%;
}

a { outline: none; }

a:hover img.alpha{
opacity:0.7;
filter: alpha(opacity=70);
}

* html img{
behavior: expression(IEPNGFIX.fix(this));
}

h2,h3,h4{
margin: 0;
padding: 0;
}

h2.common{
margin: 0px 0 10px 0;
padding: 2px 0 2px 8px;
border-left: 4px solid #1fae98;
border-bottom: 1px solid #cccccc;
}

h3.wood{
font-size: 130%;
color: white;
margin: 20px 0 8px 0;
padding: 7px 0 8px 10px;
background: url('/images/common/bg_hx.jpg') top center no-repeat;
}

h4.common{
font-size: 12px;
margin: 20px 0 8px 0;
padding: 0 0 0 6px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #e6f4f1;
}
h5.text{
margin-bottom: 0;
text-align: center;
}

p{
padding: 5px 10px;
}
.clear{
clear: both;
}

.textalign_right{
text-align: right;
}
.textalign_left{
text-align: left;
}
.textalign_center{
text-align: center;
}
.float_right{
float: right;
}
.float_left{
float: left;
}
span.red{
color: #a5212f;
}
.small{
font-size: 10px;
color: 333333;
}
img.photo{
padding: 3px;
border: 1px solid #dddddd;
}
img.center{
margin: 0 auto;
}

div.border{
border: 1px solid #1fae98;
}
.notice_line{
border-top: 1px solid #047569;
border-bottom: 1px solid #047569;
background: #edf7f0;
}

/* Link Color
--------------------------------*/
a:link {
color:#009560;
text-decoration:none;
}

a:visited {
color:#009560;
text-decoration:none;
}

a:hover {
color:#f73e60;
text-decoration:underline;
}

a:active {
color:#f73e60;
text-decoration:underline;
}


/* outline
------------------------------------*/
#outline{
margin-left: auto;
margin-right: auto;
width: 950px;
height: 100%;
}


/* header
------------------------------------*/
#header{
margin-left: auto;
margin-right: auto;
width: 950px;
height: 115px;
position: relative;
}

#logo{
position: absolute;
top: 30px;
left: 0px;
}

#bn_ad{
position: absolute;
top: 40px;
left: 350px;
}

#header h1{
position: absolute;
top: -2px;
left: 10px;
color: #333333;
font-size: 11px;
font-weight: normal;
}

#btn_area{
margin: 2px 0px 0 0;
float: right;
width: 350px;
text-align: right;
}
#btn_area iframe{
float: right;
margin-left: 10px;
}

#btn_area img{
margin-left: 5px;
}

/* hx
------------------------------------*/
h2.column{
padding: 2px 0 2px 8px;
border-top: 1px solid #ddf1df;
border-left: 1px solid #ddf1df;
border-right: 1px solid #ddf1df;
border-bottom: 1px solid #ddf1df;
background: #edf7f0;
}

/* left_column
------------------------------------*/
#left_column{
float: left;
width: 170px;
margin-right:8px;
border: 1px solid #1fae98;
height: 1300px;
}

#left_column ul{
padding:0;
margin: 0 0 0 2px;
}
#left_column li{
margin-top: 3px;
list-style-type: none;
padding: 0 0 0 14px;
background: url('/images/common/point_cursor.gif') left 4px no-repeat;
}

/* center_column
------------------------------------*/
#center_column{
float: left;
width: 460px;
margin-right:6px;
height: 1300px;
}

/* right_column
------------------------------------*/
#right_column{
float: right;
width: 300px;
height: 1300px;
text-align: right;
}
#right_column img{
margin-bottom: 5px;
}

/* main_column
------------------------------------*/
#main_column{
float: right;
width: 766px;
}

/* btn_pagetop
------------------------------------*/
.btn_pagetop{
text-align: right;
margin: 10px 0;
}
.btn_pagetop img{
border: 1px solid #669977;
}


/* footer
------------------------------------*/
#footer{
width: auto;
height: 120px;
margin: 0 auto;
background: url('/images/common/bg_footer.gif') right bottom no-repeat;
}


#footer_info{
width: 950px;
height: 40px;
margin: 0 auto;
}

#footer_info ul{
float: right;
}

#footer_info ul li{
float:left;
margin-right: 28px;
padding: 0 0 0 14px;
list-style-type: none;
background: url('/images/common/point_cursor.gif') left 4px no-repeat;
}


#copyright{
width: 950px;
clear: both;
text-align: center;
margin: 30px auto 0;
color: #333333;
}

/* table
------------------------------------*/
table.common{
border: 1px solid #edf7f0;
margin: 0px auto;
}
table.common th{
border: 1px solid #edf7f0;
text-align: center;
font-weight: bold;
background: #1fae98;
padding: 0;
font-weight: bold;
color: white;
}
table.common td{
border: 1px solid #edf7f0;
padding: 2px;
}
table.common td.center{
text-align: center;
}

table.mountain_list th.col1{
width: 100px;
padding: 2px;
}
table.mountain_list th.col2{
width: 130px;
}
table.mountain_list th.col3{
width: 310px;
}
table.mountain_list tr.odd td {
background: #efefef;
}
table.no_border{
border: 0px white solid;
margin: 0px auto;
}
table.no_border th{
border: 0px white solid;
text-align: center;
font-weight: bold;
padding: 2px;
}
table.no_border td{
border: 0px white solid;
padding: 2px;
}

/* padding margin
------------------------------------*/
.mb_2{
margin-bottom: 2px;
}
.mb_5{
margin-bottom: 5px;
}
.mb_10{
margin-bottom: 10px;
}
.ml_5{
margin-left: 5px;
}
.ml_8{
margin-left: 8px;
}
.ml_10{
margin-left: 10px;
}
.ml_15{
margin-left: 15px;
}
.ml_20{
margin-left: 20px;
}
.ml_30{
margin-left: 30px;
}
.ml_40{
margin-left: 40px;
}
.ml_50{
margin-left: 50px;
}
.mr_10{
margin-right: 10px;
}
.mr_20{
margin-right: 20px;
}
.mr_30{
margin-right: 30px;
}
.mb_10{
margin-bottom: 10px;
}
.mt_5{
margin-top: 5px;
}
.mt_10{
margin-top: 10px;
}
.mt_15{
margin-top: 15px;
}
.mt_20{
margin-top: 15px;
}
.pa_10{
padding: 4px 10px 15px 10px;
}
.ps_10{
padding: 0 10px;
}
.ps_15{
padding: 0 15px;
}
.ps_20{
padding: 0 20px;
}
.ps_30{
padding: 0 30px;
}
.pv_10{
padding: 10px 0;
}
.pv_15{
padding: 15px 0;
}
.pv_20{
padding: 20px 0;
}
.pv_30{
padding: 30px 0;
}

.pl_10{
padding-left: 10px;
}
.pl_15{
padding-left: 15px;
}
.pl_20{
padding-left: 20px;
}
.pl_30{
padding-left: 30px;
}
.pr_10{
padding-right: 10px;
}
.pr_15{
padding-right: 15px;
}
.pr_20{
padding-right: 20px;
}
.pr_30{
padding-right: 30px;
}

/* width
-----------------*/

.w50px{
width: 50px;
}
.w100px{
width: 100px;
}
.w130px{
width: 130px;
line-height: 12px;
}
.w170px{
width: 170px;
}
.w200px{
width: 200px;
}
.w225px{
width: 225px;
}
.w270px{
width: 270px;
}
.w300px{
width: 300px;
}
.w330px{
width: 330px;
}
.w380px{
width: 380px;
}
.w400px{
width: 400px;
}
.w500px{
width: 500px;
}
.w600px{
width: 600px;
}

.w10per{
width: 10%;
}
.w20per{
width: 20%;
}
.w25per{
width: 25%;
}
.w30per{
width: 30%;
}
.w33per{
width: 33%;
}
.w40per{
width: 40%;
}
.w50per{
width: 50%;
}
.w75per{
width: 75%;
}
.w100per{
width: 100%;
}

/* shop brand
-----------------*/

.range{
width: 200px;
float: right;
background: #ffeeee;
text-align: center;
border: 2px solid #eeaaaa;
}

.goods_area{
float: left;
width: 280px;
margin-left: 80px;
position: relative;
}
* html .goods_area{
float: left;
width: 280px;
margin-left: 50px;
position: relative;
}
.image_area{
text-align: center;
height: 160px;
width: 280px;
display:table-cell;
vertical-align:middle;
}
.description_area{
font-size: 10px;
text-align: left;
vertical-align:middle;
min-height: 80px;
width: 280px;
background: #fafffc;
border: 1px solid #e0f5e5;
}
.price{
color: #ff0044;
font-size: 12px;
}
.list_price{
text-decoration: line-through;
}

.rank_no{
background: url(/images/common/bg_rank_no.gif) top center no-repeat;
color: white;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 16px 0 0 0;
width: 52px;
height: 36px;
position: relative;
top: 20px;
}

/* footer_ad
-----------------*/
.footer_goods_area{
float: left;
width: 140px;
margin-left: 10px;
position: relative;
}
* html .footer_goods_area{
float: left;
width: 140px;
margin-left: 10px;
position: relative;
}
.footer_image_area{
text-align: center;
height: 160px;
width: 140px;
display:table-cell;
vertical-align:middle;
}
.footer_description_area{
margin: 2px auto;
font-size: 10px;
line-height: 14px;
text-align: left;
vertical-align:middle;
min-height: 60px;
width: 140px;
background: #fafffc;
border: 1px solid #e0f5e5;
}
.footer_description_area .price{
color: #ff0044;
font-size: 10px;
}

/* detail
------------------------------------*/
table.mountain_detail{
width: 450px;
}
table.mountain_detail td{
padding: 4px 10px;
}
table.mountain_detail th{
width: 140px;
padding: 4px 2px;
}

#googlemap_area{
width: 300px;
float: left;
}