@charset "utf-8";
/* CSS Document */

/* BODY */
body{margin:0; padding:0;}
body#cj{background:#910005 url(/img/bg_red_main.jpg) repeat-x;}
body#et{background:#cff0ff url(/img/bg_blue_main.jpg) repeat-x;}

/* 背景 */
#centerBox{
	display:block;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	background:repeat-y top left;
}
#cj #centerBox{ background-image:url(/img/bg_red_body_m.jpg) }
#et #centerBox{ background-image:url(/img/bg_blue_body_m.jpg) }

#centerContents{
	text-align:left;
	position:relative;
	margin:0;
	width:920px;
	padding:10px 15px 10px 15px;
	background:no-repeat top left;
}
#cj #centerContents{background-image:url(/img/bg_red_body_t2.jpg);}
#et #centerContents{background-image:url(/img/bg_blue_body_t.jpg);}

/* header関連 */
#header{ margin:0 0 5px -9px; height:35px;}
#header a:hover{ background-color: transparent;}
#header h1{ display:none;}
#header #globalNavi{ position:absolute; top:4px; right:100px; padding-left:250px; color:#fff; text-align:right;}
#header #globalNavi h3 {display:inline; font-size:80%;}
#header #globalNavi h3 a{ color:#fff;}
#header #globalNavi h3 a:hover{ text-decoration:underline;}

#logo_sn{ background:no-repeat left -161px;  margin:0; position:absolute; left:0; top:0;}
#logo_cj{ background:no-repeat -122px -161px; margin:0;position:absolute; left:122px; top:0;}
#cj #logo_sn{ background-image:url(/img/bg_red_parts.jpg)}
#cj #logo_cj{ background-image:url(/img/bg_red_parts.jpg)}
#et #logo_sn{ background-image:url(/img/bg_blue_parts.jpg)}
#et #logo_cj{ background-image:url(/img/bg_blue_parts.jpg)}

/* ウィンドウ幅アイコン */
#winIcon{ display:none;}
/*#winIcon{ position:absolute; right:80px; top:5px; font-size:60%; color:#fff; text-align:center; width:80px; clear:both;}
#winIcon img{ margin:2px; margin-top:3px;}
*/
#fontIcon{ position:absolute; right:8px; top:5px; font-size:60%; color:#fff; text-align:center; width:80px;}
#fontIcon img{ margin:2px;margin-top:3px;}


/* footer関連 */
#footer{width:100%; padding:10px 0; text-align:center; color:#fff;}
#footer img{ display:none; visibility:hidden;}
#cj #footer{background:#910005 url(/img/bg_red_footer.jpg) repeat-x;}
#et #footer{background:#cff0ff url(/img/bg_blue_footer.jpg) repeat-x;}
#foot_menu { width:800px; text-align:center; margin:0 auto;}
#foot_menu ul{}
#foot_menu li{ float:left; font-size:80%; list-style:none; display:block; margin:0 0 10px; padding:0; text-indent:0.5em;}
#foot_menu li a{ color:#FFFFFF;}
#foot_menu li a:hover{ color:#FFFF00; background:none;}

