@charset "Shift_JIS"; body{ text-align:center; margin:0px; padding:0px; background-image:url('bgimg01.jpg'); background-repeat:repeat-x; } p,table,th,td,div,ul,ol{ margin:0px; padding:0px; } p{ line-height:1.5em; } img{ border:none; margin:0; padding:0; } #warp{ width:801px; margin:0 auto; padding:0; } #inner{ margin:0 auto; border:1px; border-style:solid; border-color:#339966; padding:0; background-color:#FFFFFF; width:800px; } .header{ width:800px; height:40px; margin:0 auto; text-align:right; background-image:url('headimg.jpg'); background-repeat:no-repeat; } .header ul{ list-style-type:none; padding:10px; } .header li{ list-style-type:none; display:inline; } .header li a{ display:inline; color:#FFFFFF; text-decoration:none; font-size:15px; } #boxtop{ width:770px; margin:0 auto; padding:10px 0px; text-align:center; background-color:#FFFFFF; } #mainmenu{ width:800px; margin:0px; padding:0px; background:#9BC2AF; text-align:left; height:29px; } #mainmenu_t{ width:765px; margin:0px; padding:0px 15px; background-color:#FFFFFF; text-align:left; } #boxmain{ width:550px; float:left; text-align:left; background-color:#FFFFFF; } #boxmain h2{ font-size:20px; font-style:normal; text-align:left; margin:12px; margin-bottom:0px; } #newsbox{ width:500px; text-align:left; margin:10px 10px; padding:0px 0px; border:1px; border-style:solid; border-color:#9BC2AF; } #newsbox dl{ padding:0px; margin:0px; } #newsbox dt{ background-color:#9BC2AF; padding:3px 6px; margin-bottom:5px; } #newsbox dd{ padding:3px 0px; } .ga-navi { list-style-type: none; margin:0px; padding: 0; background:#9BC2AF; width:800px; text-align:center; } .ga-navi li { float:left; display:inline; } .ga-navi li a { text-align: center; margin: 0; padding: 5px 0 4px; width: 160px; display: block; background-color:#9BC2AF; color:#154D31; text-decoration: none; float:left; font-size:20px; } .t-list{ margin-left:25px; float:left; } .t-list dl{ margin:0px; padding:0px; } .t-list dt{} .t-list dd{} .ga-navi li a:hover { background-color:#DBEBE3; color: #30B371; text-decoration: underline; } .boxside{ text-align:left; float:right; background-color:#FFFFFF; width:220px; padding:10px 0px; } .side-navi { list-style-type: none; margin:5px 5px; padding: 0; } .side-navi li { display: inline; } .side-navi li a { text-align: left; margin: 0; padding: 5px 0 4px; width: 100%; display: block; background-color:#9BC2AF; color:#154D31; text-decoration: none; border-bottom: 1px solid #ffffff; } .side-navi li a:hover { background-color:#DBEBE3 ; color: #30B371 ; text-decoration: underline; } .sub-box{ width:500px; height:500px; margin-top:3px; margin-left:25px; } .sub-box p{ height:400px; width:295px; } .sub-box3{ height:580px; } .sub-box3 p{ margin-left:20px; } .sub-box4{ margin-bottom:20px; } .sub-box4{ margin-left:20px; } .sub-box5{ height:900px; } .sub-box5 p{ margin-left:20px; } #footer{ width:800px; height:30px; margin:0; background-color:#339966; text-align:right; color:#FFFFFF; clear:both; font-size:10px; } #footer p{ padding:10px 10px; } .ul-list-01 { list-style-type: none; width: 500px; margin:0px 35px; float:left; } .ul-list-01 ul { margin:0px; } .ul-list-01 li { float: left; width: 230px; margin:0px 10px 0px; } .ul-list-01 dl { height:auto; margin:8px; } /* 高さ調節 */ .ul-list-01 dt { text-align:left; margin:0px; } .ul-list-01 dd { text-align:left; margin:0px; } .ul-list-01 dd a img{ border: none; } .ul-list-02{ margin:0px 50px 10px; list-style-type:disc; list-style-position:outside; } .ul-list-02 ul{ margin:0px; line-height:1.8em; } .ul-list-02 li{ margin:2px; line-height:1.5em; } table.table-01 { width: 530px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; margin:20px 20px; } table.table-01 th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; text-align:left; width:90px; } table.table-01 td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align:left; } table.table-03 { width: 530px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; margin:20px 20px; } table.table-03 th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; text-align:left; width:120px; } table.table-03 td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align:left; } table.table-02{ width:530px; border:0px; border-collapse:collapse; border-spacing:0; margin:20px; } table.table-02 th{ padding:5px; text-align:left; } table.table-02 td{ padding:5px; text-align:left; } .sub-box2{ width:520px; margin:10px; } .sub-box2 p{ text-align:center; } p.sub02{ text-align:left; } p.sub03{ text-align:left; padding:10px; } p.right{ text-align:justify; text-justify:inter-ideograph; float:right; } .imgleft{ float:left; } .imgright{ float:right; margin-left:10px; } .imgline{ margin-bottom:20px; margin-left:10px; } .imgcenter{ margin-left:10px; } img.leftimg{ float:left; margin-left:20px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table; } label { background-color:#9BC2AF; color:#154D31; padding: 5px; display: block; margin: 0; border: 1px solid #fff; cursor: pointer; text-align: left } label:hover { background-color:#DBEBE3 ; color: #30B371 ; } input[type="checkbox"].on-off{ display: none; } .boxside > ul { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0px; padding: 0px 5px 0px; text-align: left; background:#DBEBE3 ; list-style: none; } .boxside > li { text-align: left; background:#DBEBE3 ; text-decoration: none; } a.subm { color:#154D03; text-decoration: none; display: block; } a.subm:hover { color:#154D03; text-decoration:underline; } li.menu_non { text-align: left; background-color:#9BC2AF; text-decoration: none; list-style: none; padding: 5px; border: 1px solid #fff; display: block; } li.menu_non:hover { background-color:#DBEBE3 ; } .boxside >li a{ display: block; color:#154D03; text-decoration:none; } .boxside >li a:hover{ display: block;   text-decoration: none; color:#30B307; } .boxside >li a:visited{ display: block;   text-decoration: none; } input[type="checkbox"].on-off + ul{ display: none; } input[type="checkbox"].on-off:checked + ul{ display: block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */