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

/*======================================
	10px = 84%		16px = 134%		22px = 184%		28px = 234%
	11px = 92%		17px = 142%		23px = 192%		29px = 242%
	12px = 100%		18px = 150%		24px = 200%		30px = 250%
	13px = 109%		19px = 159%		25px = 209%		31px = 259%
	14px = 117%		20px = 167%		26px = 217%		32px = 267%
	15px = 125%		21px = 175%		27px = 225%		33px = 275%
=======================================*/

/* サブナビ
----------------------------------------------------*/
ul#subnav{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #0083F0;
	border-top-width: 2px;
}
ul#subnav li{
	display: table-cell !important;
	float: none !important;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
ul#subnav li span{
	display: block;
	font-size: 85%;
}
ul#subnav li a{
	display: block;
	padding: 5px 0;
	height: 100%;
	color: #000;
	text-decoration: none;
	border-right: 1px solid #89C6F7;
	background: #FBFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFFFF), to(#B5E5FC));
	background: -moz-linear-gradient(top, #FBFFFF, #B5E5FC);
	background: -ms-linear-gradient(top, #FBFFFF, #B5E5FC);
}
ul#subnav li:last-of-type a{ border: none; }

ul#subnav li a:hover,
ul#subnav li a.active{
	display: block;
	color: #FFF;
	background: #0083F0;
	background: -webkit-gradient(linear, left top, left bottom, from(#0083F0), to(#005BC5));
	background: -moz-linear-gradient(top, #0083F0, #005BC5);
	background: -ms-linear-gradient(top, #0083F0, #005BC5);
}


/* レイアウト
----------------------------------------------------*/
h2#titleBox{ margin-bottom: 10px; }
#tour{ margin-bottom: 20px; }
#tour #main{
	float: left;
	width: 620px;
}
#tour #sub{
	float: right;
	width: 310px;
}
#tour #main .pageLink{
	margin-bottom: 5px;
	padding-right: 18px;
	text-align: right;
	font-size: 117%;
	font-weight: bold;
	background: url(../_common/viewlet_link.jpg) no-repeat right center;
}
#tour #main .pageLink a{ color: #3E0619; }

#plnBox{ margin-bottom: 50px; }
#plnBox .pln2{
	width: 460px;
	float: left;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
#plnBox .pln2:nth-of-type(2n){ float: right; }
#plnBox .pln3{
	width: 300px;
	float: left;
	margin: 0 20px 30px 0;
	padding-bottom: 10px;
}
#plnBox .pln3:nth-of-type(3n){
	float: right;
	margin-right: 0;
}
p.orderBtn{
	margin: 10px 10px 0 10px;
	text-align: center;
}
p.orderBtn a{
	display: block;
	padding: 10px 5px;
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border: 1px solid #188CE1;
	background: #188CE1;
	background: -webkit-gradient(linear, left top, left bottom, from(#64CAF2), to(#188CE1));
	background: -moz-linear-gradient(top, #64CAF2, #188CE1);
	background: -ms-linear-gradient(top, #64CAF2, #188CE1);
}
p.orderBtn a:hover{
	text-shadow: 2px 2px 0 #000;
	border: 1px solid #C10100;
	background: #C10100;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF3334), to(#C10100));
	background: -moz-linear-gradient(top, #FF3334, #C10100);
	background: -ms-linear-gradient(top, #FF3334, #C10100);
}