@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++
	Title:CSS for Social Business Net
	Modify: 2009/03/19
  +++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++
	======INDEX=====
	1. Import
	2. Global Setting
	3. Font
	4. Link
	5. Rayout
	6. Head
	7. Foot
	8. Navigation
	9. SBCB_logo
	10. Topics
  +++++++++++++++++++++++++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1. Import
---------------------------------------------------------------------------------------- */

/* reset.css */
@import url(reset.css);

/* top.css */
@import url(top.css);

/* sub.css*/
@import url(sub.css);

/*----------------------------------------------------------------------------------------
	2. Global Setting
---------------------------------------------------------------------------------------- */

body {
	color: #222;
	background: #F3F3F3 url(../img/bg.gif) repeat-x top left;
	font-size: 62.5%;
	line-height: 1.7;
	text-align:center;
}
.iepngfix {
	behavior:expression(IEPNGFIX.fix(this));
}
br.clear {
	font-size:1px;
	line-height:1px;
	clear:both;
}
.contentBody {
	margin:0 10px;
}
.hidenavi {
	display:none;
}

/*----------------------------------------------------------------------------------------
	3. Font
---------------------------------------------------------------------------------------- */

p {
	font-size:1.4em;
	margin:0 0 20px;
}
p.mailmagBN {
	margin:0 0 10px;
	border-bottom:1px dashed #DDD;
}

/*----------------------------------------------------------------------------------------
	4. Link
---------------------------------------------------------------------------------------- */

a {
	color:#6464B3;
	text-decoration:underline;
	outline:0;
}
a:hover {
	color:#667ACB;
	text-decoration:none;
}


/*----------------------------------------------------------------------------------------
	5. Rayout
---------------------------------------------------------------------------------------- */
#wrapper {
	width:970px;
	margin:0 auto;
	background:transparent url(../img/bg_main.png) repeat-y;
	behavior:expression(IEPNGFIX.fix(this));
}
#head {
	width:960px;
	height:119px;
	margin:0 auto 30px;
	background:transparent url(../img/bg_head.gif) no-repeat;
	position:relative;
	top:0;
	left:0;
	text-align:left;
}
#main {
	width:920px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#main #content {
	width:645px;
	float:right;
}
#main #left {
	width:255px;
	float:left;
	margin:0 20px 0 0;
}
#foot {
	width:920px;
	margin:50px auto 0;
	padding:5px 0 60px;
	position:relative;
	top:0;
	left:0;
	text-align:left;
	border-top:1px solid #D9D9D9;
}

/*----------------------------------------------------------------------------------------
	6. Head
---------------------------------------------------------------------------------------- */

#head h1,
#head p {
	text-indent:-9999px;
}
#head p#logo {
	width:257px;
	height:39px;
	position:absolute;
	top:49px;
	left:20px;
}
#head p#logo a {
	width:257px;
	height:39px;
	display:block;
	text-indent:-9999px;
}
#head ul {
	width:354px;
	height:21px;
	position:absolute;
	top:45px;
	right:20px;
}
#head ul li {
	float:left;
}

/*----------------------------------------------------------------------------------------
	7. Foot
---------------------------------------------------------------------------------------- */

#foot p#btnTop {
	width:116px;
	height:11px;
	position:absolute;
	top:5px;
	right:5px;
}
#foot ul {
	margin:0 0 10px 5px;
	padding:0;
}
#foot ul li {
	display:inline;
	margin:0 6px 0 0;
	padding:0 6px 0 0;
	border-right:1px solid #222;
}
#foot p {
	margin:0 0 0 5px;
	color:#666;
	font-size:1.0em;
}

/*----------------------------------------------------------------------------------------
	8. Navigation
---------------------------------------------------------------------------------------- */
#main #globalNavi {
	width:255px;
	margin:0 0 10px;
}
#main #globalNavi ul {
	width:255px;
	padding:13px 0 0;
	background:transparent url(../img/bg_globalNavi.gif) repeat-x top;
}
#main #globalNavi ul li {
	margin:0 0 13px;
	padding:0 10px 13px 5px;
	background:transparent url(../img/bg_globalNavi.gif) repeat-x bottom;
	font-size:1.2em;
	line-height:1.4;
}
#main #globalNavi ul li a {
	display:block;
	background:transparent url(../img/icn_globalNavi.gif) no-repeat left 5px;
	padding:0 0 0 28px;
	text-decoration:none;
	color:#000066;
}
#main #globalNavi ul li a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
	9. SBCB_logo
---------------------------------------------------------------------------------------- */
#left p.sbcbLogo {
	margin:20px 0 30px 0;
	width:255px;
}
/*----------------------------------------------------------------------------------------
	10. Topics
---------------------------------------------------------------------------------------- */
.topics {
	width:255px;
	background:#F2F2F2;
	padding:5px 0 15px;
}
.topics p.ttl {
	margin:0;
	padding:0;
	width:255px;
}
.topics dl {
	width:225px;
	margin:5px 15px 10px;
	font-size:1.2em;
}
.topics dl dt {
	font-weight:bold;
	color:#444;
	border-top:1px dotted #CCC;
	padding:8px 0 0;
}
.topics dl dd {
	margin:0 0 8px;
	line-height:1.4;
}
.topics p.btnTopicsList {
	text-align:right;
	margin:0 10px 0 0;
}