@charset "UTF-8";

/*==================================================

	会社情報
	/about/

===================================================*/

/* グローバルナビゲーション */
#GlovalNavi li a#BtnCorporate {background-position: -498px -47px;}


/* レフトBOX */
#LeftBox {
	display: inline;
	width: 165px;
	float: left;
	margin-left: 14px;
}

/* ライトBOX */
#RightBox {
	display: inline;
	width: 650px;
	float: right;
	margin-right: 15px;
}

/* タイトル設定 */
h2 {
	margin-bottom: 5px;
}

/* 会社情報ボタン */
#LeftBox dl#CompanyInformation {
	padding-bottom: 4px;
}

#LeftBox dl#CompanyInformation dt {
	padding-bottom: 1px;
}

#LeftBox dl#CompanyInformation li {
	display: inline;
	font-size: 0;
}

#LeftBox dl#CompanyInformation li a {
	display: block;
	background: url(../../common/img/btn_company-info.jpg) no-repeat;
	width: 165px;
	height: 24px;
	padding-bottom: 1px;
}

#LeftBox dl#CompanyInformation li a#BtnStrategy {background-position: 0px -25px;}
#LeftBox dl#CompanyInformation li a#BtnApproach {background-position: 0px -50px;}
#LeftBox dl#CompanyInformation li a#BtnHistory {background-position: 0px -75px;}
#LeftBox dl#CompanyInformation li a#BtnSummary {background-position: 0px -100px;}

#LeftBox dl#CompanyInformation li a#BtnTopMsg:hover {background-position: -165px 0px;}
#LeftBox dl#CompanyInformation li a#BtnStrategy:hover {background-position: -165px -25px;}
#LeftBox dl#CompanyInformation li a#BtnApproach:hover {background-position: -165px -50px;}
#LeftBox dl#CompanyInformation li a#BtnHistory:hover {background-position: -165px -75px;}
#LeftBox dl#CompanyInformation li a#BtnSummary:hover {background-position: -165px -100px;}

/* IR情報ボタン */
#LeftBox dl#InvestorRelations {
	padding-bottom: 12px;
}

#LeftBox dl#InvestorRelations dt {
	padding-bottom: 1px;
}

#LeftBox dl#InvestorRelations li {
	display: inline;
	font-size: 0;
}

#LeftBox dl#InvestorRelations li a {
	display: block;
	background: url(../../common/img/btn_investor-relations.jpg) no-repeat;
	width: 165px;
	height: 24px;
	padding-bottom: 1px;
}

#LeftBox dl#InvestorRelations li a#BtnChit {background-position: 0px -25px;}
#LeftBox dl#InvestorRelations li a#BtnStockholder {background-position: 0px -50px;}
#LeftBox dl#InvestorRelations li a#BtnReport {background-position: 0px -75px;}
#LeftBox dl#InvestorRelations li a#BtnEannouncement {background-position: 0px -100px;}
#LeftBox dl#InvestorRelations li a#BtnStockInfo {background-position: 0px -125px;}

#LeftBox dl#InvestorRelations li a#BtnRelease:hover {background-position: -165px 0px;}
#LeftBox dl#InvestorRelations li a#BtnChit:hover {background-position: -165px -25px;}
#LeftBox dl#InvestorRelations li a#BtnStockholder:hover {background-position: -165px -50px;}
#LeftBox dl#InvestorRelations li a#BtnReport:hover {background-position: -165px -75px;}
#LeftBox dl#InvestorRelations li a#BtnEannouncement:hover {background-position: -165px -100px;}
#LeftBox dl#InvestorRelations li a#BtnStockInfo:hover {background-position: -165px -125px;}

/* IR情報ボタン */
#LeftBox ul#SubNavi {
	margin-bottom: 4px;
}

#LeftBox ul#SubNavi li {
	background: url(../../common/img/mark_orange-square.gif) no-repeat 1px 2px;
	margin-bottom: 12px;
	padding-left: 15px;
}

#LeftBox ul#SubNavi li a {
	display: block;
	background: url(../../common/img/btn_subnavi.gif) no-repeat;
	width: 35px;
	height: 13px;
}

#LeftBox ul#SubNavi li a#BtnInformation {width: 108px; background-position: 0px -26px;}
#LeftBox ul#SubNavi li a#BtnRenewal {width: 132px; background-position: 0px -52px;}

