@charset "utf-8";

/* NORMALIZE CSS
============================================================================= */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}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:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}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;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}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;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}

/* ONEPCSSGRID CSS
============================================================================= */
.onepcssgrid-1000,.onepcssgrid-1200{margin:0 auto;padding:0 0 0 1%;}.onepcssgrid-1200{max-width:1220px;}.onepcssgrid-1000{max-width:1020px;}.onerow{clear:both;padding:0;}.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float:left;margin:0 3% 0 0;}.col1.last,.col2.last,.col3.last,.col4.last,.col5.last,.col6.last,.col7.last,.col8.last,.col9.last,.col10.last,.col11.last,.col12{margin:0;}.col1{width:5.5%;}.col2{width:14%;}.col3{width:22.5%;}.col4{width:31%;}.col5{width:39.5%;}.col6{width:48%;}.col7{width:56.5%;}.col8{width:65%;}.col9{width:73.5%;}.col10{width:82%;}.col11{width:90.5%;}.col12{width:99%;margin:0;}.col1 img,.col2 img,.col3 img,.col4 img,.col5 img,.col6 img,.col7 img,.col8 img,.col9 img,.col10 img,.col11 img,.col12 img{width:100%;height:auto;display:block;}@media all and (min-width:1024px){.onepcssgrid-1000{max-width:1000px;}.onepcssgrid-1000 .onerow{padding:0;}}@media all and (max-width:768px){.onerow{}.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11{float:none;width:99%;}}

/* SLIDEBARS CSS
============================================================================= */
html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html,body{width:100%;overflow-x:hidden;}html{height:100%;}body{min-height:100%;}#sb-site{width:100%;min-height:100%;position:relative;z-index:1;background-color:#fff;}.sb-slidebar{width:35%;height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222;}html.sb-android .sb-slidebar{height:auto;position:absolute;}.sb-left{left:0;}.sb-right{right:0;}html.sb-active-left .sb-left{visibility:visible;}html.sb-active-right .sb-right{visibility:visible;}@media(max-width:480px){.sb-slidebar{width:80%;}}@media(min-width:481px) and (max-width:768px){.sb-slidebar{width:50%;}}@media(min-width:769px){.sb-slidebar{width:35%;}}@media(min-width:1200px){.sb-slidebar{width:20%;}}html.sb-anim-type-translate .sb-slide,html.sb-anim-type-side .sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left;-webkit-backface-visibility:hidden;}

/* ADDITIONAL
============================================================================= */
html {
width: 100%;
line-height: 1.5;
overflow-y: scroll;
font-family: "Hiragino Kaku Gothic Pro","Meiryo",arial,sans-serif;
font-size: 62.5%;
color: #666666;
}

h1 { font-size: 18px; font-size: 1.8rem; }
h2 { font-size: 16px; font-size: 1.6rem; }
h3,h4,h5,h6,p,li,div { font-size: 14px; font-size: 1.4rem; }

/* 上方向のmarginを0 */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,pre { margin: 0; }

/* 禁則処理 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict;
}

img {
max-width :100%; /* フルードイメージへの対応 */
vertical-align: middle;
}

/* IE8 max-widthバグへの対応 */
/* .ie8 img{width: auto; height: auto} */

