/*------------------------------------------------------------
Company
------------------------------------------------------------*/
body.company #ttl h1 {
height:25px;
background:#000000 url("../img/cmn/icn-ttl2.gif") left no-repeat;
padding:0 0 0 36px;
}

body.company h2 {
margin:0 0 8px 0;
}

/*------------------------------------------------------------
Company Menu
------------------------------------------------------------*/
#company-menu {
width:193px;
float:left;
padding:0 0 0 20px;
}

ul.menu {
margin:0 0 16px 0;
padding:0;
}
ul.menu li {
display:block;
font-size:1px;
line-height:1px;
margin:0 0 1px 0;
}
ul.menu li a {
display:block;
line-height:1px;
width:193px;
height:45px;
text-decoration:none;
text-indent:-9999em;
overflow:hidden;
}
ul.menu li.menu01 a:link,
ul.menu li.menu01 a:visited {background:url("../img/company/menu-e.gif") 0 0 no-repeat;}
ul.menu li.menu01 a.on:link,
ul.menu li.menu01 a.on:visited,
ul.menu li.menu01 a:hover,
ul.menu li.menu01 a:active {background:url("../img/company/menu-e.gif") -193px 0 no-repeat;}
ul.menu li.menu02 a:link,
ul.menu li.menu02 a:visited {background:url("../img/company/menu-e.gif") 0 -45px no-repeat;}
ul.menu li.menu02 a.on:link,
ul.menu li.menu02 a.on:visited,
ul.menu li.menu02 a:hover,
ul.menu li.menu02 a:active {background:url("../img/company/menu-e.gif") -193px -45px no-repeat;}
ul.menu li.menu03 a:link,
ul.menu li.menu03 a:visited {background:url("../img/company/menu-e.gif") 0 -90px no-repeat;}
ul.menu li.menu03 a.on:link,
ul.menu li.menu03 a.on:visited,
ul.menu li.menu03 a:hover,
ul.menu li.menu03 a:active {background:url("../img/company/menu-e.gif") -193px -90px no-repeat;}
ul.menu li.menu04 a:link,
ul.menu li.menu04 a:visited {background:url("../img/company/menu-e.gif") 0 -135px no-repeat;}
ul.menu li.menu04 a.on:link,
ul.menu li.menu04 a.on:visited,
ul.menu li.menu04 a:hover,
ul.menu li.menu04 a:active {background:url("../img/company/menu-e.gif") -193px -135px no-repeat;}
ul.menu li.menu05 a:link,
ul.menu li.menu05 a:visited {background:url("../img/company/menu-e.gif") 0 -180px no-repeat;}
ul.menu li.menu05 a.on:link,
ul.menu li.menu05 a.on:visited,
ul.menu li.menu05 a:hover,
ul.menu li.menu05 a:active {background:url("../img/company/menu-e.gif") -193px -180px no-repeat;}
ul.menu li.menu06 a:link,
ul.menu li.menu06 a:visited {background:url("../img/company/menu-e.gif") 0 -225px no-repeat;}
ul.menu li.menu06 a.on:link,
ul.menu li.menu06 a.on:visited,
ul.menu li.menu06 a:hover,
ul.menu li.menu06 a:active {background:url("../img/company/menu-e.gif") -193px -225px no-repeat;}
ul.menu li.menu07 a:link,
ul.menu li.menu07 a:visited {background:url("../img/company/menu-e.gif") 0 -270px no-repeat;}
ul.menu li.menu07 a.on:link,
ul.menu li.menu07 a.on:visited,
ul.menu li.menu07 a:hover,
ul.menu li.menu07 a:active {background:url("../img/company/menu-e.gif") -193px -270px no-repeat;}
ul.menu li.menu08 a:link,
ul.menu li.menu08 a:visited {background:url("../img/company/menu-e.gif") 0 -315px no-repeat;}
ul.menu li.menu08 a.on:link,
ul.menu li.menu08 a.on:visited,
ul.menu li.menu08 a:hover,
ul.menu li.menu08 a:active {background:url("../img/company/menu-e.gif") -193px -315px no-repeat;}
ul.menu li.menu09 a:link,
ul.menu li.menu09 a:visited {background:url("../img/company/menu-e.gif") 0 -360px no-repeat;}
ul.menu li.menu09 a.on:link,
ul.menu li.menu09 a.on:visited,
ul.menu li.menu09 a:hover,
ul.menu li.menu09 a:active {background:url("../img/company/menu-e.gif") -193px -360px no-repeat;}


