@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0px; color:#333333; font-size:12px; background:#000;
font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;}
.alt{display:none;}
a,a:link,a:visited {text-decoration:underline;}
a:hover{text-decoration:none;}
img{border:0px; margin:0px; padding:0px;}
ul{margin:0; padding:0; list-style-type:none;}
div, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, form, input{margin:0px; padding:0px;}
.clear{height:0px; margin:0px; padding:0px; clear:both; overflow:hidden;}

.whitebg{width:100%; background:#FFF;}

.fb{font-weight:bold;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

.fred{color:#F00;}
.fblue{color:#115fad;}
.pang{width:940px; margin:5px auto 0px auto; height:18px; line-height:18px; clear:both;}
.pang a{color:#d0121b;}

.pang2{width:650px; margin:5px auto 15px auto; height:18px; line-height:18px; clear:both;}
.pang2 a{color:#d0121b;}


#header_container{width:100%; height:85px; clear:both;}
h1{width:950px; height:17px; line-height:17px; padding-top:1px; font-size:11px; color:#FFF; font-weight:normal; margin:0 auto; text-align:right; clear:both;}
#header_container .h1bg{width:100%; height:20px; background:#d0121b;}
#header_container #header{width:950px; margin:0 auto; clear:both;}
#header_container #header .toplogo{width:255px; height:36px; margin:15px 0 0 15px; float:left;}
#header_container #header .topinquiry_btn{width:205px; height:50px; margin:8px 8px 0 0; float:right;}
#header_container #header .topinquiry_btn a img:hover{filter:alpha(opacity=70);  -moz-opacity:0.7;  opacity:0.7;}

#top_image{width:950px; height:300px; margin:0 auto; clear:both;}

#contents_container{width:950px; margin:15px auto; clear:both;}
*html #contents_container{width:960px;}
#contents_container .contents_con{width:306px; margin:0 5px 15px 5px; float:left;}
#contents_container .contents_con .contents_ttl{width:270px; height:35px; padding:0 0 0 36px; background:url(../img/contents_title_bg.gif); font-size:16px; line-height:35px; font-weight:bold; color:#fff; clear:both;}
#contents_container .contents_con .contents_txt{width:286px; height:135px; padding:0 10px; background:url(../img/contents_txt_bg.gif) no-repeat; clear:both;}
#contents_container .contents_con .contents_txt ul{margin:0; padding:0;}
#contents_container .contents_con .contents_txt li{margin:0; padding:0; font-size:13px; height:43px; line-height:22px; padding-left:15px; padding-top:3px; font-weight:bold;
background-image:url(../img/arrow_red.gif); background-repeat:no-repeat; background-position:0 10px;}
#contents_container .contents_con .contents_txt li a{color:#333;}
#contents_container .contents_con .contents_txt li p{height:14px; line-height:14px; color:#777; font-size:11px; font-weight:normal;}

#subcontents_container{width:950px; margin:15px auto; border-top:5px solid #d0121b; border-bottom:1px solid #ecece6; background:url(../img/contents_bg.gif) repeat-y; clear:both;}
#subcontents_container #leftcal{width:664px; background:url(../img/contents_lcal_bg.gif) no-repeat; padding-top:14px; padding-left:15px; float:left;}
#subcontents_container #leftcal .news_release_con{width:660px; margin:10px auto 20px auto; clear:both;}
#subcontents_container #leftcal .news_release_con ul{padding:0; margin:10px 0 0 10px;}
#subcontents_container #leftcal .news_release_con li{padding:0 0 0 15px; margin:0; padding:5px 0 5px 15px; background-image:url(../img/arrow.gif); background-repeat:no-repeat; background-position:0 8px; clear:both;}
#subcontents_container #leftcal .news_release_con li .newsdate{width:80px; margin-right:10px; float:left;}
#subcontents_container #leftcal .news_release_con li .newstxt{width:530px; margin:0 0 0 10px; float:left;}
#subcontents_container #leftcal .news_release_con li a{color:#444444;}

#subcontents_container #leftcal .box_con{width:660px; margin:15px auto 20px auto; clear:both;}
#subcontents_container #leftcal .box_con .title{width:645px; line-height:24px; padding-left:15px; font-weight:bold; font-size:18px;
background:url(../img/ttl_hd.gif) no-repeat; clear:both;}
#subcontents_container #leftcal .box_con .tbl1{width:640px; margin:25px 0; border:1px solid #eee; clear:both;}
#subcontents_container #leftcal .box_con .tbl1 th{background:#eee;}

#subcontents_container #leftcal .sub_box_con{width:640px; margin:20px 0; border-bottom:1px solid #e4e4db; padding-bottom:20px; clear:both;}
#subcontents_container #leftcal .sub_box_con .imgtitle{margin-bottom:20px; clear:both;}
#subcontents_container #leftcal .sub_box_con .txtarea{width:600px; margin:5px auto; clear:both;}
#subcontents_container #leftcal .sub_box_con .txtarea .leftsd{width:340px; float:left;}
#subcontents_container #leftcal .sub_box_con .txtarea .rightsd{width:240px; float:right;}
#subcontents_container #leftcal .sub_box_con .sys_txtarea{width:480px; height:200px; padding:70px 60px 0 60px; background:url(../img/system_img1.jpg) no-repeat; margin:5px auto; clear:both;}
#subcontents_container #leftcal .sub_box_con .sys_txtarea .sys_tipbox{width:450px; margin:25px auto; padding:10px; border:3px solid #d0121b; background:#fff; clear:both;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl{width:550px; margin:10px auto 5px auto; clear:both; border:1px solid #ffced2;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl th{background:#ffced2;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl td{text-align:center;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl .thbd_l{border-left:1px solid #fff;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl .thbd_r{border-right:1px solid #fff;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl .thbd_t{border-top:1px solid #fff;}
#subcontents_container #leftcal .sub_box_con .txtarea .sys_tbl .tdbd_r{border-right:1px solid #ffced2;}
#subcontents_container #leftcal .btn_box_con{width:660px; margin:30px auto 50px auto; clear:both;}
#subcontents_container #leftcal .btn_box_con a img:hover{filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5;}

#subcontents_container #rightcal{width:262px; background:url(../img/contents_rcal_bg.gif) no-repeat; padding-top:15px; padding-left:9px; float:right;}
#subcontents_container #rightcal .bnr1{width:250px; font-size:11px; margin-bottom:20px; clear:both;}
#subcontents_container #rightcal .bnr1 a img:hover{filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5;}
#subcontents_container #rightcal .bnr2{width:250px; margin-bottom:20px; clear:both;}
#subcontents_container #rightcal .bnr2 a img:hover{filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5;}

#subcontents_container #rightcal .rmenu_con{display:block; width:250px; margin:0 0 20px 0; clear:both;}
#subcontents_container #rightcal .rmenu_con ul{margin:0; padding:0;}
#subcontents_container #rightcal .rmenu_con li a{width:220px; height:34px; margin:0px; padding:10px 0 0 30px; font-weight:bold; color:#314a5a; font-size:14px; background-image:url(../img/r_menu_bg.gif); float:left;}
#subcontents_container #rightcal .rmenu_con li a:hover{background-position:0 -44px; color:#fff;}
#subcontents_container #rightcal .rmenu_con a{display:block; padding:0px; height:34px;}
#subcontents_container #rightcal .rmenu_con .over{background-position:0 -44px; color:#fff; text-decoration:none;}



#nr_container{width:940px; height:29px; margin:0 auto; clear:both;}
#nr_container .newsr_ttl{width:91px; height:29px; background:url(../img/news_release_header.gif); float:left;}
#nr_container .newsr_txt{width:825px; height:27px; line-height:27px; padding-left:23px; background-image:url(../img/arrow_breen.gif); background-position:10px 10px; background-repeat:no-repeat; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; float:left;}
#nr_container .newsr_txt li a{color:#333;}

#bottom_container{width:100%; height:50px; background:url(../img/btm_bg.gif) repeat-x; clear:both;}
#bottom_container .btm_menu{width:950px; height:19px; padding-top:3px; font-size:10px; margin:0 auto; color:#FFF; clear:both;}
#bottom_container .btm_menu a{color:#FFF;}
#bottom_container .btm_copy{width:950px; height:28px; line-height:28px; text-align:center; color:#FFF; margin:0 auto; clear:both;}

/*gnavi*/
#gnavi{display:block; width:950px; height:40px; margin:0 auto 5px auto; clear:both;}
#gnavi ul{margin:0; padding:0;}
#gnavi li{margin:0; padding:0; height:40px; float:left;}
#gnavi a:hover{background-position:0px -40px;}
#gnavi a, #gnavi div{display:block; padding:0px; height:40px;}
#gnavi #gn_home{background-image:url(../img/gn01.gif); width:148px; margin:0;}
#gnavi #gn_02{background-image:url(../img/gn02.gif); width:202px; margin:0;}
#gnavi #gn_03{background-image:url(../img/gn03.gif); width:173px; margin:0;}
#gnavi #gn_04{background-image:url(../img/gn04.gif); width:246px; margin:0;}
#gnavi #gn_05{background-image:url(../img/gn05.gif); width:181px; margin:0;}
#home_page #gnavi #gn_home, #system_page #gnavi #gn_02, #owner_page #gnavi #gn_03, #admin_page #gnavi #gn_04,#inquiry_page #gnavi #gn_05{background-position:0 -40px;}
/*/gnavi*/


/*second hands*/
#recyclecontents_container{width:950px; margin:15px auto; border-top:5px solid #d0121b; border-bottom:1px solid #ecece6; background:url(../img/contents_bg.gif) repeat-y; clear:both;}
#recyclecontents_container #leftcal{width:664px; background:url(../img/contents_lcal_bg.gif) no-repeat; padding-top:14px; padding-left:15px; float:left;}
#recyclecontents_container #leftcal .secondhands_con{width:660px; margin:10px auto 20px auto; clear:both;}
#recyclecontents_container #leftcal .secondhands_con ul{padding:0; margin:10px 0 0 10px;}
#recyclecontents_container #leftcal .secondhands_con li{margin:0; padding:3px 0 3px 15px; background-image:url(../img/arrow_orange.gif); background-repeat:no-repeat; background-position:0 6px; clear:both;}
#recyclecontents_container #rightcal{width:262px; background:url(../img/contents_rcal_bg.gif) no-repeat; padding-top:15px; padding-left:9px; float:right;}
#recyclecontents_container #rightcal .bnr1{width:250px; font-size:11px; margin-bottom:20px; clear:both;}
#recyclecontents_container #rightcal .bnr1 a img:hover{filter:alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5;}
/*/second hands*/
