/* CASCADING STYLE SHEET */ /* BASE */ body { color: #000000; margin-top: 0px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px; font-size: 12px; line-height: 150%; letter-spacing: 0px; font-weight: normal; font-family:"メイリオ", "Hiragino Kaku Gothic Pro", sans-serif; background-image: url(../../recruit%20-%20Copy/img/L8.png); text-transform: none !important; } input[type="submit"], input[type="reset"], input[type="button"], button{ cursor: pointer; } /* TEXT GOTHIC */ .p10_h120 { font-size:10px; line-height:120%; font-weight:normal;} .p10_h150 { font-size:10px; line-height:150%; font-weight:normal;} .p11_h120 { font-size:11px; line-height:120%; letter-spacing:0px; font-weight:normal;} .p11_h150 { font-size:11px; line-height:150%; letter-spacing:0px; font-weight:normal;} .p12_h120 { font-size:12px; line-height:120%; font-weight:normal;} .p12_h150 { font-size:12px; line-height:150%; font-weight:normal;} .p12_h200 { font-size:12px; line-height:200%; font-weight:normal;} .p13_h120 { font-size:13px; line-height:120%; font-weight:normal;} .p13_h140 { font-size:13px; line-height:140%; font-weight:normal;} .p13_h150 { font-size:13px; line-height:150%; font-weight:normal;} .p14_h120 { font-size:14px; line-height:120%; font-weight:normal;} .p14_h150 { font-size:14px; line-height:150%; font-weight:normal;} .p15_h120 { font-size:15px; line-height:120%; font-weight:normal;} .p15_h150 { font-size:15px; line-height:150%; font-weight:normal;} .p16_h120 { font-size:16px; line-height:120%; font-weight:normal;} .p16_h150 { font-size:16px; line-height:150%; font-weight:normal;} .p17_h120 { font-size:17px; line-height:120%; font-weight:normal;} .p17_h150 { font-size:17px; line-height:150%; font-weight:normal;} .p18_h120 { font-size:18px; line-height:120%; font-weight:normal;} .p18_h150 { font-size:18px; line-height:150%; font-weight:normal;} .p19_h120 { font-size:19px; line-height:120%; font-weight:normal;} .p19_h150 { font-size:19px; line-height:150%; font-weight:normal;} .p20_h120 { font-size:20px; line-height:120%; font-weight:normal;} .p20_h150 { font-size:20px; line-height:150%; font-weight:normal;} /* bold normal */ .bold_p10_h120 { font-size:10px; line-height:120%; font-weight:bold;} .bold_p10_h150 { font-size:10px; line-height:150%; font-weight:bold;} .bold_p11_h120 { font-size:11px; line-height:120%; font-weight:bold;} .bold_p11_h150 { font-size:11px; line-height:150%; font-weight:bold;} .bold_p12_h120 { font-size:12px; line-height:120%; font-weight:bold;} .bold_p12_h150 { font-size:12px; line-height:150%; font-weight:bold;} .bold_p12_h200 { font-size:12px; line-height:200%; font-weight:bold;} .bold_p13_h120 { font-size:13px; line-height:120%; font-weight:bold;} .bold_p13_h140 { font-size:13px; line-height:140%; font-weight:bold;} .bold_p13_h150 { font-size:13px; line-height:150%; font-weight:bold;} .bold_p14_h120 { font-size:14px; line-height:120%; font-weight:bold;} .bold_p14_h150 { font-size:14px; line-height:150%; font-weight:bold;} .bold_p15_h120 { font-size:15px; line-height:120%; font-weight:bold;} .bold_p15_h150 { font-size:15px; line-height:150%; font-weight:bold;} .bold_p16_h120 { font-size:16px; line-height:120%; font-weight:bold;} .bold_p16_h150 { font-size:16px; line-height:150%; font-weight:bold;} .bold_p17_h120 { font-size:17px; line-height:120%; font-weight:bold;} .bold_p17_h150 { font-size:17px; line-height:150%; font-weight:bold;} .bold_p18_h120 { font-size:18px; line-height:120%; font-weight:bold;} .bold_p18_h150 { font-size:18px; line-height:150%; font-weight:bold;} .bold_p19_h120 { font-size:19px; line-height:120%; font-weight:bold;} .bold_p19_h150 { font-size:19px; line-height:150%; font-weight:bold;} .bold_p20_h120 { font-size:20px; line-height:120%; font-weight:bold;} .bold_p20_h150 { font-size:20px; line-height:150%; font-weight:bold;} /* IMAGE LINKS */ a img.pict{ border: solid 1px #666666; border-bottom:0px #5596eb solid;} a:hover img.pict { border: solid 1px #000000; border-bottom:0px #5596eb solid;} /* TEXT LINKS */ a:link { color: #5596eb;text-decoration: none; } a:visited { color: #5596eb;text-decoration: none; } a:active { color: #5596eb;text-decoration: none; } a:hover { color: #5596eb;text-decoration: none; } /*class blue_link内のa要素をアンダーバー他もろもろを青にします*/ .blue_link a { color: #0099FF;text-decoration: none; } .blue_link a:link { color: #0099FF;text-decoration: none; } .blue_link a:visited { color: #0099FF;text-decoration: none; } .blue_link a:active { color: #0099FF;text-decoration: none; } .blue_link a:hover { color: #0099FF;text-decoration: underline; } /* darkred*/ .p10_darkred_h150 { font-size: 10px; color: #990000; line-height:150%; letter-spacing:0px;} .p10_darkred_h120 { font-size: 10px; color: #990000; line-height:120%; letter-spacing:0px;} .p11_darkred_h120 { font-size: 11px; color: #990000; line-height:120%; letter-spacing:0px;} .p11_darkred_h150 { font-size: 11px; color: #990000; line-height:150%; letter-spacing:0px;} .p12_darkred_h120 { font-size: 12px; color: #990000; line-height:120%; letter-spacing:0px;} .p12_darkred_h150 { font-size: 12px; color: #990000; line-height:150%; letter-spacing:0px;} .p14_darkred_h120 { font-size: 14px; color: #990000; line-height:120%; letter-spacing:0px;} .p14_darkred_h150 { font-size: 14px; color: #990000; line-height:150%; letter-spacing:0px;} .p15_darkred_h120 { font-size: 15px; color: #990000; line-height:120%; letter-spacing:0px;} .p15_darkred_h150 { font-size: 15px; color: #990000; line-height:150%; letter-spacing:0px;} .p16_darkred_h120 { font-size: 16px; color: #990000; line-height:120%; letter-spacing:0px;} .p16_darkred_h150 { font-size: 16px; color: #990000; line-height:150%; letter-spacing:0px;} .p18_darkred_h120 { font-size: 18px; color: #990000; line-height:120%; letter-spacing:0px;} .p18_darkred_h150 { font-size: 18px; color: #990000; line-height:150%; letter-spacing:0px;} .p20_darkred_h120 { font-size: 20px; color: #990000; line-height:120%; letter-spacing:0px;} .p20_darkred_h150 { font-size: 20px; color: #990000; line-height:150%; letter-spacing:0px;} /* Bold darkred */ .bold_p12_darkred_h120 { font-size: 12px; color: #990000; line-height:120%; font-weight: bold;} .bold_p12_darkred_h150 { font-size: 12px; color: #990000; line-height:150%; font-weight: bold;} .bold_p14_darkred_h120 { font-size: 14px; color: #990000; line-height:120%; font-weight: bold;} .bold_p14_darkred_h150 { font-size: 14px; color: #990000; line-height:150%; font-weight: bold;} .bold_p15_darkred_h120 { font-size: 15px; color: #990000; line-height:120%; font-weight: bold;} .bold_p15_darkred_h150 { font-size: 15px; color: #990000; line-height:150%; font-weight: bold;} .bold_p16_darkred_h120 { font-size: 16px; color: #990000; line-height:120%; font-weight: bold;} .bold_p16_darkred_h150 { font-size: 16px; color: #990000; line-height:150%; font-weight: bold;} .bold_p18_darkred_h120 { font-size: 18px; color: #990000; line-height:120%; font-weight: bold;} .bold_p18_darkred_h150 { font-size: 18px; color: #990000; line-height:150%; font-weight: bold;} .bold_p20_darkred_h120 { font-size: 20px; color: #990000; line-height:120%; font-weight: bold;} .bold_p20_darkred_h150 { font-size: 20px; color: #990000; line-height:150%; font-weight: bold;} /* red */ .p10_red_h150 {font-size: 10px; color: #ff0000; line-height:150%;} .p10_red_h120 {font-size: 10px; color: #ff0000; line-height:120%;} .p11_red_h120 {font-size: 11px; color: #ff0000; line-height:120%;} .p12_red_h150 {font-size: 12px; color: #ff0000; line-height:150%;} .p12_red_h120 {font-size: 12px; color: #ff0000; line-height:120%;} .p14_red_h150 {font-size: 14px; color: #ff0000; line-height:150%;} .p14_red_h120 {font-size: 14px; color: #ff0000; line-height:120%;} .p16_red_h150 {font-size: 16px; color: #ff0000; line-height:150%;} .p16_red_h120 {font-size: 16px; color: #ff0000; line-height:120%;} .p18_red_h150 {font-size: 18px; color: #ff0000; line-height:150%;} .p18_red_h120 {font-size: 18px; color: #ff0000; line-height:120%;} .p20_red_h150 {font-size: 20px; color: #ff0000; line-height:150%;} .p20_red_h120 {font-size: 20px; color: #ff0000; line-height:120%;} /* Bold red */ .bold_p12_red_h120 {font-size: 12px; color: #ff0000; line-height:120%; font-weight: bold;} .bold_p12_red_h150 {font-size: 12px; color: #ff0000; line-height:150%; font-weight: bold;} .bold_p14_red_h120 {font-size: 14px; color: #ff0000; line-height:120%; font-weight: bold;} .bold_p14_red_h150 {font-size: 14px; color: #ff0000; line-height:150%; font-weight: bold;} .bold_p16_red_h120 {font-size: 16px; color: #ff0000; line-height:120%; font-weight: bold;} .bold_p16_red_h150 {font-size: 16px; color: #ff0000; line-height:150%; font-weight: bold;} .bold_p18_red_h120 {font-size: 18px; color: #ff0000; line-height:120%; font-weight: bold;} .bold_p18_red_h150 {font-size: 18px; color: #ff0000; line-height:150%; font-weight: bold;} .bold_p20_red_h120 {font-size: 20px; color: #ff0000; line-height:120%; font-weight: bold;} .bold_p20_red_h150 {font-size: 20px; color: #ff0000; line-height:150%; font-weight: bold;} /* pink */ .p10_pink_h150 {font-size: 10px; color: #e95b96; line-height:150%;} .p10_pink_h120 {font-size: 10px; color: #e95b96; line-height:120%;} .p11_pink_h120 {font-size: 11px; color: #e95b96; line-height:120%;} .p12_pink_h150 {font-size: 12px; color: #e95b96; line-height:150%;} .p12_pink_h120 {font-size: 12px; color: #e95b96; line-height:120%;} .p14_pink_h150 {font-size: 14px; color: #e95b96; line-height:150%;} .p14_pink_h120 {font-size: 14px; color: #e95b96; line-height:120%;} .p16_pink_h150 {font-size: 16px; color: #e95b96; line-height:150%;} .p16_pink_h120 {font-size: 16px; color: #e95b96; line-height:120%;} .p18_pink_h150 {font-size: 18px; color: #e95b96; line-height:150%;} .p18_pink_h120 {font-size: 18px; color: #e95b96; line-height:120%;} .p20_pink_h150 {font-size: 20px; color: #e95b96; line-height:150%;} .p20_pink_h120 {font-size: 20px; color: #e95b96; line-height:120%;} /* Bold pink */ .bold_p12_pink_h120 {font-size: 12px; color: #e95b96; line-height:120%; font-weight: bold;} .bold_p12_pink_h150 {font-size: 12px; color: #e95b96; line-height:150%; font-weight: bold;} .bold_p14_pink_h120 {font-size: 14px; color: #e95b96; line-height:120%; font-weight: bold;} .bold_p14_pink_h150 {font-size: 14px; color: #e95b96; line-height:150%; font-weight: bold;} .bold_p16_pink_h120 {font-size: 16px; color: #e95b96; line-height:120%; font-weight: bold;} .bold_p16_pink_h150 {font-size: 16px; color: #e95b96; line-height:150%; font-weight: bold;} .bold_p18_pink_h120 {font-size: 18px; color: #e95b96; line-height:120%; font-weight: bold;} .bold_p18_pink_h150 {font-size: 18px; color: #e95b96; line-height:150%; font-weight: bold;} .bold_p20_pink_h120 {font-size: 20px; color: #e95b96; line-height:120%; font-weight: bold;} .bold_p20_pink_h150 {font-size: 20px; color: #e95b96; line-height:150%; font-weight: bold;} /* white */ .p10_white_h150 {font-size: 10px; color: #fff; line-height:150%;} .p10_white_h120 {font-size: 10px; color: #fff; line-height:120%;} .p11_white_h120 {font-size: 11px; color: #fff; line-height:120%;} .p11_white_h150 {font-size: 11px; color: #fff; line-height:150%;} .p11_white_h180 {font-size: 11px; color: #fff; line-height:180%;} .p12_white_h120 {font-size: 12px; color: #fff; line-height:120%;} .p12_white_h150 {font-size: 12px; color: #fff; line-height:150%;} .p14_white_h120 {font-size: 14px; color: #fff; line-height:120%;} .p14_white_h150 {font-size: 14px; color: #fff; line-height:150%;} .p16_white_h120 {font-size: 16px; color: #fff; line-height:120%;} .p16_white_h150 {font-size: 16px; color: #fff; line-height:150%;} .p18_white_h120 {font-size: 18px; color: #fff; line-height:120%;} .p18_white_h150 {font-size: 18px; color: #fff; line-height:150%;} /* Bold white */ .bold_p11_white_h120 {font-size: 11px; color: #fff; line-height:120%; font-weight: bold;} .bold_p11_white_h150 {font-size: 11px; color: #fff; line-height:150%; font-weight: bold;} .bold_p11_white_h180 {font-size: 11px; color: #fff; line-height:180%; font-weight: bold;} .bold_p12_white_h120 {font-size: 12px; color: #fff; line-height:120%; font-weight: bold;} .bold_p12_white_h150 {font-size: 12px; color: #fff; line-height:150%; font-weight: bold;} .bold_p14_white_h120 {font-size: 14px; color: #fff; line-height:120%; font-weight: bold;} .bold_p14_white_h150 {font-size: 14px; color: #fff; line-height:150%; font-weight: bold;} .bold_p16_white_h120 {font-size: 16px; color: #fff; line-height:120%; font-weight: bold;} .bold_p16_white_h150 {font-size: 16px; color: #fff; line-height:150%; font-weight: bold;} .bold_p18_white_h120 {font-size: 18px; color: #fff; line-height:120%; font-weight: bold;} .bold_p18_white_h150 {font-size: 18px; color: #fff; line-height:150%; font-weight: bold;} .bold_p20_white_h120 {font-size: 20px; color: #fff; line-height:120%; font-weight: bold;} .bold_p20_white_h150 {font-size: 20px; color: #fff; line-height:150%; font-weight: bold;} /* gray */ .p10_gray_h120 {font-size: 10px; color: #999999; line-height:120%;} .p10_gray_h150 {font-size: 10px; color: #999999; line-height:150%;} .p12_gray_h120 {font-size: 12px; color: #999999; line-height:120%;} .p12_gray_h150 {font-size: 12px; color: #999999; line-height:150%;} .p14_gray_h120 {font-size: 14px; color: #999999; line-height:120%;} .p14_gray_h150 {font-size: 14px; color: #999999; line-height:150%;} .p16_gray_h120 {font-size: 16px; color: #999999; line-height:120%;} .p16_gray_h150 {font-size: 16px; color: #999999; line-height:150%;} .p18_gray_h120 {font-size: 18px; color: #999999; line-height:120%;} .p18_gray_h150 {font-size: 18px; color: #999999; line-height:150%;} .p20_gray_h120 {font-size: 20px; color: #999999; line-height:120%;} .p20_gray_h150 {font-size: 20px; color: #999999; line-height:150%;} /* Bold gray */ .bold_p10_gray_h120 {font-size: 10px; color: #999999; line-height:120%; font-weight: bold;} .bold_p10_gray_h150 {font-size: 10px; color: #999999; line-height:150%; font-weight: bold;} .bold_p12_gray_h120 {font-size: 12px; color: #999999; line-height:120%; font-weight: bold;} .bold_p12_gray_h150 {font-size: 12px; color: #999999; line-height:150%; font-weight: bold;} .bold_p14_gray_h120 {font-size: 14px; color: #999999; line-height:120%; font-weight: bold;} .bold_p14_gray_h150 {font-size: 14px; color: #999999; line-height:150%; font-weight: bold;} .bold_p16_gray_h120 {font-size: 16px; color: #999999; line-height:120%; font-weight: bold;} .bold_p16_gray_h150 {font-size: 16px; color: #999999; line-height:150%; font-weight: bold;} .bold_p18_gray_h120 {font-size: 18px; color: #999999; line-height:120%; font-weight: bold;} .bold_p18_gray_h150 {font-size: 18px; color: #999999; line-height:150%; font-weight: bold;} .bold_p20_gray_h120 {font-size: 20px; color: #999999; line-height:120%; font-weight: bold;} .bold_p20_gray_h150 {font-size: 20px; color: #999999; line-height:150%; font-weight: bold;} /* darkgray */ .p10_darkgray_h120 {font-size: 10px; color: #333; line-height:120%;} .p10_darkgray_h150 {font-size: 10px; color: #333; line-height:150%;} .p11_darkgray_h170 {font-size: 11px; color: #333; line-height:170%;} .p12_darkgray_h120 {font-size: 12px; color: #333; line-height:120%;} .p12_darkgray_h150 {font-size: 12px; color: #333; line-height:150%;} .p14_darkgray_h120 {font-size: 14px; color: #333; line-height:120%;} .p14_darkgray_h150 {font-size: 14px; color: #333; line-height:150%;} .p16_darkgray_h120 {font-size: 16px; color: #333; line-height:120%;} .p16_darkgray_h150 {font-size: 16px; color: #333; line-height:150%;} .p18_darkgray_h120 {font-size: 18px; color: #333; line-height:120%;} .p18_darkgray_h150 {font-size: 18px; color: #333; line-height:150%;} .p20_darkgray_h120 {font-size: 20px; color: #333; line-height:120%;} .p20_darkgray_h150 {font-size: 20px; color: #333; line-height:150%;} /* Bold darkgray */ .bold_p12_darkgray_h120 {font-size: 12px; color: #333; line-height:120%; font-weight: bold;} .bold_p12_darkgray_h150 {font-size: 12px; color: #333; line-height:150%; font-weight: bold;} .bold_p14_darkgray_h120 {font-size: 14px; color: #333; line-height:120%; font-weight: bold;} .bold_p16_darkgray_h120 {font-size: 16px; color: #333; line-height:120%; font-weight: bold;} .bold_p16_darkgray_h150 {font-size: 16px; color: #333; line-height:150%; font-weight: bold;} .bold_p18_darkgray_h120 {font-size: 18px; color: #333; line-height:120%; font-weight: bold;} .bold_p18_darkgray_h150 {font-size: 18px; color: #333; line-height:150%; font-weight: bold;} .bold_p20_darkgray_h120 {font-size: 20px; color: #333; line-height:120%; font-weight: bold;} .bold_p20_darkgray_h150 {font-size: 20px; color: #333; line-height:150%; font-weight: bold;} /* lightgray */ .p10_lightgray_h120 {font-size: 10px; color: #cccccc; line-height:120%;} .p10_lightgray_h150 {font-size: 10px; color: #cccccc; line-height:150%;} .p11_lightgray_h120 {font-size: 11px; color: #cccccc; line-height:120%;} .p11_lightgray_h150 {font-size: 11px; color: #cccccc; line-height:150%;} .p12_lightgray_h120 {font-size: 12px; color: #cccccc; line-height:120%;} .p12_lightgray_h150 {font-size: 12px; color: #cccccc; line-height:150%;} .p14_lightgray_h120 {font-size: 14px; color: #cccccc; line-height:120%;} .p14_lightgray_h150 {font-size: 14px; color: #cccccc; line-height:150%;} .p16_lightgray_h120 {font-size: 16px; color: #cccccc; line-height:120%;} .p16_lightgray_h150 {font-size: 16px; color: #cccccc; line-height:150%;} .p18_lightgray_h120 {font-size: 18px; color: #cccccc; line-height:120%;} .p18_lightgray_h150 {font-size: 18px; color: #cccccc; line-height:150%;} .p20_lightgray_h120 {font-size: 20px; color: #cccccc; line-height:120%;} .p20_lightgray_h150 {font-size: 20px; color: #cccccc; line-height:150%;} /* Bold lightgray */ .bold_p12_lightgray_h120 {font-size: 12px; color: #cccccc; line-height:120%; font-weight: bold;} .bold_p12_lightgray_h150 {font-size: 12px; color: #cccccc; line-height:150%; font-weight: bold;} .bold_p14_lightgray_h120 {font-size: 14px; color: #cccccc; line-height:120%; font-weight: bold;} .bold_p14_lightgray_h150 {font-size: 14px; color: #cccccc; line-height:150%; font-weight: bold;} .bold_p16_lightgray_h120 {font-size: 16px; color: #cccccc; line-height:120%; font-weight: bold;} .bold_p16_lightgray_h150 {font-size: 16px; color: #cccccc; line-height:150%; font-weight: bold;} .bold_p18_lightgray_h120 {font-size: 18px; color: #cccccc; line-height:120%; font-weight: bold;} .bold_p18_lightgray_h150 {font-size: 18px; color: #cccccc; line-height:150%; font-weight: bold;} .bold_p20_lightgray_h120 {font-size: 20px; color: #cccccc; line-height:120%; font-weight: bold;} .bold_p20_lightgray_h150 {font-size: 20px; color: #cccccc; line-height:150%; font-weight: bold;} /* gold */ .p12_gold_h120 {font-size: 12px; color: #CC9900; line-height:120%;} .p12_gold_h150 {font-size: 12px; color: #CC9900; line-height:150%;} .p14_gold_h120 {font-size: 14px; color: #CC9900; line-height:120%;} .p14_gold_h150 {font-size: 14px; color: #CC9900; line-height:150%;} .p16_gold_h120 {font-size: 16px; color: #CC9900; line-height:120%;} .p16_gold_h150 {font-size: 16px; color: #CC9900; line-height:150%;} .p18_gold_h120 {font-size: 18px; color: #CC9900; line-height:120%;} .p18_gold_h150 {font-size: 18px; color: #CC9900; line-height:150%;} .p20_gold_h120 {font-size: 20px; color: #CC9900; line-height:120%;} .p20_gold_h150 {font-size: 20px; color: #CC9900; line-height:150%;} /* Bold gold*/ .bold_p12_gold_h120 {font-size: 12px; color: #CC9900; line-height:120%; font-weight: bold;} .bold_p12_gold_h150 {font-size: 12px; color: #CC9900; line-height:150%; font-weight: bold;} .bold_p14_gold_h120 {font-size: 14px; color: #CC9900; line-height:120%; font-weight: bold;} .bold_p14_gold_h150 {font-size: 14px; color: #CC9900; line-height:150%; font-weight: bold;} .bold_p16_gold_h120 {font-size: 16px; color: #CC9900; line-height:120%; font-weight: bold;} .bold_p16_gold_h150 {font-size: 16px; color: #CC9900; line-height:150%; font-weight: bold;} .bold_p18_gold_h120 {font-size: 18px; color: #CC9900; line-height:120%; font-weight: bold;} .bold_p18_gold_h150 {font-size: 18px; color: #CC9900; line-height:150%; font-weight: bold;} .bold_p20_gold_h120 {font-size: 20px; color: #CC9900; line-height:120%; font-weight: bold;} .bold_p20_gold_h150 {font-size: 20px; color: #CC9900; line-height:150%; font-weight: bold;} /* lightblue */ .p12_lightblue_h120 {font-size: 12px; color: #0099FF; line-height:120%;} .p12_lightblue_h150 {font-size: 12px; color: #0099FF; line-height:150%;} .p14_lightblue_h120 {font-size: 14px; color: #0099FF; line-height:120%;} .p14_lightblue_h150 {font-size: 14px; color: #0099FF; line-height:150%;} .p16_lightblue_h120 {font-size: 16px; color: #0099FF; line-height:120%;} .p16_lightblue_h150 {font-size: 16px; color: #0099FF; line-height:150%;} .p18_lightblue_h120 {font-size: 18px; color: #0099FF; line-height:120%;} .p18_lightblue_h150 {font-size: 18px; color: #0099FF; line-height:150%;} .p20_lightblue_h120 {font-size: 20px; color: #0099FF; line-height:120%;} .p20_lightblue_h150 {font-size: 20px; color: #0099FF; line-height:150%;} /* Bold lightblue */ .bold_p12_lightblue_h120 {font-size: 12px; color: #0099FF; line-height:120%; font-weight: bold} .bold_p12_lightblue_h150 {font-size: 12px; color: #0099FF; line-height:150%; font-weight: bold} .bold_p14_lightblue_h120 {font-size: 14px; color: #0099FF; line-height:120%; font-weight: bold} .bold_p14_lightblue_h150 {font-size: 14px; color: #0099FF; line-height:150%; font-weight: bold} .bold_p16_lightblue_h120 {font-size: 16px; color: #0099FF; line-height:120%; font-weight: bold} .bold_p16_lightblue_h150 {font-size: 16px; color: #0099FF; line-height:150%; font-weight: bold} .bold_p18_lightblue_h120 {font-size: 18px; color: #0099FF; line-height:120%; font-weight: bold} .bold_p18_lightblue_h150 {font-size: 18px; color: #0099FF; line-height:150%; font-weight: bold} .bold_p20_lightblue_h120 {font-size: 20px; color: #0099FF; line-height:120%; font-weight: bold} .bold_p20_lightblue_h150 {font-size: 20px; color: #0099FF; line-height:150%; font-weight: bold} /* blue */ .p11_blue_h120 {font-size: 11px; color: #0062C5; line-height:120%;} .p11_blue_h150 {font-size: 11px; color: #0062C5; line-height:150%;} .p12_blue_h120 {font-size: 12px; color: #0062C5; line-height:120%;} .p12_blue_h150 {font-size: 12px; color: #0062C5; line-height:150%;} .p14_blue_h120 {font-size: 14px; color: #0062C5; line-height:120%;} .p14_blue_h150 {font-size: 14px; color: #0062C5; line-height:150%;} .p16_blue_h120 {font-size: 16px; color: #0062C5; line-height:120%;} .p16_blue_h150 {font-size: 16px; color: #0062C5; line-height:150%;} .p18_blue_h120 {font-size: 18px; color: #0062C5; line-height:120%;} .p18_blue_h150 {font-size: 18px; color: #0062C5; line-height:150%;} .p20_blue_h120 {font-size: 20px; color: #0062C5; line-height:120%;} .p20_blue_h150 {font-size: 20px; color: #0062C5; line-height:150%;} /* Bold blue */ .bold_p12_blue_h120 {font-size: 12px; color: #0062C5; line-height:120%; font-weight: bold} .bold_p12_blue_h150 {font-size: 12px; color: #0062C5; line-height:150%; font-weight: bold} .bold_p14_blue_h120 {font-size: 14px; color: #0062C5; line-height:120%; font-weight: bold} .bold_p14_blue_h150 {font-size: 14px; color: #0062C5; line-height:150%; font-weight: bold} .bold_p16_blue_h120 {font-size: 16px; color: #0062C5; line-height:120%; font-weight: bold} .bold_p16_blue_h150 {font-size: 16px; color: #0062C5; line-height:150%; font-weight: bold} .bold_p18_blue_h120 {font-size: 18px; color: #0062C5; line-height:120%; font-weight: bold} .bold_p18_blue_h150 {font-size: 18px; color: #0062C5; line-height:150%; font-weight: bold} .bold_p20_blue_h120 {font-size: 20px; color: #0062C5; line-height:120%; font-weight: bold} .bold_p20_blue_h150 {font-size: 20px; color: #0062C5; line-height:150%; font-weight: bold} /* green */ .p11_green_h120 {font-size: 11px; color: #76AE37; line-height:120%;} .p11_green_h150 {font-size: 11px; color: #76AE37; line-height:150%;} .p12_green_h120 {font-size: 12px; color: #76AE37; line-height:120%;} .p12_green_h150 {font-size: 12px; color: #76AE37; line-height:150%;} .p14_green_h120 {font-size: 14px; color: #76AE37; line-height:120%;} .p14_green_h150 {font-size: 14px; color: #76AE37; line-height:150%;} .p16_green_h120 {font-size: 16px; color: #76AE37; line-height:120%;} .p16_green_h150 {font-size: 16px; color: #76AE37; line-height:150%;} .p18_green_h120 {font-size: 18px; color: #76AE37; line-height:120%;} .p18_green_h150 {font-size: 18px; color: #76AE37; line-height:150%;} .p20_green_h120 {font-size: 20px; color: #76AE37; line-height:120%;} .p20_green_h150 {font-size: 20px; color: #76AE37; line-height:150%;} /* Bold green */ .bold_p12_green_h120 {font-size: 12px; color: #76AE37; line-height:120%; font-weight: bold} .bold_p12_green_h150 {font-size: 12px; color: #76AE37; line-height:150%; font-weight: bold} .bold_p14_green_h120 {font-size: 14px; color: #76AE37; line-height:120%; font-weight: bold} .bold_p14_green_h150 {font-size: 14px; color: #76AE37; line-height:150%; font-weight: bold} .bold_p16_green_h120 {font-size: 16px; color: #76AE37; line-height:120%; font-weight: bold} .bold_p16_green_h150 {font-size: 16px; color: #76AE37; line-height:150%; font-weight: bold} .bold_p18_green_h120 {font-size: 18px; color: #76AE37; line-height:120%; font-weight: bold} .bold_p18_green_h150 {font-size: 18px; color: #76AE37; line-height:150%; font-weight: bold} .bold_p20_green_h120 {font-size: 20px; color: #76AE37; line-height:120%; font-weight: bold} .bold_p20_green_h150 {font-size: 20px; color: #76AE37; line-height:150%; font-weight: bold} /* Bold brown */ .bold_p20_brown_h150 {font-size: 20px; color: #804000; line-height:150%; font-weight: bold} .blank_p5_rlbottom { margin-top: auto; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } .blank_p10_right { margin: 0px 10px 0px 0px;} .blank_p10_left { margin: 0px 0px 0px 10px;} .blank_p5_left { margin: 0px 0px 0px 5px;} .blank_p5_right { margin: 0px 5px 0px 0px;} .blank_p5_bottom { margin: 0px 0px 5px 0px;} .blank_p2_bottom { margin: 0px 0px 2px 0px;} .blank_p10_top { margin: 10px 0px 0px 0px;} .blank_p10_bottom { margin: 0px 0px 10px 0px;} .blank_p15_bottom { margin: 0px 0px 15px 0px;;} .blank_p20_bottom { margin: 0px 0px 20px 0px;;} .blank_p20_top { margin: 20px 0px 0px 0px;} .blank_p10_round { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } .blank_p20_left { margin: 0px 0px 0px 20px;} .blank_p5_round { margin: 5px;} .blank_p10_round { margin: 10px;} .blank_p20_round { margin: 20px;} .blank_p5_text { padding: 5px;} .blank_p10_text { padding: 10px;} .blank_p10_topright { margin: 10px 10px 0px 0px;} .blank_p10_topleft { margin: 10px 0px 0px 10px;} .blank_p10_bottomleft { margin: 0px 0px 10px 10px;} .blank_p10_topbottom { margin: 10px 0px 10px 0px;} .blank_p2_topbottom { margin: 2px 0px 2px 0px;} .blank_p5_topbottom { margin: 5px 0px 5px 0px;} .blank_p10_bottomright { margin: 0px 10px 10px 0px;} .blank_p10_bottom { margin: 0px 0px 10px 0px;} .blank_p10p20_topbottom { margin: 10px 0px 20px 0px;} .blank_p20p10_topbottom { margin: 20px 0px 10px 0px;} .blank_p20_topbottom { margin: 20px 0px;} .blank_p30_topbottom { margin: 30px 0px 30px 0px;} .blank_p10_topbottomright { margin: 10px 10px 10px 0px;} .blank_p10_topbottomleft { margin: 10px 0px 10px 10px;} .blank_p50_top { margin: 50px 0px 0px 0px;} .blank_p30_top { margin: 30px 0px 0px 0px;} .blank_p30_left { margin: 0px 0px 0px 30px;} .blank_p40_top { margin: 40px 0px 0px 0px;} .blank_p50_left { margin: 0px 0px 0px 50px;} .blank_p50_topleft { margin: 50px 0px 0px 50px;} .blank_p100_left { margin: 0px 0px 0px 100px;} .glay_bar { border-top-width: 1px; width: 390px; border-color: #999999; } .subtitle { font-size: 14px; color: #990000; line-height:150%; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .subtitle_hs {font-size: 14px; color: #990000;line-height:150%;} .subtitle_tb {font-size: 14px; color: #990000;line-height:150%; margin: 20px 0px 20px 0px;} input.search { width: 130px; background: #EEEEEE; margin-bottom: 2px; } .b-line_dot { margin-bottom: 10px; border: 1px; border-style: dashed; border-color: #990000; } .b-line_pink { margin-bottom: 10px; border: 3px solid #FF99CC; margin-top: 0px; } /* ----------------------------------------- 各種ヘッダー設定 ----------------------------------------- */ .title_blue { margin:0 0 10px 0; padding:2px 8px; border-width:0 0 0 5px; border-color: #36C; border-style:solid; background-color: #5694EF; color:#EBF7FA; line-height:140%; font-weight:bold; } /* ----------------------------------------- ボタンcss ----------------------------------------- */ /*リンクボタン*/ .button{ display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow: visible; font: bold 13px arial, helvetica, sans-serif; text-decoration: none; white-space: nowrap; color: #555; background-color: #ddd; background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC); transition: background-color .2s ease-out; background-clip: padding-box; /* Fix bleeding */ border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; text-shadow: 0 1px 0 rgba(255,255,255, .9); } .button:hover{ background-color: #eee; color: #555; } .button:active{ background: #e9e9e9; position: relative; top: 1px; text-shadow: none; box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset; outline: none; } /*ボタン色*/ .button.color{ color: #000; text-shadow: 0 1px 0 rgba(0,0,0,.2); background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC); } /*青*/ .button.blue{ background-color: #269CE9; border-color: #269CE9; } .button.blue:hover{ background-color: #70B9E8; } .button.blue:active{ background: #269CE9; } /*赤*/ .button.red{ background-color: #ff2c2c; border-color: #C33; } .button.red:hover{ background-color: #F66; } .button.red:active{ background: #C00; } /* ライトブルー */ .button.lightblue{ background-color: #5FA5E2; border-color: #558BC8; } .button.lightblue:hover{ background-color: #6CF; } .button.lightblue:active{ background: #558BC8; } /*リンクボタン なかまちっこ園用*/ .button01{ display: inline-block; *display: inline; zoom: 1; margin: 0; cursor: pointer; border: 1px solid #F39; overflow: visible; text-decoration: none; white-space: nowrap; color: #666666; background-color: #F39; background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC); transition: background-color .2s ease-out; background-clip: padding-box; /* Fix bleeding */ border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; text-shadow: 0 0px 0 rgba(255,255,255, .9); width: 198px; padding-top: 8px; padding-right: 20px; padding-bottom: 4px; padding-left: 30px; height: 23px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; font-weight: bold; } .button01:hover{ background-color: #eee; color: #FFF; } .button01:active{ background: #e9e9e9; position: relative; top: 1px; text-shadow: none; box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset; outline: none; } /* なかまちっこ園用　ピンク */ .button01.pink{ background-color: #FFDDEE; border-top-color: #FFDDEE; border-right-color: #FFDDEE; border-bottom-color: #FFDDEE; border-left-color: #FFDDEE; } .button01.pink:hover{ background-color: #FFBBDD; border: 1px solid #FFBBDD; } .butto01n.pink:active{ background-color: #FFBBDD; border: 1px solid #FFBBDD; } /* なかまちっこ園用　水色 */ .button01.lightblue{ background-color: #C4F0FF; border-top-color: #C4F0FF; border-right-color: #C4F0FF; border-bottom-color: #C4F0FF; border-left-color: #C4F0FF; } .button01.lightblue:hover{ background-color: #95E4FF; border: 1px solid #95E4FF; } .butto01n.lightblue:active{ background-color: #95E4FF; border: 1px solid #95E4FF; } /* なかまちっこ園用　オレンジ */ .button01.orange{ background-color: #FFD5AA; border-top-color: #FFD5AA; border-right-color: #FFD5AA; border-bottom-color: #FFD5AA; border-left-color: #FFD5AA; } .button01.orange:hover{ background-color: #FFBD9D; border: 1px solid #FFBD9D; } .butto01n.orange:active{ background-color: #FFBD9D; border: 1px solid #FFBD9D; } /* なかまちっこ園用　黄緑 */ .button01.lightgreen{ background-color: #D0EEB3; border-top-color: #D0EEB3; border-right-color: #D0EEB3; border-bottom-color: #D0EEB3; border-left-color: #D0EEB3; } .button01.lightgreen:hover{ background-color: #B4E384; border: 1px solid #B4E384; } .butto01n.lightgreen:active{ background-color: #B4E384; border: 1px solid #B4E384; } /* なかまちっこ園用　紫 */ .button01.purple{ background-color: #F5D8F5; border-top-color: #F5D8F5; border-right-color: #F5D8F5; border-bottom-color: #F5D8F5; border-left-color:#F5D8F5; } .button01.purple:hover{ background-color: #ECB0EC; border: 1px solid #ECB0EC; } .butto01n.purple:active{ background-color: #ECB0EC; border: 1px solid #ECB0EC; } /* なかまちっこ園用　在園児保護者様専用 */ .button02{ display: inline-block; *display: inline; zoom: 1; margin: 0; cursor: pointer; border: 1px solid #F39; overflow: visible; text-decoration: none; white-space: nowrap; color: #666666; background-color: #F39; background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC); transition: background-color .2s ease-out; background-clip: padding-box; /* Fix bleeding */ border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; text-shadow: 0 0px 0 rgba(255,255,255, .9); width: 198px; padding-top: 8px; padding-right: 20px; padding-bottom: 4px; padding-left: 30px; height: 50px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; font-weight: bold; } .button02.pink{ background-color: #FFDDEE; border-top-color: #FFDDEE; border-right-color: #FFDDEE; border-bottom-color: #FFDDEE; border-left-color: #FFDDEE; } .button02.lightblue{ background-color: #C4F0FF; border-top-color: #C4F0FF; border-right-color: #C4F0FF; border-bottom-color: #C4F0FF; border-left-color: #C4F0FF; } /* なかまちっこ園用　在園児保護者様専用ここまで */ /* 中白ボタン */ /*--- 青ボーダー */ .button.blueborder{ background-color: #fff; border-color: #269CE9; } .button.blueborder:hover{ background-color: #ccc; } .button.blueborder:active{ background: #fff; } /*--- 赤ボーダー */ .button.redborder{ background-color: #fff; border-color: #C33; } .button.redborder:hover{ background-color: #ccc; } .button.redborder:active{ background: #fff; } /*disable*/ .button[disabled], .button[disabled]:hover, .button[disabled]:active{ border-color: #eaeaea; background: #fafafa; cursor: default; position: static; color: #999; /* Usually, !important should be avoided but here it's really needed :) */ box-shadow: none !important; text-shadow: none !important; } /*ボタンのグループ化*/ .button-group, .button-group li{ display: inline-block; *display: inline; zoom: 1; } .button-group{ font-size: 0; /* Inline block elements gap - fix */ margin: 0; padding: 0; background: rgba(0, 0, 0, .04); border-bottom: 1px solid rgba(0, 0, 0, .07); padding: 7px; border-radius: 7px; } .button-group li{ margin-right: -1px; /* Overlap each right button border */ list-style:none; } .button-group .button{ font-size: 13px; /* Set the font size, different from inherited 0 */ border-radius: 0; } .button-group .button:active{ box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset; } .button-group li:first-child .button{ border-radius: 3px 0 0 3px; } .button-group li:first-child .button:active{ box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset; } .button-group li:last-child .button{ border-radius: 0 3px 3px 0; } .button-group li:last-child .button:active{ box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset; } /* 画像に白い半透明のマウスオーバー */ .alpha a:hover img { opacity: 0.7;　/* 数字はimgの透明度 */ filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }