h2, p {
		text-align: center;
		color: #444;
		text-shadow: 0 1px 0 #fff;	
	}
	
	a {
		xcolor: #2A679F;
	}
	
	/* You don't need the above styles, they are demo-specific ----------- */
.margin-arow{
	xmargin-right:-6px;
	position: absolute;
	right: 15px;
	bottom: 8px;
}
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu {
	    xposition:auto;
		xtext-align: center;
	    z-index : 3 ;
		width: 900px;
		xmargin: 0px auto;
		margin-left: -0px;
		xborder: 0px solid #f22;/**/
		background-image: url(../img/menu-bg.png);
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: 0px 0px 0px 0px #c5c5c5;/* これ有効でサブメニューとの重なり表現 */
		-webkit-box-shadow: 0px 0px 0px 0px #c5c5c5;
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4);/* これ有効でサブメニューとの重なり表現 */
		border-top: 1px #fff solid;/* これとcss.cssの#header_btmは合致すべし */
		border-right: 0px #c5c5c5 solid;
		border-bottom: 0px #f9f9f9 solid;/*1px だがホバーに反応してしまう　そのためこれをゼロにして　57行目追加*/
		border-left: 1px #fff solid;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {/* menu区切り */
		box-sizing: border-box;
		float: left;
		border-left: 0px solid #f9f9f9;
		border-right: 1px solid #f9f9f9;
		border-bottom: 1px solid #f9f9f9;
		   -moz-box-shadow: 0px 0px 0px 0px #c5c5c5;
		-webkit-box-shadow: 0px 0px 0px 0px #c5c5c5;
		        box-shadow: 0px 0px 0px 0px #c5c5c5;
		position: relative;
	}
#menu li:last-child {/* menu区切り */
	width: 130px;
	}
	
	#menu a {/* menu文字色、サブメニューにも影響 */
	font-size:12px;/* menu文字色サイズはサブメニュー含めてこれですべて決まる */
		display: block;
		z-index: -1;
		text-align: center;
		float: left;
		padding: 5px 0px 5px 0px;/* メインメニュー高さ決まる、ここ変更時はcss.css内の#header_topと#header_btmも調整必要 */
		width: 127px;/*6個時149*/
		color: #ddd;
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 1px 1px 0px #006AAB;
	}
		#xmenu:last-child {/* リンク幅用 だがサブメニューにも影響*/
	font-size:12px;/* menu文字色サイズはサブメニュー含めてこれですべて決まる */
		z-index: -1;
		text-align: center;
		float: left;
		padding: 5px 0px 5px 0px;/* メインメニュー高さ決まる、ここ変更時はcss.css内の#header_topと#header_btmも調整必要 */
		width: 128px;/*6個時149*/
		color: #ddd;
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 1px 1px 0px #006AAB;
	}
	#menu li:hover > a {
		color: #fff;/* オンマウス時の文字色と背景色、文字色はサブメニューにも影響 */
		text-shadow: 0px 0px 0px #000;
		background-image: url(../img/menu-bg-on.png);
	}
	
	*html #menu li a:hover { /* IE6-9 */
		xcolor: #d4d4d4;
	}
	
	#menu ul {/*サブメニュー(セット)*/
		text-align: left;
		margin: -70px 0 0 -1px;/*★★★オンマウス時発生位置(30〜40だとカクつく・50も微妙)*/
		_margin: 0; /*IE6 only*/
		opacity: 0.3;
		visibility: hidden;
		position: absolute;
		top: 26px;/*★★★サブメニューのストップ位置*/
		left: 0;
		z-index: -10;/*有効*/
		border: 1px solid #fff;/*サブメニュー全体のボーダー*/
		background-color: rgba(35,72,127,1.0);/*★★★サブメニューセット一括背景色 次行が有効時これは無効 候補rgba(52,87,159,0.9)*/
		
		   -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,.5);
		-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,.5);/*サブメニューセットの影 1px 1px 3px 0px rgba(0,0,0,.2)*/	
		        box-shadow: 2px 2px 2px 0px rgba(0,0,0,.5);/*サブメニューセットの影*/
				
		   -moz-border-radius: 0px 0px 5px 5px;/*サブメニューセットの角丸*/	
		-webkit-border-radius: 0px 0px 5px 5px;
		        border-radius: 0px 0px 7px 7px;/*サブメニューセットの一番下の角丸*/	
				
		-webkit-transition: all .15s ease-in-out;/*メイン・サブ・サブサブ・速度は全て一括でここ*/
		   x-moz-transition: all .15s ease-in-out;
		    -ms-transition: all .15s ease-in-out;
		    x-o-transition: all .15s ease-in-out;
		        transition: all .15s ease-in-out;
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin:0px 0px 0px -1px;/*★★★サブ&サブサブメニューの発生後位置補正*/
	}
	
	#menu ul ul {/*サブサブメニュー(未使用)*/
		top: -1px;
		left: 151px;
		margin: 0 0 0 10px;/*サブサブメニューの発生位置*/
		box-shadow: -1px 0 0 rgba(0,0,0,.2);		
	}
	
	#menu ul li {/*サブメニュー要素*/
		xbackground-color: #00f;/*無効？*/
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		   -moz-box-shadow: 0px 1px 0px 0px #fff;
		-webkit-box-shadow: 0px 1px 0px 0px #fff;
		        box-shadow: 0px 1px 0px 0px #fff;
	}
	
	#menu ul li:last-child {   
		x-moz-box-shadow: none;
		x-webkit-box-shadow: none;
		xbox-shadow: none;  
		-moz-box-shadow: 0px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: 0px 0 0 rgba(255,255,255,.3);
		box-shadow: 0px 0 0 rgba(255,255,255,.3);
		border-radius: 0px 0px 7px 7px;/*不要？*/	  
	}
	
	#menu ul a {/*メインメニューにオンマウス時出現するサブメニュー要素*/
		padding:8px 10px 6px 10px;/*★★★サブメニュー高さ、幅に影響*/
		width: 129px;/*★★★サブメニュー幅*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		border-bottom: 1px #afafaf solid;
		xxbackground-color: #6699aa;
	}
	
	#menu ul a:hover {/*サブメニューオンマウス時の要素の文字色とボーダーと背景*/
	color: #fff;/*指定しない時は#menu li:hover > aを継承*/
		        box-shadow: 0px 1px 0px 0px #fff inset;
				background-image:url(../img/sub_m-hover-bg.jpg);
		xbackground-color: #4878D7;
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 0px 0px 0 0;/*元3px 3px 0 0*/
		-webkit-border-radius: 0px 0px 0 0;
		border-radius: 0px 0px 0 0;
	}
	
	#menu ul li:first-child > a:after {/*現在位置三角サブ(未使用だがサブメニュー最上部の隙間オンマウス対策用に使用)*/
		content: '';
		width: 138px;
		position: absolute;
		left: 0px;
		top: -4px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	
	#menu ul ul li:first-child a:after {/*現在位置三角 サブサブ(未使用)*/
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {/*現在位置三角 サブサブにマウスが乗った時*/
		border-bottom-color: transparent; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		border-radius: 0px 0px 7px 7px;/*サブメニューの一番下の角丸*/	
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}

.test_transition {
    width:100px;
    height:100px;
    background:#ffffff;
    border:1px solid #555555;
    transition-property:background,width;
    transition-duration:3s;
    transition-timing-function:ease-out;
} 
.test_transition:hover{
    width:250px;
    background:#555555;
}
.popup-txt{
	font-size: 14px;
	line-height: 1.9em;
}