body {
	position:relative;
	min-height:100%;
	 /* 画像ファイルの指定 */
  background-image: url(./images/180112haikei.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center bottom;
   
  /* 画像をタイル状に繰り返し表示しない  */
  background-repeat: no-repeat; 

	 /*background-image:() radial-gradient(#c62a00 10%, transparent 20%), radial-gradient(#c62a00 10%, transparent 20%);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;*/
     
	font-family:'Source Sans Pro', Helvetica , Arial, '游ゴシック体', 'YuGothic', 'メイリオ', 'Meiryo', sans-serif;
	font-size:14px;
	color:#333;
	line-height:1
}

.btn-square-little-rich {
  position: relative;
  display: inline-block;
  padding: 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  color: black;
  line-height: 45px;
  font-size:28px;
  background: white;/*色*/
  border: solid 1px black;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  width:100%;
}

.breadcrumb {

    padding: 8px 15px;
    margin-bottom: 20px;
    margin-top: 2em;
    margin-left:0em;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;

}

.lazyloaded:hover{
 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (min-width: 769px) {
	.toSM{
		display:none;
	}
	#header-cont {
		background: #182d7c;
    width: 100%;
    margin-bottom:30px;
	border-bottom:1px solid #735c00;
    height: 73px;
	}
	.toPC{
	}
}

@media screen and (max-width: 768px) {

.soryofree{font-size:12px !important;}

	.toSM{
	}
	#header-cont {
		background: #182d7c;
    width: 100%;
    margin: 0 auto;
	border-bottom:1px solid #735c00;
    height: 50px;
	}
	#header-cont img{
    height: 30px;
    margin-top:10px;
    margin-bottom:10px;
	}
	.toPC{
	display:none;
	}
	
	.topimg{
	margin-top: 4em;
	width: 100%;
	}
	
	.topimg2{
	margin-top: 1em;
	}
	
	.topimg3{
	margin-top: 1em;
	}

	.topimggw{
	margin-top: 1em;
	}

}

@media screen and (min-width: 768px) {
	.fontprice{
		font-size:20px !important;
	}
	.fontprice2{
		font-size:15px !important;
	}
	.fontprice3{
		font-size:10px !important;
	}
	.koumoku{

	    font-size:30px;
	    font-weight:bold;
	    color:#FFF;
	    margin-top:20px;
	    margin-bottom:10px;
	    text-align:center;
	    background:#f02929;
	}
	
		.koumoku2{

	    font-size:25px;
	    font-weight:bold;
	    color:#FFF;
	    margin-top:20px;
	    margin-bottom:10px;
	    padding:10px;
	    text-align:center;
	    background:#182d7c;
	}
	
		.koumoku3{

	    font-size:30px;
	    font-weight:bold;
	    color:#FFF;
	    margin-top:20px;
	    margin-bottom:10px;
	    text-align:center;
	    background:black;
	}
	.topimg{
	margin-top: 4em;
	}
	
	.topimg2{
	margin-top: 2em;
	}

	.topimggw{
	margin-top: 1em;
	}
	
}

@media screen and (max-width: 768px) {
.fontprice{
	font-size:14px !important;
}
.fontprice2{
	font-size:13px !important;
}
.fontprice3{
	font-size:10px !important;
}

     .koumoku{
	    color:#FFF;
	    font-size:30px;
	    font-weight:bold;
	    margin-top:20px;
	    margin-bottom:10px;
	    text-align:center;
	    background:#f02929;
	}
	
	     .koumoku2{
	    color:#FFF;
	    font-size:20px;
	    font-weight:bold;
	    margin-top:10px;
	    margin-bottom:10px;
	    padding:10px;
	    text-align:center;
	    background:#182d7c;
	}
	
	     .koumoku3{
	    color:#FFF;
	    font-size:25px;
	    font-weight:bold;
	    margin-top:10px;
	    margin-bottom:10px;
	    text-align:center;
	    background:black;
	}

}


.red{
color:red;
}

.en{
font-size:18px;
}

.logo {
	padding-left: 20px;
    margin: auto;
}

.pricesale{
    color: red;
      text-shadow:
       -1px -1px 0 #000,
        1px -1px 0 #000,
       -1px 1px 0 #000,
        1px 1px 0 #000;
     font-size:45px;
     font-weight:bold;
     text-align:right;
     margin:0px 20px 0px 5px;
}

.pricesale-mini{
    color: red;
      text-shadow:
       -1px -1px 0 #000,
        1px -1px 0 #000,
       -1px 1px 0 #000,
        1px 1px 0 #000;
     font-size:35px;
     font-weight:bold;
     text-align:right;
     margin:0px 10px 0px 5px;
}

.pricesale02{
	background-color:red;
    color: white;
      text-shadow:
       -1px -1px 0 #000,
        1px -1px 0 #000,
       -1px 1px 0 #000,
        1px 1px 0 #000;
     font-size:25px;
     font-weight:bold;
     text-align:center;
     margin:0px 5px 20px 5px;
}

.pricesale03{
    color: black;
     font-size:15px;
     font-weight:bold;
     text-align:right;
     margin:-10px 15px 0px 5px;
}

.pricesale04{
	color:black;
	text-shadow:2px 2px 3px white;
    font-size:16px;
     font-weight:bold;
     text-align:left;
     margin:10px 5px 0px 5px;
     position: absolute;
     top: 120px; left: 10px;
	background-color:#FFFFFF;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
     line-height:1.1em;
     padding:3px;
     border-radius:.5em;
}

.pricesale04-mini{
	color:black;
	text-shadow:2px 2px 3px white;
    font-size:12px;
     font-weight:bold;
     text-align:left;
     margin:10px 5px 0px 5px;
     position: absolute;
     top: 90px; left: 10px;
	background-color:#FFFFFF;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
     line-height:1.1em;
     padding:3px;
     border-radius:.5em;
}

.pricesale04-mini3{
	color:black;
	text-shadow:2px 2px 3px white;
    font-size:12px;
     font-weight:bold;
     text-align:left;
     margin:10px 5px 0px 5px;
     position: absolute;
     top: 120px; left: 10px;
	background-color:#FFFFFF;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
     line-height:1.1em;
     padding:3px;
     border-radius:.5em;
}

.pricesale04-mini3 span{
	font-size:1.9em;
	line-height:1.3em;
	}

.pricesale04-mini span{
	font-size:1.9em;
	line-height:1.3em;
	}



.totoutenbutton {
	position: relative;
	border-radius: 4px;
	color:white;
	text-shadow:2px 2px 3px black;
    font-size:18px;
	line-height: 50px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0px 1px 0px #f56778;
}
.totoutenbutton,
.totoutenbutton:hover {
	border-bottom: 4px solid #cb5462;
	background-color: #f56778;
	background-image: -webkit-linear-gradient(top, #f997b0, #f56778);
	background-image: linear-gradient(to bottom, #f997b0, #f56778);
	box-shadow: inset 1px 1px 0 #fbc1d0;
}
.totoutenbutton::before,
.totoutenbutton::after {
	bottom: -1px;
	left: -1px;
	width: 200px;
	height: 50px;
	border: 1px solid #ee8090;
	border-bottom: 1px solid #b84d5a;
	border-radius: 4px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
}
.totoutenbutton::before {
	height: 48px;
	bottom: -4px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 1px 0px #bfbfbf;
}
.totoutenbutton:hover {
	background: #f56778;
	background-image: -webkit-linear-gradient(top, #f56778, #f997b0);
	background-image: linear-gradient(to bottom, #f56778, #f997b0);
	color: #913944;
	text-shadow: 0px 1px 0px #f9a0ad;
}
.totoutenbutton:active {
	bottom: -4px;
	margin-bottom: 25px;
	border: none;
	box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.totoutenbutton:active::before,
.totoutenbutton:active::after {
	border: none;
	box-shadow: none;
}

#pricewaku {
  position: relative;
  color: #111;
  background: #ccc;
  background-image: -webkit-linear-gradient(#ddd, #bbb);
  background-image: -moz-linear-gradient(#ddd, #bbb);
  background-image: -o-linear-gradient(#ddd, #bbb);
  background-image: -ms-linear-gradient(#ddd, #bbb);
  background-image: linear-gradient(#ddd, #bbb);
  font-size: 20px;
  line-height: 1;
  margin: 30px -40px 10px -40px;
  padding: 15px 5px 10px 40px;
}
#pricewaku:after,.pricewaku:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #777;
}
#pricewaku:after {
  left: 0;
  border-right: 5px solid #777;
}
#pricewaku:before {
  right: 0;
  border-left: 5px solid #777;
}

#heading02{
	position:relative;
	margin:0 -1px;
	font:bold 30px/1.6 Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
	text-align:center;
	color:#333;
	background:#f0e800;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
				30px 0 0 0 #f0e800,
				-30px 0 0 0 #f0e800;
}

#heading01{
	position:relative;
	padding:5px;
	font:bold 24px/1.6 Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
	text-align:center;
	color:gold;
	border-top:1px dashed #aaa;
	border-bottom:1px dashed #aaa;
	background:white;
	text-shadow:2px 2px 0 rgba(255,255,255,1);
	box-shadow:	0 5px 4px -4px rgba(0,0,0,0.3) inset;
}


.headding1 {
	background: #DE1D2F; /* Old browsers */
	background: -moz-linear-gradient(left, #DE1D2F 0%, #E25353  50%, #DE1D2F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#DE1D2F), color-stop(50%,#E25353 ), color-stop(100%,#DE1D2F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #DE1D2F 0%,#E25353  50%,#DE1D2F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #DE1D2F 0%,#E25353  50%,#DE1D2F 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #DE1D2F 0%,#E25353  50%,#DE1D2F 100%); /* IE10+ */
	background: linear-gradient(left, #DE1D2F 0%,#E25353  50%,#DE1D2F 100%); /* W3C */
	margin:0 -16px 30px -16px;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
	position:relative;
	}
 
.headding1:before,
.headding1:after {
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	right: -14px;
	bottom: -15px;
	background: transparent;
	border-color: transparent  transparent transparent #666;
	border-style:solid;
	border-width:15px;
	}
.headding1:after {
	left: -14px;
	bottom: -15px;
	right:auto;
	border-color: transparent #666 transparent transparent;
	}

/*年末装飾*/

.nenmatsutop{
	background:#001572;
	margin:0 -16px 30px -16px;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
	position:relative;
	font-size:18px;
	}

.nenmatsutop:before,
.nenmatsutop:after {
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	right: -14px;
	bottom: -15px;
	background: transparent;
	border-color: transparent  transparent transparent #666;
	border-style:solid;
	border-width:15px;
	}
.nenmatsutop:after {
	left: -14px;
	bottom: -15px;
	right:auto;
	border-color: transparent #666 transparent transparent;
	}

.titlechirashi{
	font-size:20px;
	}

/*年末装飾ツイッター*/

.chirashitwitter{
	color: #2d2d2d;
	margin-top:0px;
	margin-bottom:10px;
	float:right;
	}

/*年末装飾枠*/

.nenmatsumei{
	height:20px;
	font-size:12px;
	}


/*年末装飾ボタン*/


.chirashitwitter a{
   padding: 0.2em 0.9em;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc;
   -webkit-border-radius: 3px; /* Chrome,Safari */
   -moz-border-radius: 3px;    /* Firefox */
   border-radius: 3px;         /* CSS3 */
   background: #f1f1f1;
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", osaka, sans-serif;
 text-decoration:none;
 }

.chirashitwitter a:hover{
   padding: 0.3em 0.9em;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc;
   -webkit-border-radius: 3px; /* Chrome,Safari */
   -moz-border-radius: 3px;    /* Firefox */
   border-radius: 3px;         /* CSS3 */
 background:#c4c4c4;
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", osaka, sans-serif;
 cursor:pointer;
 }


.chirashitwitter a:focus{
   padding: 0.3em 0.9em;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc;
   -webkit-border-radius: 3px; /* Chrome,Safari */
   -moz-border-radius: 3px;    /* Firefox */
   border-radius: 3px;         /* CSS3 */
 background:#c4c4c4;
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", osaka, sans-serif;
 cursor:pointer;
 }

/*年末装飾項目*/

.nenmatsudhohinposition{
position: relative;
}

.kanbaionrei{
	color:black;
	text-shadow:2px 2px 3px white;
    font-size:12px;
     font-weight:bold;
     text-align:left;
     position: absolute;
     top: 0px;
background: rgba(45,45,45, 0.5);
     line-height:1.1em;
     padding:42px 43px 77px 43px;
}

.kanbaionrei img{
	width:85px;
	height:168px;
	}



/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) 
{

.kanbaionrei{
     padding:42px 22px 32px 22px;
     }

.chirashi_menukoumoku{
	font-size:8px;
}
}

/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) 
{
.kanbaionrei{
     padding:42px 167px 156px 167px;
     }
}


/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
.kanbaionrei{
     padding:42px 167px 104px 167px;
     }

}

@media only screen and (max-width: 479px) 
{
.kanbaionrei{
     padding:42px 107px 104px 107px;
     }
.chirashitwitter{
	font-size:10px;
	}
}


.kanbaionrei span{
	font-size:1.9em;
	line-height:1.3em;
	}

.chirashimidashi {
color: #2d2d2d;
text-decoration: none;
padding-left: 30px;
line-height:1.8em;
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #dadfe3;
margin-top: 5px;
margin-bottom: 10px;
}

.p { width:250px; height:250px; position:absolute; }
p.z0 { top:50px; left:50px; z-index:0; background:#f6f6f6; }
p.z1 { top:100px; left:100px; z-index:1; background:#ffdff9; }

.gentei{
font-size:18px;
color: #2d2d2d;
font-weight:bold;
}

.daisuu{
font-size:24px;
color: #E60019;
font-weight:bold;
}


.nenmatsufukidashi {
background-color: #001572;
border-radius: 6px;
position: relative;
padding: 5px 10px 3px 10px;
color: white;
text-decoration: none;
font-size:12px;
margin-left:10px;
font-weight:normal;
}

.fukidashinaka{
font-size:18px;
font-weight:bold;
}

.nenmatsufukidashi:after {
	border:10px solid transparent;
	border-right-color:#001572;
	border-left-width:0;
	width:0;
	top: 3px;
	content:"";
	display:block;
	left:-5px;
	position:absolute;
}

#ctop{
background: url(./images/top.gif) no-repeat 0 -1px;
}

#cgame{
background: url(./images/game.gif) no-repeat 0 -1px;
}
#hana{
background: url(./images/hana.jpg) no-repeat 0 -1px;
}
#yubi{
background: url(./images/yubi.jpg) no-repeat 0 -1px;
}
#cseikatsu{
background: url(./images/seikatsu.gif) no-repeat 0 -1px;
}