#LeftBox ul#SubNavi li a#BtnFair:hover {background-position: 0px -13px;}
#LeftBox ul#SubNavi li a#BtnInformation:hover {width: 108px; background-position: 0px -39px;}
#LeftBox ul#SubNavi li a#BtnRenewal:hover {width: 132px; background-position: 0px -65px;}

#LeftBox span {
	background: #F8F6F0;
	display: block;
	margin-bottom: 20px;
	padding: 4px 0px 0px;
}

#LeftBox span dl {
	background: url(../../common/img/img_bg-line.gif) repeat-x bottom;
	padding: 5px 0px 5px;
}

#LeftBox span dt {
	margin-bottom: 2px;
}

#LeftBox span dl#MiyaItem {
	background: none;
}

#LeftBox span dd {
	padding: 0px 5px;
	font-size: 0.825em;
}

#RightBox h2 {
	margin-bottom:10px;
}


/*--------------------------------------------------

	Index
	会社情報 トップメッセージ
	
--------------------------------------------------*/
body#TopMsg #CompanyInformation li a#BtnTopMsg {background-position: -165px 0px;}

body#TopMsg #RightBox .Section {
	width: 630px;
	padding: 0px 10px;
	clear: both; /*DreamWeaver用*/
}

body#TopMsg #RightBox h2 {
	margin-bottom: 20px;
}

/* TopMsgIntroセクション */
body#TopMsg #TopMsgIntro h3 {
	margin: 0px 0px 15px;
}

body#TopMsg #TopMsgIntro p#Greeting {
	width: 630px;
	padding: 0px 0px 30px;
}

body#TopMsg #TopMsgIntro dl {
	background: url(img/bg_message-intro.jpg) no-repeat 0px 246px;
	float: right;
	width: 260px;
	padding: 0px 0px 20px;
}

body#TopMsg #TopMsgIntro dd {
	padding: 10px 2px;
}

body#TopMsg #TopMsgIntro dd strong {
	display: block;
	padding-bottom: 7px;
}

body#TopMsg #TopMsgIntro h4 {
	float: left;
	padding: 0px 0px 20px;
}

body#TopMsg #TopMsgIntro p {
	float: left;
	width: 350px;
	margin: 0px;
	padding: 0px 0px 20px;
	line-height: 140%;
}

body#TopMsg #RightBox em#EmphasisR {
	color: #D65D5D;
}

body#TopMsg #RightBox em#EmphasisG {
	color: #317964;
}

/* TopMsg02セクション */
body#TopMsg #RightBox #TopMsg02 {
	padding: 0px 10px 10px;
}

body#TopMsg #TopMsg02 p {
	float: right;
	width: 420px;
	margin: 0px;
	padding: 0px 0px 20px;
	line-height: 140%;
}

body#TopMsg #TopMsg02 dl {
	float: left;
	width: 180px;
	padding: 0px 0px 30px;
}

body#TopMsg #TopMsg02 dt {
	margin-bottom: 5px;
}

body#TopMsg #TopMsg02 dd {
	font-size: 0.875em;
	line-height: 140%;
}

/* TopMsg03セクション */
body#TopMsg #TopMsg03 p {
	float: left;
	width: 420px;
	margin: 0px;
	padding: 0px 0px 20px;
	line-height: 140%;
}

body#TopMsg #TopMsg03 dl {
	float: right;
	width: 180px;
	padding: 0px 0px 30px;
}

body#TopMsg #TopMsg03 dt {
	margin-bottom: 5px;
}

body#TopMsg #TopMsg03 dd {
	font-size: 0.875em;
	line-height: 140%;
}

/* TopMsg04セクション */
body#TopMsg #TopMsg04 span {
	display: block;
	width: 630px;
	height: 272px;
	padding-bottom: 10px;
}

body#TopMsg #TopMsg04 p {
	width: 620px;
	margin: 0px;
	padding: 0px 0px 20px;
	line-height: 140%;
}



/*--------------------------------------------------

	philosophy
	会社情報 企業理念・概略
	
--------------------------------------------------*/
body#Philosophy #CompanyInformation li a#BtnStrategy {background-position: -165px -25px;}

body#Philosophy #PhilosophyIntro,
body#Philosophy #BusinessStrategy {
	background: url(../../common/img/mark_four-square.gif) no-repeat 5px 4px;
	margin-bottom: 30px;
}

body#Philosophy #PhilosophyIntro strong,
body#Philosophy #BusinessStrategy strong {
	background: url(../../common/img/img_bg-black-line.gif) repeat-x bottom;
	display: block;
	color: #993333;
	margin-bottom: 5px;
	padding: 0px 0px 10px 20px;
	font-size: 1.1em;
}

