@charset "UTF-8";

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

	会社情報
	/about/

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

/* レフト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: 10px;
}

#LeftBox h2 { margin-bottom: 1px;}

/* 会社情報ボタン */
#LeftBox #CompanyInformation li {
	font-size: 0;
	padding-bottom: 1px;
}

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

#LeftBox #CompanyInformation li a#BtnPhilosophy { height: 40px; background-position: 0 -25px;}
#LeftBox #CompanyInformation li a#BtnCsr { background-position: 0 -66px;}
#LeftBox #CompanyInformation li a#BtnHistory { background-position: 0 -91px;}
#LeftBox #CompanyInformation li a#BtnSummary { background-position: 0 -116px;}

#LeftBox #CompanyInformation li a#BtnTopMsg:hover { background-position: -165px 0;}
#LeftBox #CompanyInformation li a#BtnPhilosophy:hover { height: 40px; background-position: -165px -25px;}
#LeftBox #CompanyInformation li a#BtnCsr:hover { background-position: -165px -66px;}
#LeftBox #CompanyInformation li a#BtnHistory:hover { background-position: -165px -91px;}
#LeftBox #CompanyInformation li a#BtnSummary:hover { background-position: -165px -116px;}


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

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

#TopMsgIntro {
	width: 616px;
	margin: 0 auto 30px;
	padding-top: 10px;
}

body#TopMsg #TopMsgIntro dl#BossPhot {
	width: 176px;
	float: right;
	margin-left: 20px;
	display: inline;
}

body#TopMsg #TopMsgIntro dl#BossPhot dt {
	margin: 5px 0 0 10px;
}

body#TopMsg #TopMsgIntro p {
	float: left;
	width: 570px;
}

body#TopMsg #TopMsgIntro p strong {
	display: block;
	margin-bottom: 20px;
}

body#TopMsg #TopMsgIntro p em {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

body#TopMsg #TopMsgIntro p strong.top_message_title{
	color: #953738;
	border-left: 3px solid #953738;
	padding-left: 5px;
	font-size: 0.9rem;
	line-height: 1.2rem;
}
body#TopMsg #TopMsgIntro p#BossName{
	float: right;
	width: 240px;
	margin-right: 50px;
	text-align: right; 
}


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

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

body#Philosophy #TopPhilosophy h3,
body#Philosophy #TopMission h3 { background: url(../common/img/mark_four-square.gif) no-repeat 5px 4px;}
body#Philosophy #TopPhilosophy h3 { margin-bottom: 50px;}
body#Philosophy #TopMission h3 { margin-bottom: 10px;}

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

body#Philosophy #TopPhilosophy { margin-bottom: 40px;}

body#Philosophy #TopPhilosophy p {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}

body#Philosophy #TopPhilosophy p span {
	display: block;
	width: 80px;
	margin: 0 auto 30px;
	text-align: center;
}

body#Philosophy #TopMission ul {
	margin: 0 20px;
	padding: 20px 0 5px;
	background: url(img/bg_mission.jpg) no-repeat right top;
}

body#Philosophy #TopMission li {
	margin-bottom: 15px;
	font-size: 0.875em;
}



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

	CSR
	
--------------------------------------------------*/
body#Csr #CompanyInformation li a#BtnCsr {background-position: -165px -66px;}

body#Csr #CsrIntro { padding: 0 10px;}

body#Csr #CsrIntro h3 {
	margin: 20px 0 20px;
	padding-bottom: 15px;
	background: url(img/bg_scr_intro-line.jpg) no-repeat center bottom;
	text-align: center;
}

body#Csr #CsrIntro h3 img { display: inline;}

body#Csr #CsrIntro h3 span {
	display: block;
	margin-top: 15px;
}

body#Csr .CsrDetail { padding: 0 10px 20px;}

body#Csr .CsrDetail .InnerL {
	position: relative;
	padding-top: 10px;
	background: url(img/bg_scr_pink-left.gif) no-repeat left top;
}
body#Csr .Csr02 .InnerL,
body#Csr .Csr04 .InnerL,
body#Csr .Csr06 .InnerL,
body#Csr .Csr08 .InnerL { background: url(img/bg_scr_green-left.gif) no-repeat left top;}

body#Csr .CsrDetail .InnerL:after {
	position: absolute;
	top: 0;
	right: 10px;
	width: 36px;
	height: 7px;
	line-height: 0;
	content: url(img/mark_scr01.gif);
}
body#Csr .Csr02 .InnerL:after { content: url(img/mark_scr02.gif);}
body#Csr .Csr03 .InnerL:after { content: url(img/mark_scr03.gif);}
body#Csr .Csr04 .InnerL:after { content: url(img/mark_scr04.gif);}
body#Csr .Csr05 .InnerL:after { content: url(img/mark_scr05.gif);}
body#Csr .Csr06 .InnerL:after { content: url(img/mark_scr06.gif);}
body#Csr .Csr07 .InnerL:after { content: url(img/mark_scr07.gif);}
body#Csr .Csr08 .InnerL:after { content: url(img/mark_scr08.gif);}
body#Csr .Csr09 .InnerL:after { content: url(img/mark_scr09.gif);}

