@charset "utf-8";

body {
	background:#FFF;
	margin:0;
	padding:0;
	line-height:1.6em;
	font-size:14px;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color:#127FDE;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
}
p {
	word-wrap:break-word;
	-ms-word-wrap:break-word;
	line-height:1.6em;
}
dd {
	margin-left:0px;
}
a img {
    border-style:none;
}
a img:hover {
	opacity:0.7;
}
b {
	font-weight:bold;
}
/***** ヘッダー *****/
header {
	background:url(../images/header/rep.jpg) left top repeat-x;
	height:105px;
}
header div {
	width:960px;
	margin:0 auto;
	position:relative;
	padding-top:5px;
}
header h1 {
	color:#666;
	font-size:12px;
}
header p.phone {
	position:absolute;
	right:0;
	bottom:0;
}
header p.icn {
	position:absolute;
	left:390px;
	bottom:5px;
}
/***** グローバルナビ *****/
#gnavi {
	background:url(../images/navi/rep.gif) left top repeat-x;
	height:57px;
}
#gnavi ul {
	width:961px;
	margin:0 auto;
	overflow:hidden;
}
#gnavi ul li {
	float:left;
}
/***** コンテンツ *****/
.contents {
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0 auto;
	position:relative;
	padding-bottom:150px;
}
.pagetop {
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-30px;
}
#bread {
	padding:15px 0;
}
#bread ul li {
	display:inline;
	font-size:12px;
}
#bread ul li a {
	margin-right:5px;
}
#bread ul li img {
	margin-right:5px;
	vertical-align:text-top;
}
#main {
	width:710px;
	float:left;
}
article#main h2 {
	padding-bottom:20px;
}
/***** サイドナビ *****/
#side {
	width:222px;
	float:right;
}
#side dl.menu {
	background:url(../images/side/bg1.jpg) left 36px no-repeat;
	height:227px;
	margin-bottom:10px;
}
#side dl.menu dt {
	line-height:0;
}
#side dl.menu dd a {
	background:url(../images/side/icn_off.jpg) 10px 14px no-repeat;
	color:#666;
	padding-left:35px;
	padding-top:10px;
	display:block;
	width:185px;
	height:27px;
}
#side dl.menu dd a:hover {
	background:url(../images/side/icn_on.jpg) 10px 14px no-repeat;
	color:#1E81DA;
}
#side dl.company {
	background:url(../images/side/bg2.jpg) left 36px no-repeat;
	height:179px;
	padding-left:10px;
}
#side dl.company dt {
	margin-left:-10px;
}
#side dl.company dd {
	line-height:1.5em;
	font-size:12px;
}
#side dl.company dd.name {
	font-size:15px;
	font-weight:bold;
}
/***** フッター *****/
footer {
	background:#1E82DB;
	clear:both;
	padding-bottom:10px;
}
footer div {
	width:960px;
	margin:0 auto;
	position:relative;
	padding-top:20px;
	margin-bottom:40px;
}
footer h2 {
	color:#FFF;
}
footer p {
	color:#FFF;
}
footer div ul {
	position:absolute;
	top:20px;
	right:0;
}
footer div ul li {
	color:#FFF;
	display:inline;
}
footer div ul li a {
	color:#FFF;
	margin-right:3px;
}
footer div p.card {
	position:absolute;
	right:0;
	bottom:0;
}
footer p.copy {
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
/***** トップページ *****/
.top h2 {
	background:#F6F6F6;
	text-align:center;
	line-height:0;
	margin-bottom:30px;
}

.text{
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.3;
}

.text small{
	font-weight: bold;
	font-size: .8em;
	color: #f00;
}

.top1 {
	background:url(../images/top/bg1.jpg) left top no-repeat;
	height:462px;
	width:960px;
	margin:0 auto 30px auto;
	padding-top:8px;
}
.top1 ul {
	width:916px;
	margin:0 auto;
	overflow:hidden;
}
.top1 ul li {
	float:left;
	position:relative;
	margin-bottom:12px;
}
.top1 ul li a {
	color:#333;
	line-height:1.4em;
}
.top1 ul li:hover {
	opacity:0.8;
}
.top1 ul li.nav1 {
	width:453px;
	height:186px;
	background:url(../images/top/navi1.jpg) left top no-repeat;
}
.top1 ul li.nav1 a {
	display:block;
	top:0;
	left:0;
	position:absolute;
	padding-top:120px;
	padding-left:140px;
}
.top1 ul li.nav2 {
	width:453px;
	height:186px;
	float:right;
	background:url(../images/top/navi2.jpg) left top no-repeat;
}
.top1 ul li.nav2 a {
	display:block;
	top:0;
	left:0;
	position:absolute;
	padding-top:120px;
	padding-left:140px;
}
.top1 ul li.nav3 {
	width:298px;
	height:188px;
	background:url(../images/top/navi3.jpg) left top no-repeat;
	margin-right:10px
}
.top1 ul li.nav3 a {
	display:block;
	top:0;
	left:0;
	position:absolute;
	padding-top:128px;
	padding-left:120px;
	padding-right:15px;
}
.top1 ul li.nav4 {
	width:298px;
	height:188px;
	background:url(../images/top/navi4.jpg) left top no-repeat;
	margin-right:10px;
}
.top1 ul li.nav4 a {
	display:block;
	top:0;
	left:0;
	position:absolute;
	padding-top:128px;
	padding-left:120px;
	padding-right:15px;
}
.top1 ul li.nav5 {
	width:298px;
	height:188px;
	background:url(../images/top/navi5.jpg) left top no-repeat;
}
.top1 ul li.nav5 a {
	display:block;
	top:0;
	left:0;
	position:absolute;
	padding-top:128px;
	padding-left:120px;
	padding-right:15px;
}
.top2 {
	border-top:#428ADB 2px solid;
	background:#EEEEEE;
	padding-bottom:10px;
	margin-bottom:30px;
}
.top2 h3 {
	text-align:center;
	padding-bottom:15px;
}
.top2 div.inner {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
.top2 div.inner div.box {
	background:#FFFFFF;
	border:#9CCFEB 4px solid;
	position:relative;
	float:left;
	width:285px;
	height:190px;
	padding:15px 10px;
	margin-right:10px;
	margin-bottom:20px;
}
.top2 div.inner div.box.last {
	margin-right:0;
}
.top2 div.inner div.box h4 {
	color:#399FE5;
	font-size:15px;
	font-weight:bold;
	padding-left:60px;
	line-height:1.5em;
}
.top2 div.inner div.box img.img {
	position:absolute;
	top:10px;
	left:-7px;
}
.top2 div.inner div.box a {
	position:absolute;
	right:-8px;
	bottom:-2px;
}
.top2 div.inner div.box p {
	font-size:14px;
	width:284px;
}
.top2 div.inner div.box p.name {
	color:#878787;
	text-align:right;
	padding-top:5px;
	position:absolute;
	bottom:37px;
	right:10px;
}
.top2 div.inner div.box p.dtl {
	position:absolute;
	top:90px;
}
/***** 下層ページ *****/
/***** トラブル *****/
.trouble1 {
	background:#F4F4F4;
	padding:25px;
	overflow:hidden;
	margin-bottom:30px;
}
.trouble1 p span {
	color:#378BE6;
}
.troubleL {
	clear:both;
	width:320px;
	float:left;
	margin-bottom:15px;
}
.troubleR {
	width:320px;
	float:right;
	margin-bottom:15px;
}

.trouble1 div.box {
	background:url(../images/trouble/bg.jpg) left top no-repeat;
	position:relative;
	padding:20px;
	height:348px;
}
.trouble1 div.box p {
	font-size:13px;
	word-break:break-all;
}
.trouble1 h4 {
	line-height:0;
}
.trouble1 div.box p.price {
	position:absolute;
	bottom:20px;
	left:20px;
}
.trouble2 {
	background:#F4F4F4;
	padding:20px 15px;
	margin-bottom:30px;
}
.trouble2 div.box {
	border-bottom:#DDD 1px solid;
	padding-left:80px;
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
}
.trouble2 div.box img.img {
	position:absolute;
	top:0;
	left:0;
}
.trouble2 div.box h4 {
	color:#399FE5;
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
}
.trouble2 div.box p.name {
	color:#878787;
	padding-bottom:10px;
}
dl.faq {
	padding-bottom:15px;
}
dl.faq dt {
	background:url(../images/trouble/q.gif) left top no-repeat;
	color:#127EDC;
	font-weight:bold;
	height:34px;
	padding-left:50px;
	padding-top:9px;
	margin-bottom:15px;
	clear:both;
}
dl.faq dt img {
	vertical-align:text-top;
	margin-right:15px;
}
dl.faq dd {
	padding-left:90px;
	background:url(../images/trouble/a.gif) 40px top no-repeat;
	padding-bottom:25px;
	line-height:1.6em;
}
dl.faq dd.a1 {
	min-height:158px;
	position:relative;
	padding-bottom:0;
	padding-right:200px;
}
dl.faq dd.a1 img {
	position:absolute;
	right:0;
	bottom:-5px;
}
/***** 会社概要 *****/
.tbl_company {
	width:100%;
}
.tbl_company th {
	background:url(../images/company/line.gif) left bottom repeat-x #3C8DE4;
	text-align:left;
	padding:10px 15px 16px 15px;
	width:100px;
	color:#FFF;
}
.tbl_company th p {
	color: #FFF;
}
.tbl_company td {
	background:url(../images/company/line.gif) left bottom repeat-x;
	padding:10px 10px 16px 20px;
}
.tbl_company td iframe {
	margin-top:15px;
}
.tbl_company td dl dd {
	padding-bottom:15px;
	line-height:1.6em;
}
.sec_cmp {
	margin-top: 50px;
}
.sec_cmp .txt-title {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

/***** プライバシーポリシー *****/
.sec_plc,
dl.privacy {
	padding-top:20px;
	padding-bottom:20px;
}
.sec_plc .mt30.f25.blue,
dl.privacy dt {
	color:#399FE5;
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
}
.sec_plc .mt10,
dl.privacy dd {
	line-height:1.6em;
}
.sec_plc .mt10,
dl.privacy dd.line {
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:15px;
	margin-bottom:15px;
}
.sec_plc .mt10.tr {
	text-align: right;
}
dl.privacy dd ul {
	padding-top:20px;
}
dl.privacy dd ol li {
	list-style:none;
	text-indent:0;
	margin-left:0;
}
dl.box_contact {
	border:#333333 1px solid;
	padding:10px;
}
dl.box_contact dt,dl.box_contact dd {
	line-height:1.6em;
}
/***** サイトマップ *****/
ul.sitemap {
}
ul.sitemap li {
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}
ul.sitemap li.last {
	border-bottom:none;
}
ul.sitemap li a {
	background:url(../images/side/icn_off.jpg) left 2px no-repeat;
	color:#666;
	padding-left:25px;
}
ul.sitemap li a:hover {
	background:url(../images/side/icn_on.jpg) left 2px no-repeat;
	color:#1E81DA;
}
/***** お問い合わせ *****/
.tbl_contact {
	width:100%;
	margin-bottom:30px;
}
.tbl_contact th {
	background:url(../images/contact/line.gif) left bottom repeat-x #3C8DE4;
	padding:5px 15px 8px 15px;
	width:170px;
	color:#FFF;
}
.tbl_contact td {
	background:url(../images/contact/line.gif) left bottom repeat-x;
	padding:5px 10px 8px 20px;
}
.tbl_contact td p {
	padding-bottom:5px;
}
.formbtns {
	width:300px;
	margin:0 auto;
	overflow:hidden;
}
.formbtns input {
	margin:0;
	padding:0;
	border:none;
}

/*追加【対応エリア】*/

.area{
	width:960px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}

.area-left{
	width:270px;
	height:90px;
	float:left;

}

.area-right{
	background-color:#C1DDF7;
	text-align:center;
	padding-top:30px;
	font-size:20px;
	font-weight:bold;
	width:690px;
	height:60px;
	float:left;
	color:#2463A2;
}

#side dl.area-sub {
	background:url(../images/side/bg2.jpg) left 36px no-repeat;
	height:99px;
	padding-left:10px;
	margin-bottom:10px;
}
#side dl.area-sub dt {
	margin-left:-10px;
}
#side dl.area-sub dd {
	line-height:1.8em;
	font-size:12px;
}
#side dl.area-sub dd.name {
	font-size:15px;
	font-weight:bold;
}

