@charset "utf-8";

/*
Copyright: Elegy. All rights reserved.
http://queensryche.blog41.fc2.com/
*/

/*
Drop Down したり Flyout したりしない、静的な箱型メニュー。
display 要素に block プロパティを使い、テキスト部分だけでなく、ボックス全体をクリック可能に
したリストである。IE6 にJavaScript が絡む動的メニューと違い、id 名を与える必要はない。
従って、class 名で定義。同一ファイル内に複数の .boxmenu を置くことが出来る。
*/

/***********内外マージン0、フォント100％にリセット***********/
div.boxmenu3 {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:100%;
	font-family:Meiryo,メイリオ,Arial,'MS PGothic','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,'Heisei Kaku Gothic Std','Heisei Kaku Gothic Std W3',sans-serif;
}

div.boxmenu3:after {
	z-index:100;white-space:normal;
}

/***********SEO対策用に、縦メニュー頭に h4 をセット***********/
div.boxmenu3 h4.mcap {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 17px;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_h.gif') top left no-repeat;
	text-align:center;
	color:#303030;
	border:none;
}
div.boxmenu3 h4.mcap span.mcapmid {
	display:block;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_h_b.gif') repeat-x;
}
div.boxmenu3 h4.mcap span.mcapmid span.mcapright {
	font-size:107%;
	line-height:34px;
	display:block;
	padding:0 17px 0 0;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_h_c.gif') top right no-repeat;
}

/***********左半分を定義***********/
div.boxmenu3 div.mleft {padding:0 0 0 7px;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_middle.gif') top left repeat-y;
}

/***********右半分を定義***********/
div.boxmenu3 div.mleft div.mright {padding:0 7px 0 0;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_middle_b.gif') top right repeat-y;
}

/***********フッターを定義***********/
div.boxmenu3 div.mfoot {display:block;
	padding:0 0 0 17px;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_f.gif') top left no-repeat;
	text-align:center;
	color:#303030;
}
div.boxmenu3 div.mfoot span {display:block;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_f_b.gif') repeat-x;
}
div.boxmenu3 div.mfoot span span {font-size:107%;
	line-height:34px;
	display:block;
	padding:0 17px 0 0;
	background:url('../../images/ntk-img/skins/eleanor/sidemenu_f_c.gif') top right no-repeat;
}

/*########### 3階層型メニュー開始 ###########*/

