@charset "utf-8"; /* Style Body CSS Copyright (c) ECS All Rights Reserved. */ /* Style */ p { margin:0 0 10px; padding:0;} img { border:0;} h1,h2,h3,h4,h5 { margin:0; padding:0;} hr { height:1px; margin-top:15px; margin-bottom:15px;} * html hr { margin-top:5px; margin-bottom:5px; border:1px solid #fff;} a { text-decoration:none;} a:hover { text-decoration:underline;} dl { margin:0; padding:0;} dd { margin:0 0 0 10px; padding:0; line-height:1.4em} li { margin:0 0 10px 0; bottom: 10px;} form { margin:0; padding:0;} .hidden{display:none;} u { border-bottom:2px solid #CCCCCC; text-decoration:none;} /*- Menu Tabs--------------------------- */ .tabm { width:100%; background:#fff; font-size:93%; line-height:normal; border-bottom:1px solid #999; margin:10px 0 0; } .tabm ul { margin:0; padding:10px 10px 0 10px; list-style:none; } .tabm li { display:inline; margin:0; padding:0; } .tabm a { float:left; background:url("images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } .tabm a span { float:left; display:block; background:url("images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabm a span { float:none;} /* End IE5-Mac hack */ .tabm li.active a span, .tabm a:hover span { color:#FFF; } .tabm li.active a, .tabm a:hover { background-position:0% -42px; text-decoration:none; } .tabm li.active a span, .tabm a:hover span { background-position:100% -42px; } .tabm:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;} * html .tabm { display: inline-block; } /* no ie mac \*/ * html .tabm { height: 1%; } .tabm { display: block; } /* */ .tabmContents { padding:12px; border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; margin:0; background:#f7f7f7;} .tabmContents ul { margin:0 0 20px 20px; padding:0;} .tabmContents li { padding:0; margin:0 0 6px;} /* Class */ /* .pagetop { text-align:right; font-size:0.85em;} .pagetop a { color:#0000ff;} */ .title0, .title {font-size: large;font-weight: bold;color: #006600;border-top: 2px solid #006633;border-bottom: 1px dotted #006633; padding:6px 0; margin:0 0 10px; line-height:1.2em;} .title { margin-top:30px; clear:both} .title2 { font-weight: bold; color: #000066; line-height:1.2em} .green_futo { color: #006600;font-weight: bold;} .green { color: #006600;} .orange { color: #DE2700;} .orange2 { color: #DE2700; font-size: large;font-weight: bold;} .mini { font-size: small;} .attn { margin:20px 0; padding:10px 10px 10px 25px; background:#ffd url("icon/24-message-warn.gif") no-repeat top left;border: thin dotted #FF9999;} .attn2 { line-height:1.6em; margin:0 0 15px; padding:10px 10px 10px 10px; background:#ffd; border:thin dotted #FF9999;} .sankaku { list-style-image: url(icon/resultset_next.gif) } .marulist { color: #006600; list-style-image: url(icon/bullet_orange.gif) } .point { color: #006600; border:solid 1px #CC0000; border-left:solid 10px #CC0000; padding:5px 5px 5px 8px; line-height:1.4em; margin:30px 0 10px; font-weight:bold;} .p1,.p2,.p3,.p4, .p5,.p6,.p7,.p8 { color: #006600; border:solid 1px #CC0000; padding:0 0 0 60px; line-height:1.4em; margin:30px 0 10px; font-weight:bold;} .p1 { background:url("icon/s_1.jpg") no-repeat left;} .p2 { background:url("icon/s_2.jpg") no-repeat left;} .p3 { background:url("icon/s_3.jpg") no-repeat left;} .p4 { background:url("icon/s_4.jpg") no-repeat left;} .p5 { background:url("icon/s_5.jpg") no-repeat left;} .p6 { background:url("icon/s_6.jpg") no-repeat left;} .p7 { background:url("icon/s_7.jpg") no-repeat left;} .p8 { background:url("icon/s_8.jpg") no-repeat left;} /* フォント ******************* font用 ******************* px percent ------------ 10 77 85 11 85 92 12 92 100 13 100 107 14 107 114 15 114 122 16 122 129 17 129 136 18 136 144 19 144 152 20 152 159 21 159 167 22 167 174 23 174 182 24 182 189 25 189 197 26 197 ********************/ body { font-size:12px; line-height:1.65; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;} * html body { font-size:78%;} * html table { font-size:100%;} a { text-decoration:underline; color:#0000FF;} a:link { text-decoration:underline;} a:visited {} a:hover { text-decoration:none;} a:active {} .left ol { margin:0; padding:0px 0 10px 25px;} .left ol li { margin:0; padding:0;} .left ul { margin:0; padding:0px 0 10px 20px;} .left ul li { margin:0; padding:0;} dt { margin-top:10px;} dd { margin:3px 0 0; padding:0 0 0 7px; border-left:5px solid #EFEFEF;} /* common class */ h2 { font-size:149%; text-align:center; color:#006600; line-height:1.3; border-bottom:2px dotted #006600; margin-bottom:5px;} #breadcrumbs h2 { border:none;} p.miniread { font-size:85%; text-align:center; line-height:1.2;} h3 { clear:both; font-size:114%; padding:5px 5px 2px; margin:25px 0 5px; background:#CCCCCC url("images/backline.gif") repeat 0 0; color:#000099;} h3 span { background:url("images/icn_flag.gif") no-repeat 0 0px; padding:2px 0 2px 35px; line-height:1.4; display:block;} .boldOrange { color:#FF6600; font-weight:bold;} .clrOrange { color:#FF6600;} .boldRed { color:#FF0000; font-weight:bold;} .clrRed { color:#FF0000;} .boldGreen { color:#006600; font-weight:bold;} .boldPink { color:#FF0066; font-weight:bold;} .clrPink { color:#FF0066;} .boldBlue { color:#000066; font-weight:bold;} .Ltxt { font-size:122%;} .Stxt { font-size:85%;} .aCenter { text-align:center;} /* レイアウト */ .basicbox { margin:30px 0 0;} img.img20 { margin:20px 0 5px;} .imgboxR { margin:0 0 5px 5px; float:right; text-align:left; line-height:1;} .imgboxL { margin:0 5px 5px 0; float:left; text-align:left; line-height:1;} .imgboxR img, .imgboxL img { margin:5px 0 5px;} .imgR { margin:0 0 0 5px; float:right;} .imgL { margin:0 5px 0 0; float:left;} .imgboxR a, .imgboxL a { text-decoration:none;} .imgboxR a span, .imgboxL a span { text-decoration: underline; display:block; text-align:center;} .imgboxR a:hover span, .imgboxL a:hover span{ text-decoration: none;} .imgboxL span.Stxt, .imgboxR span.Stxt { color:#015001;} .attnbox { margin:10px 0 5px; padding:7px; background:#FFFFDD; border:1px dotted #FF9999;} .attnbox2 { margin:10px 0 5px; padding:7px; background:#E5F2EF; border:1px solid #469996;} .icon_atte { padding-left:23px; background:url("icon/exclamation.gif") no-repeat 0 0;} /*ボタン類*/ .nextpagebox { text-align:right; padding-top:15px; margin-top:0;} .nextpagebox p { margin:0 0 2px;} .nextpagebox a { float:right; display:block; padding:0 15px 0 0; height:18px; line-height:18px; text-decoration:none; font-weight:bold; cursor:pointer;} .nextpagebox a span { float:right; display:block; padding:0 8px 0 18px;} .btn_pink, .btn_green { display:inline;} .btn_pink a { color:#FF0066; background:url("images/btn_pinkR.gif") no-repeat top right;} .btn_green a { color:#006600; background:url("images/btn_greenR.gif") no-repeat top right;} .btn_pink a span { background:url("images/btn_pinkL.gif") no-repeat 0 0;} .btn_green a span { background:url("images/btn_greenL.gif") no-repeat 0 0;} .btn_pink a:hover { color:#CC0000;} .btn_green a:hover { color:#003333;} .pagetop { clear:both; text-align:center; font-size:85%; margin:20px auto 0; padding-left:20px;} .pagetop a { background:url("images/icn_pagetop.gif") no-repeat 0 2px; padding:3px 17px;}