@charset "utf-8";

/*
======== table of content. =================================

summary:会社概要ページ群用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

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

/* COMMON 
------------------------------------------------------
*/

div#main{
	width:691px;
	margin:50px auto 0 auto;
}

div#main div.section{
	width:495px;
	margin:35px 0 0 0;
	clear:both;
}

div#main h3{
	margin-bottom:5px;
}

/* INTRO */
dl.intro{
	width:495px;
}
dl.intro dt{
	font-weight:bold;
	font-size:125%;
}

dl.intro dd{
	padding-top:10px;
}

/* LIST */

div.list dl{
	width:490px;
	background:url(../images/common/line.gif) repeat-x left top;
	padding:10px 0 15px 0;
	margin:0;
}

div.list dl dt{
	font-weight:bold;
	width:100px;
	float:left;
}

div.list dl dd{
	float:left;
	width:380px;
}

div#main  h3{
	clear:both;
}

div#main  div.section h3{
	margin-top:65px;
}


/* INDEX
------------------------------------------------------
*/

div.index ul li{
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

div.index ul li.last{
	margin-right:0;
}


/* OUTLINE
------------------------------------------------------
*/

div.outline{
	background:url(../about/images/bg_outline.jpg) no-repeat right top;
}

div.outline dl dd span.map{
	padding-left:10px;
}


div.outline div.list dl dd ul li{
	margin-left:2.5em;
	text-indent:-2.5em;
}
	


/* HISTORI 
------------------------------------------------------
*/

div.history{
	background:url(../about/images/bg_history.jpg) no-repeat right top;
}


/* IDEA
------------------------------------------------------
*/

div.idea{
	background:url(../about/images/bg_idea.jpg) no-repeat right top;
	padding-bottom:150px;
}

/* GROUP
------------------------------------------------------
*/

div.group{
	background:url(../about/images/bg_group.jpg) no-repeat right top;
	padding-bottom:35px;
}

div.group div.list dl dt{
	width:225px;
}

div.group div.list dl dt a{
	display:block;
	padding-top:5px;
}

div.group div.list dl dd{
	width:260px;
}


/* QUALITY
------------------------------------------------------
*/

div.quality{
	background:url(../about/images/bg_quality.jpg) no-repeat right top;
}

div.quality dl.intro dd dl {
	margin:20px 0 0 0;
}

div.quality dl.intro dd dl dt{
	font-size:100%;
}

div.quality dl.intro dd dl dd ul li{
	text-indent:-1em;
	margin-left:1em;
}

div.quality dl.intro dd dl dd ul li{
	margin-bottom:5px;
}

div.quality div.section {
	margin-bottom:0;
}



/* BRAND
------------------------------------------------------
*/

div.brand{
	width:100%;
}
div.brand div.blandlist {
	width:100%;
	margin:0 0 35px 0;
}


div.brand div.blandlist dl{
	width:229px;
	float:left;
	margin:10px 1px 30px 0;
	display:inline;
}

div.brand div.blandlist dl dt a:hover{
	display:block;
	width:229px;
	height:139px;
	background-color:#FFF;
}

div.brand div.blandlist dl dt a:hover img{
	opacity:0.7;
    filter: alpha(opacity=70);
}


div.brand div.blandlist dl.long{
	width:458px;
	margin-right:0;
}

div.brand div.blandlist dl.long dt a:hover{
	width:458px;
}
	

div.brand div.blandlist dl dd{
	font-weight:bold;
	float:left;
	padding-left:2px;
}
div.brand div.blandlist_b {
	width:100%;
	margin:0 0 35px 0;
}
div.brand div.blandlist_b ul {
	margin: 0px;
	list-style-type: none;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 80px;
	text-align: center;
	width: 500px;
}
div.brand div.blandlist_b li {
	padding-bottom: 3px;
}
div.btob {
	background:url(../about/images/bg_btob.jpg) no-repeat right top;
	width:100%;
	height: 433px;
}
div.btob #logo {
	padding-top: 12px;
	padding-bottom: 12px;
}
div.btob #txt_apparelnet {
	padding-bottom: 12px;
}