#header-cont {
width: 100%;
margin: 0 auto;
background-color: #182d7c;
background-repeat: repeat-x;
padding-top: 5px;
}

#header-cont p{
width: 800px;
margin: 0 auto;
background-color: #182d7c;
background-repeat: repeat-x;
padding-top: 10px;
}

#header-cont img{
height: 30px;
margin-bottom:10px;
}

#docomo-cont {
width: 100%;
margin: 0 auto;
background-color: #d00c2f;
background-repeat: repeat-x;
padding-top: 5px;
}

#docomo-cont p{
width: 800px;
margin: 0 auto;
background-color: #d00c2f;
background-repeat: repeat-x;
padding-top: 10px;
}

#docomo-cont img{
background-color: #d00c2f;
height: 30px;
margin-bottom:10px;
}

#au-cont {
width: 100%;
margin: 0 auto;
background-color: #f26522;
background-repeat: repeat-x;
padding-top: 5px;
}

#au-cont p{
width: 800px;
margin: 0 auto;
background-color: #f26522;
background-repeat: repeat-x;
padding-top: 10px;
}

#au-cont img{
background-color: #f26522;
height: 30px;
margin-bottom:10px;
}

#softbank-cont {
width: 100%;
margin: 0 auto;
background-color: #000000;
background-repeat: repeat-x;
padding-top: 5px;
}

#softbank-cont p{
width: 800px;
margin: 0 auto;
background-color: #000000;
background-repeat: repeat-x;
padding-top: 10px;
}

#softbank-cont img{
background-color: #000000;
height: 30px;
margin-bottom:10px;
}

#menu-cont {
width: 100%;
margin: 0 auto;
background-color: #E9E6DA;
background-repeat: repeat-x;
padding-top: 5px;
}

#menu-cont p{
margin: 0px 5px;
background-color: #E9E6DA;
background-repeat: repeat-x;
padding-top: 0px;
padding-bottom: 5px;
}

#menu-cont img{
background-color: #E9E6DA;
height: 30px;
margin-bottom:10px;
}


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

}

a.buttontop {
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:#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;
}

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:hover {
background:#344281 url("../images/sn_point.gif") no-repeat 12px 50%;color:rgba(255,255,255,0.7);text-decoration:none;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: galpha( opacity=80 )h;
text-decoration: none;
box-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

a.buttontop-right:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: galpha( opacity=80 )h;
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%;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
{}
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:1.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-two2
{list-style:none;margin-bottom:0;margin-left:-1%;}
.block-two2:after
{content:".";display:block;height:0;clear:both;visibility:hidden}
.block-two2>li
{height:auto;float:left;margin-bottom:1.5em;margin-left:1%}
.block-two2>li
{width:49%}

.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:#da3e5a}
.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%}

.block-two2
{margin-left:0;margin-bottom:1.5em}
.block-two2>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%;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
{ }
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:#3570c3}
a:focus,a:hover
{color:red}
.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
{font-size:24px;line-height:1.333em;margin-bottom:.5em;padding-top:.2em;
 border-left:10px solid #000063; padding-left:5px;}
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
{margin-bottom:1.6em}
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:8px 10px}
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-bordered a,table.table-bordered a
{display:block;width:100%;height:100%;text-decoration:none;}

table.table-bordered a:hover ,table.table-bordered a:hover 
{color:red;}

table.table-bordered img{
margin-right:10px;
}

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}
.blue
{color:#1b64c7;}
.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%)}

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:32.8%;text-align:center;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
margin-right:5px;
}
#nav li img
{vertical-align: middle;
padding:25px;}

#nav li img hover:
{opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: galpha( opacity=80 )h;}

