@import "top.css";
@import "plan.css";
@import "flow.css";
@import "faq.css";
@import "option.css";
@import "info.css";
@import "delete.css";
@import "customer.css";
@import "module.css";
@import "managed.css";


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

/*--------------------------
decoration
--------------------------*/
.clear {clear:both;}
.crear hr {display:none;}
.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_red10 {color:#F00; font-size:10px;}
.txcl_red12 {color:#F00; font-size:12px;}
.txcl_bl {color:#06F;}
.txt_att {color:#F00; font-size:12px; line-height:1.1;}

/*--------------------------
link
--------------------------*/
a:link {color:#6666FF; text-decoration:underline;}
a:visited {color:#6666FF; text-decoration:underline;}
a:hover {color:#6666FF; text-decoration:underline;}
img {border:0;}

/*--------------------------
共通Layout
--------------------------*/
#container {width:820px; margin:0px auto; border:1px solid #999999; background:#ffffff; padding:0px;}

#header {width:800px; height:85px; margin:0px auto 5px; padding:0px;}

#inner {width:800px; margin:10px auto 0px; padding:0px;}

#left {float:left; width:185px; margin:0px 25px 0px 0px; padding:0px;}

#right {float:right; width:590px; margin:0px; padding:0px;}
#right .txt {width:580px; margin:0px 5px 20px; padding:0px;}
#right .txt_sml {width:580; margin:0px; padding:10px; font-size:12px;}
#right .topic {width:590px; height:30px; margin:0px 0px 10px; padding:0px;}
#right .common_att {width:590px; font-size:12px; margin:0px 0px 20px;}

#rtn_top {float:right; width:100px; margin:20px 0px; font-size:12px;}

/*--------------------------
gloval navigation
--------------------------*/
#gnavi {margin:0px auto 70px; padding:0px; width:800px;}
#gnavi ul {margin:0px; padding:0px; list-style-type:none; position:relative;}
#gnavi li {margin:0px; padding:0px; height:50px; list-style-type:none; float:left;}
#gnavi li a {display:block; height:50px; background-position:0px 0px; background-repeat:no-repeat; text-decoration:none; text-indent:-10000px;} 
#gnavi li#gnv01 a {background-image:url(../img/gnv01.gif); width:150px;}
#gnavi li#gnv02 a {background-image:url(../img/gnv02.gif); width:130px;}
#gnavi li#gnv03 a {background-image:url(../img/gnv03.gif); width:130px;}
#gnavi li#gnv04 a {background-image:url(../img/gnv04.gif); width:130px;}
#gnavi li#gnv05 a {background-image:url(../img/gnv05.gif); width:130px;}
#gnavi li#gnv06 a {background-image:url(../img/gnv06.gif); width:130px;}
#gnavi li a:hover {background-position:0px -50px;}
#gnavi li#gnv01Act a {background-image:url(../img/gnv01.gif); background-position:0px -50px; width:150px;}
#gnavi li#gnv02Act a {background-image:url(../img/gnv02.gif); background-position:0px -50px; width:130px;}
#gnavi li#gnv03Act a {background-image:url(../img/gnv03.gif); background-position:0px -50px; width:130px;}
#gnavi li#gnv04Act a {background-image:url(../img/gnv04.gif); background-position:0px -50px; width:130px;}
#gnavi li#gnv05Act a {background-image:url(../img/gnv05.gif); background-position:0px -50px; width:130px;}
#gnavi li#gnv06Act a {background-image:url(../img/gnv06.gif); background-position:0px -50px; width:130px;}

/*--------------------------
side navigation
--------------------------*/
#left .snv_apply {width:185px; height:64px; margin:0px 0px 10px; padding:0px;}
#left .snv_btn {width:185px; height:55px; margin:0px 0px 10px; padding:0px;}
#left .snv_cstm {width:185px; height:25px; margin:0px; padding:0px;}
#left .scv_menu {width:185px; height:40px; margin:0px; padding:0px;}

#left .gred_bnr {width:185px; height:230px; margin:20px 0px 0px;}




/*--------------------------
table
--------------------------*/
#right .price table {width:590px; margin:0px 0px 10px; font-size:12px;} 
#right .price th {border:1px solid #ddd; padding:4px; font-weight:normal; text-align:left; background:url(../img/bg_th01.gif) repeat-x;} 
#right .price td {border:1px solid #ddd; padding:4px;}

/*--------------------------
reference
--------------------------*/
#right .ref_tpc {width:122px; height:20px; margin:0px 0px 5px; padding:0px;}
#right .ref_img {width:351px; height:85px; margin:0px 0px 20px; padding:0px;}

/*--------------------------
footer
--------------------------*/
#footer {width:800px; margin:30px auto; padding:0px; font-size:10px; text-align:right; border-top:#CCC solid 1px;}
#footer .left {float:left; width:400px; margin:0px; padding:0px; text-align:left;}
#footer .right {float:right; width:400px; margin:0px; padding:0px; text-align:right;}