@charset "utf-8";
@media screen and (min-width: 990px) {
.wrap-hx2c, .wrap-hx2l, .wrap-hx2r {
	width:620px;
}
.wrap-h720 {
	width:720px;
}
.wrap-h800 {
	width:800px;
}
.wrap-hx2c, .wrap-h720, .wrap-h800 {
	margin-left:auto;
	margin-right:auto;
}
.wrap-hx2l {
	margin-left:0;
	margin-right:auto;
}
.wrap-hx2r {
	margin-left:auto;
	margin-right:0;
}
body>div.page {
	width:960px;
}
body>div.page>div.contents,
body>div.page>div.columns,
body>div.page>div.footer,
body>div.page>div.counters {
	width:auto;
}
body>div.page>div.contents>div.tape-1,
body>div.page>div.contents>div.tape-2,
body>div.page>div.contents>div.tape-3,
body>div.page>div.contents>div.tape-4 {
	width:940px;
}
body>div.page>div.columns>div.column-1,
body>div.page>div.columns>div.column-2 {
	float:right;
}
body>div.page>div.columns>div.column-1 {
	width:320px;
}
body>div.page>div.columns>div.column-2 {
	width:640px;
}
body>div.page>div.columns>div.column-2>div.tape-1,
body>div.page>div.columns>div.column-2>div.tape-2 {
	float:left;
	margin:0 10px;
}
body>div.page>div.footer>div.tape-1,
body>div.page>div.footer>div.tape-2 {
	float:left;
	width:50%;
}
body>div.page>div.footer>div.tape-2 {
	text-align:right;
}
body>div.page>div.contents>div.showcases {
	width:960px;
}
body>div.page>div.contents>div.showcases>div.showcase {
	float:left;
	margin:10px;
}
}
@media screen and (min-width: 1340px) {
#mobile-ctrlmenu,
#mobile-pagemenu,
#mobile-listmenu,
#mobile-extramenu {
	display:none;
}
.wrap-hx2c, .wrap-hx2l, .wrap-hx2r {
	width:630px;
}
.wrap-hx2c, .wrap-h720, .wrap-h800 {
	margin-left:auto;
	margin-right:0;
}
body>div.page {
	width:1320px;
}
body>div.page>div.contents,
body>div.page>div.footer,
body>div.page>div.counters {
	margin: 0 330px 0 0;
}
body>div.page>div.contents>div.tape-1,
body>div.page>div.contents>div.tape-2,
body>div.page>div.contents>div.tape-3,
body>div.page>div.contents>div.tape-4,
body>div.page>div.footer>div.tape-1, 
body>div.page>div.footer>div.tape-2 {
	width:auto;
	margin:0 15px;
}
body>div.page>div.columns {
	position:absolute;
	top:0;
	right:0;
	width:330px;
	max-width:none;
	margin:0;
}
body>div.page>div.columns>div.column-1,
body>div.page>div.columns>div.column-2 {
	clear:both;
	width:330px;
}
body>div.page>div.columns>div.column-2>div.tape-1,
body>div.page>div.columns>div.column-2>div.tape-2 {
	clear:both;
	width:300px;
	margin:0 15px;
}
body>div.page>div.contents>div.showcases {
	width:990px;
}
body>div.page>div.contents>div.showcases>div.showcase {
	float:left;
	margin:15px;
}
.pill-stack .menu ul {
z-index:500;
background:#ffffff;
border:1px solid #e5e5e5;
border:1px solid rgba(0, 0, 0, 0.1);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
-webkit-background-clip: padding-box;
   -moz-background-clip: padding;
        background-clip: padding-box;
}
.pill-stack .menu li {
padding:2px 0;
}
.pill-stack .menu > li {
padding:2px 0;
}
.pill-stack .menu > li > a,
.pill-stack .menu > li > span,
.pill-stack .menu li a,
.pill-stack .menu li span {
padding:8px;
font-weight:normal;
}
.pill-stack .menu ul li > a,
.pill-stack .menu ul li > span {
background:#ffffff;
border:none;
-webkit-border-radius:0px;
   -moz-border-radius:0px;
        border-radius:0px;
}
.pill-stack .menu ul a:hover,
.pill-stack .menu ul span:hover {
background:#eeeeee;
}
.pill-stack .menu > li:hover > a,
.pill-stack .menu > li:hover > span {
background-color:#ffffff;
border:1px solid #e5e5e5;
}
.pill-stack .menu ul .current > a,
.pill-stack .menu ul .current > span {
background:#800080;
color:#ffffff;
cursor:pointer;
}
.pill-stack .menu.alt1 ul .current > a,
.pill-stack .menu.alt1 ul .current > span {
background-color:#0088cc;
}
.pill-stack .menu.alt2 ul .current > a,
.pill-stack .menu.alt2 ul .current > span {
background-color:#967117;
}
.pill-stack .menu.alt3 ul .current > a,
.pill-stack .menu.alt3 ul .current > span {
background-color:#555555;
}
.pill-stack .menu li ul {
display:none;
position:absolute;
top:-1px;
width:100%;
}
.columns .column-1 .tape-1 .pill-stack .menu li ul,
.columns .column-1 .tape-1 .pill-stack .menu ul ul,
.columns .column-1 .tape-2 .pill-stack .menu li ul,
.columns .column-1 .tape-2 .pill-stack .menu ul ul {
right:100%;
}
.columns .column-2 .tape-1 .pill-stack .menu li ul,
.columns .column-2 .tape-1 .pill-stack .menu ul ul,
.columns .column-2 .tape-2 .pill-stack .menu li ul,
.columns .column-2 .tape-2 .pill-stack .menu ul ul {
right:100%;
}
.pill-stack .menu li:hover ul ul,
.pill-stack .menu li:hover ul li:hover ul ul {
display:none;
}
.pill-stack .menu li:hover ul,
.pill-stack .menu li:hover ul li:hover ul,
.pill-stack .menu li:hover ul li:hover ul li:hover ul {
display:block;
}
}
@media screen and (min-width: 1670px) {
.wrap-hx2c, .wrap-hx2l, .wrap-hx2r {
	width:630px;
}
.wrap-hx2c, .wrap-h720, .wrap-h800 {
	margin-left:auto;
	margin-right:auto;
}
body>div.page {
	width:1650px;
}
body>div.page>div.contents,
body>div.page>div.footer,
body>div.page>div.counters {
	margin: 0 330px 0 330px;
}
body>div.page>div.contents>div.tape-1,
body>div.page>div.contents>div.tape-2,
body>div.page>div.contents>div.tape-3,
body>div.page>div.contents>div.tape-4,
body>div.page>div.footer>div.tape-1, 
body>div.page>div.footer>div.tape-2 {
	width:auto;
	margin:0 15px;
}
body>div.page>div.columns {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:inherit;
	max-width:none;
	margin:0;
}
body>div.page>div.columns>div.column-1,
body>div.page>div.columns>div.column-2 {
	clear:both;
	position:absolute;
	top:0;
	width:330px;
	max-width:none;
	margin:0;
}
body>div.page>div.columns>div.column-2>div.tape-1,
body>div.page>div.columns>div.column-2>div.tape-2 {
	margin:0 15px;
}
body>div.page>div.columns>div.column-1 {
	right:0;
}
body>div.page>div.columns>div.column-2 {
	left:0;
}
body>div.page>div.contents>div.showcases {
	width:990px;
}
body>div.page>div.contents>div.showcases>div.showcase {
	float:left;
	margin:15px;
}
.columns .column-2 .tape-1 .pill-stack .menu li ul,
.columns .column-2 .tape-1 .pill-stack .menu ul ul,
.columns .column-2 .tape-2 .pill-stack .menu li ul,
.columns .column-2 .tape-2 .pill-stack .menu ul ul {
	right:auto;
	left:100%;
}
}
@media screen and (min-width: 2000px) {
.wrap-hx3c, .wrap-hx3l, .wrap-hx3r {
	width:960px;
}
.wrap-hx3c {
	margin-left:auto;
	margin-right:auto;
}
.wrap-hx3l {
	margin-left:0;
	margin-right:auto;
}
.wrap-hx3r {
	margin-left:auto;
	margin-right:0;
}
body>div.page {
	width:1980px;
}
body>div.page>div.contents,
body>div.page>div.footer,
body>div.page>div.counters {
	margin: 0 330px 0 330px;
}
body>div.page>div.contents>div.tape-1,
body>div.page>div.contents>div.tape-2,
body>div.page>div.contents>div.tape-3,
body>div.page>div.contents>div.tape-4,
body>div.page>div.footer>div.tape-1, 
body>div.page>div.footer>div.tape-2 {
	width:auto;
	margin:0 15px;
}
body>div.page>div.columns {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:inherit;
	max-width:none;
	margin:0;
}
body>div.page>div.columns>div.column-1,
body>div.page>div.columns>div.column-2 {
	clear:both;
	position:absolute;
	top:0;
	width:330px;
	max-width:none;
	margin:0;
}
body>div.page>div.columns>div.column-1 {
	right:0;
}
body>div.page>div.columns>div.column-2 {
	left:0;
}
body>div.page>div.contents>div.showcases {
	width:1320px;
}
body>div.page>div.contents>div.showcases>div.showcase {
	float:left;
	margin:15px;
}
}