body#Philosophy #PhilosophyIntro h3 {
	width: 630px;
	margin: 20px 0px 20px 10px;
}

body#Philosophy #PhilosophyIntro span {
	display: inline;
	float: right;
	margin-right: 15px;
}

body#Philosophy #PhilosophyIntro .LeftText {
	width: 360px;
	float: left;
	margin-left: 15px;
	display: inline;
}

body#Philosophy #PhilosophyIntro ul li {
	margin-bottom: 15px;
	color: #993333;
	font-weight: bold;
	font-size: 0.875em;
}

body#Philosophy #PhilosophyIntro ul li em {
	font-size: 1.25em;
	font-weight: bold;
}

body#Philosophy #BusinessStrategy h3 {
	margin: 20px 0px 20px 10px;
}

body#Philosophy #BusinessStrategy p {
	width: 610px;
	margin: 0px 0px 40px 20px;
}

body#Philosophy #BusinessStrategy span {
	display: block;
	width: 610px;
	margin: 0px 0px 5px 20px;
}

body#Philosophy #BusinessStrategy p.Cap {
	margin: 0px 0px 0px 20px;
}

body#Philosophy #BusinessStrategy p.Cap em {
	color: #7F4142;
	font-weight: bold;
}

/*--------------------------------------------------

	approach
	会社情報 安全・環境への取組み
	
--------------------------------------------------*/
body#Approach #CompanyInformation li a#BtnApproach {background-position: -165px -50px;}

body#Approach #ApproachIntro,
body#Approach #ApproachConservation {
	background: url(../../common/img/mark_four-square.gif) no-repeat 5px 4px;
	margin-bottom: 30px;
}

body#Approach #ApproachIntro strong,
body#Approach #ApproachConservation strong {
	background: url(../../common/img/img_bg-black-line.gif) repeat-x bottom;
	display: block;
	color: #993333;
	margin-bottom: 5px;
	padding: 0px 0px 10px 20px;
	font-size: 1.1em;
}

body#Approach #ApproachIntro dl,
body#Approach #ApproachConservation dl {
	width: 630px;
	min-height: 270px;
	margin: 10px 0px 30px 10px;
	font-size: 0.875em;
}

body#Approach #ApproachIntro dl dd,
body#Approach #ApproachConservation dl dd {
	width: 420px;
}

body#Approach #ApproachIntro dl.Safety {
	background: url(img/img_bg-approach01.jpg) no-repeat right top;
}

body#Approach #ApproachIntro dl.Safety dt {
	padding: 12px 0px 10px 0px;
}

body#Approach #ApproachConservation dl.Conservation {
	background: url(img/img_bg-approach02.jpg) no-repeat left top;
}

body#Approach #ApproachConservation dl.Conservation dt {
	padding: 14px 0px 10px 128px;
}

body#Approach #ApproachConservation dl.Conservation dd {
	margin-left: 200px;
}

/*--------------------------------------------------

	history
	沿革
	
--------------------------------------------------*/
body#History #CompanyInformation li a#BtnHistory {background-position: -165px -75px;}

body#History #HistoryIntro h3 {
	margin: 0px 0px 15px 8px;
	padding-top: 5px;
}

body#History #HistoryIntro ul.Link {
	margin: 0px;
	padding: 0px;
}

body#History #HistoryIntro ul.Link li {
	margin: 0px 0px 20px 0px;
	font-size: 0.875em;
}

body#History #HistoryIntro ul.Link li a {
	background: url(../../common/img/mark_violet-square.gif) no-repeat left 50%;
	padding-left: 14px;
	margin-left: 15px;
}

body#History #HistoryIntro #HistoryTable,
body#History #HistoryIntro #AtomTable {
	width: 630px;
	margin: 0px 10px;
	padding-top: 7px;
	font-size: 0.875em;
	background: url(img/img_bg-history01.jpg) repeat-x top;
}

body#History #HistoryIntro #HistoryTable table,
body#History #HistoryIntro #AtomTable table {
	width: 630px;
	background: url(img/img_bg-history.gif) repeat-y;
}

body#History #HistoryTable th,
body#History #AtomTable th {
	text-align: center;
	color: #330000;
	vertical-align: top;
	padding: 5px 0px;
	font-weight: bold;
	background: url(img/img_bg-history01.jpg) repeat-x bottom;
}

