@charset "UTF-8";

/* ----------------------------------------------------------------

	00. Clearfix

----------------------------------------------------------------- */
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.grid-container:before,
.grid-container .grid-row:before,
.grid-container .grid-col:before,
.grid-container .grid-clr:before,
.grid-container .grid-group:before,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.grid-container:after,
.grid-container .grid-row:after,
.grid-container .grid-col:after,
.grid-container .grid-clr:after,
.grid-container .grid-group:after{
content: "";
display: table;
}

.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.grid-container:after,
.grid-container .grid-row:after,
.grid-container .grid-col:after,
.grid-container .grid-clr:after,
.grid-container .grid-group:after{
clear: both;
}

/* IE7 ----------------------------- */
*:first-child+html .list-col-2,
*:first-child+html .list-col-3,
*:first-child+html .list-col-4{
zoom:1;
}
/* IE6 ----------------------------- */
* html .grid-container,
* html .grid-container .grid-row,
* html .grid-container .grid-col,
* html .grid-container .grid-clr,
* html .grid-container .grid-group{
zoom:1;
}

/* ----------------------------------------------------------------

	01. Base

----------------------------------------------------------------- */
#two_column_right{
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}


/* ----------------------------------------------------------------

	02. Modules

----------------------------------------------------------------- */

/* ----------------------------------------------------------------
	headings
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
margin-bottom: 25px;
padding: 10px 15px 6px;
border-width: 3px 0 1px;
border-color: #65ab0b transparent #d3c8af;
border-style: solid;
color: #2e2e2e;
box-shadow:0 1px 0 #fff inset, 0 -2px 0 #fff inset, 0 3px 2px #edeadc;
background-color: #f8f6ec;
font-size: 30px;
font-weight: bold;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin-bottom: 25px;
padding: 10px 15px 6px;
border-width: 3px 0 1px;
border-color: #65ab0b transparent #d3c8af;
border-style: solid;
color: #2e2e2e;
box-shadow:0 1px 0 #fff inset, 0 -2px 0 #fff inset, 0 3px 2px #edeadc;
background-color: #f8f6ec;
font-size: 30px;
font-weight: bold;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
margin: 40px 0 15px;
padding: 6px 10px 4px 25px;
border-width: 1px 0;
border-color: #d6d6d6 transparent;
border-style: solid;
box-shadow:0 1px 0 #fff inset, 0 -1px 0 #fff inset, 0 1px 2px #e5e5e5;
position: relative;
background-color: #f7f7f7;
font-size: 18px;
}
.hdg-l3:before{
border: 1px solid #609e05;
content:"";
display:block;
width:4px;
height:44%;
overflow:hidden;
position:absolute;
top:10px;
left:10px;
/* SVG as background image (IE9/Safari/Opera) */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MUI1MTkiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzYwOUUwNSIgb2Zmc2V0PSI1MCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjA5RTA1IiBvZmZzZXQ9IjEwMCUiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTMxKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(#71b519 50%, #609e05 50%, #609e05 100%);
background: linear-gradient(#71b519 50%, #609e05 50%, #609e05 100%);
background-color:#71b519;
}
.hdg-l2 + .hdg-l3{
margin-top: 0;
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01{
margin: 40px 0 15px;
padding: 4px 10px 1px 50px;
border-width: 1px 0;
border-color: #d6d6d6 transparent;
border-style: solid;
box-shadow:0 1px 0 #fff inset, 0 -1px 0 #fff inset;
position: relative;
background-color: #f7f7f7;
font-size: 16px;
}
.hdg-l3-01:before{
border-width: 1px 0;
border-color: #fff transparent;
border-style: solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
content:"";
display:block;
width:32px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-color:#ffd88f;
}
.hdg-l3-01:after{
margin:-13px 0 0;
content: "";
display:block;
width:0;
height:0;
position:absolute;
top: 50%;
left: 32px;
border-width:14px 0 14px 12px;
border-color: transparent transparent transparent #ffd88f;
border-style:solid;
}
.hdg-l3-01 .hdg-icon{
position: absolute;
top:2px;
left: 1px;
z-index: 2;
}
.hdg-l3-01 .sup{
font-size: 13px;
}
.hdg-l2 + .hdg-l3-01{
margin-top: 0;
}

/* .hdg-l4
----------------------------------------------- */
.hdg-l4{
margin: 25px 0 10px;
padding: 6px 10px 4px;
background-color: #f7f7f7;
font-size: 14px;
}
.hdg-l4 .catch{
font-size: 18px;
}
.hdg-l3 + .hdg-l4{
margin-top: 0;
}

/* .hdg-l4-01
----------------------------------------------- */
.hdg-l4-01{
margin: 40px 0 15px;
padding: 7px 10px 3px 25px;
border-bottom: 1px solid #d6d6d6;
position: relative;
background-color: #f7f7f7;
font-size: 16px;
}
.hdg-l4-01:before{
border: 1px solid #666;
content:"";
display:block;
width:4px;
height:44%;
overflow:hidden;
position:absolute;
top:10px;
left:10px;
/* SVG as background image (IE9/Safari/Opera) */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3Nzc3NzciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3Nzc3NzciIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzMzMzMzMyIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzMzMzMzIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNDc4KSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(#777 50%, #333 50%, #333 100%);
background: linear-gradient(#777 50%, #333 50%, #333 100%);
background-color:#333;
}

/* .hdg-l5
----------------------------------------------- */
.hdg-l5{
margin: 15px 0 10px;
font-size: 14px;
font-weight: bold;
}

/* .hdg-l6
----------------------------------------------- */
.hdg-l6{

}

/* ----------------------------------------------------------------
	paragraph
----------------------------------------------------------------- */

/* .catch
----------------------------------------------- */
.catch{
}


/* ----------------------------------------------------------------
	list
----------------------------------------------------------------- */
/* .list
----------------------------------------------- */
.list{
margin: 15px 0;
font-size: 12px;
}
.list > li{
border-top: 1px solid #d1d1d1;
}
.list > li:first-child{
border-top: none;
}
.list > li > .list-inner{
padding: 8px 0;
display: table;
width: 100%;
}
.list > li .col-th,
.list > li .col-td{
display: table-cell;
vertical-align: middle;
}
.list > li .col-th{
padding: 5px;
width: 18%;
background-color: #f7f7f7;
text-align: center;
}
.list > li .col-td{
padding-left: 10px;
}
.list > li .price{
color: #e30707;
font-size: 16px;
font-weight: bold;
}
.list > li .price .sup{
font-size: 12px;
}

.list > li .list-line{
margin: 5px 0;
}
.tab-container .tabs .list{
margin: -5px -15px 0;
}
.tab-container .tabs .list > li{
padding: 0 8px;
}

/* IE7 ----------------------------- */
 *:first-child+html .list > li .col-th,
 *:first-child+html .list > li .col-td{
display: block;
width: auto;
text-align: left;
}


/* .list-line
----------------------------------------------- */
.list-line{
margin: 10px 0 15px;
}
.list-line li{
margin: 5px 0 0 3px;
padding-left: 5px;
display: inline-block;
border-left: 1px solid #b0b0b0;
line-height: 1.25;
}
.list-line li:first-child{
margin-left: 0;
padding-left: 0;
border-left: none;
}

/* IE7 ----------------------------- */
 *:first-child+html .list-line li{
display: inline;
zoom: 1;
}
/* IE6 ----------------------------- */
 * html .list-line li{
display: inline;
zoom: 1;
}

/* .list-line-01
----------------------------------------------- */
.list-line-01{
margin: 10px 0 15px;
font-size: 12px;
}
.list-line-01 li{
margin: 5px 0 0 10px;
display: inline-block;
line-height: 1.25;
}
/*
.list-line-01 li:first-child{
margin-left: 0;
}
*/

/* IE7 ----------------------------- */
 *:first-child+html .list-line-01 li{
display: inline;
zoom: 1;
}
/* IE6 ----------------------------- */
 * html .list-line-01 li{
display: inline;
zoom: 1;
}

/* ----------------------------------------------------------------
	link
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link{
padding-left: 10px;
display: inline-block;
position: relative;
}
.link:before{
margin:0;
content: "";
display:block;
width:0;
height:0;
position:absolute;
left: 0;
top:0.4em;
border-width:4px 0 4px 4px;
border-color: transparent transparent transparent #ababab;
border-style:solid;
}

/* .link-list
----------------------------------------------- */
.link-list{
margin: 15px 0;
font-size: 14px;
font-weight: bold;
}
.link-list > li{
margin-bottom: 8px;
}
.link-list > li a{
padding: 5px 15px;
border-radius: 3px;
display: block;
border: 1px solid #d0d0d0;
/* SVG as background image (IE9/Safari/Opera) */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMzAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y3RjZGNiIgb2Zmc2V0PSIxMDAlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzgyOCkiIC8+Cjwvc3ZnPg==);
background: -webkit-linear-gradient(#fff 30%, #f7f6f6 100%);
background: linear-gradient(#fff 30%, #f7f6f6 100%);
background-color:#f7f7f7;
box-shadow:0 -1px 1px #f2f2f2 inset;
}

.link-list > li .catch{
font-size: 16px;
}
.link-list > li .sup{
font-weight: normal;
font-size: 12px;
}

/* .link-list.branch
----------------------------------------------- */
.link-list.branch{
text-align: center;
}

/* .link-list-01
----------------------------------------------- */
.link-list-01{
margin: 15px 0;
}
.link-list-01 > li{
margin-bottom: 3px;
}
.link-list-01 > li a{
padding-left: 10px;
display: inline-block;
position: relative;
}
.link-list-01 > li a:before{
margin:0;
content: "";
display:block;
width:0;
height:0;
position:absolute;
left: 0;
top:0.4em;
border-width:4px 0 4px 4px;
border-color: transparent transparent transparent #ababab;
border-style:solid;
}

.panel-hdg-01 + .link-list-01{
margin-top: 5px;
}

/* .link-list-line / .link-list-line-01
----------------------------------------------- */
.link-list-line,
.link-list-line-01{
margin: 15px 0;
}
.link-list-line > li,
.link-list-line-01 > li{
margin-left: 20px;
display: inline-block;
}
.link-list-line > li:first-child,
.link-list-line-01 > li:first-child{
margin-left: 0;
}
.link-list-line > li a,
.link-list-line-01 > li a{
padding: 5px 15px 4px 30px;
border: 1px solid #c9c9c9;
display: block;
position: relative;
background-color: #fbfbfb;
}
.link-list-line > li .catch,
.link-list-line-01 > li .catch{
font-size: 14px;
font-weight: bold;
}
.link-list-line > li a:before,
.link-list-line-01 > li a:before{
border-radius: 6px;
content:"";
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:9px;
left:14px;
background-color: #9e9e9e;
}
.link-list-line > li a:after,
.link-list-line-01 > li a:after{
margin:0;
content: "";
display:block;
width:0;
height:0;
position:absolute;
top:12px;
left:18px;
border-width:3px 0 3px 6px;
border-color: transparent transparent transparent #fff;
border-style:solid;
}

/* IE7 ----------------------------- */
*:first-child+html .link-list-line > li,
*:first-child+html .link-list-line-01 > li{
display: inline;
zoom:1;
}


/* .link-list-line-01
----------------------------------------------- */
.link-list-line-01 > li{
margin-left: 10px;
}
.link-list-line-01 > li a{
padding: 0 0 0 15px;
border: none;
background-color: transparent;
}
.link-list-line-01 > li a:before{
top:4px;
left: 0;
}
.link-list-line-01 > li a:after{
top:7px;
left: 4px;
}


/* ----------------------------------------------------------------
	nav
----------------------------------------------------------------- */

/* .nav-internal
----------------------------------------------- */

/* .tab-container
----------------------------------------------- */
.tab-container{
margin: 20px 0;
}

/* .tab-dynamic
----------------------------------------------- */
.tab-dynamic .tab-item{
display: none;
}
.tab-dynamic .tab-item.active{
display: block;
}

/* .tab
----------------------------------------------- */
/* .tabs ----------------------------- */
.tab .tabs{
padding: 15px;
border-width: 0 1px 1px;
border-color: #b0b0b0;
border-style: solid;
}
.tab .tabs .tab-item > :first-child{
margin-top: 0;
}

/* .tab-list ----------------------------- */
.tab .tab-list{
display: table;
width: 100%;
table-layout: fixed;
font-size: 13px;
}
.tab .tab-list > li{
display: table-cell;
text-align: center;
vertical-align: bottom;
}
.tab .tab-list > li a{
margin-left: -1px;
padding: 8px 2px;
border: 1px solid #b0b0b0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #333;
display: block;
background-color: #f5f5f5;
text-decoration: none;
}
.tab .tab-list > li:first-child a{
margin-left: 0;
}
.tab .tab-list > li .sup{
font-size: 11px;
}

/* .active */
.tab .tab-list > .active a{
padding-bottom: 9px;
border-bottom: none;
background-color: #fff;
font-weight: bold;
}

/* .tab-more ----------------------------- */
.tab .tab-more{
margin: 10px -15px -15px;
padding: 7px 8px 5px;
border-top: 1px solid #ececec;
background-color: #f9f9f9;
text-align: right;
}
.list + .tab-more{
margin-top: 0;
}

/* .tab-list.branch ----------------------------- */
.tab .tab-list.branch{
table-layout: auto;
}

/* IE7 ----------------------------- */
*:first-child+html .tab .tab-list li{
display: inline;
zoom:1;
}
/* IE6 ----------------------------- */
* html .tab .tabs{
border: none;
}
* html .tab .tab-list li{
display: inline;
zoom:1;
}


/* ----------------------------------------------------------------
	table
----------------------------------------------------------------- */
/* .tbl-stripe
----------------------------------------------- */
.tbl-stripe{
width: 100%;
border-collapse: collapse;
}
.tbl-stripe th,
.tbl-stripe td{
padding: 5px 10px;
text-align: left;
}
.tbl-stripe td{
padding-left: 0;
}
.tbl-stripe tr.even{
background-color: #f7f7f7;
}


/* ----------------------------------------------------------------
	button
----------------------------------------------------------------- */

/* .btn
----------------------------------------------- */

/* .btn-list
----------------------------------------------- */

/* ----------------------------------------------------------------
	banner
----------------------------------------------------------------- */

/* .bnr-list
----------------------------------------------- */

/* ----------------------------------------------------------------
	table
----------------------------------------------------------------- */

/* .tbl
----------------------------------------------- */

/* ----------------------------------------------------------------
	image
----------------------------------------------------------------- */
/* .image
----------------------------------------------- */
.image img{
margin: 0 auto 10px;
display: block;
max-width: 100%;
}

/* .image-left
----------------------------------------------- */
.image-left{
margin: 15px 0 0;
overflow: hidden;
}
.image-left > .image{
margin-bottom: 15px;
float: left;
text-align: center;
padding-right: 15px;
}
.image-left > .image img{
margin-bottom: 0;
}
.image-left > .image .caption{
margin-top: 6px;
display: block;
font-size: 11px;
}
.image-left > .col{
overflow: hidden;
}
.image-left > .col > :first-child{
margin-top: 0;
}
.image-left.wrap > .image{
margin-bottom: 2.5%;
}

/* IE7 ----------------------------- */
.image-left > .image{
max-width: 30%;
}

/* .image-right
----------------------------------------------- */
.image-right{
margin: 15px 0 0;
overflow: hidden;
}
.image-right > .image{
margin-bottom: 15px;
float: right;
text-align: center;
padding-left: 15px;
}
.image-right > .image img{
margin-bottom: 0;
}
.image-right > .image .caption{
margin-top: 6px;
display: block;
font-size: 11px;
}
.image-right > .col{
overflow: hidden;
}
.image-right > .col > :first-child{
margin-top: 0;
}
.image-right.wrap > .image{
margin-bottom: 2.5%;
}

/* .image-list
----------------------------------------------- */
.image-list{
margin-top: 15px;
}
.image-list > li{
margin: 5px 0 0 0;
display: inline-block;
}


/* ----------------------------------------------------------------
	box
----------------------------------------------------------------- */
/* .box-line
----------------------------------------------- */
.box-line{
margin-top: 10px;
padding: 10px 0 0;
border-top: 1px dotted #e5e5e5;
}
.box-line > :first-child{
margin-top: 0;
}

/* .panel
----------------------------------------------- */
.panel{
margin-bottom: 15px;
padding: 10px;
border: 1px solid #c6c6c6;
border-radius: 4px;
background-color: #fff;
}
.panel > :last-child{
margin-bottom: 0;
}

.panel .panel-hdg{
margin: -10px -10px 10px;
padding: 7px 10px 5px;
border: 1px solid #fff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
position: relative;
background-color: #f0f0f0;
}
.panel .panel-hdg:before{
content:"";
display:block;
width:100%;
height:1px;
border-width: 0 1px;
border-color: #c6c6c6;
border-style: solid;
overflow:hidden;
position:absolute;
bottom:-2px;
left:-1px;
background-color: #c6c6c6;
}

.panel .panel-hdg-01{
padding: 2px 10px;
background-color: #f1f1f1;
}

.panel .panel-hdg-01 + .link-list-02{
margin-top: 10px;
}

/* ----------------------------------------------------------------
	layout
----------------------------------------------------------------- */

/* list-col-2,list-col-3,list-col-4
----------------------------------------------- */
.list-col-2 > li{
margin-left: 1.25%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 49.375%;
}
.list-col-2 > li li{
margin-left: 0;
width: auto;
float: none;
}

.list-col-3 > li{
margin-left: 1.25%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 32.5%;
}
.list-col-3 > li li{
margin-left: 0;
width: auto;
float: none;
}

.list-col-4 > li{
margin-left: 1.25%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24.0625%;
}
.list-col-4 > li li{
margin-left: 0;
width: auto;
float: none;
}

.list-col-2 > li:nth-child(2n+1),
.list-col-3 > li:nth-child(3n+1),
.list-col-4 > li:nth-child(4n+1){
margin-left: 0;
clear: left;
}

.list-col-2 > li.col-reset,
.list-col-3 > li.col-reset,
.list-col-4 > li.col-reset{
margin-left: 0;
clear: left;
}

/* grid
----------------------------------------------- */
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
DEVELOPER : DENIS LEBLANC
URL : http://responsive.gs
VERSION : 3.0
LICENSE : GPL & MIT */

[class^="grid-"]{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grid-container{
margin: 0 auto;
max-width: 960px;
}
.grid-container .grid-col{
display: block;
float: left;
}
.grid-container .grid-gutters .grid-col{
margin-left: 2.5%;
}
.grid-container .grid-gutters .grid-col:first-child{
margin-left: 0;
}
.grid-container .grid-span-1{
width: 8.33333%;
}
.grid-container .grid-span-2{
width: 16.66667%;
}
.grid-container .grid-span-3{
width: 25%;
}
.grid-container .grid-span-4{
width: 33.33333%;
}
.grid-container .grid-span-5{
width: 41.66667%;
}
.grid-container .grid-span-6{
width: 50%;
}
.grid-container .grid-span-7{
width: 58.33333%;
}
.grid-container .grid-span-8{
width: 66.66667%;
}
.grid-container .grid-span-9{
width: 75%;
}
.grid-container .grid-span-10{
width: 83.33333%;
}
.grid-container .grid-span-11{
width: 91.66667%;
}
.grid-container .grid-span-12{
width: 100%;
}
.grid-container .grid-gutters .grid-span-1{
width: 6.04167%;
}
.grid-container .grid-gutters .grid-span-2{
width: 14.58333%;
}
.grid-container .grid-gutters .grid-span-3{
width: 23.125%;
}
.grid-container .grid-gutters .grid-span-4{
width: 31.66667%;
}
.grid-container .grid-gutters .grid-span-5{
width: 40.20833%;
}
.grid-container .grid-gutters .grid-span-6{
width: 48.75%;
}
.grid-container .grid-gutters .grid-span-7{
width: 57.29167%;
}
.grid-container .grid-gutters .grid-span-8{
width: 65.83333%;
}
.grid-container .grid-gutters .grid-span-9{
width: 74.375%;
}
.grid-container .grid-gutters .grid-span-10{
width: 82.91667%;
}
.grid-container .grid-gutters .grid-span-11{
width: 91.45833%;
}
.grid-container .grid-gutters .grid-span-12{
width: 100%;
}
/* IE6 ----------------------------- */
* html .grid-container .grid-gutters .grid-col{
margin-left: 0;
}

/* ----------------------------------------------------------------
	Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
margin: 10px 0;
font-size: 12px
}
.notice-list li{
margin-bottom: 5px;
padding-left: 1.55em;
position: relative;
}
.notice-list li .mark{
position: absolute;
top:0;
left: 0
}
.notice-list li.num{
padding-left: 2.5em
}

/* ----------------------------------------------------------------
	component
----------------------------------------------------------------- */
/* .hotel-detail
----------------------------------------------- */
.hotel-detail{
margin: 15px 0;
}
.hotel-detail .image{
min-height: 140px;
}
.hotel-detail .image img{
margin-bottom: 0;
}
.hotel-detail .image .caption{
margin-top: 4px;
display: block;
font-size: 10px;
text-align: right;
}

.hotel-detail .hotel-name{
margin: 8px 0 5px;
line-height: 1.45;
min-height: 52px;
font-weight: bold;
}
.hotel-detail .hotel-name .sup{
display: block;
font-size: 10px;
font-weight: normal;
}

.hotel-detail .hotel-price{
color: #e30707;
font-size: 14px;
font-weight: bold;
}
.hotel-detail .hotel-price span{
color: #222;
font-size: 10px;
font-weight: normal;
}

.hotel-detail .hotel-review{
margin: 5px 0 0;
overflow: hidden;
font-size: 9px;
}
.hotel-detail .hotel-review dt,
.hotel-detail .hotel-review dd{
margin-top: 3px;
}
.hotel-detail .hotel-review dt{
padding-right: 4px;
width: 6em;
float: left;
overflow: hidden;
}
.hotel-detail .hotel-review dd{
overflow: hidden;
}
.hotel-detail .hotel-review .icon,
.hotel-detail .hotel-review .icon-01{
overflow: hidden;
line-height: 1;
}
.hotel-detail .hotel-review .icon .sup,
.hotel-detail .hotel-review .icon-01 .sup{
padding: 2px 0 0;
color:#666;
display:inline-block;
}
.hotel-detail .hotel-review .icon-01 .sup{
padding: 4px 0 0 2px;
}
.hotel-detail .hotel-review .icon img,
.hotel-detail .hotel-review .icon-01 img{
margin-right: 2px;
float: left;
}
.hotel-detail .hotel-review .icon-01 img{
margin-right: 0;
}

/* 20150210_mtaka */
#feature_Area{
clear: both;
	}

#feature_Area h3 {
margin: 0 0 10px 0;
padding: 0 0 0 40px;
width: 690px;
}

#feature_Area ul{
display: table;
	}

#feature_Area ul li{
float: left;
padding: 0 6px 25px 10px;
width: 165px;	}

#feature_Area ul li a{
display: inline-block;
font-weight: bold;	}


#feature_Area ul li a img{
display: inherit;
margin-bottom: 3px;
float: none;}



