@import "decoration.css";
@import "top.css";
@import "list.css";
@import "ip.css";
@import "mobile.css";
@import "other.css";
@import "option.css";
@import "vpn.css";
@import "course.css";
@import "partner.css";
@import "faq.css";
@import "f_support.css";
@import "ec.css";
@import "member.css";

/*--------------------------
body
--------------------------*/
body {color:#333333; background:top url(../img/bg_body.gif) repeat-x; font-size:12px; line-height:1.5; font-family:'メイリオ',Meiryo,sans-serif,'Osaka','ＭＳ Ｐゴシック'; margin:0px; padding:0px;}

/*--------------------------
common layout
--------------------------*/
#wrapper {width:960px; margin:0px auto; padding:0px;}

h1 {height:20px; width:960px; background:#333; margin:0px auto; padding:0px 10px; color:#cccccc; font-size:11px; font-weight:normal;}

#header {width:960px; height:70px; margin:0px auto; padding:0px; background:url(../img/bg_header.gif) no-repeat;}
#header span {display:none;}
#header ul {float:right; list-style-type:none; margin:0px; padding-top:12px;}
#header li {float:left; display:inline; width:84px; text-align:center;font-size:10px; }


#pankuzu {margin:10px 20px; font-size:10px;}

.rtn_top {width:560px; margin:0px auto; font-size:10px; text-align:right;}


#column {float:left; width:770px; margin-right:10px;}
#contents {float:right; width:580px; margin-left:10px; padding-bottom:30px;}
#snv_l {float:right; width:180px; padding-bottom:30px;}
#snv_r {float:left; width:180px; padding-bottom:30px;}
#agr_btn {width:580px; margin:10px 0px;background-color:#ffeeff; text-align:center; border-width:1px; border-color:#CC0000; border-style:dotted; padding:3px;}

.title{width:580px; height:25px; margin:0px auto 25px;}

.sub_topic {width:563px; height:21px; background:url(../img/bg_sub_topic.gif) no-repeat; font-weight:bold; margin:0px auto 20px; padding-left:17px; padding-top:2px;}

.txt_w560{width:450px; margin: 0 auto 10px;}

/*--------------------------
global navi
--------------------------*/
#gnv {width:960px; height:40px; margin:0px auto 20px; padding:0px;}
#gnv span {display:none;}
#gnv ul {list-style-type:none; margin:0px; padding:0px;}
#gnv li {height:40px; display:block; float:left; display:inline;}
#gnv a {height:40px; display:block; text-decoration:none; outline:none;}

#gnv01 {width:137px; background:url(../img/gnv_btn.gif) 0px 0px no-repeat; margin:0px;}
#gnv02 {width:137px; background:url(../img/gnv_btn.gif) -137px 0px no-repeat; margin:0px;}
#gnv03 {width:137px; background:url(../img/gnv_btn.gif) -274px 0px no-repeat; margin:0px;}
#gnv04 {width:137px; background:url(../img/gnv_btn.gif) -411px 0px no-repeat; margin:0px;}
#gnv05 {width:137px; background:url(../img/gnv_btn.gif) -548px 0px no-repeat; margin:0px;}
#gnv06 {display:none}
#gnv07 {width:137px; background:url(../img/gnv_btn.gif) -685px 0px no-repeat; margin:0px;}
#gnv08 {width:138px; background:url(../img/gnv_btn.gif) -822px 0px no-repeat; margin:0px;}

#gnv01 a:hover {background:url(../img/gnv_btn.gif) 0px -40px no-repeat;}
#gnv02 a:hover {background:url(../img/gnv_btn.gif) -137px -40px no-repeat;}
#gnv03 a:hover {background:url(../img/gnv_btn.gif) -274px -40px no-repeat;}
#gnv04 a:hover {background:url(../img/gnv_btn.gif) -411px -40px no-repeat;}
#gnv05 a:hover {background:url(../img/gnv_btn.gif) -548px -40px no-repeat;}
#gnv06 a:hover {display:none}
#gnv07 a:hover {background:url(../img/gnv_btn.gif) -685px -40px no-repeat;}
#gnv08 a:hover {background:url(../img/gnv_btn.gif) -822px -40px no-repeat;}


/*--------------------------
left navi
--------------------------*/
.snv_l_head {width:180px; height:26px; background:url(../img/snv_l_head.gif) no-repeat; margin-bottom:10px; display:block;}
.snv_l_head span {visibility:hidden;}


.snv_l_join {width:180px; height:101px; background:url(../img/snv_l_join_bg.gif) no-repeat; margin-bottom:10px; padding-top:5px;}

#snv_l_btn {width:170px; margin:0px auto 75px;}
#snv_l_btn span {display:none;}
#snv_l_btn ul {list-style-type:none; margin:0px; padding:0px;}
#snv_l_btn li {height:26px; display:block; display:inline; float:left;}
#snv_l_btn a {height:26px; display:block; text-decoration:none; outline:none;}
#snv_l_btn01 {width:170px; background:url(../img/snv_l_join_btn.gif) 0px 0px no-repeat;}
#snv_l_btn01 a:hover {width:170px; background:url(../img/snv_l_join_btn.gif) -170px 0px no-repeat;}

#snv_l_menu {width:170px; margin-bottom:10px; background:#f1f3f5; padding:5px 5px 0px;}
#snv_l_menu span {display:none;}
#snv_l_menu ul {list-style-type:none; margin:0px; padding:0px;}
#snv_l_menu li {height:40px; display:block; display:inline; float:left;}
#snv_l_menu a {height:40px; display:block; text-decoration:none; outline:none;}

#snv_l_menu01 {width:170px; background:url(../img/snv_l_btn.gif) 0px 0px no-repeat; margin-bottom:5px;}
#snv_l_menu02 {width:170px; background:url(../img/snv_l_btn.gif) 0px -40px no-repeat; margin-bottom:5px;}
#snv_l_menu03 {width:170px; background:url(../img/snv_l_btn.gif) 0px -80px no-repeat; margin-bottom:5px;}
#snv_l_menu04 {width:170px; background:url(../img/snv_l_btn.gif) 0px -120px no-repeat; margin-bottom:5px;}
#snv_l_menu05 {width:170px; background:url(../img/snv_l_btn.gif) 0px -160px no-repeat; margin-bottom:5px;}

#snv_l_menu01 a:hover {width:170px; background:url(../img/snv_l_btn.gif) -170px 0px no-repeat;}
#snv_l_menu02 a:hover {width:170px; background:url(../img/snv_l_btn.gif) -170px -40px no-repeat;}
#snv_l_menu03 a:hover {width:170px; background:url(../img/snv_l_btn.gif) -170px -80px no-repeat;}
#snv_l_menu04 a:hover {width:170px; background:url(../img/snv_l_btn.gif) -170px -120px no-repeat;}
#snv_l_menu05 a:hover {width:170px; background:url(../img/snv_l_btn.gif) -170px -160px no-repeat;}

.snv_l_agency a {display:block; width:180px; height:100px; margin-bottom:30px; background:url(../img/bnr_agency.gif) no-repeat;}
.snv_l_agency span {visibility:hidden;}

#snv_l_bnr {width:180px; padding:5px 0px; background:#f1f3f5;}

.bnr_wwgo {width:170px; height:130px; margin:0px auto 5px;}

.bnr_ejtrvl {width:170px; height:200px; margin:0px auto}

/*--------------------------
right navi
--------------------------*/
.snv_r_head {width:180px; height:26px; background:url(../img/snv_r_head.gif) no-repeat; margin-bottom:10px; display:block;}
.snv_r_head span {visibility:hidden;}

.snv_r_pamphlet {width:180px; height:126px; background:url(../img/snv_r_pamphlet_bg.gif?v1) no-repeat; margin-bottom:10px; padding-top:5px;}

#snv_r_btn {width:170px; margin:0px auto 75px;}
#snv_r_btn span {display:none;}
#snv_r_btn ul {list-style-type:none; margin:0px; padding:0px;}
#snv_r_btn li {height:52px; display:block; display:inline; float:left;}
#snv_r_btn a {height:52px; display:block; text-decoration:none; outline:none;}
#snv_r_btn01 {width:170px; background:url(../img/snv_r_pamphlet_btn.gif) 0px 0px no-repeat;}
#snv_r_btn01 a:hover {width:170px; background:url(../img/snv_r_pamphlet_btn.gif) -170px 0px no-repeat;}



.snv_r_cat {width:180px; background:url(../img/snv_r_cat_bg.gif) repeat-y; margin-bottom:10px;}
.snv_r_cat_top {width:180px; height:18px; margin:0px;}
.snv_r_cat_btm {width:180px; height:1px; background:url(../img/snv_r_cat_btm.gif) no-repeat; margin:0px;}
.snv_r_cat_btm span {display:none;}

.snv_r_cat a:link {color:#7b5251; text-decoration:none;}
.snv_r_cat a:visited {color:#7b5251; text-decoration:none;}
.snv_r_cat a:hover {color:#7b5251; text-decoration:underline;}

.snv_r_cat ul {width:174px; margin:10px 10px 10px 30px; padding:0px;}
.snv_r_cat li {list-style:url(../img/snv_r_arrow.gif); line-height:2.0;}

.snv_r_bnr {width:180px; height:50px; margin-bottom:5px;}

.snv_r_pmark {width:100px; height:100px; margin:0 auto; padding-top:30px;}


/*--------------------------
footer
--------------------------*/
#footer {width:100%; clear:left; background:#333; padding-bottom:15px;}
#footer_column {width:960px; margin:0px auto; padding:0px; font-size:10px; color:#cccccc; }
#footer_leftmenu {float:left; padding:10px;}
#footer_copy {float:right; padding:10px;}

#footer_column a:link {color:#cccccc; text-decoration:none;}
#footer_column a:visited {color:#cccccc; text-decoration:none;}
#footer_column a:hover {color:#cccccc; text-decoration:underline;}

#footer_nakanohito {width:100%; background:#333; height:78px; text-align:center;}