/***********縦メニュー1階層目を定義***********/
div.boxmenu3 ul {
	margin:0;padding:0; /* Strictly required */
	list-style-type:none;
	/*background-color:#FFFFFF;*/
}
div.boxmenu3 ul li {
	margin:0;padding:0 0 1px 0; /* Strictly required */
	background-color:#FFFFFF; /* Strictly required */
}
div.boxmenu3 ul li a , 
div.boxmenu3 ul li span.nolink {
	background:#D4D4D4;
	color:#666666;
	margin:0px;
	display:block;
	height:auto !important;
	height:1%;
	text-decoration:none;
	font-size:113%;line-height:140%;
	font-weight:700;
	padding:6px 2px 5px 6px;
	text-align:left;
	border-style:none none solid none;
	border-width:1px; border-color:transparent;
	/* border-color:#FFFFFF; */
	text-shadow:1px 1px 2px #FFFFFF;
}
div.boxmenu3 ul li a:link {color:#33272A;text-decoration:none;}
div.boxmenu3 ul li a:visited {color:#33272A;text-decoration:none;}
div.boxmenu3 ul li a:hover {color:#FFFFFF;text-decoration:none;background-color:#FF0000;text-shadow:1px 1px 2px #606060;}
div.boxmenu3 ul li a:active {color:#FF00FF;text-decoration:none;}
div.boxmenu3 ul li a:focus {color:#FF00FF;text-decoration:none;}
div.boxmenu3 ul li ul {
	padding:1px 1px 1px 1px;
}
div.boxmenu3 ul li a.here , 
div.boxmenu3 ul li span.here {
	/* 最上位階層の現在地 */
	background:#000060;color:#FFFFFF;text-shadow:1px 1px 2px #00CCFF;
}
div.boxmenu3 ul li a.here:hover {
	background-color:#00FFFF;text-shadow:1px 1px 2px #000060;
}

/***********縦メニュー2階層目を定義***********/
div.boxmenu3 ul li ul li {
	background:url("../../images/ntk-img/skins/eleanor/aside_menu_child.gif") top left #FFFFFF repeat-x;
	padding:0;
}
// div.boxmenu3 ul li ul li.current {
//	background:url("../../images/ntk-img/skins/eleanor/aside_menu_child_cur.gif") top left #FFFFFF repeat-x;
//	padding:0;
//}
div.boxmenu3 ul li ul li a , 
div.boxmenu3 ul li ul li span.nolink {
	color:#421D26;
	font-size:100%;line-height:140%;
	font-weight:600;
	text-align:left;
	padding:5px 8px 4px 7px;
	background:none transparent;
	border:none;
	text-shadow:none;
}
div.boxmenu3 ul li ul li a {text-decoration:underline;}
div.boxmenu3 ul li ul li a:link {color:#522D36;text-decoration:underline;}
div.boxmenu3 ul li ul li a:visited {color:#522D36;text-decoration:underline;}
div.boxmenu3 ul li ul li a:hover {color:#00D0FF;text-decoration:underline;background-color:transparent;text-shadow:none;}
div.boxmenu3 ul li ul li a:active {color:#FF0000;text-decoration:underline;}
div.boxmenu3 ul li ul li a:focus {color:#FF0000;text-decoration:underline;}
div.boxmenu3 ul li ul li ul {
	padding:0 2px 1px 2px;
	/*background:none #FFFFFF no-repeat;*/
}

/***********縦メニュー3階層目(最後)を定義***********/
div.boxmenu3 ul li ul li ul li {
	border-style:dotted none none none;
	border-width:1px;
	border-color:#D5CBCD;
	padding:0;
	background:url("../../images/ntk-img/skins/eleanor/aside_menu_grch.gif") 0% 30% transparent no-repeat;
}
div.boxmenu3 ul li ul li ul li a , 
div.boxmenu3 ul li ul li ul li span.nolink {
	color:#666666;
	font-size:90%;line-height:135%;
	font-weight:normal;
	text-align:left;
	padding:3px 0px 4px 20px;
}
div.boxmenu3 ul li ul li ul li a:hover {
	color:#0000FF;
	text-decoration:underline;
}

/*■■■■■*/

/*########### 2階層型メニュー開始 ###########*/

/***********縦メニュー1階層目を定義***********/
div.boxmenu3 ul.stage2 {
	margin:0;padding:0; /* Strictly required */
	list-style-type:none;
	background-color:#FFFFFF;
}
div.boxmenu3 ul.stage2 li {
	margin:0;padding:0; /* Strictly required */
	background:url("../../images/ntk-img/skins/eleanor/aside_menu_child.gif") top left #FFFFFF repeat-x;
}
div.boxmenu3 ul.stage2 li a , 
div.boxmenu3 ul.stage2 li span.nolink {
	background:none;
	color:#421D26;
	margin:0px; /* Strictly required */
	display:block;
	height:auto !important;
	height:1%;
	font-size:100%;line-height:140%;
	font-weight:600;
	padding:5px 8px 4px 7px;
	text-align:left;
	text-shadow:none;
}
div.boxmenu3 ul.stage2 li a {text-decoration:underline;}
div.boxmenu3 ul.stage2 li a:link {color:#522D36;text-decoration:underline;}
div.boxmenu3 ul.stage2 li a:visited {color:#522D36;text-decoration:underline;}
div.boxmenu3 ul.stage2 li a:hover {color:#00D0FF;text-decoration:underline;background-color:transparent;}
div.boxmenu3 ul.stage2 li a:active {color:#FF0000;text-decoration:underline;}
div.boxmenu3 ul.stage2 li a:focus {color:#FF0000;text-decoration:underline;}
div.boxmenu3 ul.stage2 li span.nolink {
	text-decoration:none;
}
div.boxmenu3 ul.stage2 li ul {
	margin:0;
	padding:0 2px 1px 2px;
	list-style-type:none;
	background:none tranceparent no-repeat;
	/* background:none #FFFFFF no-repeat; */
}

/***********縦メニュー2階層目(最後)を定義***********/
div.boxmenu3 ul.stage2 li ul li {
	border-style:dotted none none none;
	border-width:1px;
	border-color:#D5CBCD;
	padding:0;
	background:url("../../images/ntk-img/skins/eleanor/aside_menu_grch.gif") 0% 30% transparent no-repeat;
}
div.boxmenu3 ul.stage2 li ul li a , 
div.boxmenu3 ul.stage2 li ul li span.nolink {
	color:#666666;
	font-size:90%;line-height:135%;
	font-weight:normal;
	text-align:left;
	padding:3px 0px 4px 20px;
}
div.boxmenu3 ul.stage2 li ul li a:hover {
	color:#00D0FF;
	text-decoration:underline;
}

/*■■■■■*/

/*########### 1階層型メニュー開始 ###########*/

/***********縦メニュー1階層目を定義***********/
div.boxmenu3 ul.stage1 {
	margin:0;padding:0; /* Strictly required */
	list-style-type:none;
	background-color:#FFFFFF;
}
div.boxmenu3 ul.stage1 li {
	margin:0;padding:0; /* Strictly required */
	border-style:dotted none none none;
	border-width:1px;
	border-color:#D5CBCD;
	background:url("../../images/ntk-img/skins/eleanor/aside_menu_grch.gif") 0% 10% transparent no-repeat;
}
div.boxmenu3 ul.stage1 li:first-child {
	border-style:none none none none;
}
div.boxmenu3 ul.stage1 li a , 
div.boxmenu3 ul.stage1 li span.nolink {
	background:transparent;
	color:#666666;
	margin:0px;
	display:block;
	height:auto !important;
	height:1%;
	font-size:90%;line-height:135%;
	font-weight:normal;
	text-align:left;
	padding:3px 0px 4px 20px;
	text-shadow:none;
}
div.boxmenu3 ul.stage1 li a {text-decoration:underline;}
div.boxmenu3 ul.stage1 li a:link {color:#522D36;text-decoration:underline;}
div.boxmenu3 ul.stage1 li a:visited {color:#522D36;text-decoration:underline;}
div.boxmenu3 ul.stage1 li a:hover {color:#00D0FF;background:transparent;}
div.boxmenu3 ul.stage1 li a:active {color:#FF0000;text-decoration:underline;}
div.boxmenu3 ul.stage1 li a:focus {color:#FF0000;text-decoration:underline;}
div.boxmenu3 ul.stage1 li span.nolink {
	color:#666666;
	text-decoration:none;
}

/*■■■■■*/

/*================================================
(1) ←Phone→ 640px ←Tablet→ 768px ←Desktop→ 参考にしたサイト
(2) ←Phone→ 740px ←Tablet→ 939px ←Desktop→ 当社の設定
================================================*/

/*================================================
Desktop PC: 939px <= X
================================================*/
@media screen and (min-width: 939px){
	
}
/*================================================
Tablet: 741px <= X <= 938px
================================================*/
@media screen and (max-width: 938px){
	
}
/*================================================
Smart Phone: X <= 740px
================================================*/
@media screen and (max-width:740px){
	
	div#side1, 
	div#sidemenu1, 
	div#side2, 
	div#sidemenu2, 
	div#side3, 
	div#sidemenu3, 
	div#side4, 
	div#sidemenu4 {
		width:100%;
	}	
	
	.boxmenu3 .mleft .mright > ul {
		background-color:#DADAFA;
		margin:0;padding:0;
		display:block;
		font-size:0;
	} .boxmenu3 .mleft .mright > ul * {font-size:18px;} .boxmenu3 .mleft .mright > ul ul * {font-size:95%;}
	.boxmenu3 .mleft .mright > ul > li {
		color:#000000;
		letter-spacing: normal;
		vertical-align: top;
		display: inline-block;
		/display: inline;
		width:100%;
	}
	
}