@charset "utf-8";
/*-------
  layout
-------*/

/* [更新対象：全体の背景画像] */
body{
background:#000000 url(../images/epchp_bg3.gif) no-repeat top center fixed;
color:#333;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
/* [更新対象：ヘッダの背景画像] */
#wrapper {
	background:url(../images/header_bg.png) no-repeat top center;
}
/* ヘッダ */
#header {
	width:900px;
	height:97px;
	margin:0 auto;
	position:fixed;
	position:relative;
}

#header #logo01 {
	position:absolute;
	left:24px;
	top:27px;
}
#header #logo02 {
	position:absolute;
	left:83px;
	top:25px;
}
#header #gMenu {
	position:absolute;
	top:25px;
	left:400px;
}
#header #gMenu li {
	display:inline;
	font-size:75%;
	line-height:1.5;
	padding:0 8px;
	background:url(../images/separate01.png) no-repeat left center;
}
#header #gMenu li a{
	color:#333;
	text-decoration:none;
}
#header #gMenu li a:hover{
	text-decoration:underline	;
}


/* コンテンツ */
#contents {
	width:900px;
	margin:-32px auto 0;
	/*overflow:auto;*/
}
#contents #lnavi {
	width:189px;
	float:left;
	background:url(../images/lnavi_bg04.png) no-repeat bottom;
	padding-bottom:50px;
	margin-bottom:15px;
	display:inline;
	vertical-align:bottom;
}
#contents #lnavi #lnaviTitle {
	background:url(../images/lnavi_bg01.png) no-repeat;
	padding:65px 20px 0;
	height:21px;
	font-size:75%;
	font-weight:bold;
	color:#FFF;
	}
#contents #lnavi #lnaviTitle a {
	color:#FFF;
	text-decoration:none;
}
#contents #lnavi #lnaviTitle a:hover {
	color:#FFF;
	text-decoration:underline;
}
#contents #lnavi ul{
	list-style:none;
	background:url(../images/lnavi_bg03.png) repeat-y;
	}
#contents #lnavi .menu li {
	vertical-align:bottom;
	background:url(../images/lnavi_bg02.png) no-repeat;
	padding:20px 15px 5px 37px;
	font-size:75%;	color:#FFF;
	line-height:1.4;
}
#contents #lnavi .menu li.rss {
	background: url(../images/rss.png) no-repeat;
}
#contents #lnavi .menu li.back {
	background:url(../images/lnavi_bg05.png) no-repeat;
}
#contents #lnavi .menu li a{
	color:#FFF;
	text-decoration:none;
}
#contents #lnavi .menu li a:hover{
	color:#FFF;
	text-decoration:underline;
}

/* タグクラウド */
#contents #lnavi ul.tagCloud {
	margin: 0;
	padding: 0.5em 10px 0.5em 15px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#contents #lnavi ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%; /* ここで相対的に文字サイズを変更 */
}

#contents #lnavi ul.tagCloud li a {
	text-decoration: none;
	color:#FFF;
}

/* 汎用設定 */

.floatL{float:left !important;}
.floatR{float:right !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}
.alignC{text-align:center !important;}
.baseTalk{margin:0 0 15px 0 !important;}
.noneTalk{margin:0 0 0 0 !important;}
.smallTalk{margin:0 0 5px 0 !important;}
.middleTalk{margin:0 0 10px 0 !important;}
.largeTalk{margin:0 0 20px 0 !important;}


/* タグレベル1～6 */

#contents #lnavi ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
}

#contents #lnavi ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color:#DDD;
}

#contents #lnavi ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color:#BBB;
}

#contents #lnavi ul.tagCloud li.level4 a {
	font-size: 114%;
	color:#AAA;
}

#contents #lnavi ul.tagCloud li.level5 a {
	font-size: 92%;
	color:#999;
}

#contents #lnavi ul.tagCloud li.level6 a {
	font-size: 77%;
	color:#777;
}

/* オンマウス色 */
#contents #lnavi ul.tagCloud li a:hover {
	text-decoration:underline;
}

/* バナー */
#contents #banner {
	width:189px;
	float:left;
}
#contents #banner ul{
	list-style:none;
}
#contents #banner ul li{
	font-size:0;
	line-height:0;
}
#contents #main{
	width:700px;
	float:right;
	padding-bottom:100px;
}
#contents #main h1{
	background:url(../images/h1_bg.png) no-repeat;
	color:#FFF;
	font-size:100%;
	line-height:55px;
	padding-left:40px;
	margin-bottom:10px;
}
#contents #main .section {
	background:url(../images/section_bg02.png) no-repeat left bottom;
	padding-bottom:20px;
	margin-bottom:10px;
}
#contents #main .section .sectionMain {
	background:url(../images/section_bg01.png) no-repeat;
	padding-top:20px;
}
#contents #main .section h2 {
	background:url(../images/h2_bg.png) no-repeat;
	margin:5px 0 0 29px;
	padding:13px 10px 13px 20px;
	font-size:87.5%;
	line-height:1;
	color:#333;
}
#contents #main .section p {
	padding:5px 40px 20px 50px;
	font-size:87.5%;
	line-height:1.6;
	color:#333;
}
#contents #main .section p.summary {
	padding:15px 50px 25px 40px;
	font-size:87.5%;
	line-height:2;
	color:#333;
}
.floatL {
	float:left;
	padding-right:20px;
}
#contents #main .section p a{
	color:#333;
}
#contents #main .section p a:hover{
	color:#FF9900;
}
#contents #main .section ul {
	list-style:none;
	padding: 5px 40px 20px 50px;
}
#contents #main .section ul li {
    font-size: 75%;
	line-height:1.4;
}

