@CHARSET "utf-8";

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, 
img, b, i, ul, ol, li, dl, dd, dt, 
fieldset, form, input, textarea, legend, 
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

body {background-color: #FDF9F3; color: #000000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {color:#000000; font-weight: normal;}
h1 {font-size: 185%;}
h2 {font-size: 154%;}
h3 {font-size: 139%;}
h4 {font-size: 124%;}
h5 {font-size: 108%;}
h6 {font-size: 100%;}
img {border: 0; vertical-align:top; line-height: 0;}
a:link {color: #0186C1; text-decoration: none;}
a:visited {color: #0186C1; text-decoration: none;}
a:hover, a:active {color: #21A6E1; text-decoration: underline;}
input, select, textarea, label {padding: 2px; border: 1px solid #aaaaaa; font-size: 13px; font-family: inherit; vertical-align: middle;}
textarea { overflow: auto; }
label { cursor: pointer; }
fieldset { border: none; }
table {border-collapse: collapse; background: #ffffff; text-align:left;}

.section {margin-bottom: 30px;}
.hidden {display: none;}
.important {color:#00387F; font-weight: bold;}
.error {color: #cc0000; font-weight: bold;}
.translucidus {filter: alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}
.adv {margin: 0 auto 30px; width: 600px; font-size: 12px; font-family: "ＭＳ Ｐゴシック", sans-serif;}
.adv .title {margin-bottom: 10px;}
.adv .title span {color: #333333; font-weight: bold; text-decoration: underline;}
.adv .title a {margin-left: 20px; color: #0000ff; text-decoration: underline;}
.adv .text {color: #666;}

#telop {width: 100%; background-color: #0D9CC7;}
#telop h1 {margin: 0 auto; width: 946px; color: #ffffff; font-size: 12px; font-weight: bold;}

#header {margin: 0 auto 30px; width: 946px;}
  #header .group {margin: 20px 0;}
  #header .group {*zoom: 1;} /* for ie6/7 */
  #header .group:after {clear: both; display: block; content: "";}
  #headerLogo {float: left;}
  #nav {margin-left: 20px; float: left;}
    #nav li {margin-right: 30px; float: left; list-style-type: none;}
#main {width: 946px; height: 326px; background: url(/img/main_bg.jpg) top left no-repeat; position: relative;}
  #main ul {position: absolute; top: 10px; left: 10px;}
  #main ul li {margin-bottom: 5px; list-style-type: none;}
  #main h2 {position: absolute; top: 45px; left: 280px;}

#footer {margin: 0 auto; padding-bottom: 30px; width: 946px; }
  #footerNav {width: 650px; margin: 0 auto 20px; overflow: hidden;}
  #footerNav li {padding-left: 8px; margin-right: 20px; float: left; list-style-type: none; background: url(/img/ico_arrow.png) 0px 4px no-repeat;}
  #footerCopyright {text-align: center; color: #666; font-size: 11px;}

#content {margin: 0 auto 50px; width: 946px; overflow: hidden;}

#mainContent {float: left; width: 620px;}
#mainContent h2 {margin-bottom: 10px;}
#mainContent h3 {margin-bottom: 15px;}
#mainContent .content {margin-bottom: 20px; padding: 3px; background-color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc;}

#reasons .content {overflow: hidden;}
#reasons .image {float: left;}
#reasons .text {margin: 20px 10px;width: 290px;  float: right;}
#reasons .lowerContent {padding: 20px;}
#reasons .lowerContent p {margin-bottom: 10px;}

#flow {overflow: hidden;}
#flow .step {margin-right: 10px; padding: 10px; width: 180px; height: 300px; float: left;}
#flow .step:last-child {margin-right: 0px;}
#flow #step1 {background: #fff url(/img/flow_ph_01.jpg) bottom center no-repeat;}
#flow #step2 {background: #fff url(/img/flow_ph_02.jpg) bottom center no-repeat;}
#flow #step3 {background: #fff url(/img/flow_ph_03.jpg) bottom center no-repeat;}

#services .content {padding: 20px; width: 580px; overflow: hidden;}
#services .content .text {width: 360px; float: left;}
#services .content ul {margin-left: 20px;}
#services .content .image {float: right;}

#examples .content {padding: 20px; width: 580px; overflow: hidden;}
#examples .content h3 {color: #00B0E3;}

#faq .content {padding: 20px; width: 580px; overflow: hidden;}
#faq .content dt {margin-bottom: 10px; color: #00B0E3; font-size: 22px;}
#faq .content dd {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
#faq .content dd:last-child {margin-bottom: 0px; border-bottom: none;}

#area .content, #knowledge .content {padding: 20px;}
#area h2, #knowledge h2 {color: #00B0E3; font-weight: bold;}
#area h2.area {color: #000; font-size: 12px;}
#area p {margin-bottom: 10px;}
#area table {margin-bottom: 10px;}
#area td {padding: 8px; border: 1px solid #aaa;}
#area th {padding: 8px; border: 1px solid #aaa; background-color: #f5f8ff;}
#knowledge h2 span {color: #000; font-size: 13px;}
#knowledge p {margin-bottom: 10px;}
#knowledge p.title {font-size: 16px; color: #00B0E3;}

#subContent {float: right; width: 284px;}
#subContent .content {width: 280px; margin-bottom: 20px; background-color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc;}

#subArea .content {padding: 15px; width: 250px;}
#subArea .content p {margin-bottom: 10px;}
#subArea .content dt {color: #00B0E3; font-weight: bold;}
#subArea .content dd {margin-bottom: 10px;}
#subArea .content ul {overflow: hidden;}
#subArea .content ul li {float: left; list-style-type: none;}
#subArea .content ul li:after {content: "／";}

.contact {margin: 50px auto; width :640px; text-align: center;}
div#result{
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}
div#resultList{
	position:absolute;
	left:20px;
	top:70px;
	width:580px;
}
div#resultList ul{
	list-style:none;
	float:left;
}
div#result ul{
	list-style:none;
}
ul.companyLogo{
	margin-bottom:20px;
	overflow:hidden;
	float:left;
}
ul.companyLogo li{
	margin-right:5px;
	float:left;
}
ul.companyLogo li.last, ul.coverage li.last{
	margin-right:0;
}
div#result ul{
	list-style:none;
}
h2.coverage{
	margin-top:20px;
}
ul.coverage{
	margin-top:10px;
}
ul.coverage li{
	padding-top:10px;
	margin:0 10px 5px 0;
	width:200px;
	float:left;
	height:50px;
	text-align:center;
	background:#EFF6FC;
	font-weight:bold;
	font-size:14px;
	color:#009bd2;
}
ul.coverage li span{
	font-size:11px;
}
ul.coverage li.last{
	margin-right:0;
}