@charset "UTF-8";

/*	ci用CSS
		■ciページ
			：メインイメージ
			：サイドメニュー
			：h2
		■トップページ
		■Top Message
		■Corporate Profile
		■Management Philosophy and Vision
		■Management Strategy
		■Corporate Governance
		■Internal Control System
		■Top Management and Organization
		■Corporate History
		■Number of Stores
		■Group Companies
----------------------------------------------------------------------------------------------------------------------------------*/






/*	ciページ
----------------------------------------------------------------------------------------------------------------------------------*/
/* メインイメージ */
div#ci h1{
height: 73px;
background-image: url(../../image/english/ci/mainImg.jpg);
}

/* サイドメニュー */
div#ci div#pageBody div#pageBodyLeft ul.menu li {
background-image: url(../../image/english/ci/SideNavi.gif);
}
div#ci div#pageBody div#pageBodyLeft ul.menu li a {
background-image: url(../../image/english/ci/SideNavi.gif);
}
div#ci div#pageBody div#pageBodyLeft ul.menu li.m1 a { background-position: left -23px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m2 a { background-position: left -47px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m3 a { background-position: left -71px; height: 36px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m4 a { background-position: left -108px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m5 a { background-position: left -132px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m6 a { background-position: left -156px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m7 a { background-position: left -180px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m8 a { background-position: left -204px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m9 a { background-position: left -228px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m10 a { background-position: left -252px; height: 34px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m11 a { background-position: left -289px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m12 a { background-position: left -313px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m13 a { background-position: left -337px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m14 a { background-position: left -361px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m1 a:hover { background-position: -169px -23px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m2 a:hover { background-position: -169px -47px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m3 a:hover { background-position: -169px -71px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m4 a:hover { background-position: -169px -108px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m5 a:hover { background-position: -169px -132px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m6 a:hover { background-position: -169px -156px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m7 a:hover { background-position: -169px -180px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m8 a:hover { background-position: -169px -204px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m9 a:hover { background-position: -169px -228px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m10 a:hover { background-position: -169px -252px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m11 a:hover { background-position: -169px -289px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m12 a:hover { background-position: -169px -313px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m13 a:hover { background-position: -169px -337px; }
div#ci div#pageBody div#pageBodyLeft ul.menu li.m14 a:hover { background-position: -169px -361px; }
/* h2 */
div#ci div#pageBodyRight h2 {
background-image: url(../../image/english/ci/H2TitleSet.gif);
}

