@charset "UTF-8";

/* style.css */
/*
	1.Block
	2.List
	
	Clearfix
*/

/* --------------------------------------------------
1.Block
-------------------------------------------------- */

div#main.two-column div.contents {
	padding-bottom: 20px;
}

div#main.two-column div.contents.group-list {
	padding-top: 20px;
	border-top: 1px solid #bfbfbf;
	padding-bottom: 10px;
}

div#main.two-column div.contents div.section {
	width: 560px;
	margin: 0 0 10px 20px;
	padding-bottom: 11px;
	background: url(../../../common/image/bg-line-dot.gif) repeat-x left bottom;
}

div#main.two-column div.contents div.section.group-gaisha {
	margin-bottom: 10px;
	padding-bottom: 0;
	background: url(../image/bg-group-gaisha.gif) repeat-y 0 0;
}

div#main.two-column div.contents.group-list div.section {
	margin-bottom: 0;
	padding-bottom: 10px;
	background: none;
}

div#main.two-column div.contents.group-list div.section.kaku-chiki {
	margin-top: 10px;
	padding: 16px 0 0;
	background: url(../../../common/image/bg-line-dot.gif) repeat-x 0 0;
}

div#main.two-column div.contents.group-list div.section div.section {
	margin: 0;
	padding-bottom: 10px;
}

div#main.two-column div.contents.group-list h1 {
	width: 560px;
	margin-left: 20px;
}

div#main.two-column div.contents div.section h2 {
	padding-bottom: 10px;
}

div#main.two-column div.contents div.section.group-gaisha h2 {
	padding: 10px 0 0;
	background-color: #fff;
}

div#main.two-column div.contents.group-list div.section h3 {
	padding-bottom: 5px;
	font-weight: bold;
}

div#main.two-column div.contents p {
	width: 560px;
	margin-left: 20px;
	padding-bottom: 10px;
}

div#main.two-column div.contents.group-list p {
	margin-top: -10px;
	padding-bottom: 20px;
}

div#main.two-column div.contents div.section p {
	margin: 0;
	padding-bottom: 10px;
}

div#main.two-column div.contents p.read {
	margin-top: 0;
	padding-bottom: 20px;
	font-size: 115%;
	line-height: 1.2;
	font-weight: bold;
}

div#main.two-column div.contents div.section p.text {
	float: left;
	width: 365px;
}

div#main.two-column div.contents div.section p.image {
	float: right;
	width: 180px;
}


/* --------------------------------------------------
2.List
-------------------------------------------------- */

div#main.two-column div.contents div.section.group-gaisha ul {
	width: 558px;
	_width: 560px;/* WinIE6 hack */
	padding: 8px 1px 10px;
	font-size: 80%;
	line-height: 1.4;
	background: url(../../../common/image/bg-line-dot.gif) repeat-x left bottom;
}

div#main.two-column div.contents div.section.group-gaisha ul.end {
	border-bottom: 1px solid #bfbfbf;
	background: none;
}

div#main.two-column div.contents div.section.group-gaisha ul li {
	float: left;
	width: 168px;
	_width: 187px;/* WinIE6 hack */
	padding: 0 10px 10px 9px;
}

div#main.two-column div.contents div.section.group-gaisha ul li.turn {
	width: 166px;
	_width: 176px;/* WinIE6 hack */
	padding-right: 0;
}

div#main.two-column div.sub dl dd {
	background: url(../image/bg-lnav-group-gaiyo.gif) repeat-y 0 0;
}

div#main.two-column div.sub dl dd ul {
	padding-bottom: 1px;
	background: url(../image/bg-lnav-group-gaiyo-bottom.gif) no-repeat left bottom;
}

div#main.two-column div.sub dl dd ul li {
	margin: 0 1px 0 5px;
	font-size: 80%;
	line-height: 1.4;
}


/* --------------------------------------------------
3.Table
-------------------------------------------------- */

div#main.two-column div.contents.group-list div.section table {
	width: 559px;
	*width: 100%;/* WinIE6-7 hack */
	margin-bottom: 10px;
}

div#main.two-column div.contents.group-list div.section table th,
div#main.two-column div.contents.group-list div.section table td {
	padding: 4px 5px;
	border: 1px solid #bfbfbf;
	line-height: 1.4;
}

div#main.two-column div.contents.group-list div.section table th {
	background-color: #fef3d4;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

div#main.two-column div.contents.group-list div.section table td {
	width: 75%;
}


/* --------------------------------------------------
3.Inline
-------------------------------------------------- */

div#main.two-column div.contents div.section.group-gaisha ul li a {
	display: block;
	width: auto;
	margin-bottom: 7px;
}

div#main.two-column div.sub dl dd ul li a,
div#main.two-column div.sub dl dd ul li em {
	display: block;
	padding: 8px 10px;
	_height: 1%;/* WinIE6 hack */
}

div#main.two-column div.sub dl dd ul li a:hover {
	background-color: #e2e2e2;
}

div#main.two-column div.sub dl dd ul li em {
	background-color: #ccc;
	color: #fff;
	font-weight: bold;
}

div#main.two-column div.contents div.section.group-gaisha ul li br {
	display: none;
}


/* --------------------------------------------------
Clearfix
-------------------------------------------------- */

@media print {

	div#main.two-column div.contents div.section {
		width: 561px;
	}

}

/* --------------------------------------------------
Clearfix
-------------------------------------------------- */

div#main div.contents div.section:after,
div#main div.contents div.group-gaisha ul:after {
	display: block;
	clear: both;
	height: 0;
	content: " ";
}

div#main div.contents div.section,
div#main div.contents div.group-gaisha ul {
	display: inline-block;
}

div#main div.contents div.section,
div#main div.contents div.group-gaisha ul {
	display: block;
}


/* EOF */