@charset "UTF-8";
/** ===================================================
       共通
====================================================== **/
img   { border:0px solid #ffffff; }
body  { margin:0px;padding:0px; font-family:"メイリオ"; /* background-color:#eaeaea */ }
strong         {color:#e55050}
#page { width:960px;padding:10px 20px;margin:0 auto;background-color:white}
hr {border-bottom:1px solid #b7b7b7;}
.txtfld{
	width:300px;
	height:30px;
	font-size:120%;
	border:2px solid #ececec;
}

h2{
	background-color:#575757;
	color:white;
	padding:3px 20px;
	font-size:130%
}

h3{
	margin:5 0px;
	border-bottom:1px solid #848484;
	font-size:120%;
}
h4{
	margin:0px;
	text-decoration: underline;
}
h5{
	background-color:#575757;
	color:white;
	padding:3px 20px;
	text-align:left;
	font-size:130%;
}	
.num{text-align:right}
.comment{
	font-size:80%;
	color:gray;
}

/** ===================================================
       ロゴ部分
====================================================== **/
#logoarea{margin:10px 0px}
#logoarea .site{font-size:80%;}

#username{
	text-align:right;
}
#username a{
	font-weight:bold;
	text-decoration: none;
	color:blue
}
#username a:hover {/*マウスをのせたとき*/
    text-decoration:underline;
}

/** ===================================================
       メニュー部分
====================================================== **/

#menu{
	border-top:2px solid #b7b7b7;
	border-bottom:2px solid #b7b7b7;
	width:960px;
}

#menu .table-ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width:100%;
  margin:0px;padding:0;
}
#menu .table-ul li {
  border-left: 2px dotted #b7b7b7;
  display: table-cell;
  width:25%;
  vertical-align: middle;
}
#menu .table-ul li:first-child {
  border-left: 0px solid #fff;
}
#menu .table-ul li:last-child {
  border-left: 1px solid #b7b7b7;
  background-color:#fafafa
}

#menu .table-ul li a {
  color: gray;
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

#menu .select{
	color:#d1404f;
}


/** ===================================================
       Navi部分
====================================================== **/

#navi{
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484;
	width:960px;
	margin-top:10px;
	font-size:90%
}

#navi .table-ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width:100%;
  margin:0px;padding:0;
}
#navi .table-ul li {
  border-right: 1px solid #848484;
  display: table-cell;
  width:25%;
  vertical-align: middle;
}
#navi .table-ul li:first-child {
  border-left: 0px solid #fff;
}

#navi .table-ul li a {
  color: gray;
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

#navi .select{
	background-color:#036eb8;
	color:#ffffff;
	height:30px
}

#navi .item1{
	background-color:#575757;
	color:#ffffff;
}
#navi .item2{
	background-color:#717171;
	color:#ffffff;
}

#navi2{
	background-color:#f2f2f2;
	font-size:120%;
	padding:10px;
}
#navi2 .select{
	font-weight:bold;
	color:#036eb8;
}
#navi3{
	background-color:#ffccb3;
	font-size:120%;
	padding:10px;
	text-align:center;
}
/** ===================================================
       ページタイトル
====================================================== **/
.pagetitle{
	text-align:center;
	font-size:230%;
	text-decoration:underline;
	margin-top:20px;
}
.pagetitle_red{
	text-align:center;
	font-size:230%;
	margin:20px;
	color:#d1404f;
}
.pagetitle2{
	text-align:center;
	font-size:180%;
	text-decoration:underline;
	margin:10px;
}


.btn_large{
	border:2px solid #0971b9;
	background-color:#ffffff;
	padding:5px 40px;
	color:#0971b9;
	font-size:200%;
	font-family:"メイリオ";
}
.btn_large_back{
	border:2px solid #b7b7b7;
	background-color:#ffffff;
	padding:5px 40px;
	color:#b7b7b7;
	font-size:200%;
	font-family:"メイリオ";
}
.btn_small{
	border:2px solid #0971b9;
	background-color:#ffffff;
	padding:5px 40px;
	color:#0971b9;
	font-size:90%;
	font-family:"メイリオ";
	font-weight:bold;
}
.btn_xsmall{
	border:2px solid #0971b9;
	background-color:#ffffff;
	padding:5px 10px;margin:10px;
	color:#0971b9;
	font-size:80%;
	font-family:"メイリオ";
	font-weight:bold;
}
/** ===================================================
       Footer
====================================================== **/
#footer{
	background-color:#f2f2f2;
	padding:5px 20px;
	margin-top:30px;
	font-size:80%;
	text-align:right;
}
#footer a{
	text-decoration:none;
	color:#000000;
}

/** ===================================================
       Login
====================================================== **/
#login{
	border:5px solid #b7b7b7;
	width:350px;
	padding:20px 50px;
	margin-top:30px;
	margin-right:50px;
	margin-bottom:20px;
}
#login .pagetitle{
	text-align:center;
	font-size:200%;
	text-decoration:underline;
	margin-top:20px;
}
#login .item{
	margin:10px 0px 5px 0px;
	font-size:110%;
	text-align:left;
}

