@charset "UTF-8";


/* ===================================================================
CSS information
=================================================================== */


/*--------------------------------------------------------------------

共通要素

--------------------------------------------------------------------*/

* {
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
}

body{
    /*background: none repeat scroll 0 0 #fff;
    color: #333;*/

    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Mincho ProN',Helvetica,sans-serif;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 12px;
    line-height: 1.4; 
    margin: 0 auto;
    min-width: 1100px; 
    overflow-y: visible;
    width: 100%;
    font-size: 14px;
}


.inner{
	margin:0 auto;
	width:980px;
	min-width:980px;
	position:relative;
	}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix			 { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*
トップページ
--------------------------------------------------------------------*/

#topHeader{
	background:url(../images/top_bg.png) repeat-x;
	height:740px;
	position:relative;
}

#topHeader .logo{
	position:absolute;
	top:40px;
	left:30px;;
}


#topHeader .snsBt{
	position:absolute;
	top:30px;
	right:30px;
	
}

#topHeader .snsBt li{
	float:right;
	margin-left:15px;
}



#topHeader .inner{
	width:1028px;
	min-width:1028px;
	padding-top:200px;
}





#topHeader .head_bt_pagedown{
	margin-top:50px;

	text-align:center;

}


footer .footer_pageTop{
	padding:30px 0;
}









#intro{
	background:#000;
	margin:0;
	padding:80px 0 100px;
	color:#E7E7E7;

}

#intro h2{
	font-size:20px;
	line-height:40px;
	text-align:center;
}





#intro p{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:30px;
}




#method{

	margin:0;
	padding:100px 0;
	text-align:center;

}
#method h2{
	margin:0 0 100px;
}
	
#method .method_flow{
 	background:url(../images/method.jpg) no-repeat;
	width:979px;
	height:438px;
	position:relative;
	margin-bottom:70px;
}

	
#method .method_flow .appBt01{
	position:absolute;
	top:320px;
	left:40px;

}

 #method .method_flow .appBt02{
	position:absolute;
	top:320px;
	left:160px;
}





#application{
	background:#000;
	margin:0;
	padding:100px 0;
	color:#373737;
	text-align:center;
}
#application h2{
	margin:0 0 100px;

}
#application .application_main{
	text-align:left;
	background:#F1F1F1;
	padding:50px;
	margin:0 0 50px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	line-height:28px; 
}
#application .application_main a{
	display:inline-block;
	color:#000;
}


#application .application_main h3{
	margin:0 0 30px;
	padding:0;
	background:#949494;
	padding:10px;
	text-align:center;
	font-size:20px;
	color:#FFF;
}

#application .application_main p{
	margin:0 0 50px;
	padding:0;
}


#application .application_main .step{
	margin:0 0 50px;
}



#application .application_main .step h4{
	font-size:18px;
	margin:0x;
}
#application .application_main .step p{
	margin:0 0 30px;
}

#application .application_main ul{
	list-style-type: disc;
	margin-left:18px;
}
#application .application_main ul li{
	margin-bottom:30px;
}




#application .application_inquiry{
	text-align:left;
	color:#929292;
}
#application .application_inquiry h3{
	font-size:18px;
	margin:0 0 10px;
}
#application .application_inquiry p{
	margin:0;
	padding:0;
	line-height:24px;
}
#application .application_inquiry p a{
	color:#929292;
	display:inline;	

}


/*
footer
--------------------------------------------------------------------*/

footer{
 	background:#141414;
	text-align:center;
}
footer .footer_pageTop{
	padding:30px 0;
}


footer .footer_copyright{
	color:#999999;
	padding:0px 0 30px;
	font-size:0.8em;
	line-height:1.4em;
}
footer .footer_copyright .copyright{
	font-size:1.0em;
}
footer .footer_copyright nav{
	text-align:center;
}
footer .footer_copyright ul{
	margin:0;
	padding:0;
	color:#c7c7c7;
	list-style:none;
	font-size:0.9em;
	text-align:center;
}
footer .footer_copyright ul li{
	display:inline;
}
footer .footer_copyright ul li:before{
	content:"　|　";
	color:#505050;
}
footer .footer_copyright ul li:last-child:after{
	content:"　|　";
	color:#505050;
}
footer a,
footer a:visited	{
	outline: none;
	text-decoration: none;
	color: #c7c7c7;
}
footer a:hover,
footer a:active	{
	text-decoration: underline;
	color: #c7c7c7;
}




/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){