@charset "utf-8";

/* Reset */
* { margin: 0; padding: 0; }
a { text-decoration: none; }
ul,ol { list-style: none; }
img { vertical-align: middle; border: none; }

/* Fluid image */
img { max-width: 100%; }

/* Html */
html {
	line-height: 1.5;
	font-family: verdana,"ヒラギノ角ゴ ProN W4","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
	}

/* Header */
header {
	margin-bottom: 0.5em;
	}

#hgroup {
	width: 90%;
	margin: 0 auto;
	}

#main_logo {
	float: left;
	width: 65%;
	margin-bottom: 2.0em;
	padding-top: 20px;	
	padding-left: 0;	
	}

#nec_logo {	
	float: right;
	margin-bottom: 2.0em;
	padding-top: 20px;
	padding-right: 16px;
	}

/* Menu */

#mgroup {
	clear: both;
	width: 90%;
	margin: 0 auto;
	}

h1 {	
	padding: 0.5em 1em;
	background: #336a91;
	font-size: 125%;
	color: #FFF;
	}

#mainNav {
	position: relative;
	}

#mainNav #menu{
	position: absolute;
	top: 0.7em;
	right: 0.7em;
	border: 1px solid #FFF;
	padding: 0 0.5em 0.1em;
	font-weight: bold;
	background: #5e8eab;
	color: #FFF;
	}

#mainNav #menu span { font-size: 80%; }
#mainNav #menu span:before{ content: "▼  "; display: inline; }
#mainNav #menu.menuOpen span:before{ content: "▲  "; display: inline; }
#mainNav #menu:hover { cursor: pointer; }	
	
#mainNav #panel {
	clear: both;
	display: none;
	margin: 0 auto;
	top: 0;
	right: 0;
	z-index: 1;
	}	
	
#mainNav #panel ul li a {
	display: block;
	padding: 0.75em 1.0em;
	border-bottom: 1px dotted #FFF;
	background: #5e8eab;
	color: #FFF;
	}	
#mainNav #panel ul li:first-child a{ border-top: 1px solid #FFF; }	
#mainNav #panel ul li a.last { border-bottom: 1px solid #FFF; }
#mainNav #panel ul li a.toi { border-bottom: 1px solid #FFF; background: #999; }

/* Contents Base */

#contents {
	width: 90%;
	margin: 0 auto;
	}

#contents #t-pass {
	margin-bottom: 2.0em;
	}

#contents .section {
	margin-bottom: 1.5em;
	padding: 0.5em 1em;
	}

#contents h2 {
	margin-bottom: 0.6667em;
	line-height: 1.3333; /* 48px */
	font-size: 2.25em; /* 36px */
	text-align: center;
	}

#contents h3 {
	margin-bottom: 1em;
	font-size: 1.5em; /* 24px */
	line-height: 1; /* 24px */
	text-align: center;
	}

#contents h4,
#contents h5,
#contents h6 {
	margin-bottom: 1.5em;
	font-size: 1em; /* 24px */
	line-height: 1.5; /* 24px */
	text-align: center;
	}

#contents p { 
	margin-bottom: 1.5em;
	}

#contents ul {
	list-style: disc;
	margin-bottom: 1.5em;
	margin-left: 1.25em;
	}

#contents ol {
	list-style: decimal;
	margin-bottom: 1.5em;
	margin-left: 1.75em;
	}
	
#contents li { 
	margin-bottom: 1.5em;
	word-break: break-all;
	}

#contents a{
	color: #0066cc;
	}

#contents a:hover{
	color: #92b4dd;
	text-decoration: underline;
	}

#contents table {
	width: 100%;
	margin-bottom: 1.5em;
	border: solid 1px #CCC;
	border-bottom: none;
	border-left: none;
	word-break: break-all;
	}

#contents th {
	padding: 0.25em;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	background: #EFEFEF;
	font-weight: normal;
	color: #666;
	text-align: center;
	}

#contents td {
	padding: 0.25em;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	}

/* Contents Other */

p.cent { text-align: center; }
p.rgt { text-align: right; }

table.t_type2 td { text-align: center; }

.red { color: #ff0000; font-weight: bold; }
.orange { color: #ff9900; font-weight: bold; }
.yellow { color: #ffcc33; font-weight: bold; }
.green { color: #009900; font-weight: bold; }
.blue { color: #0000ff; font-weight: bold; }
.black { color: #333333; font-weight: bold; }
.t_scroll {width: 100%; overflow: auto;}

/* Footer */
#footer {
	clear: both;
	margin: 1.5em auto 0;
	padding: 0.5em;
	border-top: 3px solid #336a91;
	text-align: center;
	}

#pageTop a{
    background: #336a91;
    border-radius: 0.25em;
    color: #FFF;
    padding: 0.25em 0.75em;
    position: fixed;
    bottom: 0.25em;
    right: 0.25em;
    }
	
#pageTop a:hover{ background: #5e8eab; }
	
#copyright { font-size: 70%; }

/* ProductsTop */

#indexPhoto {
	font-size: 75%;
	text-align: center;
	}

#contents .listContents_index {
	position: relative;
	}

#contents .listContents_index ul,
#contents .listContents_index ol { list-style: none; margin-left: 0; }

#contents .listContents_index h3 {
	margin-bottom: 1em;
	padding: 0.5em 0;
	border-bottom: 1px solid #cecece;
	line-height: 1.5; /* 24px */
	font-size: 1em; /* 24px */
	text-align: left;
	}

#contents .listContents_index p.oldLog {
	position: absolute;
	font-size: 75%;
	top: 1em;
	right: 0;
	}
