@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../images/body.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#717171;
}

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.blinking{
		animation:blink 1s ease-in-out infinite alternate;
}


h1{color:#1cacdb;font-weight:bold;}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}



#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*--------------------------------------------------------------
	header
-------------------------------------------------------------- */
header{
	margin:0 auto;
	position:relative;
	width:860px;
	font-size:.814em;
}

header .Box01{
	margin:5px 0 0 0;
	width:960px;
	float:left;
	}

/*--LOGO--*/
header .Box02{
	margin:0 auto;
	width:390px;
	height:80px;
	background-image:url(../images/logo_a.png);
	background-repeat:no-repeat;
	float:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*--TEL--*/
header .Box03{
	float:left;
	width:255px;
	height:80px;
	background-image:url(../images/tel.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

/*--CONTACT--*/
header .Box04{
	float:left;
	width:215px;
	height:80px;
	}

header .Box04 h2{padding-top:17px;}



header .Box05{
	clear: both;
	margin:0 auto;
	height:40px;
	}

#main{
	clear:both;
	position:relative;
	margin:0 auto;
	width:960px;
	height:450px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.container{
	clear:both;
	margin:0 auto;
	width:960px;
	margin-top:30px;
	}

.app-icon.ios img {
    border-radius: 22.544%;
}

/*--------------------------------------------------------------
	left_content
-------------------------------------------------------------- */
.left_content{float:left;width:240px;margin:0 40px 0 0;}


.advertise{}

.advertise .Box01{margin-bottom:30px;}

.side_navi{ float:left;width:240px;}


/*--------------------------------------------------------------
	right_content
-------------------------------------------------------------- */
.right_content{
	float:left;
	width:680px;
	color:#4a4a4a;
	}


/*--------------------------------------------------------------

-------------------------------------------------------------- */

.clear {
	clear:both;
}


/*--------------------------------------------------------------
	お問い合わせはコチラ
-------------------------------------------------------------- */
.btn_contact{
	clear:both;
	background-image:url(../images/btn_contact_back.png);
	background-repeat:no-repeat;
	width:640px;
	height:48px;
	margin:40px auto;
	}

.btn_contact a{width:235px;
	height:35px;
	float:left;
	margin:6px 0 0 315px;}
/*--------------------------------------------------------------
	footer
-------------------------------------------------------------- */
footer{
		clear:both;
		width:100%;
		height:150px;
		text-align:center;
		padding-top:2.5em;
		background-color:#1cacdb;
		color:#fff;
		}

footer a:link{text-decoration:none;color:#fff;}
footer a:hover{text-decoration:underline;color:#fff;}
footer a:visited{text-decoration:none;color:#fff;}


footer p{font-size:.65em;line-height:2em;}

footer ul {
	margin:5px auto 15px;
	overflow: hidden;
	text-align:center;
	font-size:1em;
}

footer ul li {
/*	margin-right:20px;*/
	display:inline;
}

footer ul li a {font-weight: bold;}

footer ul li.sep {margin:0 10px;}


/*--------------------------------------------------------------
	RETURN PAGE TOP
-------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #7dc1e9;
	text-decoration: none;
	color: #fff;
	width: 150px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #b6ddf4;
}


/*--------------------------------------------------------------
	index.html
-------------------------------------------------------------- */
#index_html,#company_html,#faq_html,#works_html,#works_html,#contact_html,#privacy_html
{float:left;width:640px; font-size:0.9em;}


#index_html h2{color:#ff7597;}

#index_html .Box01{
	height:68px;
	background-image:url(../images/title_index01.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#index_html .Box02{
	height:auto;
	padding:20px 0 0 50px;
	background-image:url(../images/image_index01.png);
	background-position:center;
	background-repeat:no-repeat;
	line-height:2.5;
	}

#index_html .Box03{
	height:79px;
	background-image:url(../images/title_index02.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#index_html .Box04{
	height:auto;
	padding:20px 0 0 50px;
	background-image:url(../images/image_index02.png);
	background-position:center;
	background-repeat:no-repeat;
	line-height:2.5;
	}

#index_html .Box05{
	height:60px;
	background-image:url(../images/title_index03.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#index_html .Box06{
	height:auto;
	padding:20px 0 0 50px;
	background-image:url(../images/image_index03.png);
	background-position:center;
	background-repeat:no-repeat;
	line-height:2.5;
	}

#index_html .Box07{
	height:66px;
	background-image:url(../images/title_index04.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#index_html .Box08{
	height:auto;
	padding:20px 0 0 50px;
	background-image:url(../images/image_index04.png);
	background-position:center;
	background-repeat:no-repeat;
	line-height:2.5;
	}

#index_html .Box09{
	height:77px;
	background-image:url(../images/title_index05.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#index_html .Box10{
	height:auto;
	padding:20px 0 0 50px;
	background-image:url(../images/image_index05.png);
	background-position:center;
	background-repeat:no-repeat;
	line-height:2.5;
	}

/*--------------------------------------------------------------
	company.html
-------------------------------------------------------------- */
#company_html .Box01{
	height:50px;
	background-image:url(../images/title_company.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#company_html .Box02{
	height:300px;
	background-image:url(../images/logo_b.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}


	company_html .Box03{
	height:50px;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#company_html table{
	border-top:#ffffff 3px double;
	border-collapse: collapse;
	font-size: 0.75em;
	width: 100%;
	}

#company_html table th.t_top {
	border-top: #1cacdb 4px solid;
	border-bottom:#1cacdb 1px solid;
	background-color: #d6f1fb;
	text-align: left;
	padding: 20px;
	font-weight:normal;
	}

#company_html table td.t_top {
	border-top: #1cacdb 4px solid;
	border-bottom:#1cacdb 1px solid;
	text-align: left;
	padding: 20px;
	}

#company_html table td.t_line01 {
	border-bottom:#1cacdb 1px solid;
	background-color: #d6f1fb;
	text-align: left;
	padding: 20px;
	vertical-align: top;
	}

#company_html table td.t_line02 {
	border-bottom:#1cacdb 1px solid;
	text-align: left;
	padding: 20px;
	vertical-align: top;
	}

#company_html table a {color: #0d92d3;text-decoration: none;}
#company_html table a:hover {color: #0d92d3;text-decoration:underline;}

/*--------------------------------------------------------------
	faq.html
-------------------------------------------------------------- */
#faq_html h2{font-size:1.5em;display:inline; margin-right:20px;}

#faq_html .Box01{
	height:50px;
	background-image:url(../images/title_faq.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#faq_html .Box02{
	margin:20px auto 10px auto;
	padding-left:10px;
	height:auto;
	background-color:#1cacdb;
	font-weight:bold;
	color:#fff;
	}

#faq_html .Box03{
	height:auto;
	font-size:0.9em;
	padding:10px 0 0 10px;
	line-height:2;
	}


/*--------------------------------------------------------------
	works.html
-------------------------------------------------------------- */
#works_html .Box01{
	height:50px;
	background-image:url(../images/title_works.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#works_html .Box02{
	clear:both;
	margin:20px auto 10px auto;
	padding-left:10px;
	height:auto;
	background-color:#1cacdb;
	font-weight:bold;
	color:#fff;
	}


#works_html .Box03{
	float:left;
	width:300px;
	height:auto;
	margin:0 0 50px 0
	}

#works_html .Box04{float:right;width:320px; margin:0 0 50px 0;}

#works_html .Box04-1{
	height:auto;
	font-size:0.9em;
	line-height:2;
	}

#works_html .Box04-2{
	background-image:url(../images/download.png);
	background-repeat:no-repeat;
	margin:15px 0 0 0;
	padding-top:40px;
	}