#feature_Area ul li a em{
font-weight: bold;
	}

#feature_Area li em img{
display: inline;
margin: 0 3px 0 0;}

#theme_Area {
clear: both;
	}

#theme_Area ul#pickedup_Area{
	}

#theme_Area ul#pickedup_Area li{
float: left;
padding: 0 0 10px 10px;
width: 355px;
line-height: 1.4;
	}

#theme_Area ul#pickedup_Area li a{
display: block;
/*min-height: 60px;
height: auto !important;
height: 60px;*/
color: #333;
line-height: 1.2;
	}

#theme_Area ul#pickedup_Area li a img{
float: left;
margin: 0 5px 0 0;
vertical-align: middle;
	}

#theme_Area ul#pickedup_Area li a em{
	}


/* ----------------------------------------------------------------
	common
----------------------------------------------------------------- */
/* margin/padding Control
----------------------------------------------- */
.m-auto{
margin-left: auto !important;
margin-right: auto !important;
}
.m-top-0 {
margin-top: 0 !important;
}
.m-right-0 {
margin-right: 0 !important;
}
.m-bottom-0 {
margin-bottom: 0 !important;
}
.m-left-0 {
margin-left: 0 !important;
}
.p-top-0 {
padding-top: 0 !important;
}
.p-right-0 {
padding-right: 0 !important;
}
.p-bottom-0 {
padding-bottom: 0 !important;
}
.p-left-0 {
padding-left: 0 !important;
}
.m-top-5 {
margin-top: 5px !important;
}
.m-right-5 {
margin-right: 5px !important;
}
.m-bottom-5 {
margin-bottom: 5px !important;
}
.m-left-5 {
margin-left: 5px !important;
}
.p-top-5 {
padding-top: 5px !important;
}
.p-right-5 {
padding-right: 5px !important;
}
.p-bottom-5 {
padding-bottom: 5px !important;
}
.p-left-5 {
padding-left: 5px !important;
}
.m-top-10 {
margin-top: 10px !important;
}
.m-right-10 {
margin-right: 10px !important;
}
.m-bottom-10 {
margin-bottom: 10px !important;
}
.m-left-10 {
margin-left: 10px !important;
}
.p-top-10 {
padding-top: 10px !important;
}
.p-right-10 {
padding-right: 10px !important;
}
.p-bottom-10 {
padding-bottom: 10px !important;
}
.p-left-10 {
padding-left: 10px !important;
}
.m-top-15 {
margin-top: 15px !important;
}
.m-right-15 {
margin-right: 15px !important;
}
.m-bottom-15 {
margin-bottom: 15px !important;
}
.m-left-15 {
margin-left: 15px !important;
}
.p-top-15 {
padding-top: 15px !important;
}
.p-right-15 {
padding-right: 15px !important;
}
.p-bottom-15 {
padding-bottom: 15px !important;
}
.p-left-15 {
padding-left: 15px !important;
}

/* Width Control
----------------------------------------------- */
.w-5 {
width: 5% !important;
}
.w-10 {
width: 10% !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-25 {
width: 25% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-45 {
width: 45% !important;
}
.w-50 {
width: 50% !important;
}
.w-55 {
width: 55% !important;
}
.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-70 {
width: 70% !important;
}
.w-75 {
width: 75% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-90 {
width: 90% !important;
}
.w-95 {
width: 95% !important;
}
.w-100 {
width: 100% !important;
}

/* Display制御
----------------------------------------------- */
.block{
display: block !important;
}
.inline-block{
display: inline-block !important;
}
.inline{
display: inline !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > *{
text-align: left !important;
}

.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > *{
text-align: center !important;
}

.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > *{
text-align: right !important;
}

.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > *{
vertical-align: middle !important;
}



/* ----------------------------------------------------------------

	03. sub _Col

----------------------------------------------------------------- */
/* .rightSide_Box
----------------------------------------------- */
#sub_Col .rightSide_Box{
margin-bottom: 15px;
}

/* #blog_Col
----------------------------------------------- */
#sub_Col #blog_Col .link:before{
display: none;
}