#contents .listContents_index ul {
	margin-bottom: 2.5em;
	}

#contents .listContents_index li {
	padding: 0.5em 0;
	border-bottom: 1px dotted #b2b2b2;
	vertical-align: middle;
	}

#contents .listContents_index li:hover{
	background: #fafafa;
	}

#contents .listContents_index li a {
	display: block;
	}

#contents .listContents_index li a:hover {
	text-decoration: underline;
	}

#contents .listContents_index li .date {
	width: 8.5em;
	margin-right: 0.5em;
	display: block;
	color:#333;
	}

#contents .listContents_index li .text {
	display: block;
	overflow: hidden;
	word-break: break-all;
	}

#subContents #pickup dl{
	width: 90%;
	margin: 0 auto 1.5em;
	border: 1px solid #CCC;
	}

#subContents #pickup dt{
	padding: 0.5em;
	text-align: center;
	font-size: 90%;
	color:#FFF;
	font-weight: bold;
	overflow: inherit;
	}

#subContents #pickup dt.colortype-A { background: #F30; }
#subContents #pickup dt.colortype-B { background: #09C; }
#subContents #pickup dt.colortype-C { background: #336a91; }
#subContents #pickup dt.colortype-D { background: #36C; }
#subContents #pickup dt.colortype-E { background: #39C; }
#subContents #pickup dt.colortype-F { background: #6C9; }
#subContents #pickup dt.colortype-G { background: #036; }

#subContents #pickup dt.toi { color: #F00; }
#subContents #pickup dd.toi { border-top: none; }

#subContents #pickup dd{
	border-top: 1px solid #CCC;	
	padding: 0.5em;
	font-size: 70%;
	color: #666;
	}

#subContents #pickup a:hover {
	text-decoration: none;
	}

#subContents #pickup a:hover dt {
	filter: alpha(opacity=60);
	opacity: 0.6;
	}

#subContents #pickup a:hover dd {
	opacity: 0.6;
	}

#subContents #pickup #toi {
	width: 86%;
	margin: 0 auto 1.5em;
	padding: 0.5em 0.5em 0;
	border: 1px solid #CCC;
	}

/* Index */

#contents #onHelp{
	margin-top: 1.5em;
	padding: 0.5em;
	overflow:auto;
	text-align: center;
	}

#contents #onHelp img {
	max-width: 10%;
	}

#contents #onHelp a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.6;
	}

#contents #productBox {
	margin-top: 1.5em;
	}

#contents .productBox_l,
#contents .productBox_r {
	margin-bottom: 1.5em;
	border: 1px solid #cecece;
	border-radius: 0.75em;
	color: #666;
	overflow:auto;
	}

#contents .productBox_l a:hover,
#contents .productBox_r a:hover {
	color: #666;
	}

#contents .productBox_l a:hover .sec_title,
#contents .productBox_r a:hover .sec_title {
	opacity: 0.8;
	}

#contents .productBox_l a:hover .sec_images,
#contents .productBox_r a:hover .sec_images {
	filter: alpha(opacity=80);
	opacity: 0.8;
	}

#contents .productBox_l a .sec_title,
#contents .productBox_r a .sec_title {
	text-align: center;
	padding: 0.5em;
	border-bottom: 1px solid #cecece;

	font-weight: normal;
	color: #666;
	}

#contents .productBox_l .sec_title span,
#contents .productBox_r .sec_title span {
	font-size: 150%;
	font-weight: bold;
	}

#contents .productBox_l .sec_images,
#contents .productBox_r .sec_images {
	text-align: center;
	}

#contents .productBox_l .sec_images img,
#contents .productBox_r .sec_images img {
	max-width: 50%;
	}

/* Close Button */

#head_blank {
	margin-bottom: 2.5em;
	border-top: 5px solid  #336a91;
	}

#closeButton {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	}

#closeButton a {
	background: #336a91;
	border-radius: 0.25em;
    color: #FFF;
    padding: 0.5em 1em;
	}

#closeButton a:hover {
	background: #5e8eab;
	}

/*768px*/
@media screen and (min-width : 768px){
html { font-size: 87.5%; }

#contents h2 {
	margin: 0 0.5em 1em;
	padding-left: 0.7em;
	border-left: 0.3em solid #336a91;
	text-align: left;
	}

#contents h3 {
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding: 0 0.1em 0.5em;
	border-bottom: 1px solid #CCC;
	text-align: left;
	}

#contents h4, 
#contents h5,
#contents h6 {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
	}

#contents .listContents_index h3 {
	margin: 0 0 1em;
	padding: 0.5em 0;
	border-bottom: 1px solid #cecece;
	line-height: 1.5; /* 24px */
	font-size: 1em; /* 24px */
	text-align: left;
	}

#mainContents { float: left; width: 68%; }
#subContents { float: right; width: 30%; }
#subContents #pickup dl { width: 85%; }
#subContents #pickup #toi { width: 85%; }
#contents .listContents_index li .date { float: left; }

#copyright { font-size:80%; }

#contents .productBox_l {
	clear: both;
	float: left;
	width: 48.75%;
	}
#contents .productBox_r {
	float: right;
	width: 48.75%;
	}

/*1024px*/
@media screen and (min-width : 1024px){
html { font-size: 100%; }

#mainContents { float: left; width: 73%; }
#subContents { float: right; width: 25%; }
#subContents #pickup dl { width: 80%; }
#subContents #pickup #toi { width: 80%; }

#copyright { font-size:90%; }
	}