@charset "utf-8";


@import url("corporate_style.css");
@import url("corporate_company.css");
@import url("ir.css");
@import url("xj.css");


/*==================================================================
	reset styles
===================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	}
table{
	width:800px;
	border-collapse:collapse;
	border-spacing:0;
	}
table td, table th{
/*	width:140px; */
	padding:4px;
}
th{
	font-size: 120%;
	white-space: nowrap;
}
/*
table td, table th { padding:8px; }
fieldset,img {
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	}

a img,map a {
	border:none;
	}

body{
	font-size:14px;
	color:#222;
	word-break:break-all;
	line-height:1.4;
	font-family: Verdana,"メイリオ",meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",ms gothic,ms ui gothic,sans-serif;
}
*/

/*==================================================================
	ヘッダー
===================================================================*/
/*
#header{ background:url(../img/bg_head.gif) repeat-x; height:100px;}
*/
#header {
height: 100px;
border-top: #34579b solid 3px;
}
#header_inner{ width:980px; height:100px; margin:auto; position:relative;}
#header_inner h1{ position:absolute; top:10px; left:0;}

#header_inner ul{
	position:absolute;
	bottom:30px;
	right:0;
	border-left:1px dotted #666;
	font-size:16px;
}

#header_inner ul li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	border-right:1px dotted #666;
}
#header_inner ul li a{
	display:block;
	width:120px;
	height:24px;
	color:#333;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	line-height:22px;
	text-align:center;
}
#header_inner ul li a:hover, #header_inner ul li.active a{ background:#EBF0F5;}



/*==================================================================
	タイトル
===================================================================*/

/*
#title{ background:url(../img/bg_title.gif) repeat-x; height:60px;}
*/
#title {
background: #34579b;
height: 60px;
}
#title_inner{ width:980px; height:60px; margin:auto;text-align:left;}
#title_inner h2{ color:#FFF; line-height:60px; font-size:28px; font-weight:bold;}
#title_inner h2 span{ font-size:15px; font-weight:normal; opacity:0.4; padding-left:30px;}



/*==================================================================
	コンテナ
===================================================================*/

#container{ width:800px; margin:auto;text-align:left;}


/*==================================================================
	パンクズ
===================================================================*/

#pan{ border-bottom:1px dotted #666; line-height:30px; margin-bottom:30px; font-size:12px;}
#pan a{ color:#33579A; text-decoration:none;}
#pan a:hover{ text-decoration:underline;}


/*==================================================================
	サイドメニュー
===================================================================*/

#menu{ width:240px; float:left; font-size:12px;width:235px\9;}
#menu .title a{
	display:block;
	color:#FFF;
	text-decoration:none;
	background:#34579B;
	font-size:18px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	padding-left:10px;
}
#menu .title a:hover{ text-decoration:none; opacity:0.8;}

#menu ul{
	padding:8px;
	background: #DDD;
		/* Mozilla系 */background: -moz-linear-gradient(top, #ECECED, #CCCCCC); 
	/* IE10 */ background: -ms-linear-gradient(top, #ECECED, #CCCCCC); 
	/* webkit系 */background: -webkit-gradient(linear, left top, left bottom, from(#ECECED), to(#CCCCCC));
	/* IE5.5-7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECED', endColorstr='#CCCCCC',GradientType=0 );
	height:auto;
	background: #DDD\9;
	width:225px\9;
	padding:5px\9;
}

#menu ul li{ margin-bottom:2px;}

#menu ul li a{
	display:block;
	background:url(../img/side_list.gif) no-repeat;
	width:204px;
	height:32px;
	text-decoration:none;
	line-height:32px;
	padding-left:20px;
	color:#333;
}

#menu ul li a:hover, #menu ul li.active a{
	background:url(../img/side_list_on.gif) no-repeat;
	color:#FFF;
}


/*==================================================================
	メインコンテンツ
===================================================================*/

#content{ float:right; width:700px;}

.nomenu #content{ width:980px;}

#content .section { margin-bottom:24px;}
#content .section:last-child { margin-bottom:0;}


/*==================================================================
	メインコンテンツ見出し関係
===================================================================*/


#content h3{
	border-top:1px solid #999;
	border-bottom:2px solid #6A89B3;
	line-height:45px;
	color:#335799;
	font-size:25px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:20px;
}

#content h4{
	color:#335799;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:20px;
	color:#FFF;
	background-color:#8b9ebf;
}

#content h5{
	color:#335799;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}


/*==================================================================
	フッター
===================================================================*/
/*
#footer{ background:#EAE2CF; margin-top:50px; clear: both;}
#footer_inner{ width:980px; margin:auto; text-align:center;}

#copy{ background:url(../img/bg_copy.gif) repeat-x; height:60px; text-align:center; line-height:60px; font-size:12px; color:#666;}
*/