@charset "utf-8";

/*
--------------------------------------------------------------------------
01. Content
02. Main visual
03. Heading
04. Layout column top
05. List image top
06. Layout image top
07. List link top
--------------------------------------------------------------------------
*/


/* 01. Content
----------------------------------------------------------------------- */
body#marching div#content{
	margin-left:25px;
	padding:25px 0;
	width:902px;
	background:none;
}


/* 02. Main visual top
----------------------------------------------------------------------- */
body#marching div#mainVisualTop{
	padding-bottom:5px;
	background:#000 url(/product/marching/images/bg_01.gif) no-repeat left bottom;
}

body#marching div#mainVisualTop h1{
	float:left;
	padding-bottom:1px;
	width:580px;
	height:430px;
}

body#marching div#topics{
	float:right;
	margin-top:10px;
	padding-right:10px;
	width:333px;
}

body#marching div#topics div.head_container{
	position:relative;
}

body#marching div#topics h2{
	margin-bottom:8px;
	border-top:1px solid #b7934b;
	color:#ceac65;
}

body#marching div#topics h2 span{
	display:block;
	padding:5px;
	background:url(/product/marching/images/bg_02.gif) repeat-x left bottom;
	zoom:1;
}

body#marching div#topics p.archives{
	position:absolute;
	top:6px;
	right:2px;
	padding-left:22px;
	background:url(/product/marching/images/icon_01.gif) no-repeat left 0.1em;
}

body#marching div#topics p.archives a,
body#marching div#topics p.archives a:visited{
	color:#fff;
}

body#marching div#topics dl.news{
	margin-bottom:6px;
	height:50px;
	color:#ceac65;
	font-size:0.83em;
	overflow:auto;
}

body#marching div#topics dl.news a,
body#marching div#topics dl.news a:visited{
	color:#ceac65;
}

body#marching div#topics dl.news dt{
	padding-left:5px;
	padding-bottom:2px;
	color:#efefef;
	letter-spacing:1px;
}

body#marching div#topics dl.news dd{
	margin:-1.7em 5px 0 7.8em;
	padding-bottom:2px;
}

body#marching div#topics dl.news dd a{
	display:block;
	padding-left:12px;
	background:url(/product/marching/images/icon_02.gif) no-repeat left 0.3em;
}

body#marching div#topics ul.pickup li{
	position:relative;
	margin-bottom:5px;
	padding-left:196px;
	min-height:60px;
	_height:60px;
	font-size:0.83em;
}

body#marching div#topics ul.pickup li img{
	position:absolute;
	left:0;
	top:0;
}

body#marching div#topics ul.pickup li a{
	color:#ceac65;
}


/* 03. Heading
----------------------------------------------------------------------- */
body#marching div#content h2{
	margin-bottom:12px;
}

body#marching div#content h3{
	margin-bottom:12px;
	border-top:1px solid #038c06;
	color:#005f02;
	font-size:108%;
}

body#marching div#content h3 span{
	display:block;
	padding:5px;
	background:url(/product/marching/shared/images/bg_line_01.gif) repeat-x left bottom;
}

body#marching div#content h3 span a,
body#marching div#content h3 span a:visited{
	display:block;
	padding-left:22px;
	color:#005f02;
	background:url(/product/marching/shared/images/icon_arrow_01.gif) no-repeat left 0.1em;
}

body#marching div#content h3 span a:hover{
	color:#00ae03;
	text-decoration:none;
}


/* 04. Layout column top
----------------------------------------------------------------------- */
body#marching div.layoutColumnTop01{
	width:877px;
}

body#marching div.layoutColumnTop01 div.segmentLeft{
	float:left;
	width:579px;
}

body#marching div.layoutColumnTop01 div span.caption{
	display:block;
	margin-top:5px;
	color:#808080;
	font-size:98%;
	text-align:right;
	line-height:1.2;
}

body#marching div.layoutColumnTop01 div.segmentRight{
	float:right;
	width:281px;
}

body#marching div.layoutColumnTop02{
	width:894px;
}

body#marching div.layoutColumnTop02 div.segment{
	float:left;
	padding-right:17px;
	width:281px;
}


/* 05. List image top
----------------------------------------------------------------------- */
body#marching ul.listImageTop{
	margin-bottom:10px;
	width:596px;
	overflow:hidden;
}

body#marching ul.listImageTop li{
	float:left;
	margin-right:17px;
	width:281px;
}

body#marching ul.listImageTop li p.image{
	margin-bottom:8px !important;
}


/* 06. Layout image top
----------------------------------------------------------------------- */
body#marching div.layoutImageTop{
	margin-bottom:10px;
	padding-bottom:10px;
	width:281px;
	background:url(/product/marching/shared/images/bg_line_01.gif) repeat-x left bottom;
}

body#marching div.layoutImageTop p.image{
	float:left;
	width:140px;
}

body#marching div.layoutImageTop div.column{
	float:right;
	width:130px;
}

body#marching div.layoutImageTop p{
	margin:0 !important;
}


/* 07. List link top
----------------------------------------------------------------------- */
body#marching ul.listLinkTop{
	margin-right:-10px;
	width:290px;
	overflow:hidden;
}

body#marching ul.listLinkTop li{
	float:left;
	margin-bottom:2px;
	padding-right:5px;
	width:140px;
}

body#marching ul.listLinkTop li a{
	display:block;
	padding-left:22px;
	background:url(/product/marching/shared/images/icon_arrow_01.gif) no-repeat 2px 0.1em;
}