@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: #ffffff; color: #000000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; line-height: 1.4;}
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: #0A75B8; text-decoration: underline;}
a:visited {color: #0A75B8; text-decoration: underline;}
a:hover, a:active {color: #0A75B8; 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;}

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

#header {width: 100%; height: 100px; background: url(/img/header_bg.jpg) top left repeat-x;}
#header .inner {margin: 0 auto; width: 946px; position: relative;}
#headerLogo {left: 0px; top: 10px; position: absolute;}
#headerContact {right: 0px; top: 10px; position: absolute;}
#nav {width: 946px; height: 51px; top: 80px; left: 0px; position: absolute; background: url(/img/nav_bg.png) top left no-repeat; z-index: 200;}
#nav li {margin-left: 45px; margin-top: 8px; float: left; list-style-type: none;}

#main {width: 100%; height: 550px; background: url(/img/main_bg.jpg) top left repeat-x;}
#main .inner {margin: 0 auto; width: 940px; height: 550px; background: url(/img/main_content.jpg) top left no-repeat; position: relative; z-index: 100;}
#main h2 {top: 40px; left: 5px; position: absolute;}
#main h3 {top: 187px; left: 675px; position: absolute;}
#mainPoint {top: 165px; left: 190px; position: absolute;}
#mainPoint li {float: left; list-style-type: none;}
#main .mainService ul {top: 185px; left: 20px; position: absolute;}
#main .mainService li {margin-bottom: 10px; list-style: none;}
#mainService1 {width: 312px; height: 260px; top: 270px; left: 0px; position: absolute; background: url(/img/main_service_1.png) top left no-repeat;}
#mainService2 {width: 312px; height: 260px; top: 270px; left: 315px; position: absolute; background: url(/img/main_service_2.png) top left no-repeat;}
#mainService3 {width: 312px; height: 260px; top: 270px; left: 630px; position: absolute; background: url(/img/main_service_3.png) top left no-repeat;}

#content {margin: 0 auto 30px; width: 940px; *zoom: 1;}
#content:after {display: block; content: ""; clear: both;}

#mainContent {margin-top: 40px; width: 620px; float: left;}
#mainContent.low {margin-top: 60px;}
#mainContent .section {margin-bottom :40px;}
#mainContent h2 {margin-bottom: 20px;}
#mainContent h3 {margin-bottom: 10px;}
#mainContent p {margin-bottom: 10px;}

#topArea {width: 620px; height: 180px; background: url(/img/top_area_bg.gif) top left no-repeat; position: relative;}
#topArea p {width: 380px; top: 50px; left: 30px; position: absolute;}
#reason {overflow:hidden;}
#reason .reason {margin: 0 20px 20px 0; padding: 20px; width: 260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 7px #ccc; -webkit-box-shadow: 2px 2px 7px #ccc; box-shadow: 2px 2px 7px #ccc; float: left;}
#reason .reason.last {margin-right: 0px;}
#reason .reason.row1 {height: 330px;}
#reason .reason.row2 {height: 150px;}
#reason .reason.row3 {height: 110px;}
#reason .reason.row4 {height: 165px;}
#reason .reason h3 {color: #98AB10; font-size: 18px; font-weight: bold;}
#reason ul {margin-left: 20px;}
#reason li {margin-bottom: 2px; font-size: 15px;}

#services .service {margin-bottom: 20px; padding: 20px; width: 580px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#services .service.min {width: 258px; height: 200px; float: left;}
#services .service.last {margin-left: 20px;}
#services .service h3 {color: #98AB10; font-size: 18px; font-weight: bold;}
#services .service p.price {margin-bottom: 5px; color: #cc0033; font-size: 14px;}

#faq .questions {margin-bottom: 20px; padding: 20px; width: 580px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#faq .questions h3 {color: #98AB10; font-size: 18px; font-weight: bold;}
#faq dt {margin-bottom: 5px; color: #cc0033; font-size: 16px;}
#faq dd {margin-bottom: 15px;}

#examples .example {margin-bottom: 20px; padding: 20px; width: 580px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden;}
#examples .example h3 {color: #98AB10; font-size: 18px; font-weight: bold;}
#examples .image {margin-left: 20px; float: right;}

#area h2 {padding-bottom: 5px; border-bottom: 3px solid #D0E91C; color: #06581A; font-size: 24px; font-weight: bold;}
#area p.title {color: #cc0033; font-size: 20px;}
#area .content {margin-bottom: 10px; padding: 20px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#area h2.area {padding: 0; color: #000; font-size: 12px; font-weight: normal; border: none;}

#talk h2 {padding-bottom: 5px; border-bottom: 3px solid #D0E91C; color: #06581A; font-size: 24px; font-weight: bold;}
#talk .talk {margin-bottom: 20px; padding: 20px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#talk h3 {color: #cc0033; font-size: 15px;}

#subContent {width: 280px; float: right;}
#subContent .section {margin-bottom :40px;}
#subContent h2 {margin-bottom :10px;}

#subBanners {margin-top: -10px; padding: 10px; width: 260px; background: url(/img/bg.jpg) top left repeat; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#subBanners.low {margin-top: 60px; }
#subBanners ul {width: 260px; background-color: #CFE91D;}
#subBanners ul li {list-style-type: none;}

#subArea {margin-top:40px; padding: 0 15px 15px; width :240px; border: 5px solid #CFE91D;}
#subArea dl {overflow: hidden;}
#subArea dt {margin-bottom: 5px; width: 90px; font-size: 14px; color: #0A75B8; float: left; clear: both;}
#subArea dd {margin-bottom: 5px; width: 150px; float: left;}
#subArea ul {overflow: hidden;}
#subArea li {margin-right: 10px; float: left; list-style-type: none;}

#subFaq dt {padding: 10px; color: #98AB10;}
#subFaq dd {padding: 10px; background-color: #F7F8ED;}

#subLicense {padding: 15px; width: 240px; border: 5px solid #EEEEEE;}
#subLicense h2 {font-size: 16px; font-weight: bold;}

.contact {margin: 0 auto 50px; width: 790px;}

#footer ul {margin: 0 auto 20px; padding: 20px; width: 940px; overflow: hidden; background-color: #F7F8ED; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#footer ul li {margin-left: 55px; float: left; list-style-type: none;}
#footerCopyright {margin-bottom: 20px; text-align: center; font-size: 12px; color: #888;}

.clearfix {display: inline-block;}
.clearfix:after {height: 0; clear: both; display: block; content: "."; visibility: hidden; font-size: 0px;}
div#result{
	margin-top:30px;
}
div#result ul{
	list-style:none;
}
ul.companyLogo{
	margin-bottom:20px;
	overflow:hidden;
	float:left;
}
ul.companyLogo li{
	margin-right:10px;
	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;
}