/* CSS Document */ body { margin:0; padding:0; text-align:center; background:url(../img/bg01.gif) repeat-x left top; } form { margin:0; padding:0; } input, textarea { margin:0; padding:0; } input.iptbox, textarea.iptbox { width:450px; border-width:1px; border-style:solid; border-color:#d2d2d2 #e5e5e5 #e5e5e5 #d2d2d2; } ul { list-style:none; margin:0; padding:0; } ol { margin:10px 0; padding:0 0 0 25px; } html> body ol { margin:10px 0; padding:0 0 0 20px; } h1, h2 { margin:0; padding:0; } h3, h4, h5 { margin:0; padding:0; } h4, h5 { margin:0; padding:0; } p { margin:0; padding:0; } a { color:#00469d; } a:hover { color:#0068b7; text-decoration:none; } a.arw { padding:0 0 0 10px; background:url(../img/arw01.gif) no-repeat left top; } img { border:0; vertical-align:middle; } table { font-size:90%; } /* ////////// FONT ////////// */ body { font-size:84%; line-height:1.6em; color:#111; } html>body body { font-size:87%; line-height:1.6em; color:#111; } .t10 { font-size:80%; } .bold { font-weight:bold; } h1, h2 { font-size:110%; } h3 { font-size:98%; } h4, h5 { font-size:95%; } html>body h1, h2 { font-size:16px; } html>body h3 { font-size:14px; } html>body h4, h5 { font-size:12px; } /* ////////// STRUCTURE ////////// */ div#wrapper { margin:0 auto; text-align:left; padding:0; width:740px; } div#header { margin:0 0 20px 0; } div#gnavi { margin:0 0 15px 0; height:41px; } div#content { margin:0 0 50px 0; } div#mainbody { float:left; width:515px; } div#infobody { width:740px; } div#rgtarea { float:left; width:210px; margin:0 0 0 15px; } div#footer { height:70px; margin:0; padding:15px 0 0 0; } /* ////////// HEADER ////////// */ #header { } #header:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html #header {height: 1%;} /* End hide from IE-mac */ *+html body #header {height: 1%;} #header h1 { float:left; width:560px; height:40px; margin:17px 0 0 0; display:block; text-indent:-9999px; background:url(../img/logo.gif) no-repeat left top; } #header h1 a { width:330px; height:40px; display:block; text-indent:-9999px; font-size:0; line-height:0; } #header ul.hdnavi li { float:right; margin:32px 0 0 0; } #header ul.hdnavi li a { display:block; font-size:0; line-height:0; text-indent:-9999px; } #header ul.hdnavi li.sitemap a { width:88px; height:15px; background:url(../img/hdnavi_b.gif) no-repeat left top; } #header ul.hdnavi li.contact a { width:92px; height:15px; background:url(../img/hdnavi_b.gif) no-repeat -88px top; } #header ul.hdnavi li.sitemap a:hover { width:88px; height:15px; background:url(../img/hdnavi_b.gif) no-repeat left -15px; } #header ul.hdnavi li.contact a:hover { width:92px; height:15px; background:url(../img/hdnavi_b.gif) no-repeat -88px -15px; } /* ////////// GLOBAL NAVI ////////// */ #gnavi { height:39px; } #gnavi ul li { float:left; margin:0; padding:0; } #gnavi:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html #gnavi {height: 1%;} /* End hide from IE-mac */ *+html body #gnavi {height: 1%;} #gnavi ul li a { width:147px; height:39px; display:block; text-indent:-9999px; } #gnavi ul li.home a { background:url(../img/gnavi01.gif) no-repeat left top; } #gnavi ul li.about a { background:url(../img/gnavi02.gif) no-repeat left top; } #gnavi ul li.mpn a { background:url(../img/gnavi03.gif) no-repeat left top; } #gnavi ul li.register a { background:url(../img/gnavi04.gif) no-repeat left top; } #gnavi ul li.member a { width:152px; background:#ccc url(../img/gnavi05.gif) no-repeat left top; } #gnavi ul li.home a:hover { background:url(../img/gnavi01.gif) no-repeat left -39px; } #gnavi ul li.about a:hover { background:url(../img/gnavi02.gif) no-repeat left -39px; } #gnavi ul li.mpn a:hover { background:url(../img/gnavi03.gif) no-repeat left -39px; } #gnavi ul li.register a:hover { background:url(../img/gnavi04.gif) no-repeat left -39px; } #gnavi ul li.member a:hover { width:152px; background:#ccc url(../img/gnavi05.gif) no-repeat left -39px; } #gnavi ul li.home a.present { background:url(../img/gnavi01.gif) no-repeat left -78px; } #gnavi ul li.about a.present { background:url(../img/gnavi02.gif) no-repeat left -78px; } #gnavi ul li.mpn a.present { background:url(../img/gnavi03.gif) no-repeat left -78px; } #gnavi ul li.register a.present { background:url(../img/gnavi04.gif) no-repeat left -78px; } #gnavi ul li.member a.present { width:152px; background:#ccc url(../img/gnavi05.gif) no-repeat left -78px; } /* ////////// CONTENT ////////// */ #content:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html #content {height: 1%;} /* End hide from IE-mac */ *+html body #content {height: 1%;} /* ////////// MAINBODY ////////// */ .mainimg { margin:0 0 15px 0; } /* ////////// INFO ////////// */ .info h2.infotitle { width:515px; height:29px; margin:0 0 5px 0; text-indent:-9999px; background:url(../img/info_t.gif) no-repeat left top; } /* 2008/10/10 Add */ .info h2.s_title { width:515px; height:29px; margin:15px 0 5px 0; text-indent:-9999px; background:url(../img/s_title.gif) no-repeat left top; } .infobox { padding:15px 10px 15px 10px; background:url(../img/dot01.gif) repeat-x left bottom; } .infobox_last { padding:15px 10px 15px 10px; } .infobox a, .infobox_last a { padding:0 0 0 10px; display:block; background:url(../img/arw01.gif) no-repeat left 0.4em; } .info_date { margin:0 0 10px 0; color:#555; font-size:80%; font-weight:bold; line-height:0; } .bknumber { margin:10px 0 0 0; text-align:right; } .bknumber a { padding:0 0 0 10px; background:url(../img/arw02.gif) no-repeat left 0.4em; } /* ////////// RIGHT AREA ////////// */ #rgtarea .submenu h3 { margin:0 0 10px 0; } #rgtarea .submenu { margin:0 0 20px 0; padding:0 0 3px 0; background:url(../img/menu_btm.gif) no-repeat left bottom; } #rgtarea .submenu a { color:#333; text-decoration:none; font-size:94%; } #rgtarea .submenu a:hover { color:#777; text-decoration:underline; } #rgtarea .submenu ul { padding:5px 10px 10px; line-height:1em; background:url(../img/menu_bg.gif) repeat-y left top; } #rgtarea .submenu ul li { margin:0; padding:0; } #rgtarea .submenu ul li.top { margin:0; padding:0; background:url(../img/arw_m01.gif) no-repeat left 0.2em; } #rgtarea .submenu ul li.topoff { margin:0; padding:0; background:url(../img/arw_m02.gif) no-repeat left 0.2em; } #rgtarea .submenu ul li.topoff a.top { font-weight:normal; color:#333; } #rgtarea .submenu ul li.topoff a:hover.top { color:#777; text-decoration:underline; } #rgtarea .submenu ul li a.top { margin:0; padding:5px 0 10px 20px; display:block; color:#003483; font-weight:bold; text-decoration:none; background:url(../img/dot02.gif) repeat-x left bottom; } #rgtarea .submenu ul li ul { margin:0 0 0 10px; padding:0; background:#f6f6f6; } #rgtarea .submenu ul li ul li { margin:0; padding:9px 0 10px 0; background:url(../img/dot02.gif) repeat-x left bottom; } #rgtarea .submenu ul li ul li a { margin:0; padding:0 0 2px 20px; display:block; background:url(../img/arw_m02.gif) no-repeat left top; } #rgtarea .submenu ul li ul li a.present { margin:0; padding:0 0 2px 20px; display:block; color:#003483; font-weight:bold; text-decoration:none; background:url(../img/arw_m01.gif) no-repeat left top; } #rgtarea ul.bnnr_b { margin:0 0 20px 0; } #rgtarea ul.bnnr_b li a { width:210px; height:47px; display:block; text-indent:-9999px; } #rgtarea ul.bnnr_b li { margin:0 0 5px 0; } #rgtarea ul.bnnr_b li.bnnr_b01 a { background:url(../img/bnnr_b01.gif) no-repeat left top; } #rgtarea ul.bnnr_b li.bnnr_b02 a { background:url(../img/bnnr_b02.gif) no-repeat left top; } #rgtarea ul.bnnr_b li.bnnr_b01 a:hover { background:url(../img/bnnr_b01.gif) no-repeat left -47px; } #rgtarea ul.bnnr_b li.bnnr_b02 a:hover { background:url(../img/bnnr_b02.gif) no-repeat left -47px; } #rgtarea h3.st01 { margin:0 0 5px 0; height:28px; text-indent:-9999px; display:block; background:#ccc url(../img/tpst01.gif) no-repeat left top; } #rgtarea h3.st02 { margin:0 0 5px 0; height:28px; text-indent:-9999px; display:block; background:#ccc url(../img/tpst02.gif) no-repeat left top; } #rgtarea .bnnr { margin:0 0 15px 0; } #rgtarea .bnnr p { margin:5px 0; color:#555; font-size:80%; line-height:1.2em; } #rgtarea .pwdb { margin:20px 0 0 0; padding:10px 0 0 0; background:url(../img/dot01.gif) repeat-x left top; } #rgtarea .pwdb a { width:210px; height:35px; display:block; text-indent:-9999px; font-size:0; line-height:0; background:url(../img/pwd_b.gif) no-repeat left top; } #rgtarea .pwdb a:hover { background:url(../img/pwd_b.gif) no-repeat left -35px; } .pwdbox { margin:20px 0; padding:5px; border:5px solid #ededed; background:#f7f7f7; } /* ////////// PAGE TOP ////////// */ #pgtop { margin:0 0 10px 0; } #pgtop .pgtopbox a { float:right; width:85px; height:13px; text-align:left; text-indent:-9999px; font-size:0; line-height:0; display:block; background:url(../img/pgtop_b.gif) no-repeat left top; } #pgtop .pgtopbox a:hover { background:url(../img/pgtop_b.gif) no-repeat left -13px; } #pgtop:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html #pgtop {height: 1%;} /* End hide from IE-mac */ *+html body #pgtop {height: 1%;} /* ////////// FOOTER ////////// */ #footer { background:url(../img/footer_line.gif) repeat-x left top; } #footer:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html #footer {height: 1%;} /* End hide from IE-mac */ *+html body #footer {height: 1%;} #footer .cp { float:left; width:385px; height:10px; display:block; text-indent:-9999px; background:url(../img/cp.gif) no-repeat left top; } #footer a { float:right; width:75px; height:13px; display:block; text-indent:-9999px; font-size:0; line-height:0; background:url(../img/policy_b.gif) no-repeat left top; } #footer a:hover { background:url(../img/policy_b.gif) no-repeat left -13px; } /* ////////// MAINBODY ////////// */ #mainbody h2.title { padding:10px 10px 7px 10px ; margin:0 0 30px 0; border-bottom:4px solid #4485ca; background:url(../img/t_bg.gif) no-repeat left top; } #mainbody h2.title20 { padding:10px 10px 7px 10px ; margin:0 0 20px 0; border-bottom:4px solid #4485ca; background:url(../img/t_bg.gif) no-repeat left top; } #mainbody h3 { margin:0 0 30px 0; padding:0 0 0 10px; background:url(../img/st_icn.gif) no-repeat left top; } #mainbody h3.normal { margin:20px 0; padding:0 0 0 10px; background:url(../img/st_icn.gif) no-repeat left top; } #mainbody h3.policy { margin:20px 0 5px 0; padding:0 0 0 10px; background:url(../img/st_icn.gif) no-repeat left top; } #mainbody h4 { margin:0 0 10px 0; padding:0; } #mainbody h4.icn { margin:0 0 5px 10px; padding:0 0 0 10px; background:url(../img/st_icn02.gif) no-repeat left 0.2em; } #mainbody p.h4 { margin:0 0 15px 10px; padding:10px 0 0; background:url(../img/stbtm_line.gif) repeat-x left top; } #mainbody p.pad { margin:0 10px 15px; padding:0; } #mainbody div.h4 { margin:0 0 15px 10px; padding:10px 0 0; background:url(../img/stbtm_line.gif) repeat-x left top; } #mainbody div.pad { margin:0 10px 15px; padding:0; } #mainbody .box { margin:0 0 40px 0; } #mainbody .sbox { margin:0 0 30px 0; } .detailbox { margin:0 0 20px; } .detailbox ul { margin:0 0 10px 30px; list-style:circle; } ul.normal { margin:0 0 10px 20px; list-style:circle; } ul.normal li { margin:0; list-style:circle; } ul.upperalpha { margin:20px 0 0 30px; list-style:upper-alpha; } ul.upperalpha li { margin:0 0 10px 0; } ul.listnumber { margin:0 0 0 35px; padding:0; list-style:decimal; } .greybox { margin:30px 0 0 0; padding:15px; border:1px solid #dfdfdf; background:#f7f7f7; } .greybox2 { margin:30px 0 10px 0; padding:15px; text-align:center; border:1px solid #dfdfdf; background:#f7f7f7; } .green { font-weight:bold; font-size:120%; color:#0254b9; } .red { font-weight:bold; font-size:120%; color:#cc0000; } .listbox { margin:30px 0; } .listbox dl { margin:0; padding:0; } .listbox dl:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html .listbox dl {height: 1%;} /* End hide from IE-mac */ *+html body .listbox dl {height: 1%;} .listbox dl dt { margin:0 0 5px 0; padding:0 0 0 20px; font-weight:bold; background:url(../img/arw_m01.gif) no-repeat left 0.3em; } .listbox dl dd { margin:0 0 20px 0; padding:0; } .smbox { margin:0; background:url(../img/dot01.gif) repeat-x left bottom; } .smbox dl { margin:0 0 15px 0; padding:0 0 15px 0; } .smbox dl:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html .smbox dl {height: 1%;} /* End hide from IE-mac */ *+html body .smbox dl {height: 1%;} .smbox dl dt { margin:0; padding:0 0 0 20px; font-weight:bold; background:url(../img/arw_m01.gif) no-repeat left 0.3em; } .smbox dl dd { margin:0; padding:0; } .smbox ul { margin:0 0 0 20px; } .smbox ul li { margin:5px 0; } .smbox ul li a { padding:0 0 0 10px; background:url(../img/arw01.gif) no-repeat left 0.2em; } .rgtlink { margin:15px 0 0 0; padding:5px 0 0 0; text-align:right; background:url(../img/dot01.gif) repeat-x left top; } .rgtlink a { padding:0 0 0 10px; background:url(../img/arw01.gif) no-repeat left 0.4em; } .result { padding:10px; font-weight:bold; border:5px solid #e3edf4; } /* ////////// INFORMATION PAGE ////////// */ #infobody h2.title { padding:10px 10px 7px 10px ; margin:0 0 30px 0; border-bottom:4px solid #4485ca; background:url(../img/t_bg02.gif) no-repeat left top; } .info02 { margin:0; padding:13px 0 0 0; background:url(../img/stp_info.gif) no-repeat left top; } .info02box { padding:10px 0 11px 0; background:url(../img/stp_border.gif) no-repeat left bottom; } .info02box:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; } /* Hides from IE-mac \*/ * html .info02box {height: 1%;} /* End hide from IE-mac */ *+html body .info02box {height: 1%;} .name { float:left; width:130px; margin:0 15px 0 0; } .term { float:left; width:350px; margin:0 15px 0 0; } .reason { float:left; width:230px; } /* ////////// PAGE ////////// */ #rgtarea h3.about { height:24px; margin:0; padding:0; text-indent:-9999px; font-size:0; line-height:0; background:#ccc url(../img/mt01.gif) no-repeat left top; } #rgtarea h3.mpn { height:24px; margin:0; padding:0; text-indent:-9999px; font-size:0; line-height:0; background:#ccc url(../img/mt02.gif) no-repeat left top; } #rgtarea h3.register { height:24px; margin:0; padding:0; text-indent:-9999px; font-size:0; line-height:0; background:#ccc url(../img/mt03.gif) no-repeat left top; } /* ////////// NEWS ////////// */ #mainbody h3.news { margin:20px 0 0 0; padding:0; background-image:none; } #mainbody .date { margin:0 0 20px 0; padding:0 0 10px 0; font-size:80%; background:url(../img/dot01.gif) repeat-x left bottom; } .newsbox { margin:0 0 20px 0; } a.opw { padding:0 0 0 13px; background:url(../img/opw_icn.gif) no-repeat left 0.2em; } a.doc { padding:0 0 0 13px; background:url(../img/doc_icn.gif) no-repeat left 0.2em; } /* ////////// PAD SYSTEM ////////// */ .padtp10 { margin-top:10px; } .padbtm10 { margin-bottom:10px; } .padbtm20 { margin-bottom:20px; } .padtp20 { margin-top:20px; } .padbtm20 { margin-bottom:20px; } .pad10 { margin:10px 0; } .pad20 { margin:20px 0; } .pad30 { margin:30px 0; } /* ////////// TABLE SYSTEM ////////// */ table.ta01 { width:505px; border:1px solid #ccc; border-collapse: collapse; } table.ta01 th { padding:5px; text-align:center; border:1px solid #ccc; background:#e3edf4; } table.ta01 td { padding:5px; text-align:left; border:1px solid #ccc; } table.ta01 tr.grey { background:#f3f3f3; } table.ta02 { width:100%; border:1px solid #ccc; border-collapse: collapse; } table.ta02 th { padding:5px; text-align:left; border:1px solid #ccc; background:#e3edf4; } table.ta02 td { padding:5px; text-align:left; border:1px solid #ccc; } table.ta02 tr.grey { background:#f3f3f3; } table.ta03 { width:500px; } table.ta03 table { width:100%; } table.ta03 td { padding:5px 5px 5px 10px; text-align:left; background:url(../img/icn01.gif) no-repeat left 0.7em; } table.ta03 tr.grey { background:#f3f3f3; }