@charset "utf-8";
/* style.css */

/* ========================================================
common
======================================================== */
* {
	padding: 0;
	margin: 0;
}
html {
	overflow-y: scroll;
}
body {
	overflow: hidden;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	font-weight: normal;
}
table {
	border-collapse: collapse;
}
img {
	border: none;
	vertical-align: bottom;
}
li {
	list-style-type: none;
}
input,
textarea {
	font-size: 12px;
	color: #333;/**/
	vertical-align: middle;
}
input[type="text"],
input[type="password"],
textarea {
	padding: 2px;
	border: 1px solid #ccc;
}
input[type="submit"],
input[type="checkbox"],
input[type="image"] {
	cursor: pointer;
}
label {
	cursor: pointer;
}
a { color: #4C4FDA; text-decoration: underline; }/**/
a:hover { text-decoration: none;}
/*
a:visited { color: #8d89d8; }
a:hover { color: #89cad8; }
*/
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }
/* ========================================================
base
======================================================== */
body {
}
#wrapper {
}
.area {
	width: 1000px;
	margin: 0 auto;
}
.area:before { content:""; display:table;}
.area:after { content:""; display:table; clear:both;}
.area { zoom:1;}
.pagetop {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(/image/common/pagetop.png) no-repeat left top rgba(0,0,0,0.8);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.pagetop:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
/* ========================================================
header
======================================================== */
#header-contents .area {
	height: 70px;
	position: relative;
}
#header .logo {
	position: absolute;
	left: 0;
	top: 10px;
}
#hnav {
	position: absolute;
	right: 0;
	bottom: 0;
}
#hnav ul {
	background: url(/image/common/hnav_bg01.png) no-repeat left top;
}
#hnav ul:before { content:""; display:table;}
#hnav ul:after { content:""; display:table; clear:both;}
#hnav ul { zoom:1;}
#hnav ul li {
	float: left;
}
#hnav li a {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
#hnav li a:hover {
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}
#gnav {
	background: #e9d78d;
}
/*
#gnav ul {
	background: url(/image/common/gnav_bg01.png) no-repeat left top;
}
*/
#gnav ul:before { content:""; display:table;}
#gnav ul:after { content:""; display:table; clear:both;}
#gnav ul { zoom:1;}
#gnav li {
	float: left;
	background: url(/image/common/gnav_bg01.png) no-repeat left top;
	background-position: 0 0;
}
#gnav li.gnav01 { background-position: 0 0;}
#gnav li.gnav02 { background-position: -150px 0;}
#gnav li.gnav03 { background-position: -290px 0;}
#gnav li.gnav04 { background-position: -430px 0;}
#gnav li.gnav05 { background-position: -570px 0;}
#gnav li.gnav06 { background-position: -710px 0;}
#gnav li.gnav07 { background-position: -850px 0;}
#gnav li.gnav08 { background-position: -1000px 0;}
#gnav li.gnav09 { background-position: -1140px 0;}
#gnav li.gnav10 { background-position: -1280px 0;}
#gnav li a {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
#gnav li a:hover,
#gnav li.current img {
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}
#gnav.w ul {
	background: url(/image/common/gnav_bg01_w.png) no-repeat left top;
}
/* ========================================================
contents
======================================================== */
#container {
	padding: 20px 0;
}
#contents {
	position: relative;
	width: 740px;
	padding: 0 5px;
	float: right;
}
.login #contents {
	min-height: 500px;
}
#contents:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html #contents { height: 1%; }
#contents { display: block; }
#pan {
	margin-bottom: 10px;
}
#pan:before { content:""; display:table;}
#pan:after { content:""; display:table; clear:both;}
#pan { zoom:1;}
#pan ol {
	float: right;
	background: #fafafa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 10px;
}
#pan ol:before { content:""; display:table;}
#pan ol:after { content:""; display:table; clear:both;}
#pan ol { zoom:1;}
#pan li {
	display: inline;
	line-height: 1.2;
	font-size: 90%;
	color: #999;
}
#pan li a {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	color: #999;
	text-decoration: none;
	margin-right: 5px;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
#pan li a:hover {
	color: #333;
}
/* ========================================================
contents
======================================================== */
#side {
	display: inline;
	margin: 0;
	width: 240px;
	padding: 0 5px;
	float: left;
}
#side .bar {
	background: #444;
	color: #fff;
	padding: 10px;
	line-height: 1.1;
	font-size: 130%;
	letter-spacing: 0.1em;
}
#side .bar:first-letter {
	color: #E9D78C;
}
#side .news {
	margin-bottom: 20px;
}
#side .news-box {
	border: 1px solid #444;
	border-top: none;
	height: 182px;
	overflow-y: scroll;
}
#side .news-box ul {
	padding: 10px;
}
#side .news-box ul li {
	padding: 10px 0;
	background: url(/image/common/line01.png) repeat-x center bottom;
}
#side .news-box ul li:last-child{
	background: none;
}
#side .news-box ul li .day {
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 0.3em;
}
#side .news-box ul li .day:before,
#side .news-box ul li .day:after {
	content:"★";
	color: #E9D78C;
}
#side .news-box ul li .text {
	font-size: 90%;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