/* パディング指定のボックス */
.contentsBox{ padding:10px; background:#fff; width:900px;}

/* コンテンツメニュー（仮） */
.contMenu p{ background:#000; color:#fff; padding:2px 5px; border:2px outset #888; margin:0;}

/* 画面サイズ用 */
.l{ display:block;}
.s{ display:none;}

/* グローバルメニュー ysm090624*/
/*上部各メニュー用*/
#globalMenu{

clear:both;
}

#importMenu h2{ display:none; margin:0; padding:0;}

#globalTab{ padding-top:2px;}
#globalTab a:hover{ background-color:transparent;}
#globalTab a.tab_cj{ background:no-repeat; width:180px; height:40px; display:block; float:left;}
#globalTab a.tab_et{ background:no-repeat; width:193px; height:40px; display:block; float:left;}
#cj #globalTab a.tab_cj{ background-image:url(/img/bg_red_tab_cj.jpg);}
#cj #globalTab a.tab_et{ background-image:url(/img/bg_red_tab_et.jpg);}
#et #globalTab a.tab_cj{ background-image:url(/img/bg_blue_tab_cj.jpg);}
#et #globalTab a.tab_et{ background-image:url(/img/bg_blue_tab_et.jpg);}

#cj #globalTab a:hover.tab_et{ background-image:url(/img/bg_red_tab_et_o.jpg);}
#et #globalTab a:hover.tab_cj{ background-image:url(/img/bg_blue_tab_cj_o.jpg);}

#globalTab a.tab_cj{ background:url(/img/bg_red_tab_cj.jpg) no-repeat; width:180px; height:40px; display:block; float:left;}
#globalTab a.tab_et{ background:url(/img/bg_red_tab_et.jpg) no-repeat; width:193px; height:40px; display:block; float:left;}

#importMenu .subMenu{
width:100%;
display:block;
padding:0;
border-top:1px solid #fff;
margin:0;
clear:both;
height:32px;
}
#cj #importMenu .subMenu{ background:url(/img/bg_red_parts.jpg) left -80px; border-bottom:#660000 1px solid; border-top:#910005 1px solid;}
#et #importMenu .subMenu{ background:url(/img/bg_blue_parts.jpg) left -80px; border-bottom:#0085b4 1px solid; border-top:#009ddb 1px solid;}
#cj #et_subMenu{ display:none;}
#et #cj_subMenu{ display:none;}

#importMenu .subMenu h3{ margin:0; padding:0;width:112px;}
#importMenu .subMenu h3 a{
	color:#fff;
	text-align:center;
 	background:no-repeat left -80px; 
	text-indent:0em;
	text-align:center;
	padding:8px 0 0 0;
	line-height:15px;
	width:inherit;
	margin:0;
	font-size:15px;
	display:block;
	height:24px; 
}
#cj #importMenu .subMenu h3 a{
	background-image:url(/img/bg_red_parts.jpg);
	border-right:#660000 1px solid;
	border-left:#cc0000 1px solid;}
#et #importMenu .subMenu h3 a{
	background-image:url(/img/bg_blue_parts.jpg);
	border-right:#0085b4 1px solid;
	border-left:#4ed3ff 1px solid;
}



#importMenu .subMenu h3 a:hover{
 	 background-position:left top; 
}
/* *BODY #importMenu .subMenu h3 a:hover{ text-decoration:underline;} */

/* メニューの現在位置表示用（メニューが増えたら必ず追加） */
#importMenu.top .top a,
#importMenu.about .about a,
#importMenu.function .function a,
#importMenu.trial .trial a,
#importMenu.list .list a,
#importMenu.et .et a{ background-position:left top; }

.top #importMenu .top a,
.about #importMenu .about a,
.function #importMenu .function a,
.trial #importMenu .trial a,
.list #importMenu .list a,
.voice #importMenu .voice a,
.et #importMenu .et a{ background-position:left top; }

#importMenu a .cd{background:url(/img/icon_cd.gif) no-repeat left center; padding-left:15px;}
#importMenu a:hover .cd{ background-image:url(/img/icon_cd2.gif) }
#importMenu.et .et a .cd{ background-image:url(/img/icon_cd2.gif) }


/* サブメニュー用 */

#importMenu .subMenu h4{ margin:0; padding:0;}
#importMenu .subMenu h4 a{
text-align:center;
font-size:15px;
font-weight:normal;
display:block;
padding:6px 0 3px 0;
vertical-align:middle;
margin:0;
color:#fff;
width:100px;
}
#importMenu h4 a:hover{ background-color:transparent; text-decoration:underline;}


/*各メニュー設定*/
.menu_list,.menu_list_on{
float:left;
text-align:left;
position:relative;
}

.menu_list ul{
	width:112px;
	display:none;
	position:absolute;
	top:31px;
	background:#fff;filter:alpha(opacity=85); /*IE*/
	-moz-opacity:0.85; /*FF*/
	opacity:0.85;
}
.menu_list li{
list-style:none;
z-index:99;
text-align:center;
margin-left:0;
width:110px;
}
.menu_list li a{
display:block;
color:#0000ff;
font-size:12px;
padding:6px 0 0 0;
}
.menu_list li a:hover{ text-decoration:underline; font-weight:bold; background-color:transparent;}


#info_list{width:180px;}

.imgA a{ background-color:transparent; line-height:0;}
.imgA a:hover{ background-color:transparent; line-height:0;}