@charset "utf-8";
/*
Theme Name: NISSAN MOTORSPORTS Blog
Theme URI: http://wordpress.org/
Description: NISSAN MOTORSPORTS Blog用WordPressテーマとなります。
Author: HAKUHODO i-studio
Version: 1.0
Tags: NISSAN, MOTORSPORTS
*/


/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */

html, body,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li,
dl, dt, dd, address,
figure {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul, ol {
	list-style-type: none;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	default style
::::::::::::::::::::::::::::::::::::::::::::: */

hr {
	display: none;
}

strong {
	font-weight: bold;
	text-decoration: none;
}

address {
	font-weight: normal;
	font-style: normal;
}

th {
	text-align: left;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	class
::::::::::::::::::::::::::::::::::::::::::::: */

/* clearfix ------------ */

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

.clearfix {
	display: inline-block;
}

/* Hide from MacIE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */


/* appearance ------------ */

.hidden {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	typography
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 10px;}
.txt11 { font-size: 11px;}
.txt12 { font-size: 12px;}
.txt14 { font-size: 14px;}
.txt16 { font-size: 16px;}
.txt18 { font-size: 18px;}

/* exceptional style */
.txt10_18 { font-size: 10px; line-height: 18px; }
.txt12_25 { font-size: 12px; line-height: 25px; }



/* :::::::::::::::::::::::::::::::::::::::::::::
	essential
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	color: #666;
	background: #fff;
	text-align:center;
}

a:link,
a:visited {
	color: #666;
	text-decoration: none;
	background-color: transparent;
}

a:active,
a:hover {
	color: #C71444;
	text-decoration: none;
	background-color: transparent;
}


/* :::::::::::::::::::::::::::::::::::::::::::::
	layout
::::::::::::::::::::::::::::::::::::::::::::: */
#nmsContainer {
	text-align:left;
	width:1000px;
	margin:0 auto;
}

#nmsContainer #header {
	margin:0;
	padding:20px 20px 30px;
	background-color:#000;
}

#nmsContainer #header .blogTitle {
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#contentsArea{
	width: 100%!important;
	background: url(./img/top_mainBg.gif) repeat-y !important;
	margin:0 auto;
}
/* 20130110修正ここから*/
#contentsArea #mainArea{
	background: url(./img/top_mainBg_top.gif) no-repeat left top;
}
/* 20130110修正ここまで*/

#contentsArea #mainArea #mainLeftArea{
	width: 200px;
	float: left;
	margin-right:30px
}
#contentsArea #mainArea #mainCenterArea{
	width: 440px;
	margin: 0 auto;
	float:left;
}
#contentsArea #mainArea #mainRightArea{
	width: 200px;
	float: right;
	display: table;
}
/* 20130110修正ここから*/
#contentsArea #mainArea #mainContentArea{
	margin: 0;
	padding: 15px 50px 20px 50px;
}
#contentsArea #mainArea #mainImgBox{
	position:relative;
	width:1000px;
	height:270px;
}
#contentsArea #mainArea #mainImgBox #mainText{
	position:absolute;
	top:5px;
	left:50px;
	width:294px;
	z-index:9999;
}
#contentsArea #mainArea #mainImgBox #mainText img {float:left;}
#contentsArea #mainArea #mainImgBox #mainText img.mainText02 {margin-top:14px;}

#contentsArea #mainArea #mainImgBox #mainImgArea{
	position:absolute;
	top:0;
	left:0;
}
/* 20130110修正ここまで*/

#blogContent {
	width:900px;
}
/* 20101020修正ここから*/
.blogBlock .title .inner:after ,
.commentForm:after ,
#blogContent:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.blogBlock .title .inner ,
.commentFormt ,
#blogContent {
  min-height: 1px;
}

* html .blogBlock .title .inner ,
* html .commentForm ,
* html #blogContent {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* 20101020修正ここまで*/

#mainLeftArea {
	width:200px;
}
#mainRightArea {
	width:200px;
}
.mb20 {
	margin-bottom:20px!important;
	height:1%;
	display:block;
}