#login .txtfld{
	width:350px;
	height:30px;
	font-size:120%;
	border:2px solid #ececec;
}
#login .btnarea{
	text-align:center;
	margin:20px;
}
#login .btn{
	background-color:#036eb8;
	color:white;
	padding:10px 20px;
	border:1px solid #036eb8;
	font-size:120%;
	font-family:"メイリオ";
}

#login .error{
	background-color:#ffe5e5;
	padding:2px 4px;
	text-align:left
}

#loginTbl{
	margin-bottom:10px;
}

#loginTbl th{text-align:right;width:100px;padding-right:10px;font-size:90%}
#loginTbl td{}
#loginTbl .txtfld{width:300px;height:25px}
#loginTbl .btn{
	width:150px;
	border:2px solid #0971b9;
	background-color:#ffffff;
	padding:2px;
	color:#0971b9;
	font-family:"メイリオ";
	font-weight:bold;font-size:110%;
}

/** ===================================================
       会員登録
====================================================== **/
#regist {text-align:center;width:850px;background-color:white}
#regist strong         {color:#d1404f}
#regist .attentionarea {text-align:left;margin-top:20px;width:790px;}
#regist .pagetitle     {text-align:center;font-size:200%;text-decoration:underline;margin:20px;}
#regist .message    {border-left:5px solid #036eb8;text-align:left;padding:0px 10px;font-size:130%;margin-top:20px;margin-bottom:10px;font-weight:bold}

#regist .txtfld {width:350px;height:30px;font-size:120%;border:2px solid #ececec;}
#regist .txtfld_name {width:150px;height:30px;font-size:120%;border:2px solid #ececec;}
#regist .txtfld_yubin {width:80px;height:30px;font-size:120%;border:2px solid #ececec;}
#regist th {background-color:#575757;color:white;text-align:left;border:1px solid #8a8a8a;}
#regist td {border:1px solid #8a8a8a;text-align:left}
#regist .hissu{background-color:#d1404f;color:white;padding:2px 5px;font-size:80%;float:right}
#regist .hosoku{font-size:90%;color:gray}
#regist .hosoku_red{font-size:80%;color:#d1404f}

/** ===================================================
       トップページ
====================================================== **/

#flow {margin:10px}
#flow th {font-size:95%;border-bottom:2px solid gray;border-top:2px solid gray;padding:5px}
#flow td {font-size:95%;border-bottom:1px solid #aaaaaa;padding:10px}


/* --------------------------------------------
---------------------------------------------- */
.head_cellular{
	background-color:darkblue;color:white;font-weight:bold;text-align:center;
	font-size:120%;margin-bottom:10px;
}
.head_wifi{
	background-color:darkgreen;color:white;font-weight:bold;text-align:center;
	font-size:120%;margin-bottom:10px;
}
.head_itemname{
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
}

.kataban{
	text-align:center
}
.btn_mousikomi{
	width:350px;
	border:3px solid #000000 ;
	background-color:#c9c040;	
	color:#000000;
	padding:2px;
	font-family:"メイリオ";
	font-weight:bold;
	font-size:140%;
}
.btn_mousikomi_blue{
	width:150px;
	border:3px solid #0971b9;
	background-color:#ffffff;	
	color:#0971b9;
	padding:2px;
	font-family:"メイリオ";
	font-weight:bold;
	font-size:140%;
}
.btn_mousikomi_gray{
	width:350px;
	border:3px solid #aaaaaa;
	background-color:#ffffff;
	padding:2px;
	color:#aaaaaa;
	font-family:"メイリオ";
	font-weight:bold;
	font-size:140%;
}

.category{
	background-color:#575757;
	color:white;
	padding:3px 20px;
	font-size:140%
}




/** ===================================================
       FAQ
====================================================== **/
#faq .category{
	background-color:#575757;
	color:white;
	padding:3px 20px;
	font-size:140%
}
#faq .item{
	border-bottom:2px dotted #b7b7b7;
	padding:20px;
}
#faq .backTop{
	text-align:right;
	margin-top:10px;
	margin-bottom:20px;
}
/** ===================================================
       状態確認
====================================================== **/
#statusitem{
	margin-top:20px;
	border-bottom:2px dotted #b7b7b7;
	width:800px;
}

#statusitem .no{
	font-size:170%;
	text-align:left
}
#statusitem .btn_view{
	border-radius : 8px;
	padding:0px 10px;
	font-family:"メイリオ";
	margin-bottom:8px;
	
}
#statusitem table{
	margin:10px;
	width:800px;
	font-size:100%
}
#statusitem th{
	border:1px solid #b7b7b7;
	background-color:#898989;
	color:white;
	padding:2px 5px;
}
#statusitem td{
	border :1px solid #b7b7b7;
	border-top:0px solid #b7b7b7;
	border-left:0px solid #b7b7b7;
}
#statusitem .step{
	width:80px;
	background-color:#f2f2f2;
	text-align:center;
	border-left:1px solid #b7b7b7;
}
#statusitem .step_w1{
	width:80px;
	background-color:#f2f2f2;
	text-align:center;
	border-bottom:2px dotted #b7b7b7;
	border-left:1px solid #b7b7b7;
}
#statusitem .step_w2{
	width:80px;
	background-color:#f2f2f2;
	text-align:center;
	border-top:0px dotted #b7b7b7;
	border-left:1px solid #b7b7b7;
}
#statusitem .dotline_w1{
	border-bottom:2px dotted #b7b7b7;
}
#statusitem .dotline_w2{
	border-top:0px dotted #b7b7b7;
}