#side .menu {
	margin-bottom: 10px;
}
#side .menu a {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
#side .menu a:hover {
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}
#side .menu-box {
	background: url(/image/common/texture01.png) #eee;
	padding: 5px;
}
#side .menu-box li {
	background: url(/image/common/side_menu_bg01.png) no-repeat 0 0;
	background-position: 0 0;
}
#side .menu-box.w li {
	background-image: url(/image/common/side_menu_bg01_w.png);
}
/*
#side .menu-box li:nth-child(2) { background-position: 0 -70px;}
#side .menu-box li:nth-child(3) { background-position: 0 -140px;}
#side .menu-box li:nth-child(4) { background-position: 0 -210px;}
#side .menu-box li:nth-child(5) { background-position: 0 -280px;}
#side .menu-box li:nth-child(6) { background-position: 0 -350px;}
#side .menu-box li:nth-child(7) { background-position: 0 -420px;}
*/
#side .menu-box li.sidemenu02 { background-position: 0 -70px;}
#side .menu-box li.sidemenu03 { background-position: 0 -140px;}
#side .menu-box li.sidemenu04 { background-position: 0 -210px;}
#side .menu-box li.sidemenu05 { background-position: 0 -280px;}
#side .menu-box li.sidemenu06 { background-position: 0 -350px;}
#side .menu-box li.sidemenu07 { background-position: 0 -420px;}
#side .menu-box li.sidemenu08 { background-position: 0 -490px;}
#side .menu-box li.sidemenu09 { background-position: 0 -560px;}
#side .menu-box li.sidemenu10 { background-position: 0 -630px;}
/*
#side .menu-box ul {
	background: url(/image/common/side_menu_bg01.png) no-repeat center center;
}
#side .menu-box.w ul {
	background: url(/image/common/side_menu_bg01_w.png) no-repeat center center;
}
*/
#side .ban {
	margin-bottom: 10px;
}
#side .text {
	font-size: 95%;
	margin-bottom: 0.5em;
}
#side .text .text-btn03 {
	margin: 0.5em 0;
	font-size: 90%;
	width: 140px;
}
/* ========================================================
footer
======================================================== */
#footer {
	clear: both;
}
#footer-contents {
	background: url(/image/common/bg01.png);
}
#footer-contents .text-btn03 {
	font-size: 85%;
	margin-bottom: 0.5em;
	min-width: 100px;
}
.fnav {
	display: table;
	margin: 20px auto;
	border-collapse: collapse;
}
.fnav li {
	display: table-cell;
	line-height: 1;
	border: 1px solid #fff;
}
.fnav li a {
	display: block;
	padding: 5px 10px;
	text-decoration: underline;
	color: #fff;
	font-size: 90%;
	background: #444;
	text-decoration: none;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.footer-about {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.footer-about .item {
	display: table-cell;
	width: 260px;
	padding-right: 70px;
}
.footer-about .item:nth-child(2){
	padding-left: 35px;
	padding-right: 35px;
}
.footer-about .item:nth-child(3){
	padding-left: 70px;
	padding-right: 0;
}
.footer-about .title {
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 2em;
}
.footer-about .text {
	font-size: 90%;
	line-height: 1.3;
	margin-bottom: 0.5em;
}
.footer-about .bar {
	border: 1px solid #444;
	background: #fff;
	line-height: 1.2;
	text-align: center;
	font-size: 90%;
	margin-bottom: 0.5em;
	padding: 4px 5px 2px 5px;
}
.fnav li a:hover {
	background: #E9D78D;
}
#footer-bottom {
	background: #E9D78D;
	text-align: center;
}
#footer-bottom .flogo {
	padding: 10px 0;
}
#footer-bottom .text {
	font-size: 85%;
}
#footer-bottom .copy {
	font-size: 85%;
	line-height: 1.2;
	padding: 10px 0;
}
/* ========================================================
top
======================================================== */
.top-contents {
}
.top-contents .title {
	text-align: center;
}
#visual {
	width: 100%;
	padding: 20px 0 50px 0;
}
#top-contents01 {
	background: url(/image/common/bg01.png);
}
#top-contents01 ul {
	padding-left: 5px;
	margin: 0 25px 30px 20px;
}
#top-contents01 ul:before { content:""; display:table;}
#top-contents01 ul:after { content:""; display:table; clear:both;}
#top-contents01 ul { zoom:1;}
#top-contents01 li {
	float: left;
	height: 80px;
	width: 80px;
	background: #000;
	margin: 0 5px 5px 0;
	padding: 5px;
	display: table;	
}
#top-contents01 li img {
	height: auto;
	width: auto;
	max-height: 80px;
	max-width: 80px;
}
#top-contents01 li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#top-contents02 {
	padding-bottom: 40px;
}
#top-contents02 .prize-box {
}
#top-contents02 .prize-box li {
}
#top-contents02 .prize-box .item {
	border: 1px solid #ccc;
	background: #F2F2F2;
}
#top-contents02 .prize-box .photo {
	background: url(/image/common/prize_item02.png) no-repeat center top;
	padding: 19px;
}
#top-contents02 .prize-box .name {
	text-align: center;
	padding: 1em 0;
	color: #999;
	font-weight: bold;
}
#top-contents03 {
	background: url(/image/common/bg01.png);
}
.top-box p {
	margin-bottom: 20px;
}
.top-box a {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.top-box a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
/* ========================================================
login
======================================================== */
.login #hnav ul {
	background: url(/image/common/hnav_bg02.png) no-repeat left top;
}
#side .mileage-box {
	padding: 10px;
	border: 1px solid #444;
	border-top: none;
}
#side .mileage .pale {
}
#side .mileage .pale dl {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}
#side .mileage .pale dt {
	display: table-cell;
}
#side .mileage .pale dd {
	display: table-cell;
}
#side .mileage .icon {
	width: 30px;
	margin-right: 5px;
	vertical-align: middle;
}
#side .mileage .text-link01 {
	font-size: 85%;
}
#side .mileage .ash {
}
#side .mileage .ash p {
	border-bottom: 1px dotted #ddd;
}
#side .mileage .ash p:last-child {
	border: none;
}
#side .member {
	margin-bottom: 20px;
}
#side .member .btn {
	padding: 0 10px 10px 10px;
}
#side .member-box {
	border: 1px solid #444;
	border-top: none;
}
#side .member-box .image {
	background: url(/image/common/bg01.png);
	padding: 10px;
	text-align: center;
}
#side .member-box .image p {
	width: 120px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
