/*******************************************************************************
*　　興国インテック　　　　									REPRE　Date：2007.02
*
*　　全ページ共通
********************************************************************************/


/* 共通指定
------------------------------------------------------------------------------------------------------ */
html, div, ul, li,globalmenu_wrap{
	margin: 0;
	padding: 0;
}
body					{
	margin:0px;
	padding: 0;
	background: url(common_img/back_img.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#page_wrap				{ width:750px; margin-left:auto; margin-right:auto; background:#FFFFFF; border-left:#AAAAAA solid 1px; border-right:#AAAAAA solid 1px; position:relative;}
#pagetitle_wrap			{ width:750px; height:75px;}
#contents_wrap			{ width:725px; margin-left:10px; position:relative;}
h1						{ margin:0; padding:0;}
h2						{ margin:0; padding:0;}
h3						{ margin:0; padding:0;}


/* ヘッダー指定
------------------------------------------------------------------------------------------------------ */
#header_wrap			{ width:750px; height:70px; position:relative;}
#logo_box				{ width:300px; height:50px; position:absolute; top:10px; left:10px;}
#headmenu_box			{ width:200px; height:16px; position:absolute; top:44px; right:14px; color:#036; font-size:12px; text-align:right;}
#headmenu_box a			{ color:#036; text-decoration:none;}
#headmenu_box a:hover	{ color:#06F; text-decoration:underline;}


/* グローバルメニュー指定
------------------------------------------------------------------------------------------------------ */
/* HTML5 display-role reset for older browsers */
globalmenu_wrap {
	display: block;
}
ol, ul {
	list-style: none;
}
.clearfix {
	clear: both;
}

globalmenu_wrap {
	background: linear-gradient(#fff, #ccc);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	border-radius: 0px;
	position: relative;
	width:740px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-left: 10px;
}

.globalmenu li {
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.globalmenu li a {
	color: #0D418E;
	display: block;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
	width: 134px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}

.globalmenu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #0D418E;
}

/* Dropdown styles */

.globalmenu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
	z-index: 100;
}

.globalmenu ul li {
	float: none;
}

.globalmenu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.globalmenu li:hover ul {
	background: rgba(255,255,255,0.8);
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
}

/* Persistant Hover State */
.globalmenu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
	background-image: linear-gradient(#ccc, #ededed);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #0D418E;
}

.globalmenu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.globalmenu li:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 8px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}



/* パンクズリスト指定
------------------------------------------------------------------------------------------------------ */
#bread_wrap				{ width:750px; height: 18px; background:url(common_img/bread_bg.gif); padding-top:5px;}
#breadmenu_box			{ font-size:10px; margin-left:10px; color:#666;}
#breadmenu_box a		{ color:#666; text-decoration:none;}
#breadmenu_box a:hover	{ color:#06F; text-decoration:underline;}


/* コンテンツエリア
------------------------------------------------------------------------------------------------------ */
#contents_box			{ width:510px; float:right; position:relative;}


/* 左ナビゲーション
------------------------------------------------------------------------------------------------------ */
#menu_wrap				{ width:190px; background:url(common_img/menu_bg.jpg) repeat-y; float:left; position:relative;}
#menutitle_box			{ width:175px; height:70px; margin:7px 0 0 7px;}
#menu_box				{ width:176px; margin:8px 0 0 7px;}
#menu_box ul			{ margin:0; padding:0; list-style:none;}
#menu_box li			{ width:176px; height:46px; display:block; text-indent:-9999px;}
#menu_box a				{ width:176px; height:46px; display:block; text-decoration:none;}


/* フッター指定
------------------------------------------------------------------------------------------------------ */
#pagetop_box			{ width:510px; height:25px; text-align:right;}


/* フッター指定
------------------------------------------------------------------------------------------------------ */
#footer_wrap			{ width:750px; height:14px; background:#EEEEEE; padding:6px 0 10px 0; position:relative; clear:both;}
#footmenu_box			{ font-size:12px; margin-left:10px; color:#666; float:left;}
#footmenu_box a			{ color:#666; text-decoration:none;}
#footmenu_box a:hover	{ color:#06F; text-decoration:underline;}
#copyrightbox			{ font-size:12px; margin-right:10px; color:#666; float:right;}