@charset "utf-8";

/*==================================================
	コモンスタイル
==================================================*/

/*--------------------------------------------------
	リンクカラー
--------------------------------------------------*/
a:link { color: #eef9ff; text-decoration: none; }
a:visited { color: #eef9ff; text-decoration: none; }
a:hover { color: #40fecb; text-decoration: underline; }


/*--------------------------------------------------
	フォントスタイル
--------------------------------------------------*/
.bold {	font-weight: bold;}
.fontOrange {color:#ff6c00;}
.fontOrangeBold {color:#ff6c00; font-weight: bold;}
.fontGreenBold {color:#153305; font-weight: bold;}
.fontRed {color:#ff3600;}

::selection {
	background: #eef9ff;
	color:#0f1d2d;
}
::-moz-selection {
	background: #eef9ff;
	color:#0f1d2d;
}


/*--------------------------------------------------
	マージン
--------------------------------------------------*/
.mgt05 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px;}
.mgt25 { margin-top: 25px;}
.mgt30 { margin-top: 30px;}
.mgt35 { margin-top: 35px;}
.mgt40 { margin-top: 40px;}
.mgt45 { margin-top: 45px;}

/*--------------------------------------------------
	フロート
--------------------------------------------------*/
.fltR { float: right;}
.fltC { float: center;}
.fltL { float: left;}

/*--------------------------------------------------
	float解除
--------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.both { clear: both; }



/*==================================================
	レイアウト
==================================================*/
#wrap {
	background: url(../images/bg.jpg) no-repeat center top;
}
#main {
	margin: 290px auto 15px auto;
	width: 956px;
}
#main_area {
	background: url(../images/main_bg_02.png) repeat-y;
	padding: 6px 20px 8px 20px;
}
.vb img {
	vertical-align: bottom;
}

/*==================================================
	#header
==================================================*/
#header {
	width: 956px;
	height: 99px;
	position: relative;
	margin: 0 auto;
}
#header h1 {
	position: absolute;
	top: 14px;
	left: 635px;
}
#buy_4 {	
	width: 956px;
	position: relative;
	margin: 0 auto;
}
#buy_4 #mc {
	position: absolute;
	top: 188px;
	left: 25px;
}
#buy_4 #mc2 {
	position: absolute;
	top: 188px;
	right: 25px;
}

/*==================================================
	#side
==================================================*/
#side {
	float: left;
	margin: 0;
	width: 293px;
}
/*--------------------------------------------------
	.series
--------------------------------------------------*/
#side .series {
	width: 293px;
	background: url(../images/side_series_bg.png) no-repeat;
}
#side .series_area {
	padding: 71px 0  12px 17px;
	text-align: left;
}
#side .series_area li {
	width: 260px;
	height: 101px;
	background: url(../images/side_series_parts_bg.png) no-repeat;
	position: relative;
	vertical-align: bottom;
}
#side .series_area li.long {
	height: 113px;
	background: url(../images/side_series_parts_bg2.png) no-repeat;
}
#side .series_area li.last {
	background: url(../images/side_series_parts_bg_last.png) no-repeat;
}
#side .series_area li p {
	position: absolute;
	top: 5px;
	left: 8px;
}
#side .series_area li h2 {
	display: block;
	line-height: 14px;
	position: absolute;
	top: 76px;
	left: 25px;
	font-size: 91%;
	padding-top: 4px;
}