.sidebox {
	background:url(./img/bg_sideContent.gif) repeat-y 0 0;
	border:1px solid #1e1e1e;
	border-left:0;
	border-right:0;
	width:200px;
	margin-bottom:10px;
	height:1%;
	font-size:11px;
	color:#ffffff;
}
.sidebox .inner {
	padding:10px 10px 0 10px;
}
.sidebox .inner .LinklistStyle01 {
	margin-bottom:10px;
}
.sidebox .inner .LinklistStyle01 li {
	background:url(./img/icon_link.gif) no-repeat 0 4px;
	padding-left:15px;
	line-height:1.5;
	color:#a0a0a0;
	font-size:10px;
}
.sidebox .inner .LinklistStyle01 li a{
	color:#ffffff;
	font-size:11px;
}
.sidebox .inner .LinklistStyle01 li a:hover{
	color:#CC0000;
}
#NewEntry .LinklistStyle01 ,
#MonthlyDaily .LinklistStyle01 {
	margin-bottom:0;
}
#NewEntry li,
#MonthlyDaily li{
	margin-bottom:1em;
}
.txtStyle_01 {
	font-size:10px;
	margin-bottom:10px;
	line-height:1;
}
#Search .sidebox .inner form {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
#Search .sidebox .inner .txtArea {
	background:#7d7d7d;
	border:1px solid #666666;
	color:#ffffff;
	width:100%;
	margin-bottom:10px;
}
#BookmarkShare .sidebox .inner .pb10 {
	padding-bottom:10px;
}
#twitter .sidebox201302 .twitter-link {
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 60px;
}

#twitter .tweets {
	border-top:1px solid #555555;
	color:#ffffff;
	font-size:10px;
	padding-top:7px;
	margin-bottom:7px;
	overflow:hidden;
	width:100%;
}
#twitter .tweets span {
	color:#8f8f8f;
}


#blogCenter {
	width:440px;
	margin:0 auto;
	color:#ffffff;
	padding:0 0 0 0;
}
#blogCenter a{
	color:#ffffff;
}
#blogCenter a:hover{
	color:#cc0000;
}
.blogBlock {
	margin-bottom:60px;
}
.blogBlock .title {
	background:url(./img/bg_title.gif) repeat-y left top;
	clear:both;
	margin-bottom:0;
	display:block;
}
.blogBlock .title .inner{
	background:url(./img/bg_title_01.gif) no-repeat left top;
	padding:12px 10px 12px 20px;
	clear:both;
	display:block;
	height:1%;
}
.blogBlock .title h2 {
	width:295px;	/*20101028修正*/
	float:left;
	font-size:18px;
	font-weight:normal;
	line-height:1.4;
}
.blogBlock .title p {
	width:110px;	/*20101028修正*/
	float:right;
	font-size:12px;
	padding:2px 0 0 0;	/*20101028修正*/
	margin:0 0 0 0;
	text-align:right;	/*20101028修正*/
}
.blogBlock .blogInner {
	padding:15px 0 0 0;
	background:url(./img/line_dot.gif) repeat-x left bottom;
	text-align:center;
	margin-bottom:5px;
	clear:both;
}
.blogBlock p {
	font-size:12px;
	padding:0 15px;
	text-align:left;
}
.blogBlock .blogInner img {
	margin:20px auto;
	text-align:center;
	max-width:100%;
}
.blogBlock .iconBox {
	width:100%;
	text-align:right;
	margin:0 0 0 0;
	padding:0;
}
.blogBlock .iconBox a{
	margin-left:3px;
}
.blogBlock .iconBox img {
	margin:0 0 0 0;
}
.blogBlock .linkBox {
	clear:both;
	font-size:10px;
}
.blogBlock .linkBox .more {
	float:left;
}
.blogBlock .linkBox .rightlink {
	float:right;
	border-right:1px solid #666666;
}
.blogBlock .linkBox .link {
	border-left:1px solid #666666;
	padding:3px 5px;
	line-height:1;
	float:left;
}
.blogBlock p a{
	color:#41b5fe!important;
}
.blogBlock p a:hover{
	text-decoration:underline;
	color:#41b5fe!important;
}
#blogContent #pagenation {
	text-align:center;
	clear:both;
}
#blogContent #pagenation span{
	border-left:1px solid #666666;
	font-size:12px;
	line-height:1;
	padding:0 5px;
	margin:0 0 0 0;
	height:1%;
}
#blogContent #pagenation span.last{
	border-right:1px solid #666666;
}
#blogContent #pagenation a {
	color:#ffffff;
	font-size:12px;
	line-height:1;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:1%;
}
#blogContent #pagenation a:hover {
	color:#cc0000;
}
#blogContent #pagenation .prev {
	margin-right:10px;
}
#blogContent #pagenation .next {
	margin-left:10px;
}

/* category*/
.blogBlock .blogList {
	margin:20px 10px;
}
.blogBlock .blogList li {
	background:url(./img/line_dot.gif) repeat-x left bottom;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
}
.blogBlock h3 {
	background:url(./img/bg_h3_title.gif) no-repeat left top;
	font-size:14px;
	text-align:left;
	padding-left:15px;
	margin-bottom:10px;
}
.blogBlock .blogList li p{
	font-size:12px;
}


