@charset "shift_jis";
/* CSS Document */
@import url("pop.css");

/*----全体----*/
html,body{height:100%}
body,p,ol,ul,h1,h2,h3,h3{margin:0 0;padding:0 0;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
dl,dt,dd{padding:0 0;margin:0 0;}
a,a:hover{text-decoration:none;}
h1,h2,h3{font-size:14px;}
ul li{list-style:none;}
img{border:none;}

/*---全体の囲み---*/
#container{width:960px;margin:0 auto;height:auto !important;min-height: 100%;position:relative;}


/*--ヘッダ--*/
/*--	#header{position:relative;width:960px;height:137px;background:url(../img/bg_header.jpg) no-repeat;z-index:1;}									--*/
/*--	#header h1.logo{position:relative;top:35px;left:168px;width:560px;height:91px;background:url(../img/logo.jpg) no-repeat;text-indent:-9999px;}	--*/

/*--	#header{position:relative;width:960px;height:137px;background:url(../img/bg_header.jpg) no-repeat;z-index:1;}	--*/
#header h1.logo{position:relative;top:30px;left:10px;width:560px;height:91px;background:url(../img/logo.jpg) no-repeat;text-indent:-9999px;}

/*--	#header{position:relative;height:73px;background:#f6f6f6;border-bottom:2px solid #ece6e8;z-index:1;}	--*/
/*--	#header p.logo{position:relative;top:17px;left:20px;}													--*/


/*-メニューバー-*/
.menubar{width:960px;height:47px;background:url(../img/bg_menubar.jpg) no-repeat;}
/*メニューリスト*/
.mainmenu{position:relative;float:left;width:695px;margin:0 0;}
.mainmenu li{float:left;width:116px;position:relative;z-index:1;cursor:pointer;}
.mainmenu li.home{float:left;width:77px;}
.mainmenu li.border{float:left;width:6px !important;}
/*サブメニューリスト*/
.submenu{width:116px;height:auto;padding:29px 0 0 0;z-index:100;position:absolute;top:34px;left:0;background:url(../img/bg_menulist.jpg) repeat-x;}
.submenu p{margin-top:-29px;text-align:center;}
.submenu ul{overflow:hidden;width:108px;padding:0 2px;border:2px solid #69583d;border-top:none;background:#fff5a4;}
.submenu  ul li{width:108px;border-bottom:1px solid #69583d;}
.last{margin:0 0;border:none !important;}
.submenu ul li a{display:block;width:106px;height:25px;padding:10px 0 0 2px;font-size:13px;color:#5b4b33;text-decoration:none;}
.submenu ul li a:hover{display:block;width:106px;height:25px;padding:10px 0 0 2px;text-decoration:none;}


/*江東区ログイン*/

.koto_login{width:545px;height:239px;margin:40px auto;background:url(../img/bg_login_table.gif) no-repeat;}
.koto_login .top_txt{margin:15px 0 15px 15px;}
td.koto_userid{width:165px;padding:3px 0;}
td.koto_login_input input{width:160px;margin-left:10px;padding:5px 5px; }
td.space_btn_login{padding-left:20px;}
.koto_login .top_bottom{margin-left:15px;}


/*ログイン窓*/
.login{float:right;width:230px;position:absolute;top:21px;right:20px;z-index:100;}
.login_input,.logout_input{width:230px;height:106px;padding-top:8px;background:url(../img/bg_login.jpg) no-repeat;}
.login_input ul{float:left;width:172px;height:40px;position:absolute;top:5px;left:5px;}
.login_input ul li{width:108px;height:17px;margin-bottom:2px;padding-left:64px;}
*html .login_input ul li{margin-bottom:0;}
.login_input ul li.userID{background:url(../img/txt_userID.jpg) no-repeat;}
.login_input ul li.PW{background:url(../img/txt_pw.jpg) no-repeat;}
.login_input ul li input{width:105px;height:12px}
.login_btn{float:right;width:40px;height:40px;position:absolute;right:5px;}
.pw_foreget{position:absolute;top:53px;left:10px;text-align:center;}

.newmember_btn{width:197px;position:absolute;top:96px;right:37px;z-index:100;}
/* 暫定 */
.oldmember_btn{width:214px;margin:0 auto;padding:0 0;text-align:center;position:absolute;top:27px;right:30px;z-index:100;}
/* 暫定 */

.logout_input ul{float:left;width:172px;height:33px;padding-left:5px;}
.logout_input ul li input{width:170px;height:33px;background:#FFFFFF url(../img/bg_member.jpg) no-repeat 145px 0;}

.member_btn{width:214px;margin:0 auto;padding:0 0;text-align:center;position:absolute;top:76px;right:27px;z-index:100;}
.member_btn .submenu{width:194px;height:auto;padding:29px 0 0 0;z-index:100;position:absolute;top:51px;left:10px !important;}
.member_btn .submenu p{text-align:center;}
.member_btn .submenu ul{width:186px !important;}
.member_btn .submenu ul li{width:186px;text-align:left;}
.member_btn .submenu ul li a{width:186px;}
.member_btn .submenu ul li a:hover{width:186px;}

/*--コンテンツ枠--*/
*html #contents{overflow:hidden;margin-top:-7px;min-height:620px;height:100%;padding-bottom:100px;}
#contents{overflow:hidden;width:960px;min-height:630px;height:100%;padding-bottom:100px;font-size:13px;}
body:first-of-type #contents{position:relative;top:-5px;padding-bottom:100px;} 

.main_article{width:940px;padding:0 10px;}
.main_article:after{content:"";display:block;clear:both;}
.member_article{overflow:hidden;width:490px;margin:0 auto;padding:0 10px;}
.bgimage{background:url(../img/bg_general.jpg) repeat;}

/*-各ページ見出し-*/
/*トップページ*/
.title1_1{width:920px;height:35px;margin:0 auto;padding-top:17px;border-bottom:2px solid #096ac6;background:url(../img/title_news.jpg) 0 17px no-repeat;text-indent:-9999px;}
/**/
.title2_1{width:920px;height:40px;margin:20px auto;background:url(../img/bg_title2_1.jpg) no-repeat;text-indent:-9999px;}
.title2_2{overflow:hidden;float:left;width:45%;height:40px;margin:15px auto;background:url(../img/bg_title2_2.jpg) 17px 0 no-repeat;text-indent:-9999px;}
.title2_3{overflow:hidden;float:left;width:48%;height:40px;margin:15px auto;background:url(../img/bg_title2_3.jpg) 0 0 no-repeat;text-indent:-9999px;}
.title2_4{width:920px;height:45px;margin:15px auto 15px auto;background:url(../img/bg_title2_4.jpg) no-repeat 7px 0;text-indent:-9999px;}

.title3_1{width:930px;height:40px;margin:20px auto 15px auto;background:url(../img/bg_title3_2.jpg) no-repeat;text-indent:-9999px;}
.title3_2{width:920px;height:35px;margin:0 auto;}
.title3_3{width:920px;height:40px;margin:20px auto;background:url(../img/bg_title3_3.jpg) no-repeat;text-indent:-9999px;}
.title3_4{width:921px;height:31px;margin:20px auto;background:url(../img/bg_title3_4.jpg) no-repeat;text-indent:-9999px;}
.title4_1{width:920px;height:40px;margin:20px auto;background:url(../img/bg_title4_1.jpg) 0 0 no-repeat;text-indent:-9999px;}
.title4_2{width:920px;height:40px;margin:20px auto;background:url(../img/bg_title4_2.jpg) 0 0 no-repeat;text-indent:-9999px;}
.title5_1{width:920px;height:40px;margin:20px auto;background:url(../img/bg_title5_1.jpg) 0 0 no-repeat;text-indent:-9999px;}
.title6_1{width:920px;height:40px;margin:20px auto;background:url(../img/bg_title6_1.jpg) 0 0 no-repeat;text-indent:-9999px;}
.title_loginFPW{width:920px;height:35px;margin:20px auto;background:url(../img/bg_titlelogin.jpg) 0 0 no-repeat;text-indent:-9999px;}
.title_member{width:220px;height:38px;margin:10px auto 50px auto;padding:13px 0 0 250px;background:url(../img/bg_title_member.jpg) no-repeat;font-size:18px;font-weight:normal;color:#69583a;}

/*-トップ見出し画像-*/
.eyecatch{overflow:hidden;width:960px;height:300px;background:url(../img/eyecatch.jpg) 0 0 no-repeat;text-indent:-9999px;}

/*-お知らせ-*/
p.year_amount{overflow:hidden;padding-bottom:7px;}
p.year_amount span.year{float:left;position:relative;left:40px;width:80px;height:20px;padding-top:3px;background:url(../img/bg_year.jpg) no-repeat;text-align:center;color:#FFFFFF;font-size:13px;}
p.year_amount span.newamount{float:right;position:relative;right:35px;padding-top:5px;font-size:12px;color:#106bc4;}
ul.news{overflow:hidden;width:900px;margin:3px auto 0 auto;padding:2px 0 0 0;border-top:1px dashed #c2b85f;font-size:13px;color:#595854;}
ul.news li{overflow:hidden;width:782px;min-height:18px;height:100%;padding:8px 3px 8px 115px;border-bottom:1px dashed #c2b85f;}
ul.news li a{color:#0066cc;}
/*各カテゴリアイコン表示*/
.community{background:url(../img/icon_community.gif) no-repeat 10px 6px;}
.event{background:url(../img/icon_event.gif) no-repeat 10px 6px;}
.info{background:url(../img/icon_info.gif) no-repeat 10px 6px;}
.manage{background:url(../img/icon_manage.gif) no-repeat 10px 6px;}
/*お知らせ日時と本文*/
.news .date{display:block;float:left;width:110px;height:100%;}
.issue{display:block;float:left;width:670px;height:100%;}

/*-駐輪ポート情報-*/

/*駐輪ポートリスト*/
.port_left{float:left;width:275px;}
.port_left h3{height:25px;padding-top:5px;text-align:center;color:#FFFFFF;background:url(../img/bg_port_titleS.jpg) no-repeat;text-align:center;color:#FFFFFF;}
ul.port_list{width:275px;border:1px solid #62584e;border-bottom:none;font-size:14px;}
ul.port_list li{border-bottom:1px solid #4f4335;background:#FFFFFF;}
ul.port_list li a{display:block;height:34px;padding:11px 0 0 5px;color:#655b51;}

/*駐輪MAP*/
.port_right{float:right;width:650px;}
/*全体MAP*/
.map_all{height:auto;margin-bottom:25px;}
.map_all h3{height:25px;padding-top:5px;text-align:center;color:#FFFFFF;background:url(../img/bg_port_title.jpg) no-repeat;}
.map_main{border:1px solid #62584e} 
/*ポート詳細*/
.port_detail{height:auto;position:relative;}
.port_detail h3{height:25px;padding-top:5px;text-align:center;color:#FFFFFF;background:url(../img/bg_port_title.jpg) no-repeat;}
.port_status{overlof:hidden;position:absolute;top:6px;right:2px;width:auto;}
dl.status{float:left;overflow:hidden;width:97px;height:18px;margin:0 0;padding:1px 1px;font-size:11px;text-align:center;color:#FFFFFF;}
dl.status dt{float:left;display:block;width:55px !important;height:15px;text-align:center;}
*html dl.status dt{float:left;display:block;width:55px;padding-top:2px;text-align:center;position:relative;top:0px;}
dl.status dd{float:right;display:block;width:40px;height:15px;text-align:center;position:relative;top:0px;}
*html dl.status dd{float:right;display:block;width:40px;height:15px;text-align:center;position:relative;top:-19px;}
.red dt{background:#CC0005;}
.yellow dt{background:#fb9a00;}
.green dt{background:#6C3;}

/*MAP詳細情報*/
.map_detailinfo{height:auto;margin-bottom:25px;}
.map_detailinfo div{background:#FFFFFF;border:1px solid #62584e;}
.map_detailinfo h3{height:25px;padding-top:5px;text-align:center;color:#FFFFFF;background:url(../img/bg_port_title.jpg) no-repeat;}
.map_detailinfo table{border-top:1px solid #62584e;background:#fff3a5;color:#302416;}
.map_detailinfo table td{padding:0 20px;}
.map_detailinfo table td.info_title{width:100px;}
.map_detailinfo table td.info_title span{display:block;position:relative;left:-5px;width:90px;padding:1px 5px;font-weight:bold;color:#FFFFFF;}
.map_detailinfo table td.info_title span.red{background:#CC0005;}
.map_detailinfo table td.info_title span.yellow{background:#fb7c00;}
.map_detailinfo table td.info_title span.green{background:#227aff;}
.map_detailinfo p.port_img{width:100%;padding:20px 10px;text-align:center;}

/*貸出自転車紹介*/
/* .rental{float:left;width:448px;margin:0 10px 20px 10px;background:#FFFFFF;border:1px solid #645734;} */
/* .rental_wrap{width:448px;height:100%;} */
/* .rental_title{padding:5px 10px;font-size:16px;border-bottom:1px solid #645734;background:#b5daff;color:#645734;} */
/* .exp_left{display:block;float:left;width:195px;margin:0 0 !important;padding:10px 5px;} */
/* .exp_img{display:block;float:right;width:240px;} */

.rental{float:left;width:720px;margin:0 10px 20px 10px;background:#FFFFFF;border:1px solid #645734;}
.rental_wrap{width:720px;height:100%;}
.rental_title{padding:5px 10px;font-size:16px;border-bottom:1px solid #645734;background:#b5daff;color:#645734;}
.exp_left{display:block;float:left;width:300px;margin:0 0 !important;padding:10px 10px;}
.exp_img{display:block;float:right;width:384px;}

/*よくあるご質問*/
.QA{width:890px;margin:0 auto 20px auto;}
.Q_title{width:70px;background:#2f79c8;border-left:2px solid #2f79c8;text-align:center;}
.Q_txt{width:798px;height:auto;padding:5px 10px;background:url(../img/bg_Q_middle.jpg) repeat-y;}
.A_title{width:70px;background:#f6ef9d;border-left:2px solid #2f79c8;text-align:center;}
.A_txt{width:798px;height:auto;padding:5px 10px;background:url(../img/bg_A_middle.jpg) repeat-y;}

/*メインコンテンツ内ボタン*/
.submit_btn{margin:30px auto;}


/*--会員ページ--*/
.user_name{ letter-spacing: 0.2em;
font-family: "メイリオ",Meiryo,"Osaka","小塚ゴシック R","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size: 16px;
}

/*メンバーページトップ*/
ul.member_menu{width:358px;margin:120px auto 40px auto;}
ul.member_menu li{margin-bottom:40px;}

.member_article{padding:0 0;}
.wide{width:70% !important;}
.member_mess{width:600px;margin:-10px auto 0 auto;}
.member_mess_sub{width:600px;margin:0px auto 0 auto;font-size: 12px;}
.member_article p.tub{width:102px;height:27px;padding-top:10px;text-align:center;background:url(../img/tub_member_history.jpg) no-repeat;position:relative;top:1px;left:15px;}
.member_article p.lentout{width:130px;height:32px;position:absolute;top:0;right:0;background:url(../img/icon_lentout.jpg) no-repeat;}/*20121005*/
.member_article p.lentout span{display:block;float:right;width:65px;color:#c00303;position:relative;right:3px;top:5px;text-align:center;font-size:18px;font-weight:bold;line-height:26px;}/*20121005*/

ul.memberpage_list{width:488px;border:1px solid #7d6a5c;background:#FFFFFF;}
ul.memberpage_list li{overflow:hidden;width:448px;margin:0 0 !important;height:20px;padding:10px 0 10px 40px;border-bottom:1px dashed #7d6a5c;}
.bg_none{background:none;}
.bg_colored{background:#c7e0ff;}

.table_mini{width:auto;margin:0 auto 40px auto;}/*20121005*/
.table_mini td{padding:10px 15px;background:#faecad;border-top:1px solid #837461;border-right:1px solid #837461;border-bottom:1px solid #837461;border-left:1px solid #837461;}/*20121005*/
.table_mini select{width:auto;}

.table_simple{width:490px;margin-bottom:20px;background:#faecad;border:1px solid #837461;}
.table_simple td{border-right:1px solid #837461;}

.table_detail{width:490px;background:#fff;border:1px solid #837461;}
.table_detail .bg_colored td{border-top:1px dashed #7d6a5c;border-bottom:1px dashed #7d6a5c;}
.table_detail .date{border-left:1px solid #7d6a5c;border-right:1px solid #7d6a5c;}

.table_history{background:#fff;border-top:1px solid #837461;border-right:none;border-bottom:1px solid #837461;border-left:1px solid #837461;}
.table_history td,.table_history th{padding:11px 4px !important;border-right:1px solid #7d6a5c;}
.table_history th{border-bottom:3px double #837461;}
.table_history .bg_colored td{border-top:1px dashed #7d6a5c;border-bottom:1px dashed #7d6a5c;}


.month{width:27%;padding:10px 40px 10px 0;border-right:1px solid #837461;text-align:right;}
.amount{width:30%;padding:10px 40px 10px 0;border-right:1px solid #837461;text-align:right;}
.year{width:27%;padding:10px 40px 10px 0;text-align:right;}
.member_article .date{width:30%;padding:10px 40px 10px 0;text-align:right;}
.paid{width:*;padding:0 23px 0 10px;text-align:right}

.paging{overflow:hidden;float:right;width:auto;padding:5px 0;text-align:center;color:#b7b7b5;position:relative;right:0;}
.paging p{float:left;width:30px;margin-right:2px;padding:0 2px 0 0;border-right:1px solid #b7b7b5;}
.paging p a{display:block;color:#7b6f59;}
.paging p a:hover{color:#7b6f59;}

.btn{overflow:hidden;width:130px;margin:20px auto;text-align:center;}
.twin{width:300px !important;}
.btn a{display:block;position:relative;width:130px;background:url(../img/bg_btn.jpg) no-repeat;}
.btn_end{float:right;position:absolute;top:0;right:0;}
.btn_left{float:left}
.btn_right{float:right}

/*ルールなどの外部リンクまわり*/
.guide_link{width:405px;height:57px;margin:0 auto;padding:15px 10px 0 60px;font-size:13px;line-height:18px;background:url(../img/link_etc.jpg) no-repeat;}
.guide_link a{color:#0066cc;}

/*--フッタ--*/
#footer{width:960px;height:94px;padding-top:0;font-size:13px;text-align:center;position:absolute;bottom:0;}
#footer a{color:#49463d;}
#footer a:hover{color:#49463d;}
.footer_top{height:58px;padding-top:36px;background:url(../img/bg_footer_top.jpg) no-repeat 0 0;}
.footer_regular{height:58px;padding-top:36px;background:url(../img/bg_footer_regular.jpg) no-repeat 0 0;}
/*  .footer_link{padding-bottom:8px;color:#4f483b;}  */
.footer_link{padding-bottom:0px;color:#4f483b;}
.footer_link span{margin-right:20px;}
.footer_link span img{margin-right:3px;position:relative;top:1px;}
.copyright{color:#968c4a;text-align:center;}

/*--認証画面--*/
#content .att {
	margin-top:25px;
	padding:10px;
	border-radius:8px;
    -webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#FFF;
}
#content .att .reason {
	padding-left:27px;
	background:url(../img/att.jpg) no-repeat;
	font-weight:normal;
	padding-bottom:5px;
}
#content .att p {
	margin-top:10px;
}
#content .subCertify {
	width:515px;
	margin:40px auto;
	padding:15px;
	background:#E5E4E2;
	border-radius:8px;
	font-size:12px;
	line-height:180%;
    -webkit-border-radius:8px;
	-moz-border-radius:8px;
}
#content .subCertify ul {
	padding-left:1.5em;
	list-style:outside square;
}
#content .subCertify .txtArea {
	width:50px;
}
#content .subCertify .txtArea2 {
	width:190px;
}
#content .subCertify table {
	margin-top:20px;
	width:100%;
}
#content .subCertify td {
	vertical-align:middle;
}
#content .width1 {
	width:35%;
}
#content .width2 {
	width:40%;
}
#content .width3 {
	width:25%;
	text-align:center;
}
.fontsize {
	font-size:10px;