/*	トップページ
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.index div#pageBodyRight div.categoryBlock {
background: url(../../image/english/ci/Top_BoxBg.gif) repeat-y left top;
margin: 0 0 3px;
}
div#ci.index div#pageBodyRight div.categoryBlock div.top {
background: url(../../image/english/ci/Top_BoxBgTop.gif) no-repeat left top;
}
div#ci.index div#pageBodyRight div.categoryBlock div.bottom {
padding: 5px 0 7px;
background: url(../../image/english/ci/Top_BoxBgBottom.gif) no-repeat left bottom;
}

div#ci.index div#pageBodyRight div.categoryBlock div.box {
float: left;
width: 276px;
padding: 0 1px;
}
div#ci.index div#pageBodyRight div.categoryBlock div.box.right {
float: right;
padding: 0 8px 0 0;
}

div#ci.index div#pageBodyRight div.categoryBlock div.box h3 a {
display: block;
height: 29px;
background: url(../../image/english/ci/Top_TitleSet.gif) no-repeat left top;
text-indent: -1000em;
overflow: hidden;
}
div#ci.index div#pageBodyRight div.categoryBlock div.box.message h3 a { background-position: left top; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.profile h3 a { background-position: left -29px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.philosophy h3 a { background-position: left -58px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.strategy h3 a { background-position: left -87px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.governance h3 a { background-position: left -116px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.control h3 a { background-position: left -145px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.organization h3 a { background-position: left -174px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.history h3 a { background-position: left -203px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.store h3 a { background-position: left -232px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box.group h3 a { background-position: left -261px; }
div#ci.index div#pageBodyRight div.categoryBlock div.box p {
padding: 5px 15px;
}
div#ci.index div#pageBodyRight div.categoryBlock div.box div.link {
text-align: right;
padding: 0 8px 0 0;
}
div#ci.index div#pageBodyRight div.categoryBlock div.box div.link a {
background: url(../../image/english/Icon_Arrow.gif) no-repeat left 50%;
padding: 0 0 0 13px;
}






/* Top Message
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.message div#pageBodyRight h2 {
background-position: left top;
}







/* Corporate Profile
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.profile div#pageBodyRight h2 {
background-position: left -28px;
}

div#ci.profile div#pageBodyRight table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin: 10px 0;
}
div#ci.profile div#pageBodyRight table th,
div#ci.profile div#pageBodyRight table td {
text-align: justify;
text-justify: auto;
vertical-align: top;
padding: 8px 0;
border-bottom: 1px solid #F7C4CA;
}
div#ci.profile div#pageBodyRight table th {
width: 140px;
}
div#ci.profile div#pageBodyRight table td a {
display: block;
margin: 3px 0 0;
}
div#ci.profile div#pageBodyRight table td.space {
padding: 0;
border: none;
width: 10px;
}
div#ci.profile div#pageBodyRight table td dl {
margin: 10px 0 0;
}
div#ci.profile div#pageBodyRight table td dl dd { width: 370px; }



/* Management Philosophy & Vision
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.philosophy div#pageBodyRight h2 {
background-position: left -56px;
}









/* Management Strategy
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.strategy div#pageBodyRight h2 {
background-position: left -84px;
}








/* Corporate Governance
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.governance div#pageBodyRight h2 {
background-position: left -112px;
}
div#ci.governance div#pageBodyRight div.imgttl {
font-size: 120%;
font-weight: bold;
color: #D7000F;
text-align: center;
}






/* Internal Control System
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.control div#pageBodyRight h2 {
background-position: left -140px;
}







/* Top Management and Organization
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.organization div#pageBodyRight h2 {
background-position: left -168px;
}

div#ci.organization div#pageBodyRight table {
width: 100%;
margin: 5px 0 0;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #D7000F;
}
div#ci.organization div#pageBodyRight table th {
width: 119px;
background: url(../../image/english/ci/Organization_TableThBg.gif) repeat-y left top;
color: #FFFFFF;
text-align: center;
padding: 2px;
border-bottom: 1px solid #FFFFFF;
}
div#ci.organization div#pageBodyRight table th.end { border: none; }
div#ci.organization div#pageBodyRight table td.c2 {
width: 133px;
color: #D7000F;
text-align: center;
padding: 2px;
border-bottom: 1px solid #D7000F;
border-right: 1px solid #D7000F;
padding: 2px;
}
div#ci.organization div#pageBodyRight table td.c3 {
border-bottom: 1px solid #D7000F;
padding: 2px;
}








/* Corporate History
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.history div#pageBodyRight h2 {
background-position: left -196px;
}

div#ci.history div#pageBodyRight div.tagBox {
width: 150px;
height: 33px;
background: url(../../image/english/ci/History_TagBoxBg.gif) repeat-x left top;
margin: 10px 0 0;
}
div#ci.history div#pageBodyRight div.tagBox.year { width: 93px; }
div#ci.history div#pageBodyRight div.tagBox div.left {
float: left;
width: 12px;
height: 33px;
background: url(../../image/english/ci/History_TagBoxBgLeft.gif) no-repeat left top;
}
div#ci.history div#pageBodyRight div.tagBox div.right {
float: right;
width: 12px;
height: 33px;
background: url(../../image/english/ci/History_TagBoxBgRight.gif) no-repeat left top;
}
div#ci.history div#pageBodyRight div.tagBox div.center {
float: left;
width: 100%;
height: 33px;
margin: 0 -12px 0 -12px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 134%;
line-height: 2em;
text-indent: -0.5em;
}
div#ci.history div#pageBodyRight hr {
clear: both;
border: 1px solid #D7000F;
margin: 5px 0;
}
div#ci.history div#pageBodyRight div.img3 div.leftwrap {
float: left;
width: 340px;
}
div#ci.history div#pageBodyRight div.img3 div.rightwrap {
float: right;
width: 228px;
}

div#ci.history div#pageBodyRight div.pageTop {
width: 100%;
text-align: right;
clear: both;
margin: 5px 0 0;
}

div#ci.history div#pageBodyRight p span.note {
display: block;
}
div#ci.history div#pageBodyRight p span.note span.left {
display: block;
float: left;
width: 40px;
}
div#ci.history div#pageBodyRight p span.note span.right {
display: block;
float: left;
width: 330px;
}







/* Number of Stores
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.store div#pageBodyRight h2 {
background-position: left -224px;
}
div#ci.store div#pageBodyRight ul {
list-style: none;
}
div#ci.store div#pageBodyRight ul li {
float: left;
width: 190px;
line-height: 2em;
}
div#ci.store div#pageBodyRight ul li a {
font-size: 117%;
}

div#ci.store div#pageBodyRight div.tableBlock {
padding: 20px 0 0;
}
div#ci.store div#pageBodyRight table {
float: left;
width: 280px;
border-collapse: collapse;
border-spacing: 0;
}
div#ci.store div#pageBodyRight table.type2 { float: right; }
div#ci.store div#pageBodyRight table th {
background-color: #D7000F;
color: #FFFFFF;
text-align: center;
padding: 2px 0;
border-bottom: 1px solid #D7000F;
border-top: 1px solid #D7000F;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #D7000F;
}
div#ci.store div#pageBodyRight table th.end { border-right: 1px solid #D7000F; }
div#ci.store div#pageBodyRight table tr.subTitle {
color: #D7000F;
background-color: #DCDDDD;
}
div#ci.store div#pageBodyRight table tr.subTitle td.c1 { color: #D7000F; }
div#ci.store div#pageBodyRight table td {
width: 60px;
color: #D7000F;
text-align: right;
border: 1px solid #D7000F;
padding: 2px 8px 2px 0;
}
div#ci.store div#pageBodyRight table td.c1 { color: #000000; }
div#ci.store div#pageBodyRight table th.c1,
div#ci.store div#pageBodyRight table td.c1, {
width: 100px;
text-align: center;
padding: 2px 0;
}

div#ci.store div#pageBodyRight p.tablenote {
padding-top: 0;
}
div#ci.store div#pageBodyRight p.tablenote span.left {
float: left;
display: block;
width: 300px;
}
div#ci.store div#pageBodyRight p.tablenote span.right {
float: right;
display: block;
width: 200px;
text-align: right;
}




/* Group Companies
----------------------------------------------------------------------------------------------------------------------------------*/
div#ci.group div#pageBodyRight h2 {
background-position: left -252px;
}