#cbiyou{
background: url(./images/biyou.gif) no-repeat 0 -1px;
}

#cpc{
background: url(./images/pc.gif) no-repeat 0 -1px;
}

#congaku{
background: url(./images/ongaku.gif) no-repeat 0 -1px;
}

#ccar{
background: url(./images/car.gif) no-repeat 0 -1px;
}


/*星型バッジ*/
.seal02{
width:150px;
height:150px;
margin:25px auto;
text-align:center;
}
.starburst02{
display:block;
width:6em;
height:6em;
background:red;
background:-moz-radial-gradient(center,ellipse cover,red 0%,#000 400%);
background:-webkit-radial-gradient(center,ellipse cover,red 0%,#000 400%);
background:radial-gradient(center,ellipse cover,red 0%,#000 400%);
-webkit-transform:rotate(270deg);
-moz-transform:rotate(-270deg);
transform:rotate(-270deg);
position:relative;
top:-10em;
left:2em;
text-align:center;
text-decoration:none;
color:#fff;
text-shadow:0px 2px 3px #00819d;
font-weight:bold;
}
.starburst02 span{
display:block;
width:6em;
height:6em;
background:red;
background:-moz-radial-gradient(center,ellipse cover,red 0%, #000 400%);
background:-webkit-radial-gradient(center,ellipse cover,red 0%,#000 400%);
background:radial-gradient(center,ellipse cover,red 0%,#000 400%);
-webkit-transform:rotate(22.5deg);
-moz-transform:rotate(22.5deg);
transform:rotate(22.5deg);
}
.text02{
display:block;
padding:30px 0;
font-size:16px;
}


#CDT{
 font-size: 16px;
 padding:10px 0px;
}
#CDT .day{
 font-size: 20px;
}
#CDT .hour,#CDT .min,#CDT .sec{
 font-size: 18px;
}

.starburst {
display: block;
width: 4em;
height: 4em;
line-height: 1.8em;
background: #FF9999;
-webkit-transform: rotate(-70deg);
-moz-transform: rotate(-45deg);
rotation: -45deg;
position: relative;
top: 2em;
left: 2em;
text-align: center;
text-decoration: none;
color: #FFF;
font-weight: bold;
text-shadow: 0 0 3em #FF2F2F, 0 0 4px #FF2F2F;
-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
}
.starburst span {
display: block;
width: 4em;
height: 4em;
background: #FF9999;
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
rotation: 22.5deg;
}


.kanbanfont
{
	font:bold 28px/1.6 Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
	color:red;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	background-color: -webkit-gradient(linear, left top, left bottom, from(white), to(#cff5ff));
	border-radius:.2em;
	font-size:3em;
	margin-bottom:5px;
	margin-top:-30px;
}

.font-size{
		font-size:20px;}

#heading05{
	position:relative;
	padding:5px 20px;
	margin-bottom:0px;
	font:bold 28px/1.6 Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
#heading05:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#heading05:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}


#heading06{
	position:relative;
	padding:5px 20px;
	margin-bottom:0px;
	font:bold 20px/1.6 Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
#heading06:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#heading06:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}

#heading06 img{
	width:28px;
	height:21px;
	position:relative;
	top:.1em;
	}
	
#heading06 span{
	font-size:26px;
	}

.width200 img{
	width:200px;}

.topicon{
border-radius:.3em; width:50px;align: middle; margin-right:5px; vertical-align: middle;

}

a.buttontop {

color: white;
text-shadow: -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
font-size: 25px;
font-weight: bold;
text-align: center;
margin: 0px 5px 20px 5px;

padding:5px 15px 5px 30px;
border: solid 1px #999999;
border-radius: 5px;
height: 26px;
-moz-border-radius-topright: 5px;
box-shadow: 1px 1px 0px #cccccc;
-moz-box-shadow: 1px 1px 0px #cccccc;
-webkit-box-shadow: 1px 1px 0px #cccccc;
text-decoration:none;
background:red;
border: solid gray 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
box-shadow: 1px 1px 0px #999;
-moz-box-shadow: 1px 1px 0px #999;
-webkit-box-shadow: 1px 1px 0px #999;
}


/*ボタン設定*/
.castbutton {
	border: 1px solid #ec1515;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #f04949, #e32c2c);
	background-image: linear-gradient(to bottom, #f04949, #e32c2c);
	border-radius: 4px;
	line-height: 40px;
	-webkit-transition: none;
	transition: none;
	padding:10px 20px;
	color: white;
	text-shadow: -1px -1px 0 #000,
	 1px -1px 0 #000,
	 -1px 1px 0 #000,
	 1px 1px 0 #000;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-left:12px;
	cursor:pointer;
	margin-bottom:90px;
	text-decoration:none;
	}
.castbutton:hover {
	border:1px solid #c31010;
	background-color: #ec1a1a;
	background-image: -webkit-linear-gradient(top, #ec1a1a, #c21a1a);
	background-image: linear-gradient(to bottom, #ec1a1a, #c21a1a);
}
.castbutton:active {
	background: #c21a1a;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #a11616;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.castbutton-mini{
	border: 1px solid #ec1515;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #f04949, #e32c2c);
	background-image: linear-gradient(to bottom, #f04949, #e32c2c);
	border-radius: 4px;
	line-height: 40px;
	-webkit-transition: none;
	transition: none;
	padding:10px 5px;
	color: white;
	text-shadow: -1px -1px 0 #000,
	 1px -1px 0 #000,
	 -1px 1px 0 #000,
	 1px 1px 0 #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-left:12px;
	cursor:pointer;
	margin-bottom:90px;
	text-decoration:none;
		}
.castbutton-mini:hover {
	border:1px solid #c31010;
	background-color: #ec1a1a;
	background-image: -webkit-linear-gradient(top, #ec1a1a, #c21a1a);
	background-image: linear-gradient(to bottom, #ec1a1a, #c21a1a);
}
.castbutton-mini:active {
	background: #c21a1a;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #a11616;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}


a.buttontop:hover {

}

a.buttontop-right {
padding:5px 15px 5px 30px;
border: solid 1px #999999;
border-radius: 5px;
-moz-border-radius-topright: 5px;
box-shadow: 1px 1px 0px #cccccc;
-moz-box-shadow: 1px 1px 0px #cccccc;
-webkit-box-shadow: 1px 1px 0px #cccccc;
text-decoration:none;
background:#000063 url("../images/sn_point.gif") no-repeat 12px 50%;
border: solid #182d7c 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
box-shadow: 1px 1px 0px #999;
-moz-box-shadow: 1px 1px 0px #999;
-webkit-box-shadow: 1px 1px 0px #999;
color:#FFF;
float:right;
margin-bottom:20px;
}




a.buttontop-right:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
text-decoration: none;
box-shadow: 0 1px 0 rgba(0,0,0,0.15);
}



/*
CSS-template01
*/
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-style:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
{display:block}
img,object,embed,video,iframe
{width:auto;max-width:100%}
img,video,iframe
{height:auto}
blockquote,q
{quotes:none}
blockquote p:before,blockquote p:after,q:before,q:after
{content:'';content:none}
table
{border-collapse:collapse;border-spacing:0}
caption,th,td
{text-align:left;vertical-align:top;font-weight:normal}
thead th,thead td
{font-weight:bold;vertical-align:bottom}
a img,th img,td img
{vertical-align:top}
button,input,select,textarea
{margin:0}
textarea
{overflow:auto}
button
{width:auto;overflow:visible}
input[type=button],input[type=submit],button
{cursor:pointer}
input[type="radio"],input[type="checkbox"]
{font-size:110%}
hr
{display:block;height:1px;border:0;border-top:1px solid #ddd}
.group:after
{content:".";display:block;height:0;clear:both;visibility:hidden}
body
{background:#fff;color:#000;font-size:.875em;line-height:1.5em;font-family:  Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif}
a
{color:#369}
a:hover
{color:#19334d}
h1,h2,h3,h4,h5,h6
{font-weight:bold;margin-bottom:.5em}
h1
{font-size:2.5714285714285716em;line-height:1em}
h2
{font-size:2.142857142857143em;line-height:1.1em}
h3
{font-size:1.7142857142857142em;line-height:1.3em}
h4
{font-size:1.2857142857142858em;line-height:1.3em}
h5
{font-size:1.1428571428571428em;line-height:1.3em}
h6
{font-size:1em;line-height:1.3em;text-transform:uppercase}
hgroup h1,hgroup h2,hgroup h3,hgroup h4
{margin-bottom:.1em}
.subheader
{font-size:1.2em;font-weight:normal;color:#353535;margin-bottom:1em}
p,ul,ol,dl,dd,dt,blockquote,td,th
{line-height:1.5em}
ul,ol,ul ul,ol ol,ul ol,ol ul
{margin:0 0 0 2em}
ol ol li
{list-style-type:lower-alpha}
ol ol ol li
{list-style-type:lower-roman}
p,ul,ol,dl,blockquote,hr,pre,hgroup,table,form,fieldset
{margin-bottom:1.5em}
dl dt
{font-weight:bold}
dd
{margin-left:1em}
blockquote
{margin-bottom:1.5em;padding-left:1.5em;border-left:1px solid #ccc;color:#666}
blockquote small,cite
{color:#888;font-style:italic}
blockquote p
{margin-bottom:1em;font-style:italic}
small,blockquote cite
{font-size:.85em;line-height:1}
blockquote .pull-right,.row blockquote .pull-right
{float:none;text-align:right;display:block}
address
{font-style:italic}
del
{text-decoration:line-through}
abbr[title],dfn[title]
{border-bottom:1px dotted #000;cursor:help}
strong,b
{font-weight:bold}
em,i
{font-style:italic}
sub,sup
{font-size:.7em;line-height:0;position:relative}
sup
{top:-0.5em}
sub
{bottom:-0.25em}
figcaption
{font-size:.85em;font-style:italic}
ins,mark
{background-color:#fe5;color:#000;text-decoration:none}
pre,code,kbd,samp
{font-size:90%;font-family:Menlo,Monaco,monospace,sans-serif}
pre
{background:#f8f8f8;border:1px solid #ddd;border-radius:3px;padding:1.5em;white-space:pre;overflow:auto}
code
{padding:2px 3px;display:inline-block;line-height:1;background:#f8f8f8;border:1px solid #ddd}
kbd
{padding:0 6px;border-radius:4px;box-shadow:0 2px 0 rgba(0,0,0,0.2),0 0 0 1px #fff inset;background-color:#fafafa;border-color:#ccc #ccc white;border-style:solid solid none;border-width:1px 1px medium;color:#444;font-weight:normal;white-space:nowrap}
input[type="text"],input[type="password"],input[type="email"],textarea
{font-size:13px}
fieldset
{padding:2em 1.5em;margin-bottom:1.5em;border:1px solid #ddd}
legend
{font-size:1.2em;text-transform:uppercase;font-weight:bold;padding:0 1em}
tfoot th,tfoot td
{background-color:#f2f2f2}
th,td
{border-bottom:1px solid #eee;padding:.75em .5em}
table caption
{text-transform:uppercase;font-weight:bold;padding-left:.5em;color:#666}
table.simple td,table.simple th
{border:0;padding:.75em .7em .75em 0}
table.bordered td,table.bordered th
{border:1px solid #ddd}
table.stroked td,table.stroked th
{border-bottom:1px solid #eee}
table.striped tbody tr:nth-child(odd) td
{background-color:#f8f8f8}
table.hovered tbody tr:hover td,table.hovered thead tr:hover th
{background-color:#f6f6f6}
.thead-gray td,.thead-gray th
{background-color:#f0f0f0}
.thead-black td,.thead-black th
{font-weight:normal;color:#f6f6f6;color:rgba(255,255,255,0.9);background-color:#222}
table.bordered .thead-black td,table.bordered .thead-black th
{border:1px solid #444}
.forms label
{display:block;margin-bottom:2px}
.descr
{color:#999;font-size:.85em;line-height:1.5em}
div.descr
{margin:4px 0}
.columnar div.descr
{margin-bottom:10px}
.forms ul
{list-style:none;margin:0}
.forms ul li
{margin-bottom:10px}
.forms.columnar ul li
{margin-bottom:15px}
fieldset.liner
{border:0;padding:0}
fieldset.liner legend
{padding:0;width:100%;padding-bottom:12px}
fieldset.liner legend span
{padding:0;padding-bottom:8px;border-bottom:1px solid #eee;display:block}
.forms ul.multicolumn:after
{content:".";display:block;height:0;clear:both;visibility:hidden}
.forms ul.multicolumn li
{float:left;margin-right:12px;margin-bottom:0;line-height:1.8em}
.forms ul.multicolumn li label
{margin-bottom:0}
.forms ul.multicolumn li.width-50
{width:48%;margin-right:2%}
.forms ul.multicolumn li.width-33
{width:31%;margin-right:2%}
.forms.columnar legend
{margin-bottom:1em}
.forms.columnar label
{float:left;width:150px;text-align:right;margin-right:20px}
.forms.columnar .push,.forms.columnar div.descr
{margin-left:170px}
.forms.columnar li fieldset label
{float:none;width:auto;text-align:left;margin-right:0}
.forms.columnar li fieldset
{border:0;padding:0;margin:0;padding-left:170px;position:relative}
.forms.columnar li fieldset section
{padding:0;position:absolute;width:150px;text-align:right;left:0;top:0}
.forms.columnar li fieldset section label
{float:none;width:auto;margin-right:0;text-align:right}
.forms.columnar li fieldset div.descr
{margin-left:0}
.forms li.form-section
{font-weight:bold;border-bottom:1px solid #eee;padding:1.5em 0 .7em 0;font-size:1.1em;margin-bottom:1.5em}
.columnar li.form-section
{padding-left:170px}
table.tableforms td
{font-size:90%;padding:1px 10px 3px 0!important;border:0}
table.tableforms tr.labels td
{padding-top:.8em!important;font-weight:bold}
input[type="radio"],input[type="checkbox"]
{position:relative;top:-1px}
input[type="text"],input[type="password"],input[type="email"],textarea
{position:relative;z-index:2;
font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;height:23px;border:1px solid #ccc;margin:0;padding:1px 2px;background-color:white;color:#333;font-size:13px;line-height:1;border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,0.2) inset;-webkit-transition:border .3s ease-in;-moz-transition:border .3s ease-in;-ms-transition:border .3s ease-in;-o-transition:border .3s ease-in;transition:border .3s ease-in}
textarea
{line-height:1.4em}
.error,.success
{margin-left:5px;font-weight:normal;font-size:.85em}
input.input-error,textarea.input-error,select.input-error,.input-error
{border-color:#da3e5a;box-shadow:0 0 0 2px rgba(218,62,90,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input.input-success,textarea.input-success,select.input-success,.input-success
{border-color:#18a011;box-shadow:0 0 0 2px rgba(24,160,17,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input.input-gray,textarea.input-gray,select.input-gray,.input-gray
{border-color:#ccc;box-shadow:0 0 0 2px rgba(204,204,204,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input:focus,textarea:focus
{outline:0;border-color:#5ca9e4;box-shadow:0 0 0 2px rgba(70,161,231,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input.input-search,input[type="search"]
{padding-right:10px;padding-left:10px;margin-bottom:0;border-radius:15px}
.input-append,.input-prepend
{display:inline-block;background-color:#eee;height:23px;border:1px solid #ccc;margin:0;padding:1px 8px;color:#333;font-size:14px;line-height:23px}
.input-prepend
{margin-right:-1px}
.input-append
{position:relative;z-index:1;margin-left:-1px}
.btn
{position:relative;cursor:pointer;outline:0;display:inline-block;text-align:center;text-decoration:none;
font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
line-height:1;font-size:13px;font-weight:normal;padding:6px 16px;border-radius:4px;background-color:#f3f3f3;background-image:-moz-linear-gradient(top,#fff,#e1e1e1);background-image:-ms-linear-gradient(top,#fff,#e1e1e1);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#fff,#e1e1e1);background-image:-o-linear-gradient(top,#fff,#e1e1e1);background-image:linear-gradient(top,#fff,#e1e1e1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e1e1e1',GradientType=0);border:1px solid #dadada;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom-color:#a9a9a9;box-shadow:0 1px 0 rgba(0,0,0,0.15),inset 0 1px 1px 0 rgba(255,255,255,0.6);text-shadow:0 1px 0 #fff}
.btn,.btn:hover
{color:#000}
.btn:hover
{filter:none;background:0;background:#eee;text-shadow:0 1px 0 rgba(255,255,255,0.8);text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,0.15)}
.btn-big.btn-active,.btn-big.btn-active:hover
{padding:11px 25px}
.btn-active,.btn-active:hover
{box-shadow:0 2px 4px rgba(0,0,0,0.4) inset;color:#555;border:0;background:0;filter:none;background-color:#ddd;text-shadow:0 1px 0 rgba(255,255,255,0.8);padding:7px 17px 8px 17px}
.btn-small
{padding:4px 12px;font-size:11px}
.btn-small.btn-active
{padding:5px 12px}
.btn-big
{padding:10px 24px;font-size:20px}
.btn-square
{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.btn-round
{border-radius:15px;border-radius:0 \0}
.btn-full
{width:100%}
.btn-group
{display:inline-block;margin-right:2px;vertical-align:bottom}
.btn-group:after
{content:".";display:block;height:0;clear:both;visibility:hidden}
.btn-group>.btn,.btn-group>input
{float:left;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-left:-1px}
.btn-group>.btn:first-child
{border-radius:4px 0 0 4px}
.btn-group>.btn:last-child
{border-radius:0 4px 4px 0}
.btn-group>.btn.btn-round:first-child,.btn-group>.input-search:first-child
{border-radius:15px 0 0 15px}
.btn-group>.btn.btn-round:last-child,.btn-group>.input-search:last-child
{border-radius:0 15px 15px 0}
.btn-append
{margin-left:-2px;border-radius:0 4px 4px 0}
.btn.disabled,.btn[disabled]
{border:0;filter:none;background:0;background-color:#e9e9e9;opacity:.6;cursor:default;box-shadow:0 1px 0 rgba(0,0,0,0.6)}
@-moz-document url-prefix("http://")
{input[type=submit].btn::-moz-focus-inner,button.btn::-moz-focus-inner
{border:0;padding:0}
}
.row
{margin-bottom:0.5em}
.container.row
{margin-bottom:0}
.container:after,.row:after
{content:".";display:block;height:0;clear:both;visibility:hidden}
.half,.third,.quarter,.fifth,.sixth,.twothird,.twofifth,.threefifth,.fourfifth,.fivesixth,.threequarter
{margin-left:3.1914893617021276%;float:left;min-height:1px}
.half:first-child,.third:first-child,.quarter:first-child,.fifth:first-child,.sixth:first-child,.twothird:first-child,.twofifth:first-child,.threefifth:first-child,.fourfifth:first-child,.fivesixth:first-child,.threequarter:first-child
{margin-left:0}
.sixth
{width:14.007092198581558%}
.fifth
{width:17.4468085106383%}
.quarter
{width:22.606382978723403%}
.third
{width:31.205673758865245%}
.half
{width:48.40425531914894%}
.threequarter
{width:74.20212765957446%}
.twothird
{width:65.60283687943262%}
.twofifth
{width:38.08510638297872%}
.threefifth
{width:58.72340425531915%}
.fourfifth
{width:79.36170212765958%}
.fivesixth
{width:82.8014184397163%}
.push-half,.push-threequarter,.push-quarter,.push-third,.push-twothird,.push-fifth,.push-twofifth,.push-threefifth,.push-fourfifth,.push-sixth,.push-fivesixth
{position:relative}
.push-half
{left:51.59574468085106%}
.push-third
{left:34.39716312056737%}
.push-quarter
{left:25.79787234042553%}
.push-fifth
{left:20.638297872340427%}
.push-sixth
{left:17.198581560283685%}
.push-threequarter
{left:77.39361702127658%}
.push-twothird
{left:68.79432624113474%}
.push-twofifth
{left:41.27659574468085%}
.push-threefifth
{left:61.91489361702128%}
.push-fourfifth
{left:82.55319148936171%}
.push-fivesixth
{left:85.99290780141843%}
.split .half,.split .third,.split .quarter,.split .fifth,.split .sixth,.split .twothird,.split .twofifth,.split .threefifth,.split .fourfifth,.split .fivesixth,.split .threequarter
{margin-left:0}
.split .half
{width:50%}
.split .threequarter
{width:75%}
.split .quarter
{width:25%}
.split .third
{width:33.3%}
.split .twothird
{width:66.6%}
.split .fifth
{width:20%}
.split .twofifth
{width:40%}
.split .threefifth
{width:60%}
.split .fourfifth
{width:80%}
.split .sixth
{width:16.6%}
.split .fivesixth
{width:83.4%}
.inner
{padding:1.5em}
.inner-left
{padding-left:1.5em}
.inner-right
{padding-right:1.5em}
.inner-nobottom
{padding-bottom:1px}
.inner-double
{padding:3em}
.inner-double-left
{padding-left:3em}
.inner-double-right
{padding-right:3em}
.inner-double-nobottom
{padding-bottom:1px}
.leftm
{margin-left:10px}
.row .push-right
{float:right}
.row .centered
{float:none;margin:0 auto}
.block-two,.block-three,.block-four,.block-five,.block-six
{list-style:none;margin-left:-3.1914893617021276%;margin-bottom:0}
.block-two:after,.block-three:after,.block-four:after,.block-five:after,.block-six:after
{content:".";display:block;height:0;clear:both;visibility:hidden}
.block-two>li,.block-three>li,.block-four>li,.block-five>li,.block-six>li
{height:auto;float:left;margin-bottom:1.5em;margin-left:3.1914893617021276%}
.block-two>li
{width:46.80851063829787%}
.block-three>li
{width:30.141843971631204%}
.block-four>li
{width:21.80851063829787%}
.block-five>li
{width:16.80851063829787%}
.block-six>li
{width:13.47517730496454%}
.image-left
{float:left;margin:0 1em 1em 0}
.image-right
{float:right;margin:0 0 1em 1em}
.image-left img,.image-right img
{position:relative;top:.4em}
p.lead
{font-size:1.2em}
.supersmall
{font-size:.7em}
.small
{font-size:.85em}
.big
{font-size:1.2em}
input.big
{padding:2px 0;font-size:1.2em}
.text-centered
{text-align:center}
.uppercase
{text-transform:uppercase}
.nowrap
{white-space:nowrap}
.clear
{clear:both}
.last
{margin-right:0!important}
.end
{margin-bottom:0!important}
.handle
{cursor:move}
.normal
{font-weight:normal}
.bold
{font-weight:bold}
.italic
{font-style:italic}
.req,.required
{font-weight:normal;color:#da3e5a}
.highlight
{background-color:#e5ecf5!important}
.width-33
{width:33%}
.width-50
{width:50%}
.width-100
{width:100%}
input.width-100
{width:98.6%}
textarea.width-100
{width:99.4%}
select.width-100
{width:99.4%}
.black
{color:#000}
.gray-dark
{color:#555}
.gray
{color:#777}
.gray-light
{color:#999}
.white
{color:#fff}


.red,.error
{color:#ff0000;
font-size: 1.5em
}



.green,.success
{color:#18a011}
a.white:hover
{color:#d9d9d9;color:rgba(255,255,255,0.8)}
a.green:hover,a.red:hover,a.error:hover
{color:#000}

@media only screen and (max-width:767px)
{.row .half,.row .third,.row .quarter,.row .fifth,.row .sixth,.row .twothird,.row .twofifth,.row .threefifth,.row .fourfifth,.row .fivesixth,.row .threequarter
{margin-left:0;width:100%}
.push-half,.push-threequarter,.push-quarter,.push-third,.push-twothird,.push-fifth,.push-twofifth,.push-threefifth,.push-fourfifth,.push-sixth,.push-fivesixth
{left:0}
.row .pull-right
{float:none}
.block-two,.block-three,.block-four,.block-five,.block-six
{margin-left:0;margin-bottom:1.5em}
.block-two>li,.block-three>li,.block-four>li,.block-five>li,.block-six>li
{float:none;margin:0;width:100%}
.forms.columnar label
{float:none;text-align:left;width:auto}
.forms.columnar .push,.forms.columnar div.descr
{margin-left:0}
.forms .multicolumn li
{float:none;margin-right:0}
.forms .multicolumn li.width-50,.forms .multicolumn li.width-33
{width:100%}
.forms.columnar li fieldset,.forms.columnar li fieldset section
{width:100%;padding-left:0;text-align:left;position:static}
.forms fieldset
{padding:0;padding-top:1em;border:0}
.forms fieldset legend
{padding:0}
}




@font-face
{font-family:  Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;src:url('webfonts/298CCB_2_0.eot');src:url('webfonts/298CCB_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/298CCB_2_0.woff') format('woff'),url('webfonts/298CCB_2_0.ttf') format('truetype')}
@font-face
{font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;src:url('webfonts/298CCB_0_0.eot');src:url('webfonts/298CCB_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/298CCB_0_0.woff') format('woff'),url('webfonts/298CCB_0_0.ttf') format('truetype');font-weight:300}
@font-face
{font-family:  Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;src:url('webfonts/298CCB_1_0.eot');src:url('webfonts/298CCB_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/298CCB_1_0.woff') format('woff'),url('webfonts/298CCB_1_0.ttf') format('truetype');font-weight:500}
@font-face
{font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;src:url('webfonts/298CCB_3_0.eot');src:url('webfonts/298CCB_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/298CCB_3_0.woff') format('woff'),url('webfonts/298CCB_3_0.ttf') format('truetype');font-weight:bold}
.vertical-align
{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
*,*:before,*:after
{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html
{font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a:active,a:hover
{outline:0}
button,input
{line-height:normal}
button,select
{text-transform:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{display:block}
audio,canvas,video
{display:inline-block}
audio:not([controls])
{display:none;height:0}
blockquote,q
{quotes:none}
blockquote p:before,blockquote p:after,q:before,q:after
{content:'';content:none}
table
{border-collapse:collapse;border-spacing:0}
caption,th,td
{text-align:left;vertical-align:top;font-weight:normal}
thead th,thead td
{font-weight:bold;vertical-align:bottom}
a img,th img,td img
{vertical-align:middle}
button,input,select,textarea
{margin:0}
textarea
{overflow:auto;vertical-align:top;resize:vertical}
button
{width:auto;overflow:visible}
input[type=button],input[type=submit],button
{cursor:pointer}
input[type="radio"],input[type="checkbox"]
{font-size:110%;position:relative;top:-1px}
input[type="search"]
{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration
{-webkit-appearance:none}
hr
{display:block;height:1px;border:0;border-top:1px solid #ddd}
img,video
{max-width:100%;height:auto}
img
{-ms-interpolation-mode:bicubic}
audio
{width:100%}
body
{background:#fff;color:#333;font-size:14px;line-height:1.6em;font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;,Helvetica,Arial,sans-serif}
a
{color:#182d7c;
text-decoration:none;}
/*a:focus,a:hover*/
{color:#dc143c;}
.title,h1,h2,h3,h4,h5,h6
{font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;,Helvetica,Arial,sans-serif;font-weight:bold;color:#222;text-rendering:optimizeLegibility}
h1
{font-size:36px;line-height:1.111em;margin-bottom:.25em}
h2
{font-size:30px;line-height:1.111em;margin-bottom:.5em}
h3
{}
h4
{font-size:18px;line-height:1.5em;margin-bottom:.333em}
h5
{font-size:14px;line-height:1.6em;margin-bottom:.25em}
h6
{font-size:12px;text-transform:uppercase;line-height:1.6em;margin-bottom:.25em}
hgroup h1:first-child,hgroup h2:first-child,hgroup h3:first-child,hgroup h4:first-child,hgroup h5:first-child
{margin-bottom:0}
h1.subheading,h2.subheading,h3.subheading,h4.subheading,h5.subheading
{font-weight:300}
h1.subheading
{font-size:30px}
h2.subheading
{font-size:24px}
h3.subheading
{font-size:18px}
h4.subheading
{font-size:14px}
h5.subheading
{font-size:12px}
.lead
{font-size:18px;font-weight:300;line-height:1.4em;margin-bottom:.75em}
p,ul,ol,dl,dd,dt,blockquote,td,th
{line-height:1.6em}
ul,ol,ul ul,ol ol,ul ol,ol ul
{margin:0 0 0 1.6em}
ol ol li
{list-style-type:lower-alpha}
ol ol ol li
{list-style-type:lower-roman}
p,ul,ol,dl,blockquote,hr,pre,table,form,fieldset,figure,address
{}
address
{font-style:normal}
dl dt
{font-weight:500}
dd
{margin-left:1em}
blockquote
{font-size:16px;font-style:italic;position:relative;padding-left:1.6em;margin-left:0;border-left:2px solid #dbdada}
blockquote p
{margin-bottom:.5em}
blockquote small,cite
{color:#777;font-style:italic}
small,blockquote cite
{font-size:12px;line-height:1}
del
{text-decoration:line-through}
abbr[title],dfn[title]
{border-bottom:1px dotted #000;cursor:help}
strong,b
{font-weight:bold}
em,i
{font-style:italic}
sub,sup
{font-size:10px;line-height:0;position:relative}
sup
{top:-0.5em}
sub
{bottom:-0.25em}
figcaption
{font-size:12px;font-style:italic}
ins,mark
{background-color:#fddc43;color:#0f0f0f;text-decoration:none}
pre,code,kbd,samp
{font-size:90%;font-family:  Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif}
pre
{font-size:90%;line-height:1.45em;color:#333;background:#f6f6f6;padding:1.6em;overflow:auto}
code
{padding:3px 3px 1px 3px;display:inline-block;line-height:1;background:#f6f6f6;border:1px solid #ddd}
pre code
{font-size:100%;border:0;padding:0;background:0;line-height:1.6em}
kbd
{padding:2px 6px 1px 6px;line-height:1;display:inline-block;border-radius:.3em;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 1px #fff inset;background-color:#fafafa;border:1px solid #ccc;color:#333;font-weight:normal;white-space:nowrap}
button:active,button:focus
{outline:0}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="phone"],input[type="tel"],input[type="number"],input[type="datetime"],input[type="date"],input[type="search"],input[type="datetime-local"],textarea,select[multiple="multiple"]
{font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;,Helvetica,Arial,sans-serif;line-height:1;font-size:14px;border-radius:0;background:#fff;box-shadow:none;border:1px solid #bbbcc0;outline:0;padding:7px 5px;position:relative;z-index:2;-webkit-appearance:none}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="phone"],input[type="tel"],input[type="number"],input[type="datetime"],input[type="date"],input[type="search"],input[type="datetime-local"]
{height:2.3em}
input[type="range"]
{position:relative;top:3px}
select[multiple="multiple"],textarea
{line-height:1.35em}
fieldset
{padding:1.6em;margin-bottom:1.6em;border:1px solid #dbdada}
legend
{font-weight:bold;padding:0 1em;margin-left:-1em}
tfoot th,tfoot td
{background-color:#f4f4f4}
th,td
{border-bottom:1px solid #eee;padding:5px 5px}
table caption
{text-transform:uppercase;padding:0 1em;color:#777;font-size:12px}
.units-container:after,.units-row:after
{content:"";display:table;clear:both}
.units-container
{padding-top:1px;margin-top:-1px}
.units-row
{margin-bottom:1.6em}
.width-100,.unit-100
{width:100%}
.width-90,.unit-90
{width:90%}
.width-80,.unit-80
{width:80%}
.width-75,.unit-75
{width:75%}
.width-70,.unit-70
{width:70%}
.width-66,.unit-66
{width:66.6%}
.width-65,.unit-65
{width:65%}
.width-60,.unit-60
{width:60%}
.width-50,.unit-50
{width:50%}
.width-40,.unit-40
{width:40%}
.width-35,.unit-35
{width:35%}
.width-33,.unit-33
{width:33.3%}
.width-30,.unit-30
{width:30%}
.width-25,.unit-25
{width:25%}
.width-20,.unit-20
{width:20%}
.width-10,.unit-10
{width:10%}
input.width-100,input.unit-100
{width:98.6%}
textarea.width-100,textarea.unit-100
{width:98.8%}
select.width-100,select.unit-100
{width:99.4%}
.units-row .unit-90,.units-row .unit-80,.units-row .unit-75,.units-row .unit-70,.units-row .unit-66,.units-row .unit-65,.units-row .unit-60,.units-row .unit-50,.units-row .unit-40,.units-row .unit-35,.units-row .unit-33,.units-row .unit-30,.units-row .unit-25,.units-row .unit-20,.units-row .unit-10
{float:left;margin-left:3%}
.units-row .unit-90:first-child,.units-row .unit-80:first-child,.units-row .unit-75:first-child,.units-row .unit-70:first-child,.units-row .unit-66:first-child,.units-row .unit-65:first-child,.units-row .unit-60:first-child,.units-row .unit-50:first-child,.units-row .unit-40:first-child,.units-row .unit-35:first-child,.units-row .unit-33:first-child,.units-row .unit-30:first-child,.units-row .unit-25:first-child,.units-row .unit-20:first-child,.units-row .unit-10:first-child
{margin-left:0}
.units-row .unit-90
{width:89.7%}
.units-row .unit-80
{width:79.4%}
.units-row .unit-75
{width:74.25%}
.units-row .unit-70
{width:69.1%}
.units-row .unit-66
{width:65.66666666666666%}
.units-row .unit-65
{width:65.66666666666666%}
.units-row .unit-60
{width:58.800000000000004%}
.units-row .unit-50
{width:48.5%}
.units-row .unit-40
{width:38.2%}
.units-row .unit-35
{width:31.333333333333332%}
.units-row .unit-33
{width:31.333333333333332%}
.units-row .unit-30
{width:27.9%}
.units-row .unit-25
{width:22.75%}
.units-row .unit-20
{width:17.6%}
.units-row .unit-10
{width:7.3%}
.unit-push-90,.unit-push-80,.unit-push-75,.unit-push-70,.unit-push-66,.unit-push-65,.unit-push-60,.unit-push-50,.unit-push-40,.unit-push-35,.unit-push-33,.unit-push-30,.unit-push-25,.unit-push-20,.unit-push-10
{position:relative}
.unit-push-90
{left:92.7%}
.unit-push-80
{left:82.4%}
.unit-push-75
{left:77.25%}
.unit-push-70
{left:72.1%}
.unit-push-66
{left:68.66666666666666%}
.unit-push-65
{left:68.66666666666666%}
.unit-push-60
{left:61.800000000000004%}
.unit-push-50
{left:51.5%}
.unit-push-40
{left:41.2%}
.unit-push-35
{left:34.33333333333333%}
.unit-push-33
{left:34.33333333333333%}
.unit-push-30
{left:30.9%}
.unit-push-25
{left:25.75%}
.unit-push-20
{left:20.6%}
.unit-push-10
{left:10.3%}
.units-row .unit-push-right
{float:right}
.centered,.unit-centered
{float:none!important;margin:0 auto!important}
.unit-padding
{padding:1.6em}
.units-padding .unit-100,.units-padding .unit-90,.units-padding .unit-80,.units-padding .unit-75,.units-padding .unit-70,.units-padding .unit-66,.units-padding .unit-65,.units-padding .unit-60,.units-padding .unit-50,.units-padding .unit-40,.units-padding .unit-35,.units-padding .unit-33,.units-padding .unit-30,.units-padding .unit-25,.units-padding .unit-20,.units-padding .unit-10
{padding:1.6em}
.units-split .unit-90,.units-split .unit-80,.units-split .unit-75,.units-split .unit-70,.units-split .unit-66,.units-split .unit-65,.units-split .unit-60,.units-split .unit-50,.units-split .unit-40,.units-split .unit-35,.units-split .unit-33,.units-split .unit-30,.units-split .unit-25,.units-split .unit-20,.units-split .unit-10
{margin-left:0}
.units-split .unit-90
{width:90%}
.units-split .unit-80
{width:80%}
.units-split .unit-75
{width:75%}
.units-split .unit-70
{width:70%}
.units-split .unit-66
{width:66.6%}
.units-split .unit-65
{width:65%}
.units-split .unit-60
{width:60%}
.units-split .unit-50
{width:50%}
.units-split .unit-40
{width:40%}
.units-split .unit-35
{width:35%}
.units-split .unit-33
{width:33.3%}
.units-split .unit-30
{width:30%}
.units-split .unit-25
{width:25%}
.units-split .unit-20
{width:20%}
.units-split .unit-10
{width:10%}
@media only screen and (max-width:767px)
{.mobile-width-100
{width:100%}
.units-row .unit-90,.units-row .unit-80,.units-row .unit-75,.units-row .unit-70,.units-row .unit-66,.units-row .unit-65,.units-row .unit-60,.units-row .unit-50,.units-row .unit-40,.units-row .unit-35,.units-row .unit-33,.units-row .unit-30,.units-row .unit-25,.units-row .unit-20,.units-row .unit-10
{width:100%;float:none;margin-left:0;margin-bottom:1.6em}
.unit-push-90,.unit-push-80,.unit-push-75,.unit-push-70,.unit-push-66,.unit-push-65,.unit-push-60,.unit-push-50,.unit-push-40,.unit-push-35,.unit-push-33,.unit-push-30,.unit-push-25,.unit-push-20,.unit-push-10
{left:0}
.units-row .unit-push-right
{float:none}
.units-mobile-50 .unit-90,.units-mobile-50 .unit-80,.units-mobile-50 .unit-75,.units-mobile-50 .unit-70,.units-mobile-50 .unit-66,.units-mobile-50 .unit-65,.units-mobile-50 .unit-60,.units-mobile-50 .unit-40,.units-mobile-50 .unit-30,.units-mobile-50 .unit-35,.units-mobile-50 .unit-33,.units-mobile-50 .unit-25,.units-mobile-50 .unit-20,.units-mobile-50 .unit-10
{float:left;margin-left:3%;width:48.5%}
.units-mobile-50 .unit-90:first-child,.units-mobile-50 .unit-80:first-child,.units-mobile-50 .unit-75:first-child,.units-mobile-50 .unit-70:first-child,.units-mobile-50 .unit-66:first-child,.units-mobile-50 .unit-65:first-child,.units-mobile-50 .unit-60:first-child,.units-mobile-50 .unit-40:first-child,.units-mobile-50 .unit-35:first-child,.units-mobile-50 .unit-30:first-child,.units-mobile-50 .unit-33:first-child,.units-mobile-50 .unit-25:first-child,.units-mobile-50 .unit-20:first-child,.units-mobile-50 .unit-10:first-child
{margin-left:0}
}
.blocks-2,.blocks-3,.blocks-4,.blocks-5,.blocks-6
{padding-left:0;list-style:none;margin-left:-3%}
.blocks-2:after,.blocks-3:after,.blocks-4:after,.blocks-5:after,.blocks-6:after
{content:"";display:table;clear:both}
.blocks-2 li,.blocks-3 li,.blocks-4 li,.blocks-5 li,.blocks-6 li
{height:auto;float:left;margin-bottom:1.6em;margin-left:3%}
.blocks-2>li
{width:47%}
.blocks-3>li
{width:30.333333333333332%}
.blocks-4>li
{width:22%}
.blocks-5>li
{width:17%}
.blocks-6>li
{width:13.666666666666666%}
.block-first
{clear:both}
@media only screen and (max-width:767px)
{.blocks-2,.blocks-3,.blocks-4,.blocks-5,.blocks-6
{margin-left:0;margin-bottom:1.6em}
.blocks-2>li,.blocks-3>li,.blocks-4>li,.blocks-5>li,.blocks-6>li
{float:none;margin-left:0;width:100%}
.blocks-mobile-50>li,.blocks-mobile-33>li
{float:left;margin-left:3%}
.blocks-mobile-33,.blocks-mobile-50
{margin-left:-3%}
.blocks-mobile-50>li
{width:47%}
.blocks-mobile-33>li
{width:30.333333333333332%}
}
.navbar
{margin-bottom:1.6em}
.navbar:after
{content:"";display:table;clear:both}
.navbar-left
{float:left}
.navbar-right
{float:right}
.navbar ul
{list-style:none;margin:0}
.navbar ul:after
{content:"";display:table;clear:both}
.navbar ul li
{float:left;margin-right:1.6em}
.navbar-right ul li
{margin-right:0;margin-left:1.6em}
.navbar ul li a,.navbar ul li span
{display:block;text-decoration:none}
.navbar ul li a:hover
{color:white}
.navbar ul li.active a,.navbar ul li span
{text-decoration:none;cursor:text;color:rgba(0,0,0,0.4)}
.fullwidth ul
{width:100%}
.fullwidth li
{float:none!important;margin:0;display:table-cell;width:1%;text-align:center}
.fullwidth li a,.fullwidth li span
{display:block}
.nav
{margin-bottom:1.6em}
.nav ul
{list-style:none;margin:0;}
.nav ul li ul
{margin-left:2em;font-size:.95em}
.nav ul li a,.nav ul li span
{display:block;padding:5px 0}
.nav ul li ul li a,.nav ul li ul li span
{padding:4px 0}
.nav ul li a
{text-decoration:none}
.nav ul li a:hover
{color:white;text-decoration:underline}
.nav ul li.active a,.nav ul li span
{text-decoration:none;cursor:text;color:rgba(0,0,0,0.4)}
.nav-stroked li
{border-bottom:1px solid #eee}
.nav-stroked li:last-child
{border-bottom:0}
.nav-stacked ul
{border:1px solid #eee;border-bottom:0}
.nav-stacked ul li
{border-bottom:1px solid #eee}
.nav-stacked ul li a,.nav-stacked ul li span
{padding:5px 10px}
.nav-stacked ul li a:hover
{background-color:#f5f5f5}
.nav-stats li
{position:relative}
.nav-stats li a,.nav-stats li span
{padding-right:50px}
.nav-stats sup
{position:absolute;top:50%;right:0;color:rgba(0,0,0,0.4)}
.nav-stats.nav-stacked sup
{right:.5em}
.breadcrumbs
{margin-bottom:1.6em}
.breadcrumbs:after
{content:"";display:table;clear:both}
.breadcrumbs ul
{font-size:.9em;color:rgba(0,0,0,0.4);list-style:none;margin:0}
.breadcrumbs ul:after
{content:"";display:table;clear:both}
.breadcrumbs ul li
{float:left;margin-right:3px}
.breadcrumbs li+li:before
{content:" > ";color:#aaa;font-size:12px;margin:0 3px;position:relative;top:-1px}
.breadcrumbs-sections li+li:before
{content:" | ";top:0}
.breadcrumbs-path li+li:before
{content:" / ";top:0}
.breadcrumbs ul li a
{color:#0f0f0f;text-decoration:none}
.breadcrumbs ul li.active a
{text-decoration:none;cursor:text;color:rgba(0,0,0,0.4)}
.breadcrumbs ul li a:hover
{color:#0f0f0f;text-decoration:underline}
.pagination
{position:relative;left:-9px;margin-left:0;list-style:none}
.pagination:after
{content:"";display:table;clear:both}
.pagination li
{float:left;margin-right:2px}
.pagination li a,.pagination li span
{display:block;padding:7px 9px;line-height:1;border-radius:3px;color:#0f0f0f;text-decoration:none}
.pagination span
{border:1px solid #ddd}
.pagination li a:focus,.pagination li a:hover
{text-decoration:none;background-color:#0f0f0f;color:#fff}
@media only screen and (max-width:767px)
{.navbar-left,.navbar-right,.navbar ul li,.navbar-right ul li,.subnav-right ul,.subnav ul li,.subnav-right ul li
{float:none;text-align:right}
.navbar ul li,.navbar-right ul li,.subnav ul li,.subnav-right ul li
{margin-left:0;margin-right:0}
.fullwidth ul
{width:auto}
.fullwidth li
{display:block;width:auto}
}
table.table-bordered td,table.table-bordered th
{border:1px solid #ddd}
table.table-simple td,table.table-simple th
{border:0;padding-left:0}
table.table-flat td,table.table-flat th
{border:0;padding:0}
table.table-striped tbody tr:nth-child(odd) td
{background-color:#f8f8f8}
table.table-hovered tbody tr:hover td
{background-color:#f4f4f4}
.table-container
{width:100%;overflow:auto;margin-bottom:1.6em}
.table-container table
{margin-bottom:0}
.table-container::-webkit-scrollbar
{-webkit-appearance:none;width:14px;height:14px}
.table-container::-webkit-scrollbar-thumb
{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,0.3)}
.forms label
{display:block;margin-bottom:1.6em}
.forms fieldset
{padding-bottom:.5em;border-radius:4px}
.forms input[type="text"],.forms input[type="password"],.forms input[type="email"],.forms input[type="url"],.forms input[type="phone"],.forms input[type="tel"],.forms input[type="number"],.forms input[type="datetime"],.forms input[type="date"],.forms input[type="search"],.forms input[type="range"],.forms input[type="file"],.forms input[type="datetime-local"],.forms textarea,.forms select
{display:block}
.forms-inline input[type="text"],.forms-inline-list input[type="text"],.forms-inline input[type="password"],.forms-inline-list input[type="password"],.forms-inline input[type="email"],.forms-inline-list input[type="email"],.forms-inline input[type="url"],.forms-inline-list input[type="url"],.forms-inline input[type="phone"],.forms-inline-list input[type="phone"],.forms-inline input[type="tel"],.forms-inline-list input[type="tel"],.forms-inline input[type="number"],.forms-inline-list input[type="number"],.forms-inline input[type="datetime"],.forms-inline-list input[type="datetime"],.forms-inline input[type="date"],.forms-inline-list input[type="date"],.forms-inline input[type="search"],.forms-inline-list input[type="search"],.forms-inline input[type="range"],.forms-inline-list input[type="range"],.forms-inline input[type="file"],.forms-inline-list input[type="file"],.forms-inline input[type="datetime-local"],.forms-inline-list input[type="datetime-local"],.forms-inline textarea,.forms-inline-list textarea,.forms-inline select,.forms-inline-list select
{display:inline-block}
.forms-list,.forms-inline-list
{margin:0;padding:0;margin-bottom:1.6em;list-style:none}
.forms-list label,.forms-inline-list li,.forms-inline-list li label
{display:inline-block;margin-bottom:0}
.forms-inline-list li label
{margin-right:1.6em}
.forms-inline-list li
{margin-bottom:3px}
.forms-list li
{margin-bottom:6px}
.forms-desc
{margin-top:4px;color:rgba(0,0,0,0.4);font-size:12px;line-height:1.4em}
input[type="radio"],input[type="checkbox"]
{position:relative;top:-1px}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="phone"],input[type="tel"],input[type="number"],input[type="datetime"],input[type="date"],input[type="search"],input[type="datetime-local"],textarea
{-moz-transition:border ease .5s;transition:border ease .5s}
input[type="range"]
{position:relative;top:3px}
textarea
{line-height:1.4em}
select
{margin-bottom:0!important}
.error,.success
{font-weight:normal;font-size:12px}
input.input-error,textarea.input-error,select.input-error,.input-error
{border-color:white;box-shadow:0 0 0 2px rgba(215,10,22,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input.input-success,textarea.input-success,select.input-success,.input-success
{border-color:#159776;box-shadow:0 0 0 2px rgba(21,151,118,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input.input-gray,textarea.input-gray,select.input-gray,.input-gray
{border-color:#ccc;box-shadow:0 0 0 2px rgba(204,204,204,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input:focus,textarea:focus
{outline:0;border-color:#5ca9e4;box-shadow:0 0 0 2px rgba(70,161,231,0.3),0 1px 2px rgba(0,0,0,0.2) inset}
input.input-search,input[type="search"]
{padding-right:10px;padding-left:10px;margin-bottom:0;border-radius:15px}
.input-groups
{display:table!important}
.input-groups input
{width:100%}
.input-groups input,.input-groups .input-append,.input-groups .input-prepend,.input-groups .btn-append
{display:table-cell!important}
.input-groups .btn-append,.input-groups .input-append,.input-groups .input-prepend
{width:1%;vertical-align:middle}
.input-groups .input-append,.input-groups .input-prepend
{background-color:#eee;border:1px solid #ccc;margin:0;padding:0 7px;color:rgba(0,0,0,0.5);line-height:1;font-size:12px;white-space:nowrap}
.input-groups .input-prepend
{border-right:0}
.input-groups .input-append
{position:relative;z-index:1;border-left:none}
.input-groups .btn-append .btn
{display:block;height:auto;border-radius:0 4px 4px 0}
@media only screen and (max-width:767px)
{.forms-list label
{display:inline-block}
}
.topixbtn
{background:#dbdada;display:inline-block;vertical-align:top;font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1;text-align:center;text-decoration:none;margin:10px 0px;border:0;border-radius:3px;box-shadow:none;padding:9px 10px;height:2.3em}
.btn
{display:inline-block;vertical-align:top;font-family: Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1;text-align:center;text-decoration:none;color:#333;margin:0;border:0;border-radius:3px;box-shadow:none;cursor:pointer;background:#eeeded;padding:9px 20px;height:2.3em}
.btn:hover
{color:rgba(0,0,0,0.5);background:#dbdada}
input[type="submit"].btn
{-webkit-appearance:none}
.btn-small
{font-size:11px;padding:7px 16px}
.btn-outline
{background:0;border:1px solid #ddd;padding:8px 19px}
.btn-outline.btn-small
{padding:6px 15px}
.btn-blue,.btn-red,.btn-green,.btn-black
{color:#fff}
.btn-blue:hover,.btn-red:hover,.btn-green:hover,.btn-black:hover
{color:rgba(255,255,255,0.7)}
.btn-white
{background:#fff}
.btn-white:hover
{background:#f2f2f2}
.btn-white.btn-outline
{background:0;border-color:rgba(255,255,255,0.85);color:rgba(255,255,255,0.85)}
.btn-white.btn-outline:hover
{color:rgba(0,0,0,0.9);background:#fff}
.btn-blue
{background:#3d58a8}
.btn-blue:hover
{background:#2f4483}
.btn-red
{background:white}
.btn-red:hover
{background:#a60811}
.btn-green
{background:#159776}
.btn-green:hover
{background:#0f6a53}
.btn-yellow
{background:#fddc43;color:#000}
.btn-yellow:hover
{background:#e7be02}
.btn-black
{background:#000}
.btn-black:hover
{background:#333}
.btn-active,.btn[disabled],.btn-disabled
{border:0;background:0;background-color:#dbdada;color:rgba(0,0,0,0.5)}
.btn-active:hover,.btn[disabled]:hover,.btn-disabled:hover
{color:rgba(0,0,0,0.5)}
.btn-active
{box-shadow:0 1px 3px rgba(0,0,0,0.4) inset}
.btn[disabled],.btn-disabled
{cursor:default;box-shadow:none}
.btn-blue.btn-active,.btn-red.btn-active,.btn-green.btn-active,.btn-black.btn-active
{box-shadow:0 1px 3px rgba(0,0,0,0.7) inset}
.btn-blue.btn-active,.btn-red.btn-active,.btn-green.btn-active,.btn-black.btn-active,.btn-blue.btn-disabled,.btn-red.btn-disabled,.btn-green.btn-disabled,.btn-black.btn-disabled,.btn-blue[disabled],.btn-red[disabled],.btn-green[disabled],.btn-black[disabled]
{color:rgba(255,255,255,0.6)}
.btn-blue.btn-active:hover,.btn-red.btn-active:hover,.btn-green.btn-active:hover,.btn-black.btn-active:hover,.btn-blue.btn-disabled:hover,.btn-red.btn-disabled:hover,.btn-green.btn-disabled:hover,.btn-black.btn-disabled:hover,.btn-blue[disabled]:hover,.btn-red[disabled]:hover,.btn-green[disabled]:hover,.btn-black[disabled]:hover
{color:rgba(255,255,255,0.6)}
.btn-white.btn-active,.btn-white.btn-disabled,.btn-white[disabled]
{background:#f2f2f2}
.btn-blue.btn-active,.btn-blue.btn-disabled,.btn-blue[disabled]
{background:#2f4483}
.btn-red.btn-active,.btn-red.btn-disabled,.btn-red[disabled]
{background:#a60811}
.btn-green.btn-active,.btn-green.btn-disabled,.btn-green[disabled]
{background:#0f6a53}
.btn-yellow.btn-active,.btn-yellow.btn-disabled,.btn-yellow[disabled]
{background:#e7be02}
.btn-black.btn-active,.btn-black.btn-disabled,.btn-black[disabled]
{background:#4d4d4d}
.group:after
{content:"";display:table;clear:both}
.small
{font-size:12px}
.nowrap,.nowrap td
{white-space:nowrap}
.req,.required
{font-weight:normal;color:white}
.color-gray
{color:#777}
.color-gray-light
{color:#999}
.color-black
{color:#000}
.color-red,.error
{color:white}
.color-green,.success
{color:#159776}
.text-centered
{text-align:center}
.text-right
{text-align:right}
.last
{margin-right:0!important}
.pause
{margin-bottom:.8em!important}
.end
{margin-bottom:0!important}
.normal
{font-weight:normal}
.bold
{font-weight:bold}
.italic
{font-style:italic}
.left
{float:left}
.right
{float:right}
.video-wrapper
{height:0;padding-bottom:56.25%;position:relative;margin-bottom:1.6em}
.video-wrapper iframe,.video-wrapper object,.video-wrapper embed
{position:absolute;top:0;left:0;width:100%;height:100%}
@media only screen and (max-width:767px)
{.left,.right
{float:none}
}
.str
{color:#d14}
.kwd
{color:#333}
.com
{color:#998}
.typ
{color:#458}
.lit
{color:#458}
.pun
{color:#888}
.opn
{color:#333}
.clo
{color:#333}
.tag
{color:#367ac3}
.atn
{color:#51a7c9}
.atv
{color:#709c1a}
.dec
{color:#666}
.var
{color:teal}
.fun
{color:#900}
.accordion-title
{position:relative;display:block;margin:0;margin-bottom:10px;padding:12px 50px 12px 18px;color:#000;text-decoration:none;font-weight:normal;font-size:14px;line-height:1,4em;background:#f8f8f8;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.accordion-title.accordion-title-opened
{margin-bottom:0;border-bottom:1px solid #ddd}
.accordion-title a,.accordion-title:hover
{color:#000;text-decoration:none}
.accordion-panel
{padding-top:1em;margin-bottom:10px}
.accordion-toggle
{position:absolute;top:12px;right:20px;padding:0;font-size:0;line-height:1}
.accordion-toggle-closed
{background:#000;width:1px;height:15px;margin-left:1px}
.accordion-toggle-closed:before
{position:absolute;top:7px;left:-7px;content:"";width:15px;height:1px;background:#000}
.accordion-toggle-opened:before
{position:absolute;top:7px;left:-8px;content:"";width:15px;height:1px;background:#000}
.vertical-align
{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
::selection
{background:#ffff9e}
::-moz-selection
{background:#ffff9e}
img::selection
{background:transparent}
img::-moz-selection
{background:transparent}
body,h1,h2,h3,h4,h5,h6
{font-family:  Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif}
.subheading
{color:rgba(0,0,0,0.6)}
.btn-buy
{padding:16px 27px;height:auto}
.btn-outline
{color:rgba(0,0,0,0.9);-moz-transition:color linear .1s;transition:color linear .1s}
.btn-outline:hover
{background:0;color:rgba(0,0,0,0.4)}
.btn-dark-gray
{color:rgba(255,255,255,0.9);background:#4c4c4c}
.btn-dark-gray:hover
{background:#333}
.btn-dark-gray:hover
{color:rgba(255,255,255,0.6)}
.accordion-panel
{padding:20px}
h1 a,h2 a,h3 a,h4 a,h5 a
{color:#333}
.wrap,.intro
{margin:auto;width:80%;max-width:1200px}
#main
{margin:1.6em 0}
#main:after
{content:"";display:table;clear:both}
#area
{float:left;width:69%;margin-left:4%}
#side
{float:left;width:27%}
#header
{padding:30px 0 14px 0;font-size:14px}
#header:after
{content:"";display:table;clear:both}
#logo
{float:left;width:94px;height:22px;background-image:url('../img/logo.png');background-repeat:no-repeat}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx)
{#logo
{background-image:url('../img/logo@2x.png');background-size:94px auto}
}
#logo a
{zoom:1;display:block;height:22px}
#appendix
{float:right;font-size:12px;position:relative;top:-1px}
#appendix a
{display:inline-block;color:rgba(0,0,0,0.7);padding:8px 10px 7px 10px;text-decoration:none;margin-left:2px;line-height:1;-moz-transition:color linear .1s;transition:color linear .1s}
#appendix a:hover
{color:rgba(0,0,0,0.4)}
body.indexpage #appendix a
{background:rgba(240,240,240,0.8)}
#nav li
{margin:0;width:25%;text-align:center}
#nav li img
{vertical-align: middle}
#nav a,#nav span
{line-height:1;padding:18px 0}
#nav a
{background:#000063;color:#FFF;border-right:1px solid rgba(255,255,255,0.3);-moz-transition:all linear .1s;transition:all linear .1s}
#nav a:hover
{background:#344281;color:rgba(255,255,255,0.7);text-decoration:none;}
#nav li:last-child a
{border-right:0}
#nav span
{background:#839fc5;color:rgba(255,255,255,0.9)}
#side-nav
{font-size:14px}
#side-nav li
{margin-bottom:1px}
#side-nav a,#side-nav span
{background:#f5f5f5;padding:8px 12px}
#side-nav span
{background:#e3e3e3}
#side-nav a
{color:#000;-moz-transition:all linear .1s;transition:all linear .1s}
#side-nav a:hover
{background:#e3e3e3;color:rgba(0,0,0,0.5)}
#cover-index
{background:url(/img/backs/index-big.jpg) center no-repeat #fff;background-size:cover}
.intro
{padding:120px 0;text-align:center;margin-bottom:1.6em}
.intro h1
{font-size:56px;font-weight:normal;line-height:1;margin-bottom:5px}
.intro h1 a
{text-decoration:none;color:#000}
.intro p
{font-size:24px;font-weight:300;margin-bottom:0;line-height:1.3em;color:rgba(0,0,0,0.7)}
.intro-index
{margin-top:-1.3em}
.intro-index h1
{margin-bottom:20px}
.intro-index p
{width:76%;margin:auto}
.intro-index
{background:url(/img/backs/shadow.png) no-repeat bottom}
.intro-redactor,.intro-kube
{position:relative;top:-1px;margin-top:-1.6em;padding:90px 0 80px 0}
.intro-redactor h1,.intro-kube h1
{font-size:50px}
#subnav-box
{padding-bottom:.8em;margin:1.6em auto;border-bottom:1px solid #eee}
#subnav-box:after
{content:"";display:table;clear:both}
#subnav-box h2
{margin:0;font-size:24px;font-weight:normal;float:left}
#subnav-box h2 a
{text-decoration:none}
#subnav-box h2 a:hover
{text-decoration:underline}
#subnav
{font-size:14px;margin:0;float:right}
#subnav li
{margin-right:0;margin-left:1.6em}
#subnav a
{color:#000;line-height:1;text-decoration:none;padding:8px 5px;-moz-transition:all linear .2s;transition:all linear .2s}
#subnav a:hover
{color:#888;text-decoration:underline}
body.redactorpage-index #subnav a,body.redactorpage-index #subnav span
{background:#fff}
#subnav span
{line-height:1;padding:8px 5px}
#subnav a#subnav-buy-link
{background:white;line-height:1;padding:7px 10px;color:#fff}
#subnav a#subnav-buy-link:hover
{color:rgba(255,255,255,0.7);background:#bf0914}
#subnav span#subnav-buy-link
{position:relative;padding:7px 10px;color:rgba(255,255,255,0.7);background:white}
#area-head,#kube-head,#main-head h1
{font-size:38px;font-weight:normal}
#kube-head
{margin-bottom:1em}
#main-head
{text-align:center;margin:3.2em 0}
#main-head p
{width:76%;margin:auto;margin-top:10px;font-size:18px;font-weight:300;line-height:1.35em}
.small-head-box
{font-size:24px;font-weight:300;margin-bottom:20px}
.head-box
{font-size:40px;font-weight:300;text-align:center;margin-bottom:30px}
.sub-head-box
{font-size:18px;font-weight:300;margin:auto;margin-top:-15px;margin-bottom:55px;width:80%;text-align:center}
.black-box,.white-box,.light-gray-box
{padding:70px 0;margin-bottom:3.2em}
.light-gray-box
{background:#f5f5f5}
.black-box
{background:#000}
#who-is-using li
{text-align:center}
#kube-black-box
{padding:90px 0}
#kube-black-box h2
{color:#fff;font-size:36px}
#kube-black-box p
{width:90%;margin:auto;font-size:18px;font-weight:300;text-align:center;color:rgba(255,255,255,0.8)}
#search-box
{padding:10px;background-color:#f5f5f5}
#search-docs
{width:100%;font-size:18px;padding-left:10px;padding-right:10px}
#promo
{margin:0.2em 0}
#promo h3
{font-size:36px;font-weight:normal}
#promo h3.subheading
{font-size:20px;font-weight:300}
#promo p
{font-size:16px}
#promo h3 a
{color:#000;text-decoration:none}
#promo h3 a:hover
{text-decoration:underline}
#promo .btn-outline
{height:auto;padding:14px 27px}
.team-box
{position:relative}
.team-box-name,.team-box-quote
{position:absolute;z-index:3}
.team-box-name
{top:10px;left:10px;line-height:1;padding:5px 10px;display:inline-block;color:#fff;background:white}
.team-box-quote
{left:10px;bottom:20px;width:80%}
.team-box-quote span
{color:#fff;display:inline-block;padding:5px 10px;line-height:1.25em;background:rgba(0,0,0,0.8)}
#pricing .unit-33,#pricing .unit-50
{padding:1.6em;border:1px solid #eee;text-align:center}
.price
{font-size:20px;padding:14px 20px 12px 20px;line-height:1;display:inline-block;background-color:#f5f5f5;border-radius:4px}
#pricing ul
{margin-left:0;list-style:none}
#pricing ul li
{padding:4px 0 7px 0;margin:4px 0 7px 0;border-bottom:1px solid #eee}
#pricing ul li:last-child
{border-bottom:0}
#path
{margin-top:-10px}
#path a
{color:#999;font-size:12px}
#path a:hover
{color:white}
#main-head-path
{margin-bottom:7px}
.examples-box
{margin-bottom:2em}
.examples-box li
{margin-bottom:15px}
.examples-box li a
{display:block;padding:12px 14px;line-height:1.2em;background-color:#f5f5f5;color:#333;text-decoration:none}
.examples-box li a:hover
{background-color:#eee;text-decoration:underline}
#redactor-box
{margin-top:3.2em;margin-bottom:1.6em}
#redactor-testimonials
{padding:130px 0;position:relative}
#testimonials-prev,#testimonials-next
{position:absolute;top:0;padding:150px 3%;font-size:72px;font-weight:300;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;color:#fff;text-decoration:none}
#testimonials-prev:hover,#testimonials-next:hover
{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}
#testimonials-prev
{left:0}
#testimonials-next
{right:0}
#redactor-testimonials blockquote
{width:70%;margin:0 auto;padding:0;border:0;color:rgba(255,255,255,0.9);font-size:24px;text-align:center}
#redactor-testimonials blockquote p
{line-height:1.3em;margin-bottom:40px}
#redactor-testimonials blockquote cite,#redactor-testimonials blockquote a
{color:rgba(255,255,255,0.9)}
#redactor-testimonials blockquote a:hover
{color:rgba(255,255,255,0.7)}
#redactor-box-links li
{text-align:center}
#redactor-box-links a
{display:block;font-size:20px;color:#000}
#redactor-box-links a:hover
{color:white}
#access-box
{padding:20px 0 80px 0}
#access-box .btn
{height:auto;padding:16px 27px}
#access-box p
{font-size:13px;margin-top:10px;margin-bottom:0;color:rgba(0,0,0,0.6)}
#access-box h4
{font-size:18px;font-weight:bold}
#kube-documentation-link
{text-align:center;font-size:24px;margin-top:70px;margin-bottom:-40px}
.callout
{padding:1.6em 3.2em;background:#f1f1e4;margin-bottom:1.6em}
.callout-gray
{background:#f5f5f5}
.box-inner
{background-color:#f5f5f5;padding:3.2em;margin-bottom:1.6em}
#support-form-descriptions
{margin:0;margin-top:10px}
#support-form-descriptions li
{margin-bottom:5px}
#blog-desc
{padding-top:1.6em}
#blog-desc h2
{font-weight:normal}
#blog-path-link
{display:inline-block;padding:10px 0;font-size:24px}
.post-box
{margin:3em 0 7em 0}
.post-box.post-box-post
{margin:0 0 3.2em 0}
.post-head
{font-size:40px;line-height:1.1em;margin-bottom:.4em}
.post-head a
{color:#222;text-decoration:none}
.post-head a:hover
{color:white;text-decoration:underline}
.post-date
{text-transform:uppercase;font-size:.8em;color:#999;margin-bottom:.8em}
.post
{font-size:1.2em}
#kube-stencils-box:after
{content:"";display:table;clear:both}
#kube-stencils-image
{float:left;width:60%}
#kube-stencils-info
{float:right;width:36%;margin-left:4%}
#change-log
{padding-top:.5em}
#change-log sup
{font-size:11px;font-weight:normal;top:-2px;border-radius:3px;margin-left:5px;padding:4px 7px 3px 7px;background-color:#aaa;color:#fff}
#change-log article
{margin-top:1em;margin-bottom:6em}
#change-log article ul
{margin-top:1em}
#change-log article ul li
{margin-bottom:10px;line-height:1.4em}
#change-log-btn
{margin-bottom:3.3em}
#tools-head
{font-size:34px;font-weight:normal}
#tools-download-box
{padding:3.2em 1.6em;margin-bottom:1.6em;text-align:center;background-color:#f8f8f8}
#tools-download-box .btn
{font-size:1.2em;padding:15px 25px;height:auto}
#tools-download-box p
{margin-bottom:.8em}
.tools-download-version
{font-size:12px;color:rgba(0,0,0,0.6)}
#tools-contents
{margin-left:0;list-style:none;font-size:1.2em}
#tools-contents li
{border-bottom:1px dashed rgba(0,0,0,0.15)}
#tools-contents a
{padding:8px 0;display:block}
#tools-list
{margin-left:0;list-style:none}
#tools-list li
{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed rgba(0,0,0,0.15)}
#tools-list a
{font-size:24px;display:block;padding:3px 0}
#tools-list p
{font-size:.9em;color:rgba(0,0,0,0.6);margin-bottom:0}
.setting-label
{display:inline-block;line-height:1;padding:5px 10px 4px 10px;border-radius:15px;background:#111;font-size:12px;color:rgba(255,255,255,0.8)}
#footer
{margin-top:1.6em;border-top:1px solid #e4e4e4;padding:1.6em 0 50px 0;font-size:12px}
#footer:after
{content:"";display:table;clear:both}
#footer p
{float:left}
#footer,#footer a
{color:#FFF}
#footer a
{-moz-transition:color linear .2s;transition:color linear .2s}
#footer a:hover
{color:#f91e0e}
.kube-docs-head
{margin-top:3.2em}
.kube-docs-pre-first,.kube-docs-pre
{position:relative;top:-0.75em}
.kube-docs-pre-first
{margin-bottom:.5em}
.kube-docs-pre
{margin-bottom:4em}
.griddemo .units-row-end,.griddemo .units-row
{background-color:#f0f0f0}
.griddemo .unit-100,.griddemo .unit-90,.griddemo .unit-80,.griddemo .unit-75,.griddemo .unit-70,.griddemo .unit-66,.griddemo .unit-65,.griddemo .unit-60,.griddemo .unit-50,.griddemo .unit-40,.griddemo .unit-35,.griddemo .unit-33,.griddemo .unit-30,.griddemo .unit-25,.griddemo .unit-20,.griddemo .unit-10,.griddemo .blocks-2>li,.griddemo .blocks-3>li,.griddemo .blocks-4>li,.griddemo .blocks-5>li,.griddemo .blocks-6>li
{text-align:center;font-size:12px;background-color:#7e9ec7;padding:15px 0;color:rgba(255,255,255,0.85);line-height:1}
.griddemo .unit-demo-zero
{padding:0}
.griddemo .units-demo-light .unit-100,.griddemo .units-demo-light .unit-90,.griddemo .units-demo-light .unit-80,.griddemo .units-demo-light .unit-75,.griddemo .units-demo-light .unit-70,.griddemo .units-demo-light .unit-66,.griddemo .units-demo-light .unit-65,.griddemo .units-demo-light .unit-60,.griddemo .units-demo-light .unit-50,.griddemo .units-demo-light .unit-40,.griddemo .units-demo-light .unit-35,.griddemo .units-demo-light .unit-33,.griddemo .units-demo-light .unit-30,.griddemo .units-demo-light .unit-25,.griddemo .units-demo-light .unit-20,.griddemo .units-demo-light .unit-10
{background-color:#b0c4de}
.bg-lightblue
{background-color:#b0c4de}
.bg-blue
{background-color:#7e9ec7}
.swatch
{display:inline-block;border-radius:3px;width:16px;height:16px;line-height:18px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px)

@media(max-width:767px)
{.wrap,.intro
{width:94%}
#logo,#nav,#appendix
{float:none}
#logo
{width:auto;margin-bottom:1.6em;background-position:center center}
#appendix,#appendix li
{margin:0}
#appendix a
{padding:10px 0;display:block;text-align:center}
#promo
{margin:0;padding:10px 0;text-align:center}
#promo .unit-50
{margin:30px 0}
#promo .unit-50:first-child
{margin-bottom:60px}
.intro
{display:none}
#cover-index,#cover-kube,#cover-redactor
{background:0}
#area,#side
{float:none;width:auto}
#area
{margin-left:0}
#footer p
{float:none;text-align:center}
.navbar li a,.navbar li span
{padding:8px 0;border-bottom:1px solid #eee}
#nav li
{margin:0;width:auto}
#nav li a,#nav li span
{border-bottom-color:rgba(255,255,255,0.2)}
.navbar li:last-child a,.navbar li:last-child span
{border-bottom:0}
#subnav-box
{border-bottom:0;padding-bottom:0}
#subnav-box h2,#subnav
{float:none}
#subnav-box h2
{text-align:center;margin:0;margin-bottom:1.6em}
#subnav li
{margin:0}
.video-box-link
{display:none}
#video-box-wrap h5
{text-align:center}
#video-box-wrap h5,#video-1,#video-2,#video-3
{display:block!important}
#kube-stencils-image,#kube-stencils-info
{float:none;width:auto;margin-left:0}
}


/*
CSS-template02
*/

/* =Typography
-----------------------------------------------------------------------------*/
body 
{
	background-color:white;
	font-family:  Meiryo, Hiragino Kaku Gothic Pro W3, osaka, sans-serif;
}

h1, h2, h3, h4, h5 
{
}

h2, h3 
{ 
	font-weight: normal;
}



/* =Common
-----------------------------------------------------------------------------*/


img, #feedback, #banner, #intro li 
{
	border-radius: 1px;
}


/* =Layout
-----------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {

.wrapper 
{
	padding: 0px 0px;
	width: 94%;
	max-width: 1000px;
	margin: auto;

}


}

@media screen and (min-width: 768px) {

.wrapper 
{
	padding: 0px 0px;
	width: 94%;
		max-width: 1230px;
	margin: auto;

}


}



#outer 
{
	padding: 3em 0 1em 0;
	margin: 1em 0 3em 0;
	background: #344181;
	color: #f2f2f2;
}


/* =Header
-----------------------------------------------------------------------------*/
#header 
{
	padding-top: 30px;
	margin-bottom: .6em;
	
	
}

#header h1 
{
	float: left;
	font-size: 32px;
	margin-top: 1px;
	margin-bottom: 0;
	color: rgba(0, 0, 0, .8);	
}



/* =Promo
-----------------------------------------------------------------------------*/
#promo 
{
	margin-bottom: 1.5em;
}


/* =Intro
-----------------------------------------------------------------------------*/
#intro .subheader 
{
	color: rgba(0, 0, 0, .4);
	padding-bottom: .3em;
	border-bottom: 1px solid #ccc;
}

#intro li 
{

	padding-bottom:5px;
	border:1px solid gray;
}

#intro li p
{
	 margin-top:5px;
	 height:20px;
	 font-size:12px;
}




/* =Intro
-----------------------------------------------------------------------------*/
#intro02 .subheader 
{
	color: rgba(0, 0, 0, .4);
	padding-bottom: .3em;
	border-bottom: 1px solid #ccc;
}

#intro02 li 
{
background: -moz-linear-gradient(top,  rgba(224,121,121,0) 0%, rgba(224,121,121,0.01) 1%, rgba(255,206,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,121,121,0)), color-stop(1%,rgba(224,121,121,0.01)), color-stop(100%,rgba(255,206,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(224,121,121,0) 0%,rgba(224,121,121,0.01) 1%,rgba(255,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(224,121,121,0) 0%,rgba(224,121,121,0.01) 1%,rgba(255,206,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(224,121,121,0) 0%,rgba(224,121,121,0.01) 1%,rgba(255,206,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(224,121,121,0) 0%,rgba(224,121,121,0.01) 1%,rgba(255,206,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e07979', endColorstr='#ffcece',GradientType=0 ); /* IE6-9 */
	padding-bottom:20px;
	border:1px solid gray;
}



/* =Intro03
-----------------------------------------------------------------------------*/
#intro .subheader 
{
	color: rgba(0, 0, 0, .4);
	padding-bottom: .3em;
}

#intro03 li 
{

}

#intro03 li a			{color:#000; height:50px; text-decoration:none;background-image: linear-gradient(to bottom, #fefefe, #eee);
				padding:3px 10px 0px 5px;display:block!important; border-radius:4px; border:1px solid #ddd;  line-height:3em;
				text-align:center;}

#intro03 a:hover	{color:#fff; text-decoration:none;background:#dd0000;}


.shouhin_icon{
	margin-left:-3px;
	margin-right:10px;
	margin-top:1px;
	vertical-align:-20px;
	background-color:white;
   border-radius: 3px;
   border:1px solid #eee;
   width:40px;
   height:40px;
   float:left;
	}


.shouhin_iconharu{
	margin-left:-3px;
	margin-right:10px;
	margin-top:1px;
	vertical-align:-20px;
	background-color:white;
   border-radius: 3px;
   border:1px solid #eee;
   width:100px;
   height:100px;
   float:left;
	}




/* =Feedback
-----------------------------------------------------------------------------*/
#feedback 
{
	background-color: #000;
	padding: 2em 3em;
}



/* =Banner
-----------------------------------------------------------------------------*/
#banner 
{
	line-height: 0;
	padding: 1.5em;
	background-color: #e9e6da;	
}


/* =Blocks
-----------------------------------------------------------------------------*/
#blocks dl 
{
	overflow: hidden;
	margin: 0;
	padding-bottom: 1.5em;	
}

#blocks dt 
{
	float: left;
	width: 22%;
	margin-right: 4%;	
}

#blocks dt img 
{
	padding: 4px;
	background-color: #fff;
	border: 1px solid #000;
	box-shadow: 4px 4px 0 #000;
}

#blocks dd 
{
	margin: 0;
	float: left;
	width: 74%;
	padding-bottom: 1.5em;	
}



/* =Partners
-----------------------------------------------------------------------------*/
#partners 
{
	padding-top: 1.5em;
}

#partners h4 
{
	color: #666;
}



/* =Footer
-----------------------------------------------------------------------------*/
#footer 
{
	background: #182d7c;
	color: #182d7c;
	margin-top: 3em;
	padding-bottom: 100px;
	font-size: .9em;
	padding-top: 3em;
	background-color: #182d7c;
	overflow: hidden;
}

#footer section 
{
	float: left;
}

#footer nav 
{
	float: right;
}

#footer nav ul 
{
	list-style: none;
	margin: 0;
}

#footer nav ul li 
{
	float: left;
	margin-left: 2em;
}





/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) 
{
    .wrapper 
{ width: 748px; }

}



/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) 
{
	.wrapper 
{ }

	#header h1 
{ float: none; }

	#header nav 
{ float: none; }

	#header nav ul li 
{ margin: 0; margin-right: 1em; font-size: .85em; }



#nav li
{float:left;width:25%;text-align:center}

.minishina{
padding-bottom:1px;
}


    #partners ul li 
{ padding-bottom: 1em; }
	
    #feedback 
{ padding: 1.5em; }

    #banner 
{ text-align: center; margin-bottom: 1.5em; }

	#blocks dt, #blocks dd 
{ float: none; width: auto; }

	#footer section, #footer nav 
{ float: none; }

	#footer nav ul 
{ margin-top: 1em; }

	#footer nav ul li 
{ margin: 0; margin-right: 1em; }
	
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}




/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	.wrapper 
{ width: 420px; }


}


.sokunouinfo:hover {
text-decoration: none;
background: #ae3737;
}
.sokunouinfo {
font-weight: bold;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 30px;
margin-left: 8px;
text-decoration: none;
background: #ca4040;
line-height: 3em;
white-space: nowrap;
font-size: 20px;
}

.shohinsetsumei{
height:40px;
}

/* =Intro04
-----------------------------------------------------------------------------*/

#intro04 li 
{

}

#intro04 li a			{color:#000; height: 115px; text-decoration:none;background-image: linear-gradient(to bottom, #fefefe, #eee);
				padding:5px 10px 0px 5px;display:block!important; border-radius:4px; border:1px solid #ddd;  line-height:7em;
				text-align:center;}

#intro04 a:hover	{color:#fff; text-decoration:none;background:#dd0000;}


@media screen and (max-width: 768px) {
#page-top2 {
	position: fixed;
	bottom: 20px;
	left: 20px;
	font-size: 77%;
}
#page-top2 a {
	background: #f6bd22;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top2 a:hover {
	text-decoration: none;
	background: #f6bd22;
}
}

@media screen and (min-width: 768px) {
#page-top2{

display:none;
}
}

.couponsettei span{
 font-size:30px;
 color:red;
 font-weight:bold;
 }

.couponsettei td{
 padding-top:20px;
 }

.hoge {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge a:hover {
background:#00326e;
}