#side .member-box .image p img {
	height: auto;
	max-height: 120px;
	max-width: 120px;
}
#side .member-data {
	padding: 10px;
}
#side .member-data dl {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #ddd;
}
#side .member-data dt {
	padding: 5px 0;
	display: table-cell;
}
#side .member-data dd {
	padding: 5px 0;
	display: table-cell;
	text-align: right;
}
#side .member-data dl:last-child {
	border: none;
}
/* ========================================================
tab mileage
======================================================== */
#tab-area {
	background: url(/image/common/texture01.png) #eee;
	margin-bottom: 20px;
}
#tab-area .tab-btn {
	background: #e9d78d;
	display: table;
	width: 100%;
	color: #444;
}
#tab-area .tab-btn li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
	width: 33.33%;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
#tab-area .tab-btn li span,
#tab-area .tab-btn li a {
	color: #444;
	display: block;
	padding: 10px 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
#tab-area .tab-btn.col-4 li {
	width: 25%;
}
#tab-area .tab-btn li:hover {
	background-color: #444;
	color: #e9d78d;
}
#tab-area .tab-btn li:hover span,
#tab-area .tab-btn li:hover a {
	color: #e9d78d;
}
#tab-area .tab-btn li:last-child{
	border: none;
}
#tab-area .tab-btn li.select {
	background: #444;
	color: #e9d78d;
}
#tab-area .tab-btn li.select span,
#tab-area .tab-btn li.select a {
	color: #e9d78d;
}
#tab-area .tab-content {
	padding: 10px;
}
#tab-area .tab-page {
	padding: 30px;
	border: 1px solid #ddd;
	background: #fff;
}
#tab-area .hide {
	display: none;
}
#tab-area .log-list li {
	padding-bottom: 10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #ccc;
}
#tab-area .content02 ul {
	margin-bottom: 40px;
}
#tab-area .content02 li {
	text-align: center;
	margin-bottom: 10px;
}
#tab-area .content02 li .text-btn01,
#tab-area .content03 .text-btn01 {
	font-size: 130%;
	min-width: 300px;
}
#tab-area .content03 .text {
	width: 60%;
	margin: 0 auto 20px auto;
}
#tab-area .content03 .btn {
	text-align: center;
	margin-bottom: 40px;
}
#tab-area .content04 {
}
#tab-area .content04 .mile dt {
	font-size: 200%;
	text-align: center;
}
#tab-area .content04 .mile dt img {
	vertical-align: middle;
}
#tab-area .content04 .mile dd {
	text-align: center;
	font-size: 200%;
}
#tab-area .content04 .mile dd b {
	font-size: 200%;
}
#tab-area .content04 .change {
	display: table;
	width: 100%;
	margin-bottom: 70px;
}
#tab-area .content04 .change dt {
	display: table-cell;
	width: 55%;
	vertical-align: middle;
	text-align: right;
	font-size: 150%;
}
#tab-area .content04 .change dt input[type="text"] {
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 5px;
}
#tab-area .content04 .change dd {
	display: table-cell;
	width: 45%;
	vertical-align: middle;
	text-align: left;
}
#tab-area .content04 .change dd .text-btn01 {
	font-size: 130%;
}
#tab-area .content06 .table-box01 {
	width: 70%;
	margin: 0 auto;
}
#tab-area .content06 .table-box01 th {
	width: 30%;
}
#tab-area .content07 .fan dt {
	font-size: 200%;
	text-align: center;
}
#tab-area .content07 .fan dt img {
	vertical-align: middle;
}
#tab-area .content07 .fan dd {
	text-align: center;
	font-size: 200%;
}
#tab-area .content07 .fan dd b {
	font-size: 200%;
}
#tab-area .content07 .fan-list {
	width: 60%;
	margin: 0 auto;
}
#tab-area .content07 .fan-list li label {
	display: block;
	padding: 10px;
	background: #f9f5e3;
	border: 2px solid #e9d78d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 130%;
}
#tab-area .content07 .fan-list li input[type="checkbox"] {
	margin-right: 5px;
}
#tab-area .content07 .btn {
	text-align: center;
	padding: 20px;
}
#tab-area .content07 .btn .text-btn01 {
	font-size: 130%;
	min-width: 60%;
}
/* ========================================================
prize
======================================================== */
#exchange-area {
	margin-bottom: 20px;
}
#exchange-area ul {
}
#exchange-area ul:before { content:""; display:table;}
#exchange-area ul:after { content:""; display:table; clear:both;}
#exchange-area ul { zoom:1;}
#exchange-area li {
	float: left;
	width: 25%;
	margin-bottom: 5px;
}
#exchange-area ul.col-3 li {
	width: 33.33%;
}
#exchange-area li a {
	display: block;
	margin: 10px;
}
#exchange-area figure {
	position: relative;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