/* page */
#blogPage .blogBlock .blogInner {
	border-bottom:1px solid #000000;
	background:none;
}
#blogPage .blogBlock h3 {
	margin-bottom:20px;
}
#blogPage .blogBlock h4 {
	text-align:left;
	font-size:12px;
	margin-bottom:20px;
}
#blogPage .blogBlock p.commentTxt {
	width:100%;
	background:url(./img/line_dot.gif) repeat-x left bottom;
	padding:0 0 10px 0;
	margin-bottom:5px;
}
#blogPage .blogBlock p.dataTxt {
	padding:0;
}
#blogPage .blogBlock .commentBox {
	margin-bottom:20px;
}
#blogPage .blogBlock .commentForm {
	text-align:left;
	font-size:12px;
	clear:both;
	padding-bottom:10px;
	width:440px;
	height:1%
}
#blogPage .blogBlock .commentForm dt {
	float:left;
	margin:0 20px 0 0;
	width:60px;
}
#blogPage .blogBlock .commentForm dd {
	float:left;
	text-align:left;
}
#blogPage .blogBlock .commentForm input {
	width:180px;
	background:#7d7d7d;
	border:1px solid #666666;
	color:#ffffff;
}
#blogPage .blogBlock .commentForm textarea {
	width:350px;
	background:#7d7d7d;
	border:1px solid #666666;
	color:#ffffff;
}
#blogPage .blogBlock .btnSend {
	text-align:left;
}
#blogPage .blogBlock .btnSend input {
	margin-left:80px;
}
#footer {
	border-top:1px solid #666666;
	background:#000000;
	padding:15px 0 30px 0;
	text-align:left;
}
#footer .inner {
	width:900px;
	margin:0 auto;
	color:#ffffff;
	font-size:10px;
}



/* 20101111修正ここから */
.blogBlock .blogInner ul ,
.blogBlock .blogInner ol {
	list-style:disc;
	margin-left:18px;
	padding:0 15px;
	text-align:left;
	font-size:12px;
	margin-bottom:1em;
	line-height:1.2;
}
.blogBlock .blogInner ol {
	list-style:decimal;
	*margin-left:25px;
}
.blogBlock .blogList li {
	list-style:none;
}

/* 20101111 修正ここまで */



/* 20110126 修正ここから*/
.LinkStyle_s {
	background:url(./img/icon_link.gif) no-repeat 0 50%;
	padding-left:12px;
	line-height:1.5;
	font-size:10px;
}
.LinkStyle_s  a{
	color:#ffffff;
}
.LinkStyle_s  a:hover{
	color:#CC0000;
}
/* 20110126 修正ここまで*/






/* 20130225 修正ここから*/
.sidebox201302 {
	background:url(./img/bg_sideContent.gif) repeat-y 0 0;
	border:1px solid #1e1e1e;
	border-left:0;
	border-right:0;
	width:220px;
	margin-bottom:10px;
	height:1%;
	font-size:11px;
	color:#ffffff;
}
.sidebox201302 .inner {
	padding:10px 10px 0 10px;
}
.sidebox201302 .inner .LinklistStyle01 {
	margin-bottom:10px;
}
.sidebox201302 .inner .LinklistStyle01 li {
	background:url(./img/icon_link.gif) no-repeat 0 4px;
	padding-left:15px;
	line-height:1.5;
	color:#a0a0a0;
	font-size:10px;
}
.sidebox201302 .inner .LinklistStyle01 li a{
	color:#ffffff;
	font-size:11px;
}
.sidebox201302 .inner .LinklistStyle01 li a:hover{
	color:#CC0000;
}

#BookmarkShare .sidebox201302 .inner .pb10 {
	padding-bottom:10px;
}

/* 20130225 修正ここまで*/


.wp-block-image {
	padding: 0 15px;
}

.blogBlock .blogInner ul.wp-block-gallery {
	list-style-type: none;
	margin: 0;
	padding: 0 15px;
}

.blogBlock .blogInner ul.wp-block-gallery li {
	display: inline-block;
}


.blogBlock .blogInner ul.wp-block-gallery.columns-2 li {
	width: 50%;
	display: inline-block;
}
.blogBlock .blogInner ul.wp-block-gallery.columns-3 li {
	width: calc((100% - 16px * 2)/ 3);
	margin-right: 16px;
}

.blogInner p {
	margin-bottom: 1em;
}