#nav a,#nav span
{line-height:1;padding:18px 0}
#nav a
{color:#FFF;border-right:1px solid rgba(255,255,255,0.3);-moz-transition:all linear .1s;transition:all linear .1s}
#nav a:hover
{opacity:0.4;
filter:alpha(opacity=40);
-ms-filter: galpha( opacity=40 )h;}

#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;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)
{.wrap,.intro
{width:88%}
}
@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:#f7f7f8;;
	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
-----------------------------------------------------------------------------*/
.wrapper 
{
	padding: 0 10px;
	width: 94%;
	max-width: 1200px;
	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 
{
 color: black;
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
	float: left;
	font-size: 32px;
	margin-top: 1px;
	margin-bottom: 0;
}



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


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

#intro li 
{
	background-color: #e9e6da;
	/* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-bottom:2px;
}


#intro a {
transition: all linear .1s;
display: block;
text-decoration: none;
padding:0px 5px;
margin:0px 20px;
}

#intro li a img
{
transition: all linear .1s;
vertical-align:middle;
margin-right:10px;
}

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

#intro2 li 
{
	background-color: #e9e6da;
	/* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-bottom:2px;
}


#intro2 a {
transition: all linear .1s;
display: block;
text-decoration: none;
padding:10px 0px;
margin:0px 0px;
text-align:center;
font-size: 1.5em;
}

#intro2 li a img
{
transition: all linear .1s;
vertical-align:middle;
margin-right:10px;
}


/* =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 
{
	color: #FFF;
	margin-top: 0px;
	padding-bottom: 30px;
	font-size: .9em;
	padding-top: 3em;
	background-color: #182d7c;
	overflow: hidden;
}

#footer section 
{
	float: left;
}

#footer nav 
{
	float: left;
}

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

#footer nav ul li 
{
	float: left;
	margin-left: 1em;
}
.smguide
{
	font-size:	25px;
}

.smmidashi
{
	font-size:	20px;
}



@media screen and (min-width: 768px) {
	.toSM{
		display:none;
	}
	.toPC{
	}
}

@media screen and (max-width: 767px) {
	.toSM{
	}
.toPC{
	display:none;
	}
}


/* =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) 
{

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

.sgray
{
	font-size:	8px;

}


table.table-bordered td,table.table-bordered th
{border:1px solid #ddd ;font-size:11px;}

.mini{
	font-size:8px;
	}

.smguide
{
	font-size:	1.1em;
}

.haba
{
width:70px !important;
}

.spookisa{
font-size:0.8em;
}

.smmidashi
{
	font-size:	20px;
}

#nav li{
margin-bottom:10px;
}
	.wrapper 
{  }

	#header h1 
{ float: none; }

	#header nav 
{ float: none; }

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



.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) 
{

#header-cont p{
width: 480px;
margin: 0 auto;
background-color: #182d7c;
background-repeat: repeat-x;
padding-top: 10px;
}


#header h1 
{

  color: rgba(0,0,0,0.6);
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
	float: left;
	font-size: 32px;
	margin-top: 1px;
	margin-bottom: 0;

}

	.wrapper 
{ width: 420px; }

}

.headding1 {
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 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;
	}

.tsuushin{
	list-style-type:none;
	margin:0px 0px 20px 0px;
}
.tsuushin li{
	padding-top:5px;
	padding-left:2px;
}


.kisu{
border-color:#cc3333 !important;
}

.gusu{
border-color:#3333cc !important;
}

.yoyakuwaku{
/* border */
border:1px solid #e1e1e1;

/* border-radius */
/*
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
*/

/* box-shadow */
/*
box-shadow:rgba(210, 210, 210, 0.298039) 3px 2px 0px -1px;
-webkit-box-shadow:rgba(210, 210, 210, 0.298039) 3px 2px 0px -1px;
-moz-box-shadow:rgba(210, 210, 210, 0.298039) 3px 2px 0px -1px;
*/

padding:5px;
margin:5px 0px;
background-color:white;
}

.waku2fix{
border-bottom:0px solid #e1e1e1 !important;
}

.acsfix{
padding:20px 5px;
}

.kaisya{
vertical-align:middle;
margin-right:5px;
width:30px;
}

.yoyakuwaku2{
/* border */
border-top:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;

/* border-radius */
/*
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
*/

/* box-shadow */
/*
box-shadow:rgba(210, 210, 210, 0.298039) 3px 2px 0px -1px;
-webkit-box-shadow:rgba(210, 210, 210, 0.298039) 3px 2px 0px -1px;
-moz-box-shadow:rgba(210, 210, 210, 0.298039) 3px 2px 0px -1px;
*/

padding:20px 5px;
background-color:white;
}

.yoyakuwaku2 p{
margin:5px;
}




.yoyakuwaku p{
margin:5px;
}

.oragne{
color:#F14A29;
font-weight:bold;
}

.small{
font-size:.5em;
}

.sgray{
	color: black;
	font-weight:bold;
	}
	
.cgold{
	color:#c7841b;
	font-weight:bold;
	}
.silver{
	color:#7f7f7f;
	font-weight:bold;
	valign:middle;
	}

.midashi{
	text-arign:center;
	background-color:#c71b1b;
	color:white;
	font-size:15px;
}


.midashi2{
	text-arign:center;
	background-color:#1b64c7;
	color:white;
	font-size:15px;
}

.shopmidashi{
	font-size:20px;
	font-weight:bold;
	}
	
.GB{
text-align:center; padding-top:3.5em;font-weight:bold;
}


.smyoyaku02
{text-align:center;
padding:2px 6px 1px 6px;
line-height:1.5em;
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;
font-size:2em;
}

.smyoyaku 
{text-align:center;padding:2px 6px 1px 6px;line-height:1.5em;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}


.tentohebutton {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	width:250px;
	padding:10px 20px;
	text-decoration:none;
	color:#337ab7 !important;
	float:right;
	text-align:center;
}
.tentohebutton:hover {
	background-color: rgba(255, 255, 255, .3);
	color:#337ab7 !important;
	font-weight:bold !important;
}

.tentohebutton2 {
	background-color: #E9E6DA;
	border-radius: 3px;
	border:1px solid #ccc;
	width:250px;
	padding:3px 30px;
	text-decoration:none;
	text-align:center;
}
.tentohebutton2:hover {
	font-weight:bold !important;
}

.tentohebutton3 {
	background-color: #E9E6DA;
	border-radius: 3px;
	border:1px solid #ccc;
	padding:3px 3px;
	text-decoration:none;
	text-align:center;
}
.tentohebutton3:hover {
	font-weight:bold !important;
}

.select-box01 select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}


.jusho {
   color:gray !important;
   }

.kashira {
   color:gray !important;
   font-weight:bold !important;
   }
   
.ookisa{
   font-size:16px !important;
   }

.kaishibi{
   color:red !important;font-weight:bold !important;
}

.open{
   color:red !important;font-weight:bold !important;
}



.shiro {

    background:  url(../images/section0.jpg) repeat-x 50% 0;

    background-color: #FFF !important;
    padding-bottom: 2.5em !important;
    
   /* box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); */
    margin-bottom:0em !important;
}


.footNavi {
    width: 100%;
    margin: 0 auto;
    min-width: 960px;
    height: 100px;
    background:  url(../images/nojimaback.png) repeat-x 50% 0;
}

.bornone{
border-bottom: 0px solid #eee; !important;
}

.marnone{
margin-bottom:0px; !important;
}

.accessory{
color:#333 !important;
border:1px solid rgb(204, 204, 204) !important;
margin-top:0px !important;
}

.whiteback{
background-color:#fff;
}
.whiteback2{
margin-right:0px;
}

.docomoback{
background-color:#d00c2f;
}
.auback{
background-color:#f26522;
}
.softbankback{
background-color:#000000;
}

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