@charset "shift_jis";


* {line-height: 1.6;font-size: 100%;}

html {
	padding: 0;
	margin: 0;
}

body {
	font-size:14px;
	line-height:120% !important;
	text-align: center;
	color: #333;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}


p {
	text-align: justify;
	text-justify: distribute;
}


p, ul, ol, dl, table, pre {
	font-size: 100%;
}
h1,h2,h3,h4,h5,p,div,ul,li,dl,dt,dd{
margin:0;
padding:0;
}
li{
	list-style:none;
	}

img {
	border: 0;
	vertical-align: bottom;
	line-height:0;
	margin:0;
	padding:0;
}

a,
a:link,
a:visited{
color:#0088ff;
text-decoration:none;
}
a:hover{
color:#56befc;
text-decoration:underline;
}


.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

/* for WinIE7 only */
*:first-child+html .clearfix{
height: 1%;
}
/* for WinIE6 and below */
/*\*/
* html .clearfix{
height: 1%;
}

#head{
	width:100%;
	text-align:center;
	height:123px;
	background:url("../images/cmn/head_bg.gif") 0 0 repeat-x;
	}
	#head .head_top{
		width:900px;
		height:70px;
		margin:0 auto;
		text-align:left;
		background:url("../images/cmn/head_bg.gif") 0 0 repeat-x;
		}
	#head  h1{
		float:left;
		width:611px;
		height:70px;
		}
	#head .head_right{
		float:right;
		width:289px;
		display:inline;
	}
	#head .topbtn{
		width:289px;
	}
	#head .topbtn li{
		float:left;
		margin-left:0px !important;
		}

	#head #navi{
		width:100%;
		text-align:center;
		height:53px;
		background:url("../images/cmn/navi_bg.gif") 0 0 repeat-x;
	}
	#head #navi .inqin{
			width:900px;
			margin:0 auto;
			_margin:0 auto 0 -30pt;
		}

	ul.navilist{
		text-align:left;
		width:900px;
		height:53px;
		background:url("../images/cmn/navi_bg.gif") 0 0 repeat-x;
		margin:0 auto 0 auto !important;

	}
	ul.navilist li{
		float:left;
		height:48px;
		}

#content{
	text-align:center;
	clear:both;
	margin-top:7px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#content .bc{
	font-size:12px;
	padding:0 10px 10px 10px;
	text-align:left;
	}
#content .inner{
	text-align:left;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

	#content .main{
		width:800px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
	}
	#content .main .w700{
		clear:both;
		width:700px;
		margin-left:50px;
	}
	#content .main .w760{
		clear:both;
		width:760px;
		margin-left:20px;
	}

	#content #info{
		text-align:left;
		width:900px;
		background-color:#f0f0f0;
		padding:0 0 20px 0;
	}
	#content #info .infoleft{
		width:420px;
		float:left;
		display:inline;
		margin-left:20px;
		}
	#content #info .infoleft img{
		float:left;
		}
	#content #info .inforight{
		width:420px;
		float:right;
		display:inline;
		margin-right:20px;
		}

table.merit{
}
	table.merit th{
		text-align:right;
		width:110px;
		vertical-align:top;
	}
	table.merit td{
	}
	table.merit td div{
		border-left:1px solid #333;
		padding-left:20px;
		margin-bottom:20px;
	}

	

#footer{
	font-size:12px;
	clear:both;
	margin-top:40px;
	width:100%;
	height:80px;
	background-color:#f0f0f0;
	}
	#footer .footerin{
		width:900px;
		height:70px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		background-color:#f0f0f0;
		padding-top:10px;
	}
	#footer .footerin p{
		padding-left:10px;
		padding-right:10px;
	}



/* inquiry */

table.formtb{
	border-collapse:collapse;
	margin-bottom:20px;
	border-top:#adf 1px solid;
}

table.formtb td{
	border-bottom:#adf 1px solid;
	line-height:120%;
	vertical-align:middle;
	padding:5px;
}

table.formtb th{
	font-weight:normal !important;
	border-bottom:#adf 1px solid;
	line-height:120%;
	vertical-align:middle;
	padding:5px;
	color:#338;
	background-color:#E8F3FF;
}


table.formtbn{
	border:none;
	vertical-align:middle;
}

table.formtbn td{
	border:none;
}
table.formtbn th{
	vertical-align:middle;
	font-weight:normal;
	background-color:#E8F3FF;
	border:none;
}
.formbt{
	text-align:center;
	margin-top:20px;
}

.nes{
	font-size:10px;
	color:#FF0000;
}

input{
	margin:5px 5px 5px 0;
	vertical-align:middle;
}