#exchange-area figcaption {
	position: absolute;
	display: table;
	color:#fff;
	right:0px;
	bottom: 0px;
	z-index: 2;
	min-height: 3em;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,0.6);
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
}
#exchange-area figcaption p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	height: 4em;
	line-height: 1.2;
	color: #fff;
	font-size: 90%;
}
#exchange-area figcaption p .name {
	font-weight: normal;
}
#exchange-area figcaption p .price {
	display: block;
	text-align: center;
}
#exchange-area figure:hover figcaption {
		bottom: -100%;
}
#exchange-area img {
	width: 100%;
	height: auto;
}
/*----------------------------
 help_page
----------------------------*/
.help-box {
}
.help-box .btn {
	text-align: center;
}
.help-box .btn .text-btn02 {
	min-width: 60%;
	margin-bottom: 10px;
}
.help-box .btn {
	text-align: center;
}
.help-contents dt {
	clear: both;
	margin-bottom: 20px;
	font-size: 220%;
	letter-spacing: 0.1em;
	line-height: 1.2;
	padding: 10px 0 20px 0;
	color: #444;
	text-align: center;
	background: url(/image/common/line01.png) repeat-x left bottom;
}
.help-contents {
	padding: 50px 0 0 0;
}
.help-contents dt:first-letter {
	color: #d9c04c;
}
.help-contents dd {
	width: 70%;
	margin: 0 auto 60px auto;
	font-size: 130%;
	line-height: 1.6;
}
/* ========================================================
contents-area
======================================================== */
#contents-area {
	margin-bottom: 20px;
}
#contents-area ul:before { content:""; display:table;}
#contents-area ul:after { content:""; display:table; clear:both;}
#contents-area ul { zoom:1;}
#contents-area li {
	float: left;
	margin: 0 5px 5px 0;
}
#contents-area a {
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
#contents-area a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* ========================================================
temp
======================================================== */
/* other */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.disnon {
	display: none;
}
/* text */
.colorPink01 { color: #ef60a9; }
.colorRed01 { color: #cc3333; }
.colorblue01 { color: #00ccff; }
.colorGray01 { color: #999999; }
.colorGray02 { color: #91877f; }

.tc { text-align: center!important;}
.tl { text-align: left!important; }
.tr { text-align: right!important; }

.fl { float: left;}
.fr { float: right;}
.fn { float: none;}

.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }

.fontB { font-weight: bold; }
.fontN { font-weight: normal; }

.ssize { font-size: 10px;}
.msize { font-size: 14px;}
.lsize { font-size: 18px;}

.str { color: #ba6b69;}
.em { color: #d9c04c;}

/* bar lead */
.lead01 {
	font-size: 120%;
	padding: 10px 20px;
	text-align: center;
}
.lead01:before {
	content:"【 ";
	color: #E9D78C;
}
.lead01:after {
	content:" 】";
	color: #E9D78C;
}
.bar01 {
	color: #ff6600;
	text-align: center;
	margin-bottom:6px;
	padding: 2px;
	background: #ffffcc;
	border: 1px dotted #FC9;
}
hr.line01 {
	border: none;
	width: 100%;
	height: 1px;
	margin: 0 0 10px 0;
	background: #eee;
}


/*-------------------------------------------------------
/
/	width height
/
-------------------------------------------------------*/
.w10p { width:10%!important; min-width: 10%!important; max-width: 10%!important; }
.w15p { width:15%!important; min-width: 15%!important; max-width: 15%!important; }
.w20p { width:20%!important; min-width: 20%!important; max-width: 20%!important; }
.w25p { width:25%!important; min-width: 25%!important; max-width: 25%!important; }
.w30p { width:30%!important; min-width: 30%!important; max-width: 30%!important; }
.w35p { width:35%!important; min-width: 35%!important; max-width: 35%!important; }
.w40p { width:40%!important; min-width: 40%!important; max-width: 40%!important; }
.w45p { width:45%!important; min-width: 45%!important; max-width: 45%!important; }
.w50p { width:50%!important; min-width: 50%!important; max-width: 50%!important; }
.w55p { width:55%!important; min-width: 55%!important; max-width: 55%!important; }
.w60p { width:60%!important; min-width: 60%!important; max-width: 60%!important; }
.w65p { width:65%!important; min-width: 65%!important; max-width: 65%!important; }
.w70p { width:70%!important; min-width: 70%!important; max-width: 70%!important; }
.w75p { width:75%!important; min-width: 75%!important; max-width: 75%!important; }
.w80p { width:80%!important; min-width: 80%!important; max-width: 80%!important; }
.w85p { width:85%!important; min-width: 85%!important; max-width: 85%!important; }
.w90p { width:90%!important; min-width: 90%!important; max-width: 90%!important; }
.w95p { width:95%!important; min-width: 95%!important; max-width: 95%!important; }
.w100p { width:100%!important; min-width: 100%!important; max-width: 100%!important; }

.w20 { width: 20px!important; min-width: 20px!important; max-width: 20px!important; }
.w30 { width: 30px!important; min-width: 30px!important; max-width: 30px!important; }
.w40 { width: 40px!important; min-width: 40px!important; max-width: 40px!important; }
.w50 { width: 50px!important; min-width: 50px!important; max-width: 50px!important; }
.w60 { width: 60px!important; min-width: 60px!important; max-width: 60px!important; }
.w70 { width: 70px!important; min-width: 70px!important; max-width: 70px!important; }
.w80 { width: 80px!important; min-width: 80px!important; max-width: 80px!important; }
.w90 { width: 90px!important; min-width: 90px!important; max-width: 90px!important; }
.w100 { width: 100px!important; min-width: 100px!important; max-width: 100px!important; }
.w110 { width: 110px!important; min-width: 110px!important; max-width: 110px!important; }
.w120 { width: 120px!important; min-width: 120px!important; max-width: 120px!important; }
.w130 { width: 130px!important; min-width: 130px!important; max-width: 130px!important; }
.w140 { width: 140px!important; min-width: 140px!important; max-width: 140px!important; }
.w150 { width: 150px!important; min-width: 150px!important; max-width: 150px!important; }
.w160 { width: 160px!important; min-width: 160px!important; max-width: 160px!important; }
.w170 { width: 170px!important; min-width: 170px!important; max-width: 170px!important; }
.w180 { width: 180px!important; min-width: 180px!important; max-width: 180px!important; }
.w190 { width: 190px!important; min-width: 190px!important; max-width: 190px!important; }
.w200 { width: 200px!important; min-width: 200px!important; max-width: 200px!important; }
.w250 { width: 250px!important; min-width: 250px!important; max-width: 250px!important; }
.w300 { width: 300px!important; min-width: 300px!important; max-width: 300px!important; }
.w350 { width: 350px!important; min-width: 350px!important; max-width: 350px!important; }
.w400 { width: 400px!important; min-width: 400px!important; max-width: 400px!important; }
.w450 { width: 450px!important; min-width: 450px!important; max-width: 450px!important; }
.w500 { width: 500px!important; min-width: 500px!important; max-width: 500px!important; }
.w550 { width: 550px!important; min-width: 550px!important; max-width: 550px!important; }
.w600 { width: 600px!important; min-width: 600px!important; max-width: 600px!important; }

.h10 { height: 10px!important; min-height: 10px!important; max-height: 10px!important; }
.h20 { height: 20px!important; min-height: 20px!important; max-height: 20px!important; }
.h30 { height: 30px!important; min-height: 30px!important; max-height: 30px!important; }
.h40 { height: 40px!important; min-height: 40px!important; max-height: 40px!important; }
.h50 { height: 50px!important; min-height: 50px!important; max-height: 50px!important; }
.h60 { height: 60px!important; min-height: 60px!important; max-height: 60px!important; }
.h70 { height: 70px!important; min-height: 70px!important; max-height: 70px!important; }
.h80 { height: 80px!important; min-height: 80px!important; max-height: 80px!important; }
.h90 { height: 90px!important; min-height: 90px!important; max-height: 90px!important; }
.h100 { height: 100px!important; min-height: 100px!important; max-height: 100px!important; }
.h110 { height: 110px!important; min-height: 110px!important; max-height: 110px!important; }
.h120 { height: 120px!important; min-height: 120px!important; max-height: 120px!important; }
.h130 { height: 130px!important; min-height: 130px!important; max-height: 130px!important; }
.h140 { height: 140px!important; min-height: 140px!important; max-height: 140px!important; }
.h150 { height: 150px!important; min-height: 150px!important; max-height: 150px!important; }
.h160 { height: 160px!important; min-height: 160px!important; max-height: 160px!important; }
.h170 { height: 170px!important; min-height: 170px!important; max-height: 170px!important; }
.h180 { height: 180px!important; min-height: 180px!important; max-height: 180px!important; }
.h190 { height: 190px!important; min-height: 190px!important; max-height: 190px!important; }
.h200 { height: 200px!important; min-height: 200px!important; max-height: 200px!important; }
.h250 { height: 250px!important; min-height: 250px!important; max-height: 250px!important; }
.h300 { height: 300px!important; min-height: 300px!important; max-height: 300px!important; }
.h350 { height: 350px!important; min-height: 350px!important; max-height: 350px!important; }
.h400 { height: 400px!important; min-height: 400px!important; max-height: 400px!important; }
.h450 { height: 450px!important; min-height: 450px!important; max-height: 450px!important; }
.h500 { height: 500px!important; min-height: 500px!important; max-height: 500px!important; }
.h550 { height: 550px!important; min-height: 550px!important; max-height: 550px!important; }
.h600 { height: 600px!important; min-height: 600px!important; max-height: 600px!important; }

/*-------------------------------------------------------
/
/	padding　margin
/
-------------------------------------------------------*/
.PT0 { padding-top: 0px !important;}
.PT5 { padding-top: 5px !important;}
.PT10 { padding-top: 10px !important;}
.PT15 { padding-top: 15px !important;}
.PT20 { padding-top: 20px !important;}
.PT80 { padding-top: 80px !important;}
.PL0 { padding-left: 0px !important;}
.PL5 { padding-left: 5px !important;}
.PL10 { padding-left: 10px !important;}
.PL15 { padding-left: 15px !important;}
.PL20 { padding-left: 20px !important;}
.PR0 { padding-right: 0px !important;}
.PR5 { padding-right: 5px !important;}
.PR10 { padding-right: 10px !important;}
.PR15 { padding-right: 15px !important;}
.PR20 { padding-right: 20px !important;}
.PB0 { padding-bottom: 0px !important;}
.PB5 { padding-bottom: 5px !important;}
.PB10 { padding-bottom: 10px !important;}
.PB15 { padding-bottom: 15px !important;}
.PB20 { padding-bottom: 20px !important;}
.PB200 { padding-bottom: 200px !important;}
.MT0 { margin-top: 0px !important;}
.MT5 { margin-top: 5px !important;}
.MT10 { margin-top: 10px !important;}
.MT15 { margin-top: 15px !important;}
.MT20 { margin-top: 20px !important;}
.MT80 { margin-top: 80px !important;}
.ML0 { margin-left: 0px !important;}
.ML5 { margin-left: 5px !important;}
.ML10 { margin-left: 10px !important;}
.ML15 { margin-left: 15px !important;}
.ML20 { margin-left: 20px !important;}
.MR0 { margin-right: 0px !important;}
.MR5 { margin-right: 5px !important;}
.MR10 { margin-right: 10px !important;}
.MR15 { margin-right: 15px !important;}
.MR20 { margin-right: 20px !important;}
.MB0 { margin-bottom: 0px !important;}
.MB5 { margin-bottom: 5px !important;}
.MB10 { margin-bottom: 10px !important;}
.MB15 { margin-bottom: 15px !important;}
.MB20 { margin-bottom: 20px !important;}
.MB30 { margin-bottom: 30px !important;}
.MB40 { margin-bottom: 40px !important;}
.MB50 { margin-bottom: 50px !important;}
.MA { margin-left: auto !important; margin-right: auto !important;}

/*-------------------------------------------------------
/
/	contact
/
-------------------------------------------------------*/
.contact-box01 {
	clear: both;
	background: #FBF9F7;
}
.contact-box01:before { content:""; display:table;}
.contact-box01:after { content:""; display:table; clear:both;}
.contact-box01 { zoom:1;}
.contact-box01 .images {
	float: right;
	width: 440px;
	margin-left: -440px;
}
.contact-box01 .images a {
	display:block;
}
.contact-box01 .info {
	float: left;
	width: 100%;
}
.contact-box01 .info-in {
	padding-right: 440px;
}
.contact-box01 .title {
}
.contact-box01 .text {
	font-size: 85%;
	line-height: 1.2;
	margin: 0 0 5px 0;
	padding: 0 10px;
}
.contact-box01 .tel {
	padding: 0 10px;
}
.contact-box01 .tel b {
	display: block;
	margin-bottom: 5px;
	letter-spacing: 1px;
	color: #D5BFAA;
	font-size: 250%;
	width: 100%;
	line-height: 1.2;
	border-bottom: 3px double #D5BFAA;
}
.contact-box01 .mail {
	padding: 0 10px;
}
.contact-box01 .mail b {
	display: block;
	margin-bottom: 5px;
	color: #D5BFAA;
	font-size: 250%;
	line-height: 1.2;
	border-bottom: 3px double #D5BFAA;
}
/* list */
.list-box01 {
	clear: both;
	margin: 0 20px 10px 20px;
}
.list-box01:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .list-box01 { height: 1%; }
.list-box01 { display: block; }
.list-box01 .images {
	float: left;
	width: 90px;
	position: relative;
	z-index: 2;
}
.list-box01 .images img {
	width: 90px;
}
.list-box01 .item {
	position: relative;
	width: 100%;
	margin: 0 0 0 -90px;
	float: right;
}
.list-box01 .item-in {
	margin: 0 0 0 100px;
}
.list-box01 .title {
}
.list-box01 .text {
}

.list-box01.r {
}
.list-box01.r .images {
	float: right;
	width: 90px;
}
.list-box01.r .item {
	position: relative;
	width: 100%;
	margin: 0 -90px 0 0;
	float: left;
}
.list-box01.r .item-in {
	margin: 0 100px 0 0;
}
.list-box01.r .item-in:before,.list-box01.r .item-in:after { content:""; display:table;}
.list-box01.r .item-in:after { clear:both;}
.list-box01.r .item-in { zoom:1;}
.list-box01 .list-box01-in {
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.list-box01 .list-box01-in:last-child{
	background: none;
	margin: 0;
	padding: 0;
}
.list-box01 .list-box01-in:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .list-box01 .list-box01-in { height: 1%; }
.list-box01 .list-box01-in { display: block; }
.list-box01.nophoto {
}
.list-box01.nophoto .images {
	display: none;
}
.list-box01.nophoto .item {
	margin: 0;
}
.list-box01.nophoto .item-in {
	margin: 0;
}
.list-box01.nophoto .item-in p {
	float: left;
	margin: 0 10px 0 0;
}
.list-box01.nophoto .item-in p.icon01 {
	width: 100%;
	margin-right: -100%;
}
.list-box01.nophoto .item-in p.icon01 span {
}
.list-box02 {
	margin: 10px 0 20px 20px;
}
.list-box02:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .list-box02 { height: 1%; }
.list-box02 { display: block; }
.list-box02 .list-box02-in {
	float: left;
	width: 125px;
	padding: 0 5px 20px 5px;
	margin: 0 5px 0 0;
}
.list-box02 .images {
	text-align: center;
	margin: 0 0 5px 0;
}
.list-box02 .images img {
	width: 90px;
	border: 3px solid #e1e6ec;
}
.list-box02 .item {
}
.list-box02 .item-in {
}
.list-box02 .title {
}
.list-box02 .text01 {
	font-size: 10px;
}
.list-box03 {
}
/* table */
.table-box01 {
}
.table-box01 table {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 110%;
}
.table-box01 th {
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #eee;
	text-align: left;
	font-weight: normal;
	color: #999;
}
.table-box01 td {
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.table-box01 table.ssize {
}
.table-box01 table.ssize {
	width: 100%;
	border: 1px solid #000;
	margin: 0 0 10px 0;
}
.table-box01 table.ssize th {
	padding: 2px 5px;
	border: 1px solid #000;
	font-size: 11px;
}
.table-box01 table.ssize td {
	padding: 2px 5px;
	font-size: 11px;
}
.table-box02 {
}
.table-box02 table {
	width: 100%;
	border: 1px solid #333;
	margin: 0 0 10px 0;
	font-size: 12px;
}
.table-box02 th {
	padding: 5px;
	border: 1px solid #333;
	background: #ddd;
	text-align: left;
	font-weight: normal;
}
.table-box02 td {
	padding: 5px;
	border: 1px solid #333;
	background: #fff;
}

.table-box02 table.ssize {
}
.table-box02 table.ssize {
	width: 100%;
	border: 1px solid #000;
	margin: 0 0 10px 0;
}
.table-box02 table.ssize th {
	padding: 2px 5px;
	border: 1px solid #000;
	font-size: 11px;
}
/* page */
.page-title {
	clear: both;
	margin-bottom: 20px;
	font-size: 220%;
	letter-spacing: 0.1em;
	line-height: 1.2;
	padding: 10px 0 20px 0;
	color: #444;
	text-align: center;
	background: url(/image/common/line01.png) repeat-x left bottom;
}
.page-title:first-letter {
	color: #d9c04c;
}
/* hl */
.text-hl01 {
	margin-bottom: 20px;
	font-size: 140%;
	letter-spacing: 0.1em;
	line-height: 1.2;
	padding: 10px;
	color: #444;
	border: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box01 .text-hl01 {
	margin-left: 10px;
	margin-right: 10px;
}
.text-hl01:first-letter {
	color: #d9c04c;
}
.text-hl02 {
	margin-bottom: 20px;
	background: #eee;
	padding: 10px;
	font-size: 120%;
	line-height: 1.2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text-lead-hl {
	font-size: 120%;
	padding: 20px;
	text-align: center;
}
.text-lead-hl:before {
	content:"【 ";
	color: #E9D78C;
}
.text-lead-hl:after {
	content:" 】";
	color: #E9D78C;
}
.text-lead {
	font-size: 110%;
	text-align: center;
}
.text01 {
	margin-bottom: 1em;
}
/* box */
.box01 {
	background: #fff;
	margin: 0 0 20px 0;
}
.box01-in01 {
	padding: 0 10px 10px 10px;
}
.box01 .text01 {
	margin-bottom: 1em;
}
.box01:before,.box01:after { content:""; display:table;}
.box01:after { clear:both;}
.box01 { zoom:1;}
.box01.bnone {
	border: none;
	background: none;
	padding: 0;
}
.box01.col-2.bnone { width: 354px; border: none;}
.box01.col-3.bnone { width: 250px; border: none;}
.box01.col-2 {
	clear: none;
	width: 50%;
	float: left;
}
.box01.col-2w {
	clear: none;
	width: 66.33%;
	float: left;
}
.box01.col-3 {
	clear: none;
	width: 33.33;
	float: left;
}
.box01 .box01-in01 {
	padding: 0 20px 20px 20px;
}
.box01 .caption01 {
	font-size: 10px;
	line-height: 1;
}
.box01 .icon01 {
}
.box01 .icon01 a {
	text-decoration: none;
	color: #fff;
}
.box01 .icon01:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .box01 .icon01 { height: 1%; }
.box01 .icon01 { display: block; }
.box01 .icon01 span {
	float: left;
	margin: 0 5px 10px 0;
	background: #999;
	color: #fff;
	padding: 2px 5px;
	font-size: 10px;
}
.box02 {
	clear: both;
	margin: 0;
}
.box02:before,.box02:after { content:""; display:table;}
.box02:after { clear:both;}
.box02 { zoom:1;}
.err-box01 {
	border: 1px solid #ba6b69;
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 11px;
	color: #ba6b69;
	background: rgba(186,107,105,0.2);
}
.err-box01 hr.line01 {
	background: #ba6b69;
}
.err-box01.ssize {
	padding: 4px 10px;
}
/* button link */
.text-link01 {
	background: url(/image/common/icon_textlink01.png) no-repeat left center;
	padding: 0 0 0 16px;
	color: #4C4FDA;
	line-height: 1.2;
	font-size: 95%;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	text-decoration: none;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.text-link01:hover {
	text-decoration: underline;
}
.text-link02 {
}
.bottom-btn01 {
	text-align: right;
}
.btn-box01 {
	clear: both;
	text-align: center;
	padding: 5px;
}
.btn-box01:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .btn-box01 { height: 1%; }
.btn-box01 { display: block; }
.btn-box01 form {
	display: inline;
}
.btn-box01 .text-btn01 {
	margin: 0 5px 5px 5px;
}
.text-btn01 {
	padding: 20px;
	background: #444;
	font-size: 120%;
	text-align: center;
	line-height: 1.2;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	border: none;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-width: 200px;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.text-btn01:hover {
	background-color: #d9c04c;
}
.text-btn01.color-2 {
	background-color: #d9c04c;
}
.text-btn01.color-2:hover {
	background-color: #444;
}
.text-btn02 {
	padding: 10px 20px;
	background: #444;
	font-size: 100%;
	border: none;
	text-align: center;
	line-height: 1.2;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-width: 180px;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.text-btn02:hover {
	background-color: #d9c04c;
}
.text-btn02.color-2 {
	background-color: #d9c04c;
}
.text-btn02.color-2:hover {
	background-color: #444;
}
.text-btn03 {
	padding: 5px 10px;
	background: #444;
	font-size: 90%;
	border: none;
	text-align: center;
	line-height: 1.2;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	text-decoration: none;
	min-width: inherit;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.text-btn03:hover {
	background-color: #d9c04c;
}
.text-btn03.color-2 {
	background-color: #d9c04c;
}
.text-btn03.color-2:hover {
	background-color: #444;
}
/* pager */
.pager01 {
	margin: 5px;
	padding: 5px 0;
	position:relative;
	overflow:hidden;
}
.pager01 ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pager01 ul{
	display: inline-block;
	position:relative;
	left:50%;
	float:left;
}
.pager01 li {
	position:relative;
	left:-50%;
	float:left;
}
.pager01 li a {
	display: block;
	text-decoration: none;
	margin: 0 2px;
	padding: 2px 6px;
	background: #eee;
	color: #444;
}
.pager01 li a:hover,
.pager01 li.pager01Now {
	color: #fff;
	margin: 0 2px;
	padding: 2px 6px;
	background: #444;
}
/* form */
.form input[type="checkbox"],
.form input[type="radio"] {
	margin-right: 3px;
}
.form input[type="text"],
.form input[type="password"] {
	padding: 5px;
	min-width: 90%;
	margin: 0 2px 2px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form select {
	padding: 4px;
	min-width: 90%;
	margin: 0 2px 2px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form textarea {
	padding: 5px;
	margin: 0 2px 2px 0;
	min-height: 150px;
	min-width: 90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form .table-box01 th {
	width: 25%;
}
/* popup */
#popup {
	width: 570px;
}
#popup .box01 {
	width: 570px;
}
#popup .box02 {
	margin: 0;
}
/* ========================================================
wideslider
======================================================== */
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #000 url(/image/common/visual_item01.png) no-repeat center center;}
.slider_next {background: #000 url(/image/common/visual_item02.png) no-repeat center center;}

.pagination {
	bottom: -35px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}
.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagination a.active {
	background-color: #E9D78C;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/* ========================================================
BxSlider
======================================================== */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/image/common/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/image/common/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/image/common/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
}

.bx-wrapper .bx-next:hover {
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/image/common/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/image/common/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* ========================================================
BxSlider 追記
======================================================== */
.bx-wrapper {
	margin-bottom: 0;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: auto;
    background: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: block;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    outline: 0;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/image/common/prize_item03.png) no-repeat center center;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(/image/common/prize_item04.png) no-repeat center center;
}
.bx-wrapper .bx-prev:hover {
	background-position: center left;
}
.bx-wrapper .bx-next:hover {
	background-position: center right;
}
.bx-pager {
	display: none;
}
/* ========================================================
FancyBox
======================================================== */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/image/common/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/image/common/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/image/common/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/image/common/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/image/common/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/image/common/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/image/common/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/image/common/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/image/common/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/image/common/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/image/common/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/image/common/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/image/common/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/image/common/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/image/common/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/image/common/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/image/common/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/fancy_shadow_nw.png', sizingMethod='scale'); }




/* new-style */
.tool-box {
	background: #fafafa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px;
}
.tool-box-in {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background: #fff;
}
.tool-bar {
	background: #fafafa;
	border: 2px solid #ddd;
	font-weight: normal;
	margin-bottom: 20px;
	font-size: 140%;
	letter-spacing: 0.1em;
	line-height: 1.2;
	padding: 10px;
	color: #444;
	border: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tool-box .tool-bar {
	background: #fff;
	margin-bottom: 10px;
}
.tool-box-in .tool-bar {
	background: #fafafa;
	margin-bottom: 20px;
}
.tool-line {
	margin: 10px 0;
	height: 0;
	background: none;
	border: none;
	border-bottom: 1px dotted #ccc;	
}
.tool-form {
	margin-bottom: 20px;
}
.tool-form input[type="text"] {
	min-width: 200px;
}
.tool-form input[type="submit"] {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 3px;
    padding: 5px;
    background: #444;
    font-size: 100%;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    color: #fff;
    border: none;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}
.tool-form.type-2 input[type="submit"] {
	padding: 20px;
	min-width: 200px;
}
.tool-form select {
	min-width: 200px;
}
.tool-pager {
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}
.tool-pager a {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	padding: 10px;
	background: #eee;
	color: #444;
	text-decoration: none;
}
.tool-pager a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.tool-pager b {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	padding: 10px;
	background: #444;
	color: #e9d78d;
	text-decoration: none;
}
.tool-pager b u {
	text-decoration: none;
}