/*
information{
	filename:/css/common/maincol.css;
	description : This CSS file defines the format of main column style on "Samplepage" .;
	copyright:(C) 2007 Good Earth Japan, All right reservied.;
}

contents
-----------------------------------------------------------
1. "Normal" column (div.section)
2. "PAGEITLE" column (div#pagetitlecol)
3. "TITLE" "SUBTITLE" h3 p.subtitle
4. "Text4/3 + Image2/3" column (div.txt43c-txt23c)
5. "Text1 + Text1" column (div.txt1c-txt1c)
6. "Join us" column (div.joinus)
7. "dotdivider" module (div.dotdivider)
-----------------------------------------------------------
*/



/* 1. "Normal" column (div.section)
----------------------------------------------------------- */
/* @ layout */
div#maincol div.section{
	padding-top: 15px;
}

/* @ text */
div#maincol div.section h2{
	margin:0;
	font-size:90%;
	line-height:1.3;
	color:#630;
}
div#maincol div.section p{
	margin:0 0 10px;
	font-size:75%;
	line-height:1.4;
}

div#maincol div.section ul li{
	margin:0 0 10px;
	font-size:75%;
	line-height:1.4;
}

div#maincol div.section em{
	font-weight: bold;
	font-style: normal;
}


/* 2. "PAGEITLE" column (div#pagetitlecol)
----------------------------------------------------------- */

div#pagetitlecol p.keyvisual{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d8d5c8;
	font-size: 1px;
}

div#pagetitlecol h2{
	margin: 0;
	padding: 0;
	font-size: 1px;
}

div.nokeyvisyal div#pagetitlecol h2{
	border-top: 10px solid #d8d5c8;
}

/* 3. "TITLE" "SUBTITLE" h3 p.subtitle
----------------------------------------------------------- */

div#maincol div.section h3 {
	clear:both;
	/* display:inline-table; */
	margin:0 0 10px;
	padding:0 0 5px;
	background:url("../../images/common/bg-h3.gif") left bottom repeat-x;
	font-size:90%;
	line-height:1.4;
	font-weight: bold;
	color: #663300;
}
div#maincol div.section p.subtitle {
	margin:10px 0 5px 0;
	font-size:80%;
	line-height:1.4;
	font-weight: bold;
	color: #663300;
}

div#maincol div.section p.subtitle a {
	color: #663300;
	text-decoration: none;
}

div#maincol div.section p.subtitle a:hover {
	text-decoration: underline;
}

/* 4. "Text4/3 + Image2/3" column (div.txt43c-txt23c)
----------------------------------------------------------- */
div#maincol div.section div.txt43c-txt23c{
	width:506px;
	padding-bottom:15px;
}
div#maincol div.section div.txt43c-txt23c div.col01{
	float:left;
	width:331px;
}
div#maincol div.section div.txt43c-txt23c div.col02{
	float:right;
	width:156px;
}
div#maincol div.section div.txt43c-txt23c div.col01 p{
	margin:10px 0;
}
div#maincol div.section div.txt43c-txt23c div.col02 p{
	margin-bottom:0;
}

/* 5. "Text1 + Text1" column (div.txt1c-txt1c)
----------------------------------------------------------- */
div#maincol div.section div.txt1c-txt1c{
	width:506px;
	padding-bottom:15px;
}
div#maincol div.section div.txt1c-txt1c div.col01{
	float:left;
	width:244px;
}
div#maincol div.section div.txt1c-txt1c div.col02{
	float:right;
	width:244px;
}
div#maincol div.section div.txt1c-txt1c div p{
	margin: 0 0 10px 0;
}
div#maincol div.section div.txt1c-txt1c div p.nobr{
	margin:0;
}



/* 6. "Join us" column (div.joinus)
----------------------------------------------------------- */
/* @ layout */
div#maincol div.joinus{
	clear:both;
	width:506px;
	margin-left: 5px;
	padding-top:10px;
	background:#fff url("../../images/index/bg-border-top.gif") no-repeat;
}
div#maincol div.joinus div.wrap{
	width:486px;
	padding:0 10px 10px;
	background:#fff url("../../images/index/bg-border-bottom.gif") 0 100% no-repeat;
}
html.ie5 div#maincol div.joinus div.wrap,
html.ie55 div#maincol div.joinus div.wrap{
	width:506px;
}
/* @ text */
div#maincol div.joinus h2{
	margin:0 0 6px;
	padding-bottom:2px;
	font-size:90%;
	line-height:1.3;
	border-bottom:1px dotted #90c65b; /* 20111122�C�� */
}
div#maincol div.joinus p{
	margin:0 0 10px;
	font-size:75%;
	line-height:1.4;
}
/* @ contact */
div#maincol div.joinus div.contact{
	padding:7px 10px;
	background:#fff; /* 20111122�C�� */
	border:1px solid #d2ebb9; /* 20111122�lj� */
}
div#maincol div.joinus div.contact dl,
div#maincol div.joinus div.contact dl dd{
	margin:0;
}
div#maincol div.joinus div.contact dl dt{
	float:left;
	width:99px;
	font-size:75%;
}
div#maincol div.joinus div.contact dl dd{
	_height:0%;
	margin-left:100px;
}
div#maincol div.joinus div.contact dl dd ul,
div#maincol div.joinus div.contact dl dd ul li{
	list-style:none;
	margin:0;
	padding:0;
}
div#maincol div.joinus div.contact dl dd ul li.list-tel{
	margin-bottom:2px;
}
div#maincol div.joinus div.contact dl dd ul li img{
	vertical-align:middle;
}


/* 7. "dotdivider" module (div.dotdivider)
----------------------------------------------------------- */

div#maincol div.section div.dotdivider {
	margin-bottom: 10px;
	border-bottom:1px dotted #b1b1b1;
}