/*------------------------------------------------------------
Company Main
------------------------------------------------------------*/
#company-main {
width:710px;
float:right;
padding:0 20px 80px 0;
}
#company-main-inner {
background:url("../img/cmn/line-dot2.gif") top right repeat-y;
}


/*------------------------------------------------------------
Company News
------------------------------------------------------------*/
.main-image {
margin:0 0 40px 0;
}

.newslist {
background:url("../img/cmn/line-dot2.gif") top right repeat-y;
margin:0;
}
.newslist table td {
vertical-align:top;
}
.news {
width:210px;
height:108px;
float:left;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
margin:4px 32px 12px 0;
}
.news-right {
width:210px;
height:108px;
float:left;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
margin:4px 0 12px 0;
}
.news-pic {
width:93px;
float:left;
margin:0 8px 0 0;
}
.news-txt {
width:109px;
float:left;
padding:4px 0 0 0;
}
.news-brand {
margin:0 0 3px 0;
}
.news-date {
font-size:10px; 
line-height:140%;
color:#a70000;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0 0 12px 0;
}
.news-title {
font-size:10px; 
line-height:140%;
color:#1a1a1a;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

/*------------------------------------------------------------
Outline
------------------------------------------------------------*/
table.outlinelist {}
table.outlinelist td {
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
padding:18px 0;
vertical-align:top;
color:#1a1a1a;
}

table.outlinelist .label {
width:224px;
float:left;
line-height:18px;
padding:0 0 0 14px;
}
table.outlinelist .data {
width:462px;
float:left;
line-height:18px;
}

/*------------------------------------------------------------
Message
------------------------------------------------------------*/
.mission {
padding:60px 0;
margin:0;
}
.msg {
margin:0;
width:550px;
}
.ceo-name {
padding:80px 0 0 0;
margin:0;
}

/*------------------------------------------------------------
Brand & Group
------------------------------------------------------------*/
#brandslist {margin:20px 0 0 0; }
#brandslist-inner {}
#brandslist .brand-mens {padding:0 0 40px 0;}
#brandslist .brand-mens h2 {margin:0 0 12px 0;}

#brandslist .brand-womens {padding:0 0 40px 0;}
#brandslist .brand-womens h2 {margin:0 0 12px 0;}

#brandslist .brand-music {padding:0 0 40px 0;}
#brandslist .brand-music h2 {margin:0 0 12px 0;}

#brandslist .brand-resort {padding:0 0 40px 0;}
#brandslist .brand-resort h2 {margin:0 0 12px 0;}

#brandslist .brand-fooding {padding:0 0 40px 0;}
#brandslist .brand-fooding h2 {margin:0 0 12px 0;}

#brandslist .brand-media {padding:0 0 40px 0;}
#brandslist .brand-media h2 {margin:0 0 12px 0;}

#brandslist .brand-customize {padding:0 0 40px 0;}
#brandslist .brand-customize h2 {margin:0 0 12px 0;}

table.brandlist td {vertical-align:top;}
table.brandlist td.list-left {
padding:0 8px 0 0;
background:url("../img/cmn/line-dot2.gif") top right repeat-y;
}
table.brandlist td.list-right {
padding:0 0 0 8px;
}

#brandslist .brand {
width:326px;
padding:15px 0 15px 5px;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
}
#brandslist .brand .brand-logo {
width:110px;
height:72px;
float:left;
}
#brandslist .brand .brand-name {
width:216px;
font-size:12px; 
line-height:14px;
color:#000000;
margin:0 0 3px 0;
float:right;
}
#brandslist .brand .brand-description {
width:216px;
font-size:10px; 
line-height:13px;
color:#333333;
float:right;
}
#brandslist .brand .brand-more {
	width:216px;
	font-size:10px;
	line-height:13px;
	color:#333333;
	float:right;
	text-align: right;
}
#brandslist .brand .brand-more a{
	color: #333333;
	text-decoration: none;
}
#brandslist .brand .brand-more a:hover{
	text-decoration: underline;
}