#works_html .Box05{
	height:50px;
	background-image:url(../images/title_price.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

	#works_html .Box05-1{
		height:50px;
		background-image:url(../images/title_exe.png);
		background-repeat:no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		}

/*--------------------------------------------------------------
	contact.html
-------------------------------------------------------------- */
#contact_html .Box01{
	height:50px;
	background-image:url(../images/title_contact.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}


#contact_html table{
	border-top:#ffffff 3px double;
	border-collapse: collapse;
	font-size: 0.75em;
	width: 100%;
	margin:20px 0 0 0;
	}

#contact_html table th.t_top {
	border-top: #1cacdb 4px solid;
	border-bottom:#1cacdb 1px solid;
	background-color: #d6f1fb;
	text-align: left;
	padding: 20px;
	font-weight:normal;
	}

#contact_html table td.t_top {
	border-top: #1cacdb 4px solid;
	border-bottom:#1cacdb 1px solid;
	text-align: left;
	padding: 20px;
	}

#contact_html table td.t_line01 {
	border-bottom:#1cacdb 1px solid;
	background-color: #d6f1fb;
	text-align: left;
	padding: 20px;
	vertical-align: top;
	}

#contact_html table td.t_line02 {
	border-bottom:#1cacdb 1px solid;
	text-align: left;
	padding: 20px;
	vertical-align: top;
	}

#contact_html table td.t_line03 {
	border-bottom:#1cacdb 1px solid;
	text-align: left;
	padding: 20px;
	text-align:center;
	vertical-align: top;
	}

/*--------------------------------------------------------------
	privacy.html
-------------------------------------------------------------- */
#privacy_html h2{font-size:1.25em; font-weight:bold; background-color:#777; color:#fff; margin:30px 0 10px 0; padding:1px 0 1px 10px;}
#privacy_html h3{padding:0 10px;line-height:2; text-align: right;}
#privacy_html p{padding:0 10px;line-height:2;}

#privacy_html .Box01{
	height:50px;
	background-image:url(../images/title_privacy.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

#privacy_html .Box02{
	height:auto;
	font-size:0.75em;
	margin:20px 0 50px 0;
	}



#nave{
width: 240px;
}

#nave ul {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #cccccc;
width: 240px;
}

#nave li {
margin: 0;
padding: 0;
border-bottom: 1px solid #cccccc;
width: 240px;
}

#nave a {
background: url(../images/img01.jpg) no-repeat;/*通常時の背景画像*/
padding:7px 10px;
display: block;
width: 240px ;
color: #111111;
text-decoration: none;
}

#nave a:hover {
background: url(../images/img02.jpg) no-repeat;/*カーソルオーバー時の背景画像*/
color: #FFFFFF;
width: 240px ;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;