@charset "euc-jp";

/*--------------------------------------*/
/*                                      */
/* ### TOP Page Classes ###             */
/*                                      */
/*--------------------------------------*/

#GlobalMenu {
	background: url(../images/top_main.jpg) no-repeat;
}

/*--- mainArea ---*/

#mainArea {
	float: left;
	width: 420px;
	text-align: left;
}

#bannerArea {
	float: right;
	width: 140px;
	text-align: left;
}

/*-- コンセプト --*/

#mainArea .concept, 
#mainArea .news, 
#mainArea .trouble, 
#mainArea .exp, 
#mainArea .tools {
	width: 410px;
	padding: 0 0 15px 0;
}

#mainArea .concept .mainText, 
#mainArea .news .mainText, 
#mainArea .trouble .mainText, 
#mainArea .exp .mainText, 
#mainArea .tools .mainText {
	line-height: 1.6;
/*	border-left: 1px solid #c5c5c5;*/
/*	border-right: 1px solid #a1a1a1;*/
	border-bottom: 1px solid #a1a1a1;
	background: url(../images/main_txt_bg.gif) repeat-y;
}

#mainArea .concept .mainText, 
#mainArea .news .mainText, 
#mainArea .tools .mainText {
	padding: 5px 15px 15px;
}

#mainArea .trouble .mainText, 
#mainArea .exp .mainText {
	margin: 0;
	padding: 10px 0 14px;
}

#mainArea .concept .mainText {
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #a1a1a1;
	background: url(../images/main_concept_bg.jpg) right bottom no-repeat;
}

#mainArea .concept .mainText p, 
#mainArea .news dl, 
#mainArea .tools ul {
	padding: 7px 0 0;
}

/*-- ネットワークビジネス業界最新ニュース --*/

#mainArea .news dl dt {
	float: left;
	width: 70px;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1.6;
}

#mainArea .news dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 3px 70px;
	padding: 0;
	line-height: 1.6;
}

#mainArea .news .btn {
	clear: both;
	text-align: right;
	padding: 5px 0 0;
}

/*-- トラブルについて --*/

.trouble .mainText .clear, 
.exp .mainText .clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.trouble .mainText .btnsTop, 
.trouble .mainText .btnsBottom {
	float: left;
}

.trouble .mainText .btnsTop {
	width: 187px;
	padding: 0;
	margin: 0 7px 0 10px;
}

.ie .trouble .mainText .btnsTop {
	margin: 0 7px 0 5px;
}

.trouble .mainText .btnsBottom {
	width: 196px;
	padding: 0 0 0 8px;
	background: url(../images/main_trouble_line.gif) repeat-y;
}

.trouble .mainText .btnsBottom .btn3 {
	padding: 5px 0 0 0;
}

.trouble .mainText ul {
	padding: 8px 9px 9px;
	background: #dee1e7;
}

.trouble .mainText li {
	font-size: 10px;
	padding: 0 0 3px 15px;
	background: url(../images/point_circle_blue2.jpg) 0 3px no-repeat;
}

.mac .trouble .mainText li {
	font-size: 10px;
}

/*-- 体験談 --*/

.exp .mainText .btn1, 
.exp .mainText .btn2, 
.exp .mainText .btn3, 
.exp .mainText .btn4 {
	float: left;
}

.exp .mainText .btnsBottom, 
.exp .mainText .btnsTop {
	width: 390px;
	margin: 0 10px;
}

.exp .mainText .btnsBottom {
	clear: both;
}

.exp .mainText .btn1 {
	padding: 0 5px 0 0;
}

.exp .mainText .btn3 {
	padding: 5px 5px 0 0;
}

.exp .mainText .btn4 {
	padding: 5px 0 0 0;
}

/*-- お役立ちツール --*/

#mainArea .tools li {
	padding: 0 0 3px 17px;
	background: url(../images/point_circle.jpg) 0 4px no-repeat;
}

/*-- バナーエリア --*/

#bannerArea .banner1, 
#bannerArea .banner2, 
#bannerArea .banner3, 
#bannerArea .banner4 {
	line-height: 1.4;
	font-size: 10px;
}

.mac #bannerArea .banner1, 
.mac #bannerArea .banner2, 
.mac #bannerArea .banner3, 
.mac #bannerArea .banner4 {
	line-height: 1.4;
	font-size: 9px;
}

#bannerArea .banner1 .bn_footer, 
#bannerArea .banner2 .bn_footer, 
#bannerArea .banner3 .bn_footer, 
#bannerArea .banner4 .bn_footer {
	padding: 0;
	margin: 0 0 10px;
	height: 10px;
	overflow: hidden;
}

#bannerArea .banner1 .bn_footer {
	background: url(../images/bnarea_bn1_bottom.jpg) no-repeat;
}

#bannerArea .banner2 .bn_footer {
	background: url(../images/bnarea_bn2_bottom.jpg) no-repeat;
}

#bannerArea .banner3 .bn_footer {
	background: url(../images/bnarea_bn3_bottom.jpg) no-repeat;
}

#bannerArea .banner4 .bn_footer {
	background: url(../images/bnarea_bn4_bottom.jpg) no-repeat;
}

#bannerArea .banner1 .bn_text, 
#bannerArea .banner2 .bn_text, 
#bannerArea .banner3 .bn_text, 
#bannerArea .banner4 .bn_text {
	padding: 8px 10px 0;
	margin: 0;
/*	border: 1px solid #666;*/
}

#bannerArea .banner1 .bn_text {
	color: #236afb;
	background: url(../images/bnarea_bn1_bg.jpg) repeat-y;
}

#bannerArea .banner1 .bn_text a, 
#bannerArea .banner1 .bn_text a:link,
#bannerArea .banner1 .bn_text a:visited,
#bannerArea .banner1 .bn_text a:active {
	color: #236afb;
	text-decoration: none;
}

#bannerArea .banner1 .bn_text a:hover {
	color: #0149de;
	text-decoration: underline;
}


#bannerArea .banner2 .bn_text {
	color: #0286ca;
	background: url(../images/bnarea_bn2_bg.jpg) repeat-y;
}

#bannerArea .banner2 .bn_text a, 
#bannerArea .banner2 .bn_text a:link,
#bannerArea .banner2 .bn_text a:visited,
#bannerArea .banner2 .bn_text a:active {
	color: #0286ca;
	text-decoration: none;
}

#bannerArea .banner2 .bn_text a:hover {
	color: #0073af;
	text-decoration: underline;
}

#bannerArea .banner3 .bn_text {
	color: #018e32;
	background: url(../images/bnarea_bn3_bg.jpg) repeat-y;
}

#bannerArea .banner3 .bn_text a, 
#bannerArea .banner3 .bn_text a:link,
#bannerArea .banner3 .bn_text a:visited,
#bannerArea .banner3 .bn_text a:active {
	color: #018e32;
	text-decoration: none;
}

#bannerArea .banner3 .bn_text a:hover {
	color: #007028;
	text-decoration: underline;
}

#bannerArea .banner4 .bn_text {
	color: #a16200;
	background: url(../images/bnarea_bn4_bg.jpg) repeat-y;
}

#bannerArea .banner4 .bn_text a, 
#bannerArea .banner4 .bn_text a:link,
#bannerArea .banner4 .bn_text a:visited,
#bannerArea .banner4 .bn_text a:active {
	color: #a16200;
	text-decoration: none;
}

#bannerArea .banner4 .bn_text a:hover {
	color: #895400;
	text-decoration: underline;
}