/*
Theme Name: グリッドレイアウト
Theme URI: http://www.oyajina.com/
Description: WordPress theme designed by <a href="http://www.oyajina.com/">oyaji</a>
Version: 1.0
Author: oyaji
Author URI: http://www.oyajina.com/
*/

/*------------------------------
reset css elements
------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
ol,li {
  list-style: none;
}
caption,th {
  text-align: left;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,q:after {
  content: '';
}
abbr,acronym {
  border: 0;
  font-variant: normal;
}

/*------------------------------
fonts css elements
------------------------------*/
body {
  font-size: 13px;
  line-height: 1.7;
  *font-size: small;
  *font: x-small;
}
table {
  font-size: inherit;
  font: 100%;
}
select,input,textarea {
  font-size: 99%;
}
pre,code {
  font-family: monospace;
  font-size: 115%;
  *font-size: 100%;
}

/*------------------------------
html elements
------------------------------*/
body {
  color: #333;
  text-align: center;
  background:#EDEFE1;
}
a {text-decoration: none;}
a:link {color: #75AA33;}
a:visited {color: #75AA33;}
a:hover {color: #C00; text-decoration: underline;}
a:active {color: #C00; outline: none;}
a:focus {outline: none;}

h2 a:link {color: #666;}
h2 a:visited {color: #666;}

a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/*------------------------------
clearfix elements
------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*------------------------------
ie6 clearfix elements
------------------------------*/
* html body .clearfix {
  height: 1%;
}

/*------------------------------
wrap elements
------------------------------*/
div.wrap {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

div.contentWrap {
	background:#FFF;
	padding:20px 0 0 30px;
}

.header {
	height:100px;
	position:relative;
}
.nav01 {position:absolute; top:70px; left:450px;}
.nav02 {position:absolute; top:70px; left:560px;}
.nav03 {position:absolute; top:70px; left:670px;}
.nav04 {position:absolute; top:70px; left:780px;}
.nav05 {position:absolute; top:70px; left:890px;}


#footerWrap {
	width:100%;
	background:#75AA33;
}

.footer {
	background:url(img/footerWrap_bg.gif) no-repeat;
	width:1020px;
	margin: 0 auto;
	height:300px;
	position:relative;
}

.footer h3 {
	margin-bottom: 10px;
}

.footer div {
	width:220px;
	text-align:left;
}

.footer ul li {
	margin-left: 20px;
	list-style-type: disc;
	color: #FFF;
}
.footer .category {
	position:absolute;
	top:20px;
	left:20px;
}

.footer .page {
	position:absolute;
	top:20px;
	left:275px;
}

.footer .bookmark {
	position:absolute;
	top:20px;
	left:530px;
}

.footer .twitter {
	position:absolute;
	top:20px;
	left:785px;
}

.footer .tag {
	position:absolute;
	top:20px;
	left:785px;
}

.footer .copy {
	padding-top:270px;
	color:#FFF;
}

.footer a:link {color:#FFF; font-weight:bold;}
.footer a:visited {color:#FFF;}
.footer a:hover {color: #C00; text-decoration: underline;}

ol#commentlist li {border-bottom:1px solid #75AA33; padding-bottom:20px;}

.content_box {
	background: #FFFDF4;
}

.content_box img {
	max-width: 300px;
	height: auto;
}

.more-link {
	display: block;
	width: 300px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #75AA33;
	margin-top: 5px;
}

a.more-link {
	color: #FFFFFF !important;
}

/*------------------------------
sidebar elements
------------------------------*/

#sidebar {width:200px; float:right;}

/*------------------------------
content elements
------------------------------*/

.content p {
	margin-bottom:20px;
}

blockquote {
	border-left: 5px solid #006699;
	padding: 10px 10px 10px;
	margin: 0 20px 20px 20px;
	background: #dddddd;
}

#home div {width:300px; padding-bottom:10px; margin-bottom:30px; border-bottom:1px dotted #093; display:block; clear:both;}
#home div h2 {border-top: 5px solid #75AA33; border-bottom: 2px solid #75AA33; font-size:14px; font-weight:bold; padding:3px 0px;}
#home div p {}

.info {text-align:right; font-size:11px; margin-top:3px;}


/*------------------------------
page elements
------------------------------*/

.pageWrap {width:700px; padding-bottom:30px; float:left;}
.pageWrap h2 {font-size:14px; border-top: 5px solid #75AA33; border-bottom: 2px solid #75AA33; font-weight:bold; padding:3px 0px; margin-bottom:20px;}



/*-----------------------------------------------
燃費
-----------------------------------------------*/

table.nenpi {width:680px; margin-bottom:20px;}
table.nenpi th {border-bottom:1px dotted #CCC;}
p.nenpi {margin-top:3px; margin-bottom:2px;}
.nenpi01 {color:#FFFFFF; background:url(img/hoge.gif) repeat-y;	height:30px;}
.nenpi02 {background-color:#0066CC;	border-bottom:1px solid #999; border-right:1px solid #999;}





.wp-pagenavi {
	clear: both; text-align:center; padding-bottom:20px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*------------------------------
ranking elements
------------------------------*/
.ranking {
	margin-bottom: 20px;
}
.ranking h2 {
	font-weight: bold;
	color: #FFF;
	background: #75AA33;
	margin-bottom: 10px;
	line-height: 36px;
	text-align: center;
}

.ranking ol li {
	font-size: 11px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	min-height: 55px;
}