#side .series_area li h3 {
	display: block;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 76px;
	font-size: 91%;
	right: 55px;
}
/*--------------------------------------------------
	.bnr_area
--------------------------------------------------*/
.bnr_area p {
	margin-bottom: 10px;
}
/*--------------------------------------------------
	.d3pch
--------------------------------------------------*/
.d3pch {
	width: 293px;
	height: 80px;
	background: url(../images/side_d3pch_bg.png) no-repeat;
	margin-bottom: 10px;
	position: relative;
	_position: static;
}
.d3pch .btn_01 {
	position: absolute;
	top: 18px;
	left: 88px;
}
.d3pch .btn_02 {
	position: absolute;
	top: 18px;
	left: 167px;
}
/*--------------------------------------------------
	.another
--------------------------------------------------*/
.another {
	width: 293px;
	background: url(../images/another_bg.png) no-repeat;
}
.another_area {
	padding: 18px 0 12px 0;
	text-align: left;
}
.another_area .title {
	padding: 0 0 0 16px;
}
.another_bnr {
	width: 260px;
	height: 101px;
	background: url(../images/another_bg_02.png) no-repeat;
	position: relative;
	vertical-align: bottom;
	margin-left: 17px;
}
.another_bnr p {
	position: absolute;
	top: 8px;
	left: 8px;
}
.another_bnr h2 {
	display: block;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 79px;
	left: 25px;
	font-size: 91%;
}
.another_foot {
	clear: both;
	margin-bottom: 12px;
}
/*--------------------------------------------------
	.another2
--------------------------------------------------*/
.another2 {
	width: 293px;
	background: url(../images/another_bg.png) no-repeat;
}
.another2_area {
	padding: 18px 0 12px 0;
	text-align: left;
}
.another2_area .title {
	padding: 0 0 0 16px;
}
.another2_bnr {
	width: 260px;
	height: 101px;
	background: url(../images/another_bg_02.png) no-repeat;
	position: relative;
	vertical-align: bottom;
	margin-left: 17px;
}
.another2_bnr p {
	position: absolute;
	top: 8px;
	left: 8px;
}
.another2_bnr h2 {
	display: block;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 79px;
	left: 25px;
	font-size: 91%;
}
.another2_foot {
	clear: both;
	margin-bottom: 12px;
}
/*==================================================
	#content
==================================================*/
#content {
	float: right;
	margin: 0;
	width: 622px;
	text-align: left;
}
/*--------------------------------------------------
	#twitter
--------------------------------------------------*/
#twitter {
	width: 245px;
	height: 421px;
	background: url(../images/twitter_bg.png) no-repeat;
	float: right;
	_margin-right: -2px;
}
.monitter {
	width: 207px;
	height: 329px;
	margin: 72px 0 0 19px;
	overflow: hidden;
}
.twitter_btn {
	padding: 15px 0 0 19px;
}
/*--------------------------------------------------
	#movie
--------------------------------------------------*/
#movie {
	clear: both;
}
#movie_wrap {
	width: 606px;
	background: url(../images/movie_bg.png) no-repeat;
	clear: both;
	margin: 11px 0 0 16px;
	padding-bottom:14px;
}
#movie_wrap2 {
	width: 606px;
	background: url(../images/movie2_bg.png) no-repeat;
	clear: both;
	margin: 11px 0 0 16px;
	padding-bottom:14px;
}
#movie .movie_area {
	padding: 72px 0 0 23px;
}
#youtube iframe {
	border: 1px solid #455c69;
	-moz-box-shadow: 0 0 5px #5faacc;　/* Firefox用 */  
	-webkit-box-shadow: 0 0 5px #5faacc;　/* Safari,Google Chrome用 */ 
}
.movie_foot {
	margin: 0 0 0 16px;
	clear: both;
}

/*--------------------------------------------------
	#special
--------------------------------------------------*/
#special {
	margin: 14px 0 0 19px;
}

/*==================================================
	#footer
==================================================*/
#footer {
	width: 907px;
	background: url(../images/footer_line.png) top center no-repeat;
	margin: 0 auto;
	clear: both;
	padding: 19px 0 0 0;
	text-align: left;
}
.footer_area {
	padding: 0 6px;
}
.totop {
	float: right;
}
.footer_nav {
	width: 770px;
	float: left;
}
.footer_nav ul {
	clear: both;
}
.footer_nav li {
	float: left;
	background: url(../images/icon_01.png) no-repeat left center;
	margin-bottom: 3px;
	padding: 0 11px 0 14px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
}

/*==================================================
	#base_footer
==================================================*/
#base_footer {
	clear: both;
}
.base_footer_area {
	width: 936px;
	margin: 0 auto;
	padding-bottom: 15px;
}
.base_footer_area p {
	float: right;
}
.d3p_02 {
	padding: 17px 0 0 10px;
}
.sandlot {
	padding: 16px 8px 0 0;
}