@charset "UTF-8";

/* /////////////////////////////////////////////////////// */
/*
/*  Base Style
/*
/*  1.General
/*  2.header
/*  3.main
/*  4.footer
/*
/* ////////////////////////////////////////////////////// */

/*----------------------------------------------------
	General
----------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;	
	font-weight:normal;
	vertical-align:bottom;
	background:transparent;
	list-style:none;
	text-decoration:none;
	line-height:100%;
}

textarea {resize: vertical;}
a{text-decoration: underline;outline:none;transition: 0.5s ease;}
a:hover {text-decoration:none;}
a:focus{outline:none;}
a img{transition: 0.5s ease;}
a:hover img {opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
::-moz-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}

/*-- General --*/
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#wrapper {
	width: 100%;
}
p,a {
	font-size: 15px;
	line-height: 1.6;
}
.important, .bold {
	font-weight: bold;
	line-height: 1.6;
}
a {
	color: #004986;
}
.wrap {
	width: 960px;
	margin: 0 auto;
}
.arrow {
	width: 112px;
	height: 24px;
	margin: 0 auto 20px;
	background: url(../images/arrow_01.jpg) no-repeat;
}
.left_box {
	float: left;
}
.right_box {
	float: right;
}

	/*  コンタクト  */
.contact {
	width: 660px;
	height: 344px;     /*修正0331（変更）*/
	margin: 0 auto 70px;
	padding-top: 36px;
	background: url(../images/bg_contact.gif) no-repeat;
}
.contact p{
	text-align: center;
}
.contact .btn_contact {
	width: 426px;
	height: 52px;
	margin: 0 auto 30px;
}
.contact_text {
	margin-bottom: 25px;
}
.important {
	color: #ed0518;
	border-bottom: 2px solid #ed0518;
}
.sns_plugin {       
	width: 600px;
	margin: 0 auto;
	border-top: 1px solid #dcdcdc;
}
.sns_plugin p {         /*修正0331　argin-left: 5px;を削除*/
	text-align: cnter;  /*修正0331（変更）*/
	margin-top: 25px;    /*修正0331（変更）*/
    margin-bottom: 15px;
    letter-spacing: -0.03em;    /*修正0331（追加）*/
}
#wrapper .ninja_onebutton {  /* デフォルトの設定を打ち消し */
	clear: none !important;
    width: 400px;        /*修正0331(追加)*/
    margin: 0 auto;        /*修正0331(追加)*/
}

/*-------- CSSの名称は基本「_」で統一 ---------*/

/*----------------------------------------------------
	Header
----------------------------------------------------*/
header {
	position: relative;
	width: 960px;
	margin: 0 auto 40px;
}
.header_wrap {
	border-top: 8px #dadf00 solid;
	background: #fffffa;
}
header p{
	position: absolute;
	top:270px;
	left: 200px;
	height: 19px;
	padding: 5px;
	background: url(../images/icon_hp.gif) no-repeat left 75%;
}
header aside p a {
	padding-left: 30px;
}
/*----------------------------------------------------
	Main or #main-container
----------------------------------------------------*/
#sec_01 .fig{
	margin-bottom: 30px;
}
#sec_01 h2,#sec_02 h2 {
	text-align: center;
	margin-bottom: 20px;
}
#sec_01 .arrow,#sec_02 .arrow {
	width: 112px;
	height: 24px;
	margin: 0 auto 20px;
	background: url(../images/arrow_01.jpg) no-repeat top center;
}

	/*  .description  */
.description {
	width: 960px;
	margin-bottom: 50px;
	padding-bottom: 60px;
	border-bottom: 1px solid #dcdcdc;
}
.description p {
	font-size: 14px;
	line-height: 1.8;
}
.description .bold {
	line-height: 4.0;
}
.des_03 {
	padding-bottom: 0;
	margin-bottom: 80px;
	border-bottom: none;
}
.description h2 {
	margin-bottom: 15px;
}
.text_box {
	width: 655px;
}
.thumb_box {
	width: 264px;
	height: 164px;
	border: 1px solid #dcdcdc;
}
.des_01 .left_box{
	background: url(../images/thumbnail_01.jpg) no-repeat center center;
}
.des_02 .right_box{
	background: url(../images/thumbnail_02.jpg) no-repeat center center;
}
.des_03 .left_box{
	background: url(../images/thumbnail_03.jpg) no-repeat center center;
}
#sec_02 .consult {
	width: 805px;
	height: 65px;
	padding-top: 20px;
	margin: 0 auto 70px;
	text-align: center;
	background: url(../images/bg_consult.gif) no-repeat;
}
.flow_wrap {
	position: relative;
	width: 960px;
	height: 375px;
	padding-top: 53px;
	margin-bottom: 40px;
	background: url(../images/bg_flow.gif) no-repeat;
}
#flow h2 {
	position: absolute;
	top: -20px;
	left: 340px;
}
.step_wrap {
	width:870px;
	margin: 0 auto;
}
.step_wrap p {
	float: left;
	margin-right: 40px;
}
.step_wrap p:last-child {
	margin-right: 0;
}
.serif {
	width: 870px;
	margin: 0 auto 50px;
}
.serif .left_box {
	width: 170px;
	height: 170px;
	background: url(../images/thumbnail_04.jpg) no-repeat;
}
.serif .right_box {
	width: 615px;
	height: 123px;
	padding-left: 60px;
	padding-top: 23px;
	margin-top: 14px;
	background: url(../images/bg_serif.gif) no-repeat;
}
#movie {
	width: 100%;
	margin-bottom: 30px;
	background: #fcfcf0;
}
#movie .wrap {
	width: 610px;
	height: 345px;
	margin: 0 auto;
	padding-top:25px;
	padding-bottom:25px;
}
.img_box {
	box-shadow: 0px 0px 1px #999;
}
main {
	margin-bottom: 100px;
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	width: 100%;
	background: #f7f7f7;
}
footer p,footer a {
	font-size: 12px;
	line-height: 2;
}
footer p {
	margin-bottom: 30px;
}
.footer_wrap {
	width: 900px;
	margin: 0 auto;
	padding: 60px 30px 40px 30px;
}
footer .left_box {
	width: 560px;
	padding: 10px 29px 10px 0px;
	border-right: 1px solid #dcdcdc;
}
footer h1 {
	font-size: 24px;
	font-weight: bold;
	color: #c9cc33;
	margin-bottom: 20px;
}
footer h1 a {
	font-size: 14px;
	font-weight: bold;
	color: #c9cc33;
	line-height: 1.2;
	padding-left: 10px
}
footer .left_box .about {
	margin-bottom: 40px;
}
footer .left_box p:last-child {
	margin-bottom: 0;
}
footer .right_box {
	width: 280px;
}
.tosite p {
	margin-bottom: 20px;
}
.tosite a {
	color: #000;
}
.copyright {
	width: 100%;
	padding: 15px 0 15px 0;
	background: #dadf00;
}
footer small {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 0px 3px #d5d900;


}