@charset "utf-8";
/***************************
00 clearfix
01 reset
02 base layout
03 globalnavigation
***************************/


/*----------------------------------
=00 clearfix
----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-block;}

/* Hides from IE-mac _*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac _*/


/*----------------------------------
=01 reset 
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
	} 

body{  
	margin:0 ; 
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:1.7;
	color:#333;
	background:url(../../img/bg.gif);
	}

table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 

address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 

h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	}
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}

a:link{}
a:hover{ text-decoration:none;}
a:active{}
a:visited{}

/* 摜̃Xy[X */
li img,
dt img,
dd img{
vertical-align:top;}


/*----------------------------------
=02 base layoout
----------------------------------*/

#wrapper{
	width:800px;
	margin:0 auto; 
	padding:0;
	text-align:left;
	background:#fff;
	}

#header{
	width:800px;
	height:80px;
	background:#fff;
	}

#header h1{
	float:left;
	width:220px;
	}

#header h2{
	float:left;
	width:250px;
	}
	
#header p{
	float:right;
	width:160px;
	}	

#footer .link{
	margin:50px 0 10px;
	}
	
#footer address{
	padding-bottom:10px;
	}
	
#footer{
	text-align:center;
	}


	
/*----------------------------------
=03 globalnavigation
----------------------------------*/

#navi{
	background:#231F20;
	}

#navi li{
	display:inline;
	margin:0 20px 0 0;
	}



/*----------------------------------
=04 top
----------------------------------*/


#top{
	margin:25px 38px;}
	
#top h3{
	margin-bottom:10px;}	
.topleft{
	float:left;
	width:438px;
	margin-right:22px;
	display:inline;
	}

.topright{
	float:left;
	width:261px;
	}


#jp{
	margin-top:20px;
	background:url(../img/bg_top-jp.gif) no-repeat left top;
	}
	
#jpcont{
	background:url(../img/bg_top-jp-btm.gif) no-repeat left bottom;
	padding:5px;
	}

#jpcont p{
	background:url(../img/img_top-jp.gif) no-repeat left;
	padding:8px 5px 8px 90px;
	font-size:10px;
	}

.mtop10{
	margin-top:20px;}

.mleft5{
	margin-left:5px;}

ul.topbtn{
	margin:25px 0 0px 5px
	}
ul.topbtn li{
	display:inline;
	margin:0 10px 0 0;
	}


/*----------------------------------
=05 flow
----------------------------------*/


#flow{
	width:723px;
	margin:0 auto;
	text-align:center;
	}

#flow p{
	text-align:left;
	margin:25px 0 15px;}

.flowbox{
	background:url(../img/bg_flow-top.gif) no-repeat left top;
	text-align:left;
	margin-bottom:20px;
	}


.flowbox dl{
	background:url(../img/bg_flow-btm.gif) no-repeat left bottom;
	padding:10px;
	}

.flowbox dt{
	font-size:14px;
	font-weight:bold;
	height:30px;
	color:#2688BC;
	padding:5px 0 0 65px;}

.flowbox dt#number01{background:url(../img/bg_flow-number1.gif) no-repeat left top;}
.flowbox dt#number02{background:url(../img/bg_flow-number2.gif) no-repeat left top;}
.flowbox dt#number03{background:url(../img/bg_flow-number3.gif) no-repeat left top;}
.flowbox dt#number04{background:url(../img/bg_flow-number4.gif) no-repeat left top;}
.flowbox dt#number05{background:url(../img/bg_flow-number5.gif) no-repeat left top;}
.flowbox dt#number06{background:url(../img/bg_flow-number6.gif) no-repeat left top;}
.flowbox dt#number07{background:url(../img/bg_flow-number7.gif) no-repeat left top;}
.flowbox dt#number08{background:url(../img/bg_flow-number8.gif) no-repeat left top;}


.flowbox dd{
	margin:10px 5px 5px 10px;}


/*----------------------------------
=06 sample
----------------------------------*/

#sample{
	margin:25px auto;
	width:745px;
	text-align:center;
	}


.sbox{
	margin-bottom:15px;}

.sbox dl.sbox-l{
	width:235px;
	height:240px;
	float:left;
	margin-right:15px;
	display:inline;
	border:1px solid #D5D5D5;
	}


.sbox dl.sbox-r{
	width:235px;
	height:240px;
	float:left;
	display:inline;
	border:1px solid #D5D5D5;
	}

.sbox dt{
	background:#2688BC;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 10px;}
	

/*----------------------------------
=07 inquiry
----------------------------------*/

.inqcopy{
	margin:25px 39px 10px;}

#inquiry{
	width:723px;
	margin:0 auto;
	background:url(../img/bg_inquiry-mid.gif) repeat-y;
	}

#inquiry h4{
	background:url(../img/bg_flow-top.gif) no-repeat left top;
	padding:20px 30px 15px 30px;
	font-weight:bold;}
	
	
#inquiry table{
	width:660px;
	margin:0 auto;border-bottom:1px dotted #d5d5d5;
	}

#inquiry tr{
	
	}

#inquiry td{border-top:1px dotted #d5d5d5;
	padding:5px 3pxpx 5px 0px;}

#inquiry th{border-top:1px dotted #d5d5d5;
	padding:5px 7px 5px 3px;}
	




#inquiry .inqbtm{
	background:url(../img/bg_flow-btm.gif) no-repeat left bottom;
	padding:20px 0 15px;
	text-align:center;
	}
	
	
#inquiry td.inqguide{
	font-size:10px;}
	
	
#inquiry p#secure{
	background:url(../img/icon_secure.gif) no-repeat left top;
	height:40px;
	font-size:10px;
	margin:10px 0 0 35px;
	padding:10px 0 0 40px;
	}


span.caution{
	color:#FF0000;}