/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/example_flyout.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



/* common styling */





.menu2_cap{

width:196px; 

height:50px;

}



.menu2_cap_b{

width:196px; 

height:25px;

}









.menu2{

	font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	width:196px;

	height:540px;
	
	font-weight:bold;

	position:relative;

	font-size:13px;

	z-index:100;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

}

.menu2 ul {

padding:0; margin:0; list-style-type: none; background:#eee; width:196px; height:540px; background-image: url(../images/menu_cap_m.jpg);

}

.menu2 ul li ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:195px;

}

.menu2 ul li {

float:left;


}

.menu2 ul li a, .menu2 ul li a:visited {

display:block; float:left; text-decoration:none; color:#14233D; width:195px; height:30px; line-height:29px; font-size:15px; background:transparent; padding-left:10px;

}

* html .menu2 ul li a, * html .menu2 ul li a:visited {width:187px; w\idth:185px;}



.menu2 table {

border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;

}



/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu2 ul li:hover a,

.menu2 ul li a:hover{

background:#CC0000; color:#fff;

}



.menu2 ul li:hover {position:relative; z-index:100;}

* html .menu2 ul li a:hover {position:relative; z-index:100;}



.menu2 ul li:hover ul,

.menu2 ul li a:hover ul {

visibility:visible; position:absolute; height:auto; background:#CC0000; overflow:visible;

}

.menu2 ul li:hover ul li a,

.menu2 ul li a:hover ul li a{

display:block; background:transparent; color:#fff; line-height:21px; padding:5px 0 5px 10px; height:auto; text-decoration:none;

}



.menu2 ul li:hover ul li:hover a,

.menu2 ul li a:hover ul li a:hover {

background:#FF0000; color:#ff0;

}

.menu2 ul li:hover ul li ul,

.menu2 ul li a:hover ul li a ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;

}

.menu2 ul li:hover ul li:hover ul,

.menu2 ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;

}

.menu2 ul li:hover ul li:hover ul li a,

.menu2 ul li a:hover ul li a:hover ul li a {

display:block; background:transparent; color:#ff0;

}



.menu2 ul li:hover ul li:hover ul li:hover a,

.menu2 ul li a:hover ul li a:hover ul li a:hover {

background:#eee; color:#000;

}






















/************************************************************************************************/


/* common styling */





.menu3_cap{

width:196px; 
height:50px;
margin-top:7px;

}



.menu3_cap_b{

width:196px; 

height:25px;

}









.menu3{

	font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

	width:196px;

	height:360px;
	
	font-weight:bold;

	position:relative;

	font-size:13px;

	z-index:100;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

}

.menu3 ul {

padding:0; margin:0; list-style-type: none; background:#eee; width:196px; height:360px; background-image: url(../images/menu_cap_m.jpg);

}

.menu3 ul li ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:195px;

}

.menu3 ul li {

float:left;


}

.menu3 ul li a, .menu3 ul li a:visited {

display:block; float:left; text-decoration:none; color:#14233D; width:195px; height:30px; line-height:29px; font-size:15px; background:transparent; padding-left:10px;

}

* html .menu3 ul li a, * html .menu3 ul li a:visited {width:187px; w\idth:185px;}



.menu3 table {

border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;

}



/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu3 ul li:hover a,

.menu3 ul li a:hover{

background:#1C86EE; color:#fff;

}



.menu3 ul li:hover {position:relative; z-index:100;}

* html .menu3 ul li a:hover {position:relative; z-index:100;}



.menu3 ul li:hover ul,

.menu3 ul li a:hover ul {

visibility:visible; position:absolute; height:auto; background:#1C86EE; overflow:visible;

}

.menu3 ul li:hover ul li a,

.menu3 ul li a:hover ul li a{

display:block; background:transparent; color:#fff; line-height:21px; padding:5px 0 5px 10px; height:auto; text-decoration:none;

}



.menu3 ul li:hover ul li:hover a,

.menu3 ul li a:hover ul li a:hover {

background:#7EC0EE; color:#ff0;

}

.menu3 ul li:hover ul li ul,

.menu3 ul li a:hover ul li a ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;

}

.menu3 ul li:hover ul li:hover ul,

.menu3 ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;

}

.menu3 ul li:hover ul li:hover ul li a,

.menu3 ul li a:hover ul li a:hover ul li a {

display:block; background:transparent; color:#ff0;

}



.menu3 ul li:hover ul li:hover ul li:hover a,

.menu3 ul li a:hover ul li a:hover ul li a:hover {

background:#eee; color:#000;

}


/*オフセット冊子印刷用*/

/* common styling */





.menu4_cap{

width:196px; 

height:50px;

}



.menu4_cap_b{

width:196px; 

height:25px;

}









.menu4{

	font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	width:196px;

	height:150px;
	
	font-weight:bold;

	position:relative;

	font-size:13px;

	z-index:100;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

}

.menu4 ul {

padding:0; margin:0; list-style-type: none; background:#eee; width:196px; height:150px; background-image: url(../images/menu_cap_m.jpg);

}

.menu4 ul li ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:195px;

}

.menu4 ul li {

float:left;


}

.menu4 ul li a, .menu4 ul li a:visited {

display:block; float:left; text-decoration:none; color:#14233D; width:195px; height:30px; line-height:29px; font-size:15px; background:transparent; padding-left:10px;

}

* html .menu4 ul li a, * html .menu4 ul li a:visited {width:187px; w\idth:185px;}



.menu4 table {

border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;

}



/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu4 ul li:hover a,

.menu4 ul li a:hover{

background:#CC0000; color:#fff;

}



.menu4 ul li:hover {position:relative; z-index:100;}

* html .menu4 ul li a:hover {position:relative; z-index:100;}



.menu4 ul li:hover ul,

.menu4 ul li a:hover ul {

visibility:visible; position:absolute; height:auto; background:#CC0000; overflow:visible;

}

.menu4 ul li:hover ul li a,

.menu4 ul li a:hover ul li a{

display:block; background:transparent; color:#fff; line-height:21px; padding:5px 0 5px 10px; height:auto; text-decoration:none;

}



.menu4 ul li:hover ul li:hover a,

.menu4 ul li a:hover ul li a:hover {

background:#FF0000; color:#ff0;

}

.menu4 ul li:hover ul li ul,

.menu4 ul li a:hover ul li a ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;

}

.menu4 ul li:hover ul li:hover ul,

.menu4 ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;

}

.menu4 ul li:hover ul li:hover ul li a,

.menu4 ul li a:hover ul li a:hover ul li a {

display:block; background:transparent; color:#ff0;

}



.menu4 ul li:hover ul li:hover ul li:hover a,

.menu4 ul li a:hover ul li a:hover ul li a:hover {

background:#eee; color:#000;

}