#statusitem .status_blue{
	background-color:#bae3f9;
	text-align:center;
	width:100px;
}
#statusitem .status_blue_w1{
	background-color:#bae3f9;
	text-align:center;
	width:100px;
	border-bottom:2px dotted #b7b7b7;
}
#statusitem .status_blue_w2{
	background-color:#bae3f9;
	text-align:center;
	width:100px;
	border-top:0px dotted #b7b7b7;
}

#statusitem .status_yellow{
	background-color:#f7f5af;
	text-align:center;
	width:100px;
}
#statusitem .status_yellow_w1{
	background-color:#f7f5af;
	text-align:center;
	width:100px;
	border-bottom:2px dotted #b7b7b7;
}
#statusitem .status_yellow_w2{
	background-color:#f7f5af;
	text-align:center;
	width:100px;
	border-top:0px dotted #b7b7b7;
}
#statusitem .status_red{
	background-color:#ffcccc;
	text-align:center;
	width:100px;
}
#statusitem .status_red_w1{
	background-color:#ffcccc;
	text-align:center;
	width:100px;
	border-bottom:2px dotted #b7b7b7;
}
#statusitem .status_red_w2{
	background-color:#ffcccc;
	text-align:center;
	width:100px;
	border-top:0px dotted #b7b7b7;
}
#statusitem .status_white{
	text-align:center;
	width:100px;
}
#statusitem .status_white_w1{
	text-align:center;
	width:100px;
	border-bottom:2px dotted #b7b7b7;
}
#statusitem .status_white_w2{
	text-align:center;
	width:100px;
	border-top:0px dotted #b7b7b7;
}
#statusitem .btn_xsmall{
	border:2px solid #0971b9;
	background-color:#ffffff;
	padding:5px 10px;margin:0px;
	color:#0971b9;
	font-size:80%;
	font-family:"メイリオ";
	font-weight:bold;
}

/** ===================================================
       表
====================================================== **/
#tbl{font-family:"メイリオ";}
#tbl th {padding:5px 20px; border-bottom:2px solid #b7b7b7;text-align:left;font-size:120%}
#tbl td {padding:5px 20px; border-bottom:2px solid #b7b7b7}
#tbl .hosoku{color:gray}
#tbl select {height:30px;font-size:110%;}
.attention{color:#d1404f}

.errarea{background-color:#ffe5e5;margin:10px;
	padding:10px 20px;width:90%;
	text-align:left
}
.select_day {height:30px;font-size:120%;border:2px solid #ececec;}

#tbl2{font-family:"メイリオ";font-size:95%}
#tbl2 th {padding:5px 20px; border-bottom:1px solid #b7b7b7;text-align:left;}
#tbl2 td {padding:5px 20px; border-bottom:1px solid #b7b7b7}


#tbl3{font-family:"メイリオ";font-size:90%}
#tbl3 th {padding:2px 10px; border-bottom:1px solid #b7b7b7;text-align:left;}
#tbl3 td {padding:2px 10px; border-bottom:1px solid #b7b7b7}


/** ===================================================
       Kitting
====================================================== **/
#kitting{width:950px;}

#kitting .txtfld {width:350px;height:30px;font-size:120%;border:2px solid #ececec;}
#kitting .txtfld_name {width:150px;height:30px;font-size:120%;border:2px solid #ececec;}
#kitting .txtfld_yubin {width:80px;height:30px;font-size:120%;border:2px solid #ececec;}
#kitting .select_apr {height:30px;font-size:120%;border:2px solid #ececec;}
#kitting .subtitle   {border-left:5px solid #036eb8;text-align:left;padding:0px 10px;font-size:130%;margin-top:20px;margin-bottom:10px;font-weight:bold}
#kitting .hosoku2 {margin:10px 40px;color:gray}

#kitting .category{
	background-color:#575757;
	color:white;
	padding:3px 20px;
	font-size:140%;
	text-align:left;
	
}

#tokki{width:740px;text-align:left;margin-top:20px;border:1px dotted gray;padding:10px}

/** ===================================================
       HowToWrite
====================================================== **/

.point { border:2px dotted gray; width:900px;margin-top:20px }

.destination{border:2px solid darkgray;padding:10px 20px;width:500px;background-color:#ffffb3;text-align:left}


.hissu{background-color:#d1404f;color:white;padding:2px 5px;font-size:80%;float:right}

/** ===================================================
       HowToWrite
====================================================== **/


/**  **/
.blueSpan{background-color:green;border-radius:10px;padding:5px 35px;color:white;font-weight:bold}
.greenSpan{background-color:blue;border-radius:10px;padding:5px 35px;color:white;font-weight:bold}