/* ----- MT templete css ----- */
@import url(/blog.css);

/* ----- YUI reset css ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:110%;
	font-weight: bold;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ----- top level ----- */

html {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(img/bgGreen.gif);
	background-color: #000;
	background-repeat: repeat-x;
	border-left: 15px #fff solid;
	font-size: 13px;
	line-height: 1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS P ゴシック", sans-serif;
	*font-size: small;
	*font: x-small;
}


/* ----- anchor ----- */

a {
	color: #006633;
	text-decoration: underline;
}

a:link {
}

a:visited {
	color: #336633;
}

a:focus,
a:hover,
a:active {
	color: #00cc66;
	text-decoration: underline !important;
}

/* ----- img ----- */

img {
	border: none;
}


/* ----- other ----- */

.bold { font-weight: bold; }
.red { color: #990000; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-m ac */
.cl { display: block; height: 0; clear: both;}
blockquote{
width: 358px;
margin: 10px;
padding: 10px;
border: 1px #339900 dotted;
}
.asset-more-link{
width: 390px;
margin-top: 10px;
border: 1px #339900 dotted;
padding: 4px;
font-weight: bold;
vertical-align: top;
}
.banner{
margin-top: 50px;
text-align: center;
}
.bannerImage{
margin: 10px 0 10px 0;
padding: 0px;
}

/* ----- basic ----- */

#container {
width: 800px;
margin: 0px;
padding: 0px;
}
#nav {
width: 180px;
margin: 0px;
padding: 0px;
float:left;
background-color:#000;
}
#contents {
width: 620px;
float: left;
margin: 0px;
padding: 0px;
background-color:#fff;
}

#futter{
width: 590px;
margin:0px;
padding: 50px 15px 0 15px;;
background-color:#fff;
font-size: 70%;
font-weight:normal;
line-height: 1.2em;
}


/* ----- navigation ----- */
#nav h1{
width: 180px;
height: 180px;
margin: 0px;
padding: 0px;
border-bottom: 2px #fff solid;
}
#nav ul.menu{
margin: 0px;
padding: 0px;
}
#nav ul li.menulink{
border-bottom: 2px #fff solid;
width: 180px;
height: 40px;
}
#nav img{
vertical-align: bottom;
}
#nav .info1{
margin: 60px 0 20px 0;
}
#nav .info2{
margin: 0px 0 20px 0;
}
#nav .info3{
margin: 0px 0 100px 0;
}


#contents .header{
width: 620px;
height: 180px;
margin: 0;
padding: 0;
}

#contents .headerMonth{
background-image: url(/img/ttl_month.jpg);
background-color: #000;
background-repeat: no-repeat;
width: 620px;
height: 180px;
margin: 0;
padding: 0;
}
#contents .headerMonth h2{
font-size: 150%;
margin: 0;
padding: 80px 0 0 400px;
}

/* ----- topPage ----- */
#contents h2{
margin: 0px;
padding: 0px;
}
#contents div.topics{
background-color: #c9c7c6;
padding-bottom: 10px;
}
#contents .topics h3{
width: 80px;
margin: 0px;
padding: 0px;
}
#contents .topics ul{
width: 439px;
margin: -15px 0 0 80px;
padding: 0;
position: relative;
}
#contents .topics li{
width: 409px;
margin: 0px 0 4px 0;
padding: 0;
font-size: 90%;
line-height: 1.2em;
background: url(img/t_topicsIcon.gif) no-repeat left top;padding: 0 0 2px 20px;
}

#contents span.topNewsData{
display: block;
width: 396px;
font-size: 90%;
line-height: 1.2em;
margin: 0px 0 15px 0;
padding: 2px;
border-top:dotted;
border-top-width: 2px;
border-top-color:#339900;
}

#contents .post-body p img{
margin: 2px 0 4px 0;
padding: 0px;
}


/* ----- nakaPage ----- */

#contents .post{
width: 620px;
background-color: #fff;
margin: 0px;
padding: 0px;
}
#contents .post-wrap{
width: 420px;
float: left;
margin: 0px;
padding: 0px;
}
#contents .post-body{
width: 400x;
margin: 20px 5px 30px 15px;
padding: 0px;
}
#contents .post-body h4{
color:#003300;
margin: 0px;
padding: 0px;
}
#contents .post-body p{
margin: 0px;
padding: 0px;
}
#contents .post-body .mt-enclosure-image img{
margin: 2px 0 4px 0;
padding: 0px;
}
#contents .post-archive{
width: 170px;
float: left;
margin: 20px 8px 0px 10px;
padding: 0px;
border-left: 2px #999 dotted;
}

#contents .post-wrap-1column{
width: 620px;
}
#contents .post-body-1column{
width: 590x;
margin: 20px 15px 15px 15px;
padding: 0px;
}
#contents .post-body-1column h4{
color:#003300;
margin: 0px;
padding: 0px;
}
#contents .post-body-1column span.topNewsData{
display: block;
width: 586px;
font-size: 90%;
line-height: 1.2em;
margin: 0px 0 15px 0;
padding: 2px;
border-top:dotted;
border-top-width: 2px;
border-top-color:#339900;
}



#contents .post-body-1column p{
margin: 0px;
padding: 0px;
}
#contents .post-body-1column p img{
background: White;
padding: 6px;
border-width: 1px;
border-style: solid;
border-color: Silver Gray Gray Silver;
float: left;
}

.pageBute{
width: 590x;
margin: 20px 15px 15px 15px;
padding:10px;
text-align: center;
background-color: #999;
font-weight: bold;
}

.supportRiderBlock
{
margin: 10px 0px 20px 0px;
padding:0 0 20px 0;
border-bottom: 2px #999 dotted;
}

/* ----- category ----- */
body#news .mtbTitle,
body#news .bmxTitle,
body#news .reportTitle
{
display: none;
}
body#mtb .newsTitle,
body#mtb .bmxTitle,
body#mtb .reportTitle
{
display: none;
}
body#bmx .newsTitle,
body#bmx .mtbTitle,
body#bmx .reportTitle
{
display: none;
}
body#report .newsTitle,
body#report .mtbTitle,
body#report .bmxTitle
{
display: none;
}