@charset "Shift-JIS";
@import url("./commonstyles.css");
@
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
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}
[hidden],template{display:none}
html{font-family:"Helvetica Neue",Helvetica,Arial,Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a{background:transparent}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ol ol,ol ul,ul ol,ul ul{margin:0}
body{color:#444}
.fl{float:left}
.fr{float:right}
.highlight{background:#ff0}
.important{color:red}
img{vertical-align:bottom;border:none}
i,cite,em,var,address,dfn{font-family:"Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS Pゴシック", "MS PGothic", sans-serif}
.menu{width:100%;margin:0;padding:0;clear:both;overflow:hidden}
.menu li{float:left;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.alignleft{float:left}
.alignright{float:right}
.aligncenter{display:block;margin-left:auto;margin-right:auto;clear:both}
.content img.alignleft{padding:0 0.2em 0.2em 0}
.content img.alignright{padding:0 0 0.2em 0.2em}
.content img.aligncenter{padding:0 0.2em 0.2em 0.2em}
.frame{margin:5px 0;padding:5px;border:1px solid #999}
.frame.alert{border-color:#FF6F6F;background:#fff5f5}
.frame.info{border-color:#5E8AFF;background:#f5f5ff}
.frame.warning{border-color:#FFE20B;background:#fffff5}
.frame.dash{border-style:dashed}
.frame.shadow{-webkit-box-shadow:0 4px 8px -2px #999;-moz-box-shadow:0 4px 8px -2px #999;box-shadow:0 4px 8px -2px #999}
.container{width:100%}
.primary{width:640px}
.secondary{width:230px}
.column-one .primary{width:100%}
.column-left .primary{float:right}
.column-left .secondary{float:left}
.column-right .primary{float:left}
.column-right .secondary{float:right}
.main{padding:10px}
.container{margin:0 auto}
.header,.main,.footer{clear:both;overflow:hidden}
.header h1,.header p{margin:0}
.header img{width:100%;height:auto}
.header a{text-decoration:none}
.header-text h2{margin:0;font-size:1.5em}
.header-h1{padding:0 10px}
.image-with-text h1,.none-image h1{padding:.5em 0;line-height:1.2;font-size:.8em}
.image-with-text .header-h1{padding-left:0;padding-right:0}
.image-with-text h1{padding-left:10px;padding-right:10px}
.image-with-text .header-text h2,.image-with-text .header-description{position:absolute;padding:10px;width:880px}
.image-with-text .header-description{margin-top:3em}
.header-description{font-size:.75em;line-height:1.4}
.none-image .header-text{padding:10px}
.only-image .header-h1{padding:0}
.header{color:#444}
.header a{color:#444}
.image-with-text .header-text{color:#444;text-shadow:#fff 1px 1px 0px,#fff -1px 1px 0px,#fff 1px -1px 0px,#fff -1px -1px 0px}
.image-with-text .header-text a{color:#444}
.bread{margin-bottom:10px;padding-left:10px;font-size:.75em}
.bread li{list-style:none;float:left}
.bread li:after{content:">";margin:0 .5em}
.bread li:last-child:after{content:""}
.global-nav{text-align:center;min-height:2.0em}
.global-nav li{list-style:none;padding:.5em;line-height:1}
.global-nav a{text-decoration:none}
.global-nav .menu{display:block}
.nav-toggle{padding:.5em;line-height:1}
.nav-toggle.active{margin:0}
.nav-toggle.none{display:none}
/* responsive-nav.js 1.0.32 by @viljamis */.nav-collapse.opened{max-height:9999px}
.disable-pointer-events{pointer-events:none !important}
.nav-toggle{display:none}
/* eod: responsive-nav.js 1.0.32 by @viljamis */.secondary section{margin-bottom:1em}
.secondary h3{margin:0}
.secondary a{text-decoration:none;color:#70262b}
.secondary ul{padding:0;margin:0}
.secondary li{list-style:none}
.secondary li a{display:block;padding:.3em 0}
.secondary ul.child a{padding-left:1em}
.footer{text-align:center;line-height:1.2}
.footer a{text-decoration:none;color:inherit}
.footer .copyright,.footer .sitemap{margin:.5em 0;line-height:1.2}
.content{line-height:1.4;word-wrap:break-word;padding:5px}
.content h2,.content h3,.content h4,.content h5{margin:1em 0 .5em 0;clear:both}
.content h2{margin-top:0}
.content p{margin-top:0.1em;margin-bottom:1em}
.content p,.content div{margin-left:10px;margin-right:10px}
.content img{max-width:100%;height:auto;padding:0.2em}
.content .freespace{margin-bottom:1em}
.sub-article{overflow:hidden}
.more-link{float:right}
ul.sitemap{list-style:none;padding-left:1em;margin-left:0}
ul.sitemap.child{padding-left:2em}
ul.sitemap li{padding:.3em 0}
.go-top{position:fixed;bottom:2em;right:2em;width:3em;height:3em;line-height:3;background:#eee;text-align:center;border-radius:3px;background:url(../img/gototop.png);transition:opacity 1s linear;opacity:0.2}
.go-top:hover,.go-top.active{opacity:1}
.go-top a{display:block;width:100%;height:100%}
.inner{width:900px;margin:0 auto}
.main{background:url(../img/main_bg.png)}
.header-text{background:#fff}
.none-image .header-h1 h1,.image-with-text .header-h1 h1{padding-top:1em;padding-bottom:1em}
.none-image .header-text{padding-top:1.2em;padding-bottom:1.2em}
.global-nav,.nav-toggle{background:#eee;border-top:1px solid;border-bottom:1px solid;border-color:#ccc;color:#000}
.global-nav a,.nav-toggle a{color:#000}
.global-nav ul,.nav-toggle ul{border-left:1px solid #ccc}
.global-nav li{border-right:1px solid #ccc;padding:.8em 1.2em}
.secondary section{padding:.5em;background:#fff;border:1px solid #ccc}
.secondary h3{margin:-.5em -.5em 0 -.5em}
.secondary li a{color:#3F7985;border-bottom:1px solid #ccc;transition:background-color 1s linear}
.secondary li a:hover{background:#eee}
.secondary ul.child a:before{content:"●";margin-right:.3em;color:#444}
.content{background:#fff;border:1px solid #ccc}
.content h2{margin:-5px;margin-bottom:.5em}
.content h3,.content h4,.content h5{margin:20px 0px;padding:4px 4px 4px 15px;position:relative}
.content h3:before,.content h4:before,.content h5:before{content:"";position:absolute;background:#fff;top:25%;left:5px;height:50%;width:5px;border-radius:1px}
.content h3{color:#fff;background:#0073ce}
.content h3:before{background:#fff}
.content h4{color:#fff;background:#35a6ff}
.content h4:before{background:#fff}
.content h5{color:#0073ce}
.content h5:before{background:#0073ce}
.none-image .header-h1,.image-with-text .header-h1,.footer,.content h2,.secondary h3{background:#0073ce;background:-ms-linear-gradient(#0073ce, #004882);background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0073ce), color-stop(100%, #004882));background:-webkit-linear-gradient(#0073ce,#004882);background:-moz-linear-gradient(#0073ce,#004882);background:-o-linear-gradient(#0073ce,#004882);background:linear-gradient(#0073ce,#004882);color:#fff}
.none-image .header-h1 a,.image-with-text .header-h1 a,.footer a,.content h2 a,.secondary h3 a{color:#fff}
.content h2,.secondary h3{font-size:1em;line-height:1.3;padding:.8em}
.sub-article{border:1px solid #ccc;margin:.5em 0;padding:.2em}
.sub-article h3{margin-top:.2em}
.more-link{background:#0073ce;padding:.3em;color:#fff;text-decoration:none;margin-bottom:.2em}

.secondary h2{font-size:1em;line-height:1.3;padding:.8em}
.secondary h2{margin:-.5em -.5em 0 -.5em}
.secondary h2{margin:2px 0px;padding:4px 4px 4px 15px;position:relative}
.secondary h2:before{content:"";position:absolute;background:#fff;top:25%;left:5px;height:50%;width:5px;border-radius:1px}
.secondary h2{color:#fff;background:#0073ce}
.secondary h2:before{background:#fff}

@media only screen and (max-width: 800px){
	.container,.primary,.secondary,.inner{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.column-left .primary,.column-left .secondary,.column-right .primary,.column-right .secondary{float:none}
	.main{padding:0}
	.primary{padding:10px}
	.image-with-text .header-text h2,.image-with-text .header-description{width:97%}
	.bread{margin:10px 10px 0 10px}
	.site-description{display:none}
	.secondary li a{color:inherit;display:block}
	.secondary ul.child{display:none}
	.only-image .header-h1 .inner{padding:0}
	.image-with-text .header-text .inner{padding:0}
	.secondary section{margin-bottom:0;padding:0;border:none}
	.secondary section h3{margin:0}
	.secondary li{color:#111;background:#cecece;background:-ms-linear-gradient(#fff, #cecece);background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cecece));background:-webkit-linear-gradient(#ffffff,#cecece);background:-moz-linear-gradient(#ffffff,#cecece);background:-o-linear-gradient(#ffffff,#cecece);background:linear-gradient(#ffffff,#cecece);border-bottom:#fff 1px solid;line-height:1;padding:1rem .5rem;border:none}
	.secondary li a{border:none}
	.secondary .freespace{padding:10px}
}

@media only screen and (max-width: 600px){
	.header h1{font-size:1rem}
	.header-text{display:none}
	.global-nav{position:relative}
	.global-nav ul{display:none}
	.global-nav li,.global-nav .nav-toggle{width:100%;line-height:2}
	.global-nav a{display:block}
	.js .nav-collapse.closed{max-height:0}
	.nav-toggle{display:block;position:static}
	.bread{display:none}
	.header{position:relative}
	.header-text h2,.header-h1 h1,.image-with-text .header-text h2,.nav-toggle{font-size:1rem;padding:1em 0;line-height:1.2}
	.header-info h2,.only-image h1{margin-right:4em;padding-right:1em}
	.nav-toggle{float:right;border:none;background:url(../img/down.png) 50% 1.8em no-repeat transparent;height:100%;border-left:2px solid #fff;padding:0.4em 10px 1.6em 10px}
	.none-image h1,.image-with-text h1{display:none}
	.header-description{display:none}
	.header-text{display:block;background:transparent}
	.header-info{padding:0 10px;background:#0073ce;background:-ms-linear-gradient(#0073ce, #004882);background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0073ce), color-stop(100%, #004882));background:-webkit-linear-gradient(#0073ce,#004882);background:-moz-linear-gradient(#0073ce,#004882);background:-o-linear-gradient(#0073ce,#004882);background:linear-gradient(#0073ce,#004882)}
	.image-with-text .header-text,.header-info{color:#fff}
	.image-with-text .header-text a,.header-info a{color:#fff}
	.none-image .header-h1{padding-right:0}
	.none-image .header-text{padding:0}
	.only-image .header-info{overflow:hidden}
	.only-image h1{float:left}
	.only-image h1 img{display:none}
	.only-image h1 a:before{content:attr(data-label)}
	.image-with-text .header-text{text-shadow:none}
	.image-with-text .header-text img{display:none}
	.image-with-text .header-text h2{position:static;width:auto}
	.global-nav{min-height:0;border:none}
	.global-nav li{border-right:none;border-top:1px solid #222;background:#0073ce}
	.global-nav li a{color:#fff}
	.global-nav ul{border:none}
}

/* ボタンリンク。必要であれば。 */
#adbtn a.btn {
	margin: 25px 0;
	display:block;
	width:230px;
	margin: 15px auto 0;
	margin-bottom: 20px;
	padding: 10px;
	background: #FF5A36;
	color: #f5f5f5;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	border: 3px solid #f5f5f5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 0px 0px 5px #808080;
	-webkit-box-shadow: 0px 0px 5px #808080;
	-moz-box-shadow: 0px 0px 5px #808080;
	text-align:center;
}

/* バナータグ用 */
#banner{
	text-align: center;
}

#banner a{
	display: block;
	color: #0066FF;
	font-size: 16px;
	text-decoration: underline;
	padding: 10px 0 10px 0;
}

/* セクション */
#about {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 3px solid #dddddd;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #fff;
}	

#about_any {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border:1px solid #dddddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddddd));
	background: -moz-linear-gradient(#fff,#dddddd);
	-webkit-box-shadow:3px 3px 3px rgba(000,000,000,0.2);
	-moz-box-shadow:3px 3px 3px rgba(000,000,000,0.2);
}	
#about_any a{
	color: #666;
	text-decoration: none;
}

#about_any p{
        padding: 5px; 
}

/*/ HR/*/
hr {
	margin-bottom: 1em;
	border: 1px dashed #ff8040;
}


div.pankuzu {
	font-size: 60%;
	padding : 5px;
	background-color: #CCCCCC;
}