body#History #HistoryTable th.Year,
body#History #AtomTable th.Year {
	width: 90px;
	background: #F8F6F0 url(img/img_bg-history01.jpg) repeat-x bottom;
}
body#History #HistoryTable th.AtomCo { width: 270px;}
body#History #HistoryTable th.ZictCo { width: 270px;}


body#History #HistoryTable th.AtomCo span{
	display: block;
	width: 268px;
	border-bottom: #DA6E6E 3px solid;
	margin-bottom: 2px;
}

body#History #HistoryTable th.ZictCo span {
	display: block;
	width: 268px;
	border-bottom: #F6AE41 3px solid;
	margin-bottom: 2px;
}

body#History #HistoryTable td,
body#History #AtomTable td {
	background: url(img/img_bg-history02.jpg) repeat-x bottom;
	padding: 7px 10px 10px;
	vertical-align: top;
}

body#History #HistoryTable tr#HistoryListEnd td {
	background: none;
	padding: 7px 10px 7px;
}

body#History #HistoryTable td.Year,
body#History #AtomTable td.Year {
	width: 90px;
	padding: 7px 0px 0px;
	text-align: center;
	color: #993333;
	font-weight: bold;
}

body#History #HistoryTable td em,
body#History #AtomTable td em {
	display: block;
	color: #993333;
	padding-bottom: 3px;
}

body#History #HistoryTable td li,
body#History #AtomTable td li {
	background: url(img/img_bg-dotted-line1.gif) repeat-x bottom;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

body#History #HistoryTable td ul.BgSalmon li {
	background: url(img/img_bg-dotted-line2.gif) repeat-x bottom;
}

body#History #HistoryTable td li.ListEnd,
body#History #HistoryTable td ul.BgSalmon li.ListEnd,
body#History #AtomTable td li.ListEnd {
	background: none;
	margin: 0px;
	padding: 0px;
}

body#History #HistoryIntro #AtomTable table {
	width: 630px;
	background: url(img/img_bg-zict.gif) repeat-y;
}

body#History #AtomTable th {
	text-align: center;
	color: #330000;
	vertical-align: top;
	padding: 5px 0px;
	font-weight: bold;
	background: url(img/img_bg-history01.jpg) repeat-x bottom;
}

body#History #AtomTable th.Atom { width: 540px;}

body#History #AtomTable th.Atom span {
	display: block;
	width: 538px;
	border-bottom: #CC0C22 3px solid;
	margin-bottom: 2px;
}


/*--------------------------------------------------

	Profile
	会社概要
	
--------------------------------------------------*/
body#Profile #CompanyInformation li a#BtnSummary {background-position: -165px -100px;}

body#Profile #LeftBox span {
	margin-bottom: 0px;
}

body#Profile #ProfileIntro ul {
	width: 630px;
	margin: 0px 10px;
}

body#Profile #ProfileIntro li {
	border-top: 1px solid #DED8C7;
	padding: 2px 0px;
	_padding: 2px 0px 0px;
}

body#Profile #ProfileIntro li#ProfileListEnd {
	border-top: 1px solid #DED8C7;
	border-bottom: 1px solid #DED8C7;
}

body#Profile #ProfileIntro dl {
	background: url(img/img_bg-profile.gif) no-repeat;
	width: 630px;
	font-size: 0.875em;
}
body#Profile #ProfileIntro dt {
	float: left;
	color: #993333;
	width: 110px;
	padding: 8px 5px 8px 12px;
	font-weight: bold;
	vertical-align: top;
}

body#Profile #ProfileIntro dd {
	position: relative;
	float: right;
	width: 476px;
	padding: 8px 12px;
}

body#Profile #ProfileIntro ul.ToMap {
	position: absolute;
	bottom: 5px;
	right: 10px;
	width: 52px;
}

body#Profile #ProfileIntro ul.ToMap li {
	border: none;
}

body#Profile #ProfileIntro ul.ToMap a {
	background: url(img/btn_map.gif) no-repeat;
	display: block;
	width: 52px;
	height: 18px;
}

body#Profile #ProfileIntro ul.ToMap a:hover {
	background-position: 0px -18px;
}

/*--------------------------------------------------

	Map
	地図
	
--------------------------------------------------*/
body.Map #Entire {
	position: relative;
	width: 650px;
	margin: 0px auto;
	background: url(img/bg_entire-map.gif) repeat-y;
}

