@charset "utf-8";

/*
#######################################

	会社概要用CSS

#######################################
*/



/* ライン */
body#companyProfile #division, body#companyProfile #outline{
}
	
body#mainContents h2 {
	font-size: 140%;
	margin-bottom: 20px;
	padding-top: 5px;
	color: #333333;
}
body#mainContents h2 span {
	font-size: 120%;
	color: #FFFFFF;
	background: #333333;
	padding: 2px 4px 2px 4px;
	margin-right: 4px;
	font-weight: bold;
}



/* タイトル */
#categoryInfo h1 {
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 25px;
	color: #0C2566;
}

h1 span {
	color: #FFFFFF;
	background: #0C2566;
	padding: 1px 3px 0px 3px;
	vertical-align: text-middle;
	font: 70%/0% Arial, sans-serif;
	letter-spacing: normal;
}

h2 {
	margin-bottom: 10px;
	color: #0C2566;
	font-size: 130%;
	font-weight: bold;
}

#outline h2, #division h2 {
	margin-bottom: 25px;
	padding: 10px 0 10px 15px;
	color: #0C2566;
	font-size: 130%;
	font-weight: bold;
	border-top: 1px solid #BCBEC0;
	border-bottom: 1px solid #BCBEC0;
}

h2 span {
	margin-left: 10px;
	font: 80% Arial, sans-serif;
	letter-spacing: normal;
}

#outline h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 10px 0;
}


/* 各内容の段落設定 */
#outline dl {
	margin: 0;
	padding: 0;
}

#outline dt {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
#outline dd {
	margin: 0 0 10px 0;
}
#outline p {
	margin-bottom: 25px;
	padding: 0;
}

/* end */

/**** 店舗・事業部所在地 ****/
#message {
	margin: 0px;
	width: 810px;
	background: url(../img/back.jpg) no-repeat right top;
	line-height: 200%;
	font-size: 12px;
	color: #333;
}
#message p {
	margin-bottom: 25px;
}


/**** 店舗・事業部所在地 ****/
#division {
	width: 810px;
}
#divisionSapporo , body#companyProfile #divisionOnline , body#companyProfile #divisionTokyo , body#companyProfile #divisionProducts {
	width: 255px;
	padding: 50px 10px 10px 10px;
	margin-bottom: 25px;
}
body#companyProfile #divisionTokyo , body#companyProfile #divisionOnline {
	float: left;
}
#divisionSapporo, #divisionProducts {
	float: right;
}
#divisionSapporo {
	background: url(../img/metrocs_sapporo.gif) no-repeat 10px 10px;
}
#divisionTokyo {
	background: url(../img/metrocs_tokyo.gif) no-repeat 10px 10px;
}
#divisionOnline {
	background: url(../img/metrocs_onlineshop.gif) no-repeat 10px 10px;
}
#divisionProducts {
	background: url(../img/metrocs_wholesales.gif) no-repeat 10px 10px;
}
.shopinfo {
	margin: 0 20px 25px 0;
	padding-bottom: 10px;
	width: 395px;
	float: left;
	border-bottom: 1px dotted #999;
}
.shopinfoNb {
	margin: 0 20px 25px 0;
	padding: 0;
	width: 395px;
	float: left;
}

#division h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 10px 0;
}