/* COMMON
============================================================================= */
/* LINK */
a { text-decoration: none; }
a:link { color: #4169e1; }
a:visited { color: #4169e1; }
a:hover { color: #1e90ff; text-decoration: underline; }
a:active { color: #80b300; }

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.fleft { float: left; margin-right: 10px; }
.fright { float: right; margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }

/* LINE */
hr { display: none; }

.line-dotted {
height: 1px;
background: #ffffff url(/img/dot.gif) repeat-x;
margin: 10px 0px;
}

/* TABLE */
table {
width: 100%;
}

th, td {
font-weight: normal;
vertical-align: top;
border: 1px #cccccc solid;
padding: 0.5em;
text-align: left;
}

th {
background-color: #f8f8ff;
}

/* VIDEO（動画タグ） */
video {
width: 100%;
height: 100%;
max-width: 480px;
max-height: 360px;
}

/* PDFリンクにアイコン設置 */
.pdficon {
background: url(/img/pdficon_small.png) no-repeat 0px 2px;
}

.pdficon a {
margin-left: 1.5em;
}

/* リンクボタン */
.linkbtn a {
border: 1px #cccccc solid;
padding: 0.5em 1em;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #f5f5f5;
}

/* HEADER
============================================================================= */
#container {
margin: 0px auto:
}

/* HEADER
============================================================================= */
header {
margin-top: 10px;
}

header .dotj_logo a {
display: block;
background: url(/img/logo.png) no-repeat;
width: 300px;
height: 70px;
text-indent: -9999px;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
margin-bottom: 5px;
}

header .jsfr_logo a {
display: block;
background: url(/img/jsfr_logo.png) no-repeat;
width: 300px;
height: 49px;
text-indent: -9999px;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
margin-bottom: 5px;
float: right;
}

header ul {
margin: 0;
padding: 10px 0;
}

header li {
margin-right: 0.5em;
padding: 0;
list-style: none;
display: inline;
}

.linkbtn2 a {
padding: 0.5em 2em;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #ffffff;
}

.y a {
border: 1px #e4ac00 solid;
background-color: #ffc000;
}

.g a {
border: 1px #81b847 solid;
background-color: #92d050;
}

.b a {
border: 1px #0099d1 solid;
background-color: #00b0f0;
}

/* GLOBAL NAV
============================================================================= */
.nav-collapse {
border: 1px #cccccc solid;
padding: 0.5em 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 10px;
margin-top: 5px;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.nav-collapse:after {
content: "";
clear: both;
display: block;
}

.nav-collapse ul {
margin: 0px;
padding: 0px;
}

.nav-collapse li {
float: left;
width: 25%;
list-style: none;
margin: 0px;
padding: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border-right: 1px #cccccc solid;
}


.nav-collapse li:last-child {
border-right: none;
}

.nav-collapse li a {
display: block;
text-decoration: none;
}

/* CONTENTS
============================================================================= */
#contents {
padding-bottom: 50px;
}

#contents:after {
content: "";
clear: both;
display: block;
}

/* CENTER */
article {
margin-bottom: 40px;
}

article h2 {
border: 1px #cccccc solid;
border-left: 6px #6495ed solid;
padding: 0.5em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 10px;
background-color: #ffffff;
}

article h3 {
border-left: 4px #db7093 solid;
color: #db7093;
margin-bottom: 10px;
padding: 0.5em;
}

#contents article img {
width: auto;
margin-bottom: 10px;
}

/* FOOTER
============================================================================= */
footer {
width: 99%;
border-top: 1px #d9d9d9 solid;
padding: 0.5em 0;
}

footer:after {
content: "";
clear: both;
display: block;
}

footer .footnav ul {
margin: 0px;
padding: 0px;
text-align: right;
}

footer .footnav li {
margin: 0px;
padding: 0 1em;
list-style: none;
display: inline;
border-left: 1px #cccccc solid;
}












/*
Media Queries
*/

/* Wider than 769 pixels
============================================================================= */
@media screen and (min-width: 769px) {
	#news_popup {
	width: 50%;
	margin: 0 auto;
	}
}

/* Narrower than 768 pixels
============================================================================= */
@media all and (max-width: 768px) {
	article .col3 img, article .col4 img, article .col6 img, article .col8 img, article .col9 img {
	width: auto;
	}

	#mainimage {
	display: none;
	}

	header .jsfr_logo a {
	float: none;
	}
}

/* Narrower than 480 pixels
============================================================================= */
@media all and (max-width: 480px) {
	.onerow {
	}

	article .col3, article .col4, article .col6, article .col8, article .col9  {
	float: left;
	width: 99%;
	}

	header li {
	margin-right: 0;
	margin-bottom: 20px;
	display: block;
	}

	header li:last-child {
	margin-bottom: 5px;
	}

	.nav-collapse li {
	float: none;
	width: 100%;
	padding: 0.5em;
	text-align: left;
	border-right: none;
	border-bottom: 1px #cccccc solid;
	}

	.nav-collapse {
	padding: 0;
	}

	.nav-collapse li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	}
}

/* IMAGES FOR Retina DISPLAY
============================================================================= */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	header .dotj_logo a {
	display: block;
	background: url(/img/logo.png) no-repeat;
	width: 300px;
	height: 70px;
	text-indent: -9999px;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-bottom: 5px;
	}

	header .jsfr_logo a {
	display: block;
	background: url(/img/jsfr_logo@2x.png) no-repeat;
	width: 300px;
	height: 49px;
	text-indent: -9999px;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-bottom: 5px;
	}
}