.textarea{
	margin:5px 5px 5px 0px;
	vertical-align:middle;
}

.pagetop{
	text-align:right;
	padding-right:10px;
	margin-top:30px;
	font-size:10px;
	line-height:10px;
}

/* toppage */

#top_contents{
	width:900px;

}
	#top_contents .topcopy{
		float:left;
		width:650px;
	}
	#top_contents .topcopy h3{
		margin:0 !Important;
		padding:0 !important;
		}

	#top_contents .news{
		border:1px solid #ccc;
		background-color:#f0f0f0;
		float:right;
		width:230px;
		text-align:center;
	}
	#top_contents .news table.topnews{
		width:226px;
		margin:1px auto;
		font-size:12px;
		line-height:14px;
		}
	#top_contents .news table.topnews th{
		height:130px;
		text-align:center;
		vertical-align:middle;
		}
	#top_contents .news table.topnews td{
		text-align:center;
		vertical-align:middle;
		padding-bottom:5px;
		}

/* voice */

.voice{
		width:752px;
		border:4px solid #FFC67F;
		text-align:center;
}
.voice table{
table-layout:fixed;
	font-size:100%;
	text-align:left;
	width:740px;
	margin:6px auto;
	}
.voice table caption{
		background-color:#FFDEB5;
		vertical-align:middle;
	}
.voice table th.icon{
		padding-top:10px;
		background-color:#FFF7EC;
		vertical-align:top;
		width:54px;
		text-align:center;
	}
.voice table td.owner{
		background-color:#FFF7EC;
		padding-top:10px;
		text-align:left;
		vertical-align:middle;
}

.voice table td.anser{
		width:396px !impotant;
		background-color:#FFF7EC;
		vertical-align:top;
		text-align:left;
	}
.voice table td.photo{
		width:290px;
		background-color:#FFF7EC;
		vertical-align:middle;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
.voice table td dl{
}
.voice table td dl dt{
	border-left:3px solid #FF8D00;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:7px;
	font-size:12px;
	color:#333;
}
.voice table td dl dd{
	font-size:14px;
	line-height:22px;
	color:#1C1C82;
	font-weight:bold;
}
.voice table th.icon2{
		padding-top:20px;
		background-color:#FFF7EC;
		vertical-align:middle;
		width:54px;
		text-align:center;
	}
.voice table td.eigyou{
		background-color:#FFF7EC;
		padding-top:20px;
		text-align:left;
		vertical-align:middle;
}
.voice table th.spacer{

		background-color:#FFF7EC;
}
.voice table td.comment{
		padding-top:10px;
		padding-right:10px;
		padding-bottom:20px;
		background-color:#FFF7EC;
		vertical-align:top;
		text-align:left;
		font-size:14px;
		line-height:22px;
		color:#1C1C82;
		
	}

.usecase{
		clear:both;
		width:760px;
		margin-left:20px;
}

.usecase table td.b_a{
		vertical-align:middle;
		text-align:center;
		width:360px;
		padding-top:40px;
		padding-bottom:40px;
}
.usecase table td.tri{
		width:40px;
		vertical-align:middle;
		text-align:center;
}


/* style */

.mt5{
	margin-top:5px !important;
}
.mt8{
	margin-top:8px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt40{
	margin-top:40px !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mr10{
	margin-right:10px !important;
}

.p5{
	padding:3px 5px;
	}
.ar{
	text-align:right;
	}
.al{
	text-align:left;
	}
.ac{
	text-align:center;
	}

.red{
	color:#c00;
	}
.bdbl{
	border-bottom:1px solid #0ab;
}
.ft10{
	font-size:10px !important;
}
.f12{
	font-size:12px !important;
	}
.fgr{
	color:#666;
	}
	
.fl{
	float:left;
	display:inline;
	}
.fr{
	float:right;
	display:inline;
	}
.flc{
	float:left;
	display:inline;
	margin-left:20px;
	}
.gbox{
	padding:10px;
	background-color:#f0f0f0;
	}
.redbold{
	color:#ff1100;
	font-weight:bold;
	}
.bluebold{
	color:#1c1c82;
	font-weight:bold;
	}
.cyan{
	color:#0088ff;
}

.bbdot{
	border-bottom:1px dotted #ccc;
}

.col2,.col3{
	width:700px;
	}
.col2 td{
	width:350px;
	height:300px;
	text-align:center;
	vertical-align:middle;
	}
.col3 td{
	width:33%;
	height:300px;
	text-align:center;
	vertical-align:middle;
	}

.fs16{
	font-size:16px;
	}
.fs17{
	font-size:17px;
	}
.fs20{
	font-size:20px;
	}