/* ポップアップ */
#containerBody {
	display:none;
	width:100%;
	height:100%;
	padding:0 10px;
	position:fixed;
	z-index:1000;
	background-color:rgba(0,0,0,.75);
	text-align:center;
}
#containerBody > a{
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	z-index:1010;
}
#containerBody aside {
	margin:80px auto 15px auto;
	position:relative;
	display:inline-block;
	text-align:center;
	max-width: 1200px;
	width:80%;
	z-index:1020;
}

#containerBody aside a {
	position:relative;
	display:block;
}
#containerBody aside .pop{
	width:100%;
	height:auto;
}
#containerBody aside .close {
	position:absolute;
	top:-40px;
	right:0;
	content:"";
	width:30px;
	height:30px;
	z-index:1021;
}
#containerBody .btn {
	position:absolute;
	bottom:10px;
	left:0;
	display:table;
	width:100%;
}
#containerBody .btn li {
    width: 50%;
    display: table-cell;
	text-align:center;
}
#containerBody .btn img{
	/*width:96%;*/
	width:50%;
	margin:0 auto;
}
@media only screen and (max-width: 768px) {
	#containerBody {
		padding:0;
	}
	#containerBody aside {
		width:100%;
	}
	#containerBody .btn {
		bottom:0.5vw;
	}
}

