@import "top.css";
@import "fraud.css";
@import "product.css";
@import "spec.css";
@import "system.css";
@import "faq.css";
@import "apply.css";

/*--------------------------
body
--------------------------*/
body {color:#333333; font-size:12px; line-height:1.4; font-family:'メイリオ',Meiryo,sans-serif,'Osaka','ＭＳ Ｐゴシック'; margin:0px; padding: 15px 0 0;}

/*--------------------------
decoration
--------------------------*/
.clear {clear:both;}
.clear hr {display:none;}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.all_clear {clear:both; visibility:hidden; height:0;}
strong {font-weight:bold;}

.txt10 {font-size:10px;}
.txt11 {font-size:11px;}
.txt12 {font-size:12px;}
.txt13 {font-size:13px;}
.txt14 {font-size:14px;}

.w_25 {width:25%;}
.w_30 {width:30%;}
.w_35 {width:35%;}
.w_40 {width:40%;}

.txcl_or {color:#FF6600;}
.txcl_red {color:#F00;}
.txcl_bl {color:#39F;}


/*--------------------------
link
--------------------------*/
a:link {color:#3366CC; text-decoration:none;}
a:visited {color:#3366CC; text-decoration:none;}
a:hover {color:#3366CC; text-decoration:underline;}
img {border:0;}

/*--------------------------
共通Layout
--------------------------*/
#container {width:960px; margin:0px auto; padding:0px;}

#header {width:960px; height:80px; margin:0px auto; padding:0px;}

#pankuzu {width:960px; margin:10px 0 0 0; font-size:10px;}

#inner {width:960px; margin:20px auto 20px;}

#contents {width:960px; float:left;}

.title {width:600px; height:36px; margin-bottom:15px;}

.topic {width:790px; margin:0px 0 10px 150px; padding:5px 6px; border-left:5px solid #6699CC; background:#f1f1f1; font-weight:bold;}

.txt {width:790px; margin:0px 0 20px 150px;}

#rtn_top {width:780px; text-align:right; font-size:10px; margin:0px auto 20px;}

#btm_img {width:800px; height:100px; margin:0px auto 30px; padding:0px;}

#btm_txt {width:780px; margin:10px auto; padding:0px; font-size:10px; line-height:1;}

#footer {width:800px; margin:0px auto 30px;}


/*--------------------------
side navigation
--------------------------*/
#sidenavi {float:left; width:180px; margin-right:20px;}

#sidenavi ul {list-style-type:none; margin:0px; padding:0px;}
#sidenavi li {height:40px; display:block; float:left; display:inline;}
#sidenavi a {height:40px; display:block; text-decoration:none; outline:none;}
#sidenavi span {display:none;}
#sidenavi01 {width:180px; background:url(../img/sidenavi_btn.gif) 0px 0px no-repeat; margin:0px;}
#sidenavi02 {width:180px; background:url(../img/sidenavi_btn.gif) 0px -40px no-repeat; margin:0px;}
#sidenavi03 {width:180px; background:url(../img/sidenavi_btn.gif) 0px -80px no-repeat; margin:0px;}
#sidenavi04 {width:180px; background:url(../img/sidenavi_btn.gif) 0px -120px no-repeat; margin:0px;}
#sidenavi05 {width:180px; background:url(../img/sidenavi_btn.gif) 0px -160px no-repeat; margin:0px;}
#sidenavi06 {width:180px; background:url(../img/sidenavi_btn.gif) 0px -200px no-repeat; margin:0px;}
#sidenavi07 {width:180px; background:url(../img/sidenavi_btn.gif) 0px -240px no-repeat; margin:0px;}

#sidenavi01 a:hover {background:url(../img/sidenavi_btn.gif) -180px 0px no-repeat;}
#sidenavi02 a:hover {background:url(../img/sidenavi_btn.gif) -180px -40px no-repeat;}
#sidenavi03 a:hover {background:url(../img/sidenavi_btn.gif) -180px -80px no-repeat;}
#sidenavi04 a:hover {background:url(../img/sidenavi_btn.gif) -180px -120px no-repeat;}
#sidenavi05 a:hover {background:url(../img/sidenavi_btn.gif) -180px -160px no-repeat;}
#sidenavi06 a:hover {background:url(../img/sidenavi_btn.gif) -180px -200px no-repeat;}
#sidenavi07 a:hover {background:url(../img/sidenavi_btn.gif) -180px -240px no-repeat;}