div#ci.group div#pageBodyRight table {
clear: both;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0;
}
div#ci.group div#pageBodyRight table th,
div#ci.group div#pageBodyRight table td {
text-align: justify;
text-justify: auto;
vertical-align: middle;
padding: 5px 0;
border-bottom: 2px solid #D7000F;
}
div#ci.group div#pageBodyRight table th {
width: 230px;
}
div#ci.group div#pageBodyRight table th.title {
font-size: 134%;
color: #D7000F;
border-bottom: 3px solid #D7000F;
text-align: center;
}
div#ci.group div#pageBodyRight table th.title.b {
width: auto;
padding: 0 0 0 5px;
border-left: 3px solid #D7000F;
}
div#ci.group div#pageBodyRight table td.space {
padding: 0;
border: none;
width: 10px;
}
div#ci.group div#pageBodyRight table td.spaceH {
padding: 0;
border: none;
height: 15px;
}

div#ci.group.area div#pageBodyRight table th {
width: auto;
}
div#ci.group.area div#pageBodyRight table th.title {
width: 168px;
font-size: 100%;
}
div#ci.group.area div#pageBodyRight table th.title.b {
width: 120px;
text-align: center;
font-weight: bold;
padding: 0;
}
div#ci.group.area div#pageBodyRight table th.title.c {
width: 168px;
padding: 0 0 0 5px;
border-left: 3px solid #D7000F;
}
div#ci.group.area div#pageBodyRight table td {
text-align: left;
}

div#ci.group.area div#pageBodyRight table td.c1 {
width: 350px;
font-weight: bold;
}
div#ci.group.area div#pageBodyRight table td.c3 {
text-align: left;
padding: 5px;
}
div#ci.group.area div#pageBodyRight table td.c5 {
text-align: right;
padding: 5px;
}
div#ci.group.area div#pageBodyRight table .noborder {
border: none;
}

div#ci.group.area div#pageBodyRight span.attentionMark {
color: #D7000F;
}

div#ci.group.area div#pageBodyRight dl {
margin: 0 0 10px;
}
div#ci.group.area div#pageBodyRight dl dt {
float: left;
width: 50px;
}
div#ci.group.area div#pageBodyRight dl dd {
float: left;
width: 525px;
}
div#ci.group.area div#pageBodyRight dl dd ol {
padding: 0 0 0 30px;
}