/*cooperating　協力店募集*/
.cooperating .blue_ttl {
    width: 100%;
    padding: .3em 0;
    border-radius: 4px;
    background-color: #0080FF;
    font-size: 35px;
    line-height: 1.25;
    font-weight: bold;
    color: #fff;
    margin-top: 80px;
    margin-bottom: 20px;
    text-align: center;
}
.cooperating .summarry{
	width:710px;
	display:table;
}
.cooperating .summarry .textbox{
	display:table-cell;
	vertical-align: top;
	padding-right:2em;
}
.cooperating .summarry .imgbox{
	display:table-cell;
	vertical-align: top;
	width:250px;
}
.cooperating .summarry .textbox h4{
	font-weight:700;
	font-size:40px;
	color:#0080ff;
	line-height: 1.2em;
}
.cooperating .summarry .textbox h5{
	font-weight:700;
	font-size:18px;
	line-height: 1.6em;
}
.cooperating .summarry .textbox ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1.5em;
}
.cooperating .summarry .textbox li {
	list-style:disc;
    line-height: 1.4em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.cooperating .flow {
	width:710px;
	margin:0 auto;
}
.cooperating .flow_li {
	margin-left: 2.43em;
}
.cooperating .flow_li dt{
	margin-top: 1em;
    position: relative;
    font-size: 25pt;
	font-weight:700;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}
.cooperating .flow_li dt:before {
    display: block;
    text-align: center;
    content: '';
    position: absolute;
    top: .4347826087em;
    right: auto;
    bottom: auto;
    left: 0;
    font-size: 25pt;
	font-weight:700;
	color:#0080ff;
    width: 1em;
    height: 1em;
    margin-left: -1.1em;
    margin-top: -0.3em;
    line-height: 1em;
}
.cooperating .flow_li dt:nth-child(1):before {
    content: "1";
}
.cooperating .flow_li dt:nth-child(3):before {
    content: "2";
}
.cooperating .flow_li dt:nth-child(5):before {
    content: "3";
}
.cooperating .flow_li dt:nth-child(7):before {
    content: "4";
}
.cooperating .flow_li dt:nth-child(9):before {
    content: "5";
}
.cooperating .flow_li dt:nth-child(11):before {
    content: "6";
}
.cooperating .flow_li dt:nth-child(13):before {
    content: "7";
}
.cooperating .flow_li dd{
	font-size: 14px;
    margin-bottom: 0.4em;
}
.cooperating .flow_li ul{
	margin-left:0.5em;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1em;
}
.cooperating .flow_li ul li{
	list-style:disc;
    line-height: 1.4em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.cooperating .maintenance {
	width:710px;
	margin:4em auto 0;
}
.cooperating .maintenance .textbox{
	display:table-cell;
	vertical-align: top;
	padding-left:2em;
}
.cooperating .maintenance .imgbox{
	display:table-cell;
	vertical-align: top;
	width:250px;
}
.cooperating .maintenance .textbox h4{
	font-weight:700;
	font-size:40px;
	color:#0080ff;
	line-height: 1.2em;
}
.cooperating .maintenance .textbox h5{
	font-weight:700;
	font-size:18px;
	line-height: 1.6em;
}

.cooperating .maintenance_li {
	margin-left: 2.43em;
}
.cooperating .maintenance_li dt{
	margin-top: 1em;
    position: relative;
    font-size: 25pt;
	font-weight:700;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}
.cooperating .maintenance_li dt:before {
    display: block;
    text-align: center;
    content: '';
	background: url(../images/cooperating/check.png) no-repeat;
	background-size:cover;
    position: absolute;
    top: .4347826087em;
    right: auto;
    bottom: auto;
    left: 0;
    font-size: 25pt;
	font-weight:700;
	color:#0080ff;
    width: 1em;
    height: 1em;
    margin-left: -1.1em;
    margin-top: -0.3em;
    line-height: 1em;
}