@import url("base.css");/* 基本設定 */


/* *****************************************************************************

  レイアウト

***************************************************************************** */

/* body 背景 */
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* テキストリンク */
	a {
	color: #F64C20;
}
	a:hover { text-decoration: none; }

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}
.clear { clear:both; }
ul,li {
	list-style:none;
}

table {
	border:0px;
}

img {
	margin:0px;
	padding:0px;
	border:0px none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}
/* *****************************************************************************

  ブロック

***************************************************************************** */

/* 全体のエリア */
/* wrapper */
#wrapper {
	width: 960px;/*footer高さ*/
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
		}

/* メインビジュアルエリア */
#main { margin-bottom: 10px; }

/* メインコンテンツエリア */
	#contents_out { width: 1000px; margin: 0 auto 50px auto; }/* 外側 */

/* *****************************************************************************

  ヘッダー

***************************************************************************** */

/* ヘッダーエリア */
header {
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	height: 110px;
}



h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}



/* フロート
============================================================================ */
/* float */
	.left { float: left; }
	.right { float: right; }

/* テキスト
============================================================================ */
/* text-align */
	.l { text-align: left; }
	.c { text-align: center; }
	.r { text-align: right; }

/* padding
============================================================================ */

/* paddng-top */
	.pt3 { padding-top:3px; }
	.pt5 { padding-top:5px; }
	.pt8 { padding-top:8px; }
	.pt10 { padding-top:10px; }
	.pt15 { padding-top:15px; }
	.pt20 { padding-top:20px; }
	.pt25 { padding-top:25px; }
	.pt30 { padding-top:30px; }
	.pt35 { padding-top:35px; }
	.pt40 { padding-top:40px; }

/* paddng-bottom */
	.pb3 { padding-bottom:3px; }
	.pb5 { padding-bottom:5px; }
	.pb8 { padding-bottom:8px; }
	.pb10 { padding-bottom:10px; }
	.pb15 { padding-bottom:15px; }
	.pb20 { padding-bottom:20px; }
	.pb25 { padding-bottom:25px; }
	.pb30 { padding-bottom:30px; }
	.pb35 { padding-bottom:35px; }
	.pb40 { padding-bottom:40px; }

/* paddng-top */
	.pl3 { padding-left:3px; }
	.pl5 { padding-left:5px; }
	.pl8 { padding-left:8px; }
	.pl10 { padding-left:10px; }
	.pl15 { padding-left:15px; }
	.pl20 { padding-left:20px; }
	.pl25 { padding-left:25px; }
	.pl30 { padding-left:30px; }
	.pl35 { padding-left:35px; }
	.pl40 { padding-left:40px; }

/* paddng-top */
	.pr3 { padding-right:3px; }
	.pr5 { padding-right:5px; }
	.pr8 { padding-right:8px; }
	.pr10 { padding-right:10px; }
	.pr15 { padding-right:15px; }
	.pr20 { padding-right:20px; }
	.pr25 { padding-right:25px; }
	.pr30 { padding-right:30px; }
	.pr35 { padding-right:35px; }
	.pr40 { padding-right:40px; }

/* margin
============================================================================ */

/* margin-left */
	.ml3 { margin-left:3px; }
	.ml5 { margin-left:5px; }
	.ml8 { margin-left:8px; }
	.ml10 { margin-left:10px; }
	.ml15 { margin-left:15px; }
	.ml20 { margin-left:20px; }
	.ml25 { margin-left:25px; }
	.ml30 { margin-left:30px; }
	.ml35 { margin-left:35px; }
	.ml40 { margin-left:40px; }

/* margin-right */
	.mr3 { margin-right:3px; }
	.mr5 { margin-right:5px; }
	.mr8 { margin-right:8px; }
	.mr10 { margin-right:10px; }
	.mr15 { margin-right:15px; }
	.mr20 { margin-right:20px; }
	.mr25 { margin-right:25px; }
	.mr30 { margin-right:30px; }
	.mr35 { margin-right:35px; }
	.mr40 { margin-right:40px; }

/* margin-top */
	.mt3 { margin-top:3px; }
	.mt5 { margin-top:5px; }
	.mt8 { margin-top:8px; }
	.mt10 { margin-top:10px; }
	.mt15 { margin-top:15px; }
	.mt20 { margin-top:20px; }
	.mt25 { margin-top:25px; }
	.mt30 { margin-top:30px; }
	.mt35 { margin-top:35px; }
	.mt40 { margin-top:40px; }

/* margin-bottom */
	.mb3 { margin-bottom:3px; }
	.mb5 { margin-bottom:5px; }
	.mb8 { margin-bottom:8px; }
	.mb10 { margin-bottom:10px; }
	.mb15 { margin-bottom:15px; }
	.mb20 { margin-bottom:20px; }
	.mb25 { margin-bottom:25px; }
	.mb30 { margin-bottom:30px; }
	.mb35 { margin-bottom:35px; }
	.mb40 { margin-bottom:40px; }
	.mb45 { margin-bottom:45px; }
	.mb50 { margin-bottom:50px; }

/* フォント
============================================================================ */

/* サイズ */
	.f10 { font-size:10px; line-height: 14px; }
	.f12 { font-size:12px; line-height: 18px; }
	.f13 { font-size:13px; line-height: 22px; }
	.f14 { font-size:14px; line-height: 24px; }
	.f15 { font-size:15px; line-height: 28px; }
	.f16 { font-size:16px; line-height: 32px; }


/* 装飾 */
	.bold { font-weight: bold; }
	.u { text-decoration: underline; }

/* フォントカラー */
	.red { color: #F70400; }
	.gold { color: #A6864B; }

header .contact {
	position: absolute;
	left: 779px;
	top: 29px;
	margin: 0px;
	padding: 0px;
}
.content h2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 26px;
}
.content .nvi01 {
	position: relative;
}
.content .nvi01 li {
	float: left;
	width: 310px;
	padding-bottom: 15px;
}
.content .nvi02 {
	width: 465px;
	float: left;
}
.content .nvi02 li {
	float: left;
	padding-bottom: 15px;
}
li img,
li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}
.content .blog {
	float: right;
	width: 480px;
}
.content .nvi01 .point {
	position: absolute;
	left: -40px;
	top: -37px;
}
.content .banner {
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 10px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 25px;
}
header .seo {
	font-size: 10px;
	color: #F54C1F;
	top: 0px;
	position: absolute;
	text-align: right;
	width: 100%;
}
.banner .banner_l {
	float: left;
	width: 376px;
	line-height: normal;
}
.banner .banner_r {
	float: right;
}
.footer_bg {
	background-color: #F8C259;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 2em;
}

footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
footer ul {
	float: left;
	padding-left: 50px;
}
.banner.clearfix .banner_l img {
	vertical-align:top;
}
#wrapper .content .blog .ninja-recommend-block {
	clear: both;
	height: 420px;
	width: 480px;
	background-color: #FFF;
	overflow: scroll;
}