/*
 * common.css
 * 共通用
 * ==|==  ==========================================================
 */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==|== font-face ==================================== */
@font-face {
    font-family: "CONDENSEicon";
    src: url("../webfont/CONDENSEicon.eot");
}
@font-face {
    font-family: "CONDENSEdesignicon";
    src: url("../webfont/CONDENSEdesignicon.eot");
}
@font-face {
    font-family: "CONDENSEicon";
    src: url("../webfont/CONDENSEicon.woff") format("woff"), url("../webfont/CONDENSEicon.otf") format("opentype");
}
@font-face {
    font-family: "CONDENSEdesignicon";
    src: url("../webfont/CONDENSEdesignicon.woff") format("woff"), url("../webfont/CONDENSEdesignicon.otf") format("opentype");
}
.webfontIcon {
    font-family: CONDENSEicon;
}

/* ==|== a:link ==================================== */
a:link { color: #4a6d8f; text-decoration: underline; }
a:visited { color: #808080; }
a:hover { color: #b14040; text-decoration:none; }
a:active { color: #b14040; }	

a.mouseOver:hover img {
	filter: alpha(Opacity=60);
	-moz-opacity:0.60;
	opacity: 0.60;
}

/* マーカー */
.marker_blue {
	background:linear-gradient(transparent 60%, #9eceff 60%); /* 青 */
}
.marker_red {
	background:linear-gradient(transparent 60%, #ffadad 60%); /* 赤 */
}
.marker_yellow {
	background:linear-gradient(transparent 60%, #fff10d 60%); /* 黄色 */
}
.marker_green {
	background:linear-gradient(transparent 60%, #bfff7f 60%); /* 緑 */
}


/* ==|== body ========================================= */
body { font: 87.5%/1.6 Helvetica, 'Helvetica Neue', Arial, Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif; }
body { background-color: #555; }
h1,h2,h3,h4,h5,h6 { line-height: 1.4; }

table { width: 100%; }
table { margin-bottom: 1.5em; }
table th,table td { vertical-align: top; margin: 4px 6px; }
table td { display: inline-block; }
table th,table td:first-child { display: block; }
table tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
tbody tr td:last-child { margin-bottom: 1em; }
table th { font-weight: normal; text-align: left; }

#wrapper { min-width: 300px; margin: 0 auto; }
.inner { width: 300px; margin: 0 auto; padding: 0 10px; }
#container,.section { padding-bottom: 50px; }


/* ==|== header ======================================= */
#header { margin: 0; padding: 0; text-align: center; }
#header h1 { margin: 0; }
#header img { max-width: 660px; width: 100%; }


/* ==|== article ====================================== */
#article { word-break: break-all; }
#article h1 { overflow: hidden; }
#article h2 { font-size: 114%; }
#article h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #7999B9;
	font-weight: bold;
	padding: 0.3em 5px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
#article h3 { font-size: 107%; }
#article h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	font-weight: bold;
	padding: 0.2em 3px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}
#article .datafrm { padding: 15px; border: 5px solid #EBEBEB; }

#article ol,#article ul { padding-left: 2em; padding-bottom: 2em; }
#article ol li,#article ul li { list-style-position: outside; line-height: 1.8; }
#article ol li { list-style-type: decimal; }
#article ul li { list-style-type: disk; }

#article ol.noMark,#article ul.noMark { padding-left: 0; }
#article ol.noMark li,#article ul.noMark li { list-style:none; }



#article ul.li_sche,
#article ul.li_down,
#article ul.li_down2 { padding-left: 0; }
#article ul.li_sche li,
#article ul.li_down li,
#article ul.li_down2 li { list-style-type: none; background-repeat: no-repeat; background-position: left 4px; padding-left: 20px; padding-bottom: 2em; }
#article .li_sche li { background-image: url(../img/ico_cal.png); }
#article .li_down li { background-image: url(../img/ico_lock.png); }
#article .li_down2 li { background-image: url(../img/ico_download.png); }
.download a {
	background-image: url(../img/ico_pdf.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.word a {
	background-image: url(../img/ico_word.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#article .li_sche li { background-image: url(../img/ico_cal-2x.png); background-size: 16px; }
	#article .li_down li { background-image: url(../img/ico_lock-2x.png); background-size: 16px; }
	#article .li_down2 li { background-image: url(../img/ico_download-2x.png); background-size: 16px; }
	.download a { background-image: url(../img/ico_pdf-2x.png); background-size: 16px; }
	.word a { background-image: url(../img/ico_word-2x.png); background-size: 16px; }
}

.li_sche li { clear: both; }
.li_sche dl { padding-left: 0; margin-top: 0; margin-bottom: 0; }
.li_sche dt { }
.li_sche dd { margin-left: 0; }


/* ==|== sidebar ====================================== */
#sidebar { display: none; }
#sidebar li { list-style-type: none; margin: 0; padding: 0; }
#sidebar .lastupdate { color: #336699; font-size: 12px; margin: 8px 0 4px; line-height: 1.2; }
#siderogo img { width: 100%; }

#nav {}
#nav h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #96aec8;
}
#nav li {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	/* line-height: 28px; */
	line-height: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#mainMenu { margin: 20px 0 15px ; }
#mainMenu li a:link, #pageMenu li a:link { color: #333333; text-decoration: none; }
#mainMenu li a:visited, #pageMenu li a:visited { color: #333333; }
#mainMenu li a:hover, #pageMenu li a:hover { color: #b14040; text-decoration: none; }
#mainMenu li a:active, #pageMenu li a:active { color: #b14040; }
#mainMenu li a, #pageMenu li a { display: block; }
#pageMenu {}
#pageMenu li {
	background-color: #fff;
	border: 1px solid #808080;
	line-height: 20px;
	padding: 10px 5px;
	margin: 5px 0;
	text-align: center;
}
#pageMenu li:hover { border: 1px solid #b14040; }
#pageMenu li { background-repeat: no-repeat; }
#pageMenu #mailto { background-image: url(../img/ico_mail.png); background-position: 11px center; }
#pageMenu #entryForm { background-image: url(../img/ico_form.png); background-position: 11px center; }
#pageMenu #downloadPage { background-image: url(../img/ico_lock.png); background-position: 9px center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#pageMenu #mailto { background-image: url(../img/ico_mail-2x.png); background-size: 16px; }
	#pageMenu #entryForm { background-image: url(../img/ico_form-2x.png); background-size: 16px; }
	#pageMenu #downloadPage { background-image: url(../img/ico_lock-2x.png); background-size: 18px; }
}
#pageMenu li a { padding-left: 20px; }
#pageMenu li#entryForm a { letter-spacing: 0.3em; }

#sideAddress {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 12px;
	line-height: 1.3;
	padding: 8px 0;
}


/* ==|== footer ======================================= */
#footer {
	background: #034371; /* Old browsers */
	background: -moz-linear-gradient(left,  #034371 0%, #005FA3 30%, #034371 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#034371), color-stop(30%,#005FA3), color-stop(100%,#034371)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #034371 0%,#005FA3 30%,#034371 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #034371 0%,#005FA3 30%,#034371 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #034371 0%,#005FA3 30%,#034371 100%); /* IE10+ */
	background: linear-gradient(to right,  #034371 0%,#005FA3 30%,#034371 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034371', endColorstr='#034371',GradientType=1 ); /* IE6-9 */
}
#footer { color: #fff; }
#footer { border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; }
#footerArea { padding: 10px 0 35px; }
#footerArea h2 { font-size: 16px; line-height: 20px; margin: 0 0 10px; font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#footerArea p { margin: 0; font-size: 14px; line-height: 20px; }
#footerArea .number { font-size: 1.7em; font-family: "Times New Roman", Times, serif; }
#btmNavi { display: none; }


/* ==|== a ============================================ */
a.mouseOver:hover img { filter: alpha(Opacity=60); opacity: .6; }
a,
input,
select  { cursor: pointer; }
fieldset,img { border: none; }
a { outline: none; }


/* ==|== border-radius ================================ */
.radius3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.radius5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bowShadowArea img { box-shadow: 2px 2px 6px rgba(0,0,0,0.3); }

/* ==|== secondary ==================================== */
.secondary #article h2 { padding-top: 15px; }



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* ==|== Mobile Landscape and Portrait ======================*/
@media only screen and (min-width: 480px) {
	#wrapper { min-width: 420px; }
	.inner { width: 420px; }
	
	#article h2 { font-size: 128%; letter-spacing: 0.1em; }
	#article h3 { font-size: 114%; letter-spacing: 0.1em; }
	
	#footerArea { padding-bottom: 10px; }
}


/* ==|== Mobile and iPad Portrait ========================== */
@media only screen and (min-width: 768px) {
	table th,table td { padding: 6px; margin: 0; }
	table th,table td,table td:first-child { display: table-cell; line-height: 1.8; }
	table tr { border-bottom-style: none; }
	tbody tr td:last-child { margin-bottom: 0; }
	
	#wrapper { min-width: 660px; }
	.inner { width: 660px; }
	.section { padding-bottom: 100px; }
	
	#header img { max-width: 660px; }
	
	#article h2 { letter-spacing: 0.3em; }
	#article h3 { letter-spacing: 0.2em; }
	.li_sche dd { margin-left: 1em; }
	
	#footer { width: 100%; }
	#btmNavi { display: block; }
	#btmNavi { background: #2e6799; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; }
	#btmNavi { font-size: 12px; line-height: 15px; height: 25px; }
	#btmNavi ul { margin: 0; padding: 5px 0; }
	#btmNavi li { list-style-type: none; margin: 0; padding: 0; display: inline-block; padding-right: 15px; }
	#btmNavi li a:link { color: #fff; text-decoration: none; }
	#btmNavi li a:visited { color: #fff; }
	#btmNavi li a:hover { color: #76b5ec; text-decoration: none; }
	#btmNavi li a:active { color: #76b5ec; }
	#btmNavi small { font-size: 12px; line-height: 15px; }
	#btmNavi #copyright { text-align: right; margin-top: -20px; }
	
	.secondary #article h2 { padding-top: 30px; }
}


/* ==|== Desktop PC ======================================= */
@media only screen and (min-width: 960px) {
	body {
		background: #fff;  /* Old browsers */
		background: -webkit-linear-gradient(top, #fff 0%, #f3f7f7 570px);
		background: -moz-linear-gradient(top, #fff 0%, #f3f7f7 570px);
		background: -o-linear-gradient(top, #fff 0%, #f3f7f7 570px);
		background: -ms-linear-gradient(top, #fff 0%, #f3f7f7 570px);
		background: linear-gradient(to bottom, #fff 0%, #f3f7f7 800px);
		background-attachment: fixed;
	}
	#wrap {
		background-attachment: fixed;
		background-image: url(../img/bg_entxt.png);
		background-repeat: repeat-y;
		background-position: right top;
	}
	#wrapper {
		background-attachment: fixed;
		background-image: url(../img/bg_neuron.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#wrapper { min-width: 960px; }
	.inner { width: 960px; padding: 0; }
	#contents { width: 660px; padding: 0 20px; }
	#contents { float: right; }
	
	#article ol,#article ul { padding-left: 3em; }
	.li_sche dl { padding-left: 1em; }
	.li_sche dt { width: 5em; float: left; }
	.li_sche dd { margin-left: 6em; text-indent: -1em; }
	
	#sidebar { display: block; }
	#sidebar {
		width: 230px;
		position: fixed;
		top: 30px;
	}
	#nav h2 { color: #034371; }
	#mainMenu li a:link {
		background-image: url(../img/ico_arw.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 14px;
	}
	#mainMenu li a:hover { background-image: url(../img/ico_arw_o.png); }
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		#mainMenu li a:link { background-image: url(../img/ico_arw-2x.png); background-size: 7px; }
		#mainMenu li a:hover { background-image: url(../img/ico_arw_o-2x.png); background-size: 7px; }
	}
	#mainMenu .webfontIcon { display: none; }

	#footerArea .number { line-height: 15px; }
	
	#sidebar { top: 80px; }
	#footer { position: fixed; bottom: 0; }
	#contents { padding-bottom: 50px; }
	#sideAddress { display: none; }
	
	#pageslide #sidebar { display: none; }
}

/* ==|== iPad Landscape ================= */
@media screen and (max-device-width: 1024px) {
	#sidebar { top: 30px; }
	#footer { position: relative; }
	#contents { padding-bottom: 0; }
	#sideAddress { display: block; }
}

/* ==|== IE ================= */
.oldie body { background-color: #fff; }

<!-- min-width: 480px -->
.oldie #article h2 { font-size: 128%; }
.oldie #article h3 { font-size: 114%; }

<!-- min-width: 768px -->
.oldie table th,.oldie table td { padding: 6px; margin: 0; }
.oldie table th,.oldie table td,.oldie table td:first-child { display: table-cell; line-height: 1.8; }
.oldie table tr { border-bottom-style: none; }
.oldie tbody tr td:last-child { margin-bottom: 0; }

.oldie #article h2 { letter-spacing: 0.3em; }
.oldie #article h3 { letter-spacing: 0.2em; }
.oldie .li_sche dd { margin-left: 1em; }

.oldie #footer { width: 100%; }
.oldie #btmNavi { display: block; }
.oldie #btmNavi { background: #2e6799; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; }
.oldie #btmNavi { font-size: 12px; line-height: 15px; height: 25px; }
.oldie #btmNavi ul { margin: 0; padding: 5px 0; }
.oldie #btmNavi li { list-style-type: none; margin: 0; padding: 0; display: inline-block; padding-right: 15px; }
.oldie #btmNavi li a:link { color: #fff; text-decoration: none; }
.oldie #btmNavi li a:visited { color: #fff; }
.oldie #btmNavi li a:hover { color: #76b5ec; text-decoration: none; }
.oldie #btmNavi li a:active { color: #76b5ec; }
.oldie #btmNavi small { font-size: 12px; line-height: 15px; }
.oldie #btmNavi #copyright { text-align: right; margin-top: -20px; }

.oldie .secondary #article h2 { padding-top: 30px; }
	
<!-- min-width: 960px -->	
.oldie body { background-color: #fff; }
.oldie #wrap {
	background-attachment: fixed;
	background-image: url(../img/bg_entxt.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.oldie #wrapper {
	background-attachment: fixed;
	background-image: url(../img/bg_neuron.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.oldie #wrapper { min-width: 960px; }
.oldie .inner { width: 960px; padding: 0; }
.oldie #contents { width: 660px; padding: 0 20px; }
.oldie #contents { float: right; }
.oldie .section { padding-bottom: 100px; }

.oldie #article ol,.oldie #article ul { padding-left: 3em; }
.oldie .li_sche dl { padding-left: 1em; }
.oldie .li_sche dt { width: 5em; float: left; }
.oldie .li_sche dd { margin-left: 6em; text-indent: -1em; }

.oldie #sidebar { display: block; }
.oldie #sidebar {
	width: 230px;
	position: fixed;
	top: 30px;
}
.oldie #nav h2 { color: #034371; }
.oldie #mainMenu li a:link {
	background-image: url(../img/ico_arw.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}
.oldie #mainMenu li a:hover { background-image: url(../img/ico_arw_o.png); }

.oldie #mainMenu .webfontIcon { display: none; }

.oldie #footerArea .number { line-height: 15px; }

.oldie #sidebar { top: 80px; }
.oldie #footer { position: fixed; bottom: 0; }
.oldie #contents { padding-bottom: 50px; }
.oldie #sideAddress { display: none; }

.oldie #pageslide #sidebar { display: none; }



/* ==|== Mobile and tablet Portrait ================= */
@media only screen and (max-width: 959px) {
	.addBr:before { content: "\A"; white-space: pre; }
	
	#wrapper { background-color: #fff; }
}

/* ==|== Mobile Landscape and Portrait ================= */
@media only screen and (max-width: 767px) {
	.addBr768:before { content: "\A"; white-space: pre; }
	
}

/* ==|== Mobile Portrait ================================*/
@media only screen and (max-width: 479px) {
	.addBr480:before { content: "\A"; white-space: pre; }
}




/* ==|== for Print ======================================*/
@media print {
	body.#wrapper,#contents,article,section { overflow: visible !important; }
	body { font-size: 12px; line-height: 1.4; }
	
	table th,table td { padding: 6px; margin: 0; }
	table th,table td,table td:first-child { display: table-cell; line-height: 1.8; }
	table tr { border-bottom-style: none; }
	tbody tr td:last-child { margin-bottom: 0; }
	
	#wrapper { min-width: 90%; }
	.inner { width: 90%; }
	#container,.section { padding-bottom: 30px; }
	
	#header img { width: 100%; max-width: 660px; text-align: center; }
	
	#article ol,#article ul { padding-left: 3em; }
	.li_sche dl { padding-left: 1em; }
	.li_sche dt { width: 5em; float: left; }
	.li_sche dd { margin-left: 6em; text-indent: -1em; }
	#article ol,#article ul { padding-bottom: 0; }
	
	#sidebar { display: none; }
	#footer { border-top-width: 3px; border-top-style: solid; border-top-color: #000; }
	#footer .addBr:before { content: "\A"; white-space: pre; }
	
	#back-to-top { position: relative !important; display: none !important; }
}