/* フッタ */
#footer {
	position:fixed;
	margin:0 auto;
	bottom:0;
    width:100%;
}
#footer #footerContents{
	background:url(../images/footer_bg.png) no-repeat;
	margin:0 auto;
	width:918px;
	height:59px;
	font-size:62.5%;
}
#footer #footerContents #copyright{
	float:right;
	width:300px;
	padding:40px 50px 0 0;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}

/* 履歴パンクズ */
#footer #footerContents #history{
	float:left;
	width:500px;
	padding-left:24px;
	margin:36px 0 0 30px;
	display:inline;
	line-height:20px;
	background:url(../images/history.png) no-repeat left center;
}
#footer #footerContents #history a{
	color:#333;
}
#footer #footerContents #history a:hover{
	color:#FF9900;
}

/* トップへ戻る */
#totop {
	position:fixed;
	margin:0 auto;
	bottom:25px;
	width:100%;
	height:39px;
	text-align:right;
}
#totop p{
	margin:0 auto;
	width:860px;
	text-align:right;
}

/* ツールチップ表示 */
div#qTip {
 padding: 5px;
 border: 1px solid #666;
 display: none;
 background:url(../images/tooltip.png);
 color: #FFF;
 text-align: left;
 line-height:1.4;
 position: absolute;
 z-index: 1000;
 font-size:75%;
 behavior:url(/common/js/iefixed.htc);
 max-width:300px;
}

/* 新着情報メッセージ通知 */
.notimoo{
	position:absolute;
	z-index:999;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 5px 10px 20px;
	border:2px;
	border-style:solid;
	border-color:#666;
	background:url(../images/tooltip.png);
	color:#FFF;
	font-size:75%;
	line-height:1.4;
}
.notimoo .title{
	font-weight:bold;
	border-bottom:1px solid;
}
.notimoo .message{
	margin-top:2px;
	padding-left:16px;
}
.notimoo a{
	color:#FFF;
}

/* 沿革 */
#contents #main .section .timeline {
	overflow-x:scroll;
	overflow-y:hidden;
	padding:20px 0;
	width:640px;
	margin:0 30px;
	}
#contents #main .section ul.events {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
}

#contents #main .section ul.events li {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #eee;
    border: 1px solid #ddd;
    color: #707070;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 6px;
}
#contents #main .section ul.events li p{
	font-size:75%;
	padding:0 10px;
}

#contents #main .section ul.events li span {
    color: #666;
    font-weight: normal;
    font-size: 85.7%;
}

#contents #main .section ul.intervals {
    list-style-type: none;
    padding: 0;
	width:2281px;
}

#contents #main .section ul.intervals li {
    background: url(../images/timeline.gif) repeat-x 0 2px ;
    border-right: 1px solid #ccc;
    color: #999;
    float: left;
	display:inline;
    text-align: center;
    width: 119px;
	font-size:100%;
}
#contents #main .section ul.intervals li p{
	font-size:75%;
	padding:10px;
}

#contents #main .section ul.intervals li.first {
    border-left: 1px solid #ccc;
}
#arrowsArea .floatL,
#messageArea .floatL {
width: 130px;
display: inline;
padding: 10px 0 10px 20px;
}
#arrowsArea .floatR,
#messageArea .floatR {
width: 430px;
display: inline;
}

#arrowsArea dl  {
font-size: 87.5%;
line-height: 1.4;
padding: 0 20px;
}
#arrowsArea dl dt {
float: left;
width: 80px;
clear: right;
display: inline;
}
#arrowsArea dl dd {
width: 460px;
margin: 0 0 15px 80px;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff {
	float:left;
	width:298px;
	height:128px;
	display:inline;
	margin-right:12px;
	margin-bottom:20px;
	background:url(../../staff/images/staff_bg01.png) no-repeat;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff .staffImg{
	float:left;
	width:100px;
	display:inline;
	padding:10px;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff .staffDetail{
	float:left;
	width:160px;
	padding-top:10px;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff .staffDetail p{
	padding:0;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff .staffDetail p.text01{
	font-size:71.5%;
	margin-bottom:5px;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff .staffDetail p.text02{
	font-size:100%;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #333;
}
#contents #main .section .sectionMain .entrybody .asset-body .staff .staffDetail p.blogLink{
	text-align:right;
}

/* 会社概要 情報セキュリティ基本方針 */
#contents #main .section .sectionMain .entrybody #securityArea .asset-body .security{
	font-size:87.5%;
	padding:10px 20px 0;
	margin-left:20px;
}
#contents #main .section .sectionMain .entrybody #securityArea .asset-body .security li{
	margin-bottom:10px;
}
#securityArea .floatL {
	width:380px;
}
#securityArea .floatR {
	width:200px;
}
/* エコステージ */
#contents #main .section .sectionMain .entrybody #securityArea .asset-body .ecoStage {
padding: 0;
}
#contents #main .section .sectionMain .entrybody #securityArea .asset-body .security ol li{
font-size:100% !important;
list-style-type: lower-roman;
list-style-position: outside;
margin-bottom: 0.5em;
margin-left: 1.5em;
}
#contents #main .section .sectionMain .entrybody #securityArea .asset-body .security .ecoStage li{
font-size:100% !important;
list-style-type: disc;
list-style-position: outside;
margin-bottom: 0.5em;
}