body#Csr .CsrDetail .InnerR {
	padding: 0 10px 10px;
	background: url(img/bg_scr_pink-right.gif) no-repeat right bottom;
}
body#Csr .Csr02 .InnerR,
body#Csr .Csr04 .InnerR,
body#Csr .Csr06 .InnerR,
body#Csr .Csr08 .InnerR { background: url(img/bg_scr_green-right.gif) no-repeat right bottom;}

body#Csr .CsrDetail .Inner {
	padding: 10px;
	background: #FBEEEE;
}
body#Csr .Csr02 .Inner,
body#Csr .Csr04 .Inner,
body#Csr .Csr06 .Inner,
body#Csr .Csr08 .Inner { background: #EAF4F1;}

body#Csr .CsrDetail span {
	float: right;
	width: 240px;
	padding-left: 20px;
}
body#Csr .Csr02 span,
body#Csr .Csr04 span,
body#Csr .Csr06 span,
body#Csr .Csr08 span { float: left; padding: 0 20px 0 0;}

body#Csr .CsrDetail h4 { margin: 10px 0 15px;}

body#Csr #TraceabilitySearch {
	clear: both;
	padding-top: 15px;
}

body#Csr #TraceabilitySearch h5 {
	margin-bottom: 15px;
	padding: 5px 10px;
	background: #DA5A56;
	color: #FFF;
	font-weight: bold;
}

body#Csr #TraceabilitySearch dl { padding: 0 10px;}

body#Csr #TraceabilitySearch dt {
	margin-bottom: 15px;
	font-weight: bold;
}

body#Csr #TraceabilitySearch dd {
	padding-left: 15px;
	background: url(img/mark_src_point.gif) no-repeat 0 2px;
}

body#Csr #TraceabilitySearch dd { margin-bottom: 5px;}

body#Csr #TraceabilitySearch dd em {
	display: block;
	margin-bottom: 10px;
	font-size: 0.875em;
}
body#Csr #TraceabilitySearch dd p { margin-bottom: 10px;}

body#Csr #TraceabilitySearch ul { padding: 5px 10px;}

body#Csr #TraceabilitySearch li {
	float: right;
	width: 280px;
}
body#Csr #TraceabilitySearch li:first-child { float: left;}

body#Csr #TraceabilitySearch li a {
	display: block;
	width: 280px;
	height: 58px;
	background: url(img/btn_scr_search.png) no-repeat;
}
body#Csr #TraceabilitySearch li:first-child + li a { background-position: -280px 0;}

body#Csr #TraceabilitySearch li a:hover { background-position: 0 -58px;}
body#Csr #TraceabilitySearch li:first-child + li a:hover { background-position: -280px -58px;}

body#Csr a#BtnGroup {
	display: block;
	width: 388px;
	height: 47px;
	margin: 10px auto;
	background: url(img/btn_scr_group.jpg) no-repeat;
}
body#Csr a#BtnGroup:hover { background-position: 0 -47px;}

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

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

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

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

body#History #HistoryIntro ul.Link li {
	margin: 0 0 20px;
	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: 0 10px;
	padding-top: 7px;
	background: url(img/img_bg-history01.jpg) repeat-x top;
	font-size: 0.875em;
}

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 {
	padding: 5px 0px;
	background: url(img/img_bg-history01.jpg) repeat-x bottom;
	font-weight: bold;
	color: #330000;
	vertical-align: top;
	text-align: center;
}

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;
	margin-bottom: 2px;
	border-bottom: #DA6E6E 3px solid;
}

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

body#History #HistoryTable td,
body#History #AtomTable td {
	padding: 7px 10px 10px;
	background: url(img/img_bg-history02.jpg) repeat-x bottom;
	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 0 0;
	color: #993333;
	font-weight: bold;
	text-align: center;
}

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

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

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: 0;
	padding: 0;
}

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

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

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

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


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

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

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

body#Profile #ProfileIntro { margin-bottom: 40px;}

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

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

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

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

body#Profile #ProfileIntro dd,
body#Profile #ProfileGroup dd {
	position: relative;
	float: right;
	width: 471px;
	padding: 8px 7px 8px 12px;
}

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

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

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

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

body#Profile #ProfileGroup em {
	display: block;
	width: 620px;
	margin: 10px auto;
	padding-left: 15px;
	background: url(../../common/img/mark_orange-square.gif) no-repeat 1px 2px;
	font-size: 0.875em;
}




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

body.Map #MapIntro dt {
	float: left;
	width: 130px;
	padding: 8px 5px 8px 12px;
	color: #993333;
	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: 430px;
	padding: 8px 10px;
}

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

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

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

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

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

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



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

	アトム北海道
	
--------------------------------------------------*/
body#AtomHokkaido #Profile {
	width: 830px;
	margin: 0 auto 50px;
}

body#AtomHokkaido #MainVisual { margin-bottom: 20px;}

body#AtomHokkaido #Profile ul { margin: 0 10px;}

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

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

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

body#AtomHokkaido #Profile dt {
	float: left;
	width: 120px;
	padding: 8px 5px 8px 12px;
	color: #993333;
	font-weight: bold;
	vertical-align: top;
}

body#AtomHokkaido #Profile dd {
	position: relative;
	float: right;
	width: 471px;
	padding: 8px 7px 8px 12px;
}

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

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

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

body#AtomHokkaido #Footer address {
	padding: 10px 5px;
	background: #EBEBEB;
}




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

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