/*------------------------------------------------------------
Brand & Group Detail
------------------------------------------------------------*/
#branddetail-inner{
	width:700px;
}
#branddetail .brand-logo_and_btn{
	float: left;
	width: 140px;
	height: 340px;
}
/*カタログがあるとき*/
#branddetail .brand-logo {
	height: 120px;
	width: 120px;
	padding-bottom: 153px;
	padding-right: 10px;
	padding-left: 10px;
}

/*カタログがないとき*/
#branddetail .brand-logo02 {
	height: 120px;
	width: 120px;
	padding-bottom: 189px;
	padding-right: 10px;
	padding-left: 10px;
}

/*カタログが2つのとき(optitude)*/
#branddetail .brand-logo-optitude {
	height: 120px;
	width: 120px;
	padding-bottom: 117px;
	padding-right: 10px;
	padding-left: 10px;
}

/*カタログがないときかつ幅広*/
#branddetail .brand-logo-wide {
	height: 120px;
	width: 130px;
	padding-bottom: 189px;
	padding-right: 5px;
	padding-left: 5px;
}

#branddetail .brand-main_image{
	float: right;
	width: 540px;
	padding-bottom: 40px;
}
#branddetail  .brand-btn {
}

#branddetail .btn-brand_site a {
	display:block;
	width:140px;
	height:31px;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999em;
	padding-bottom: 5px;
}
#branddetail .btn-brand_site a:link,
#branddetail .btn-brand_site a:visited {background:url("../img/company/btn_brand.gif") 0 0 no-repeat;}
#branddetail .btn-brand_site a:hover,
#branddetail .btn-brand_site a:active {background:url("../img/company/btn_brand.gif") -140px 0 no-repeat;}

/*カタログ一般*/
#branddetail .btn-catalogue a {
display:block;
width:140px;
height:31px;
text-decoration:none;
overflow:hidden;
text-indent:-9999em;
}
#branddetail .btn-catalogue a:link,
#branddetail .btn-catalogue a:visited {background:url("../img/company/btn_catalogue.gif") 0 0 no-repeat;}
#branddetail .btn-catalogue a:hover,
#branddetail .btn-catalogue a:active {background:url("../img/company/btn_catalogue.gif") -140px 0 no-repeat;}

/*カタログlyricism*/
#branddetail .btn-catalogue-lyricism a {
display:block;
width:140px;
height:31px;
text-decoration:none;
overflow:hidden;
text-indent:-9999em;
padding-bottom: 5px;
}
#branddetail .btn-catalogue-lyricism a:link,
#branddetail .btn-catalogue-lyricism a:visited {background:url("../img/company/btn_optitude_lyricism.gif") 0 0 no-repeat;}
#branddetail .btn-catalogue-lyricism a:hover,
#branddetail .btn-catalogue-lyricism a:active {background:url("../img/company/btn_optitude_lyricism.gif") -140px 0 no-repeat;}


/*カタログeye*/
#branddetail .btn-catalogue-eye a {
display:block;
width:140px;
height:31px;
text-decoration:none;
overflow:hidden;
text-indent:-9999em;
}
#branddetail .btn-catalogue-eye a:link,
#branddetail .btn-catalogue-eye a:visited {background:url("../img/company/btn_optitude_eye.gif") 0 0 no-repeat;}
#branddetail .btn-catalogue-eye a:hover,
#branddetail .btn-catalogue-eye a:active {background:url("../img/company/btn_optitude_eye.gif") -140px 0 no-repeat;}


#branddetail .brand-text {
	clear: both;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 40px;
}

#branddetail .brand-shop {
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
#branddetail .brand-shop h2 {margin:0 0 12px 0;}
#branddetail .brand-creation {
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
#branddetail .brand-creation h2 {margin:0 0 12px 0;}
#branddetail .brand-project {
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
#branddetail .brand-project h2 {margin:0 0 12px 0;}
#branddetail .brand-line {
	width: 700px;
	clear: both;
}
#branddetail .brand-line-left {
	width: 230px;
	padding-right: 5px;
	float: left;
}
#branddetail .brand-line-right {
	float: left;
	width: 230px;
}
#branddetail .photo {
	height: 150px;
	width: 230px;
}
#branddetail .text {
	width: 210px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 14px;
	padding-bottom: 5px;
	text-align: center;
}