/* メインBOX */
body.Map #Contents { 
	position: relative;
	width: 650px;
	margin: 0px auto;
	padding: 0px 0px;
	background: url(../../common/img/bg_contents.gif) repeat-x;
}

/* ヘッダーBOX */
body.Map #Header {
	width: 622px;
	padding: 0px 14px 67px;
}

/* フッターBOX */
body.Map #Footer {
	width: 648px;
	height: 25px;
	border-top: 6px solid #DDD3B3;
}

body.Map #Footer span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	color: #333333;
	padding: 5px 0px 0px 15px;
	float: left;
}

body.Map #Footer address {
	padding: 5px 15px 0px 0px;
}

/* セクション */
body.Map .Section {
	widgth: 620px;
	margin: 0px 14px;
}

body.Map .Section h1 {
	margin-bottom: 15px;
}

body.Map #MapIntro {
	background: url(../../common/img/mark_four-square.gif) no-repeat 5px 50px;
	margin-bottom: 30px;
}

body.Map #MapIntro strong {
	background: url(../../common/img/img_bg-black-line.gif) repeat-x bottom;
	display: block;
	color: #993333;
	margin-bottom: 10px;
	padding: 0px 0px 5px 20px;
	font-size: 1.1em;
}

body.Map #MapBox {
	width: 600px;
	height: 505px;
	margin: 0px 10px 20px;
	border: 1px solid #D1C49C;
}

body.Map #MapIntro ul {
	width: 600px;
	margin: 0px 10px;
}

body.Map #MapIntro li {
	border-top: 1px solid #DED8C7;
	padding: 2px 0px;
	_padding: 2px 0px 0px;
}

body.Map #MapIntro li#MapListEnd {
	border-top: 1px solid #DED8C7;
	border-bottom: 1px solid #DED8C7;
}


body.Map #MapIntro dl {
	background: url(img/img_bg-profile.gif) no-repeat;
	width: 600px;
	font-size: 0.875em;
}

body.Map #MapIntro dl.MapListEnd {
	background: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #DED8C7;
}

body.Map #MapIntro dt {
	float: left;
	color: #993333;
	width: 110px;
	padding: 8px 5px 8px 12px;
	font-weight: bold;
	vertical-align: top;
}

body.Map #MapIntro dl.MapListEnd dt {
	background: url(img/img_bg-profile.gif) no-repeat 0px 2px;
}

body.Map #MapIntro dd {
	position: relative;
	float: right;
	width: 450px;
	padding: 8px 10px;
}

body.Map #MapIntro ul.BtnPrint {
	float: left;
	width: 89px;
	height: 26px;
	padding: 20px 20px 20px 195px;
}

body.Map #MapIntro ul.BtnPrint li {
	border: none;
}

body.Map #MapIntro ul.BtnPrint a {
	background: url(img/btn_print-map.gif) no-repeat;
	display: block;
	width: 89px;
	height: 26px;
}

body.Map #MapIntro ul.BtnPrint a:hover {
	background-position: 0px -26px;
}

body.Map #MapIntro ul.BtnClose {
	float: left;
	width: 89px;
	height: 26px;
	margin: 20px 0px;
}

body.Map #MapIntro ul.BtnClose li {
	border: none;
}

body.Map #MapIntro ul.BtnClose a {
	background: url(img/btn_close-map.gif) no-repeat;
	display: block;
	width: 89px;
	height: 26px;
}

body.Map #MapIntro ul.BtnClose a:hover {
	background-position: 0px -26px;
}



/*--------------------------------------------------

	フロート解除
	
--------------------------------------------------*/
body#TopMsg #RightBox .Section:after,
body#TopMsg #TopMsgIntro dl#DetailText dd:after,
body#Profile #ProfileIntro dl:after,
body.Map #MapIntro dl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

body#TopMsg #RightBox .Section,
body#TopMsg #TopMsgIntro dl#DetailText dd,
body#Profile #ProfileIntro dl,
body.Map #MapIntro dl {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html body#TopMsg #RightBox .Section,
*html body#TopMsg #TopMsgIntro dl#DetailText dd,
*html body#Profile #ProfileIntro dl,
*html body.Map #MapIntro dl {
	height: 1%;
}

body#TopMsg #RightBox .Section,
body#TopMsg #TopMsgIntro dl#DetailText dd,
body#Profile #ProfileIntro dl,
body.Map #MapIntro dl {
	display: block;
}
/* End hides from IE-mac ￥*/