#branddetail .text_l {
	width: 210px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 14px;
	padding-bottom: 5px;
}
/*------------------------------------------------------------
Affiliated Company
------------------------------------------------------------*/
table.companylist {}
table.companylist td {vertical-align:top;}
table.companylist td.list-left {
padding:0 8px 0 0;
background:url("../img/cmn/line-dot2.gif") top right repeat-y;
}
table.companylist td.list-right {
padding:0 0 0 8px;
}
table.companylist .company {
width:326px;
padding:16px 0 8px 16px;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
}
table.companylist .company-name {
font-size:12px; 
line-height:18px;
color:#000000;
margin:0 0 8px 0;
}
table.companylist .company-address {
font-size:11px; 
line-height:18px;
color:#333333;
margin:0 0 8px 0;
}

/*------------------------------------------------------------
History, Heritage
------------------------------------------------------------*/
table.history_layout {}
table.history_layout td {
vertical-align:top;
}
.historyphoto {
width:260px;
text-align:center;
}
.historylist {
width:440px;
}
.historylist td {
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
padding:18px 0;
vertical-align:top;
color:#1a1a1a;
}
.historylist .label {
width:124px;
float:left;
line-height:18px;
padding:0 0 0 14px;
}
.historylist .data {
width:302px;
float:left;
line-height:18px;
}
.historylist .data ul {
margin:0 0 0 15px;
}
.historylist .data ul li {
list-style-type:disc;
}

/*------------------------------------------------------------
Access Map
------------------------------------------------------------*/
.head-office {
width:684px;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
padding:16px 0 8px 16px;
margin:0 0 3px 0;
}
table.officelist {
background:url("../img/cmn/line-dot.gif") top left repeat-x;
}
table.officelist td {vertical-align:top;}
table.officelist td.list-left {
padding:0 8px 0 0;
background:url("../img/cmn/line-dot2.gif") top right repeat-y;
}
table.officelist td.list-right {
padding:0 0 0 8px;
}
table.officelist .office {
width:326px;
padding:16px 0 8px 16px;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
}
.head-office .office-name,
table.officelist .office-name {
font-size:12px; 
line-height:18px;
color:#000000;
margin:0 0 8px 0;
}
.head-office .office-address,
table.officelist .office-address {
font-size:11px; 
line-height:18px;
color:#333333;
margin:0 0 8px 0;
}
.btn-map {}
.btn-map a:link,
.btn-map a:visited {
display:block;
width:50px;
height:14px;
line-height:14px;
background:url("../img/company/btn-map.gif") 0 0 no-repeat;
text-decoration:none;
overflow:hidden;
text-indent:-9999em;
}
.btn-map a:hover,
.btn-map a:active {background:url("../img/company/btn-map.gif") 0 -14px no-repeat;}

.office-map {
width:534px;
margin:0 auto;
padding:26px 0 0 0;
}
.office-map .office-name {
font-size:12px; 
line-height:18px;
color:#000000;
margin:0 0 8px 0;
}
.office-map .office-address {
font-size:11px; 
line-height:18px;
color:#333333;
margin:0 0 8px 0;
}
.office-map .office-map-dtl {
padding:0 0 8px 0;
}

/*------------------------------------------------------------
Environment, Society & Company News
------------------------------------------------------------*/
body.company .entry {
width:700px;
padding:20px 0;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
}
body.company .entry-header {
padding:0 0 8px 0;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
margin:0 0 20px 0;
}
body.company .entry-title {
font-size:16px; 
line-height:20px;
font-weight:bold;
color:#000000;
padding-left:20px;
padding-right:100px;
}
body.company .entry-date {
font-size:11px; 
line-height:20px;
color:#9c1f24;
margin:-20px 0 0 630px;
}
body.company .entry-body {
width:660px;
font-size:11px; 
line-height:18px;
color:#333333;
padding:0 20px;
}
body.company .entry-body p {
margin:0 0 14px 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
/*
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
*/

/* ie6 hack */
/** html #TB_overlay { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
*/

/*----------- レイヤーエリア ----------*/
#TB_window { 
	position: fixed;
	background: #ffffff;
	z-index: 110;
	color:#000000;
	display:none;
	border:1px solid #cccccc; /*レイヤーの枠線*/
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#ffffff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}