/* //=========================================================================// // システム名:共通 // // プログラム名:共通スタイルシート // // Copyright (C) 2008 Boxyz, Inc. All rights reserved. // http://boxyz.com/ //=========================================================================// */ *{ font-family: osaka,"MS Pゴシック",helvetica,sans-serif; font-size:12px; color:#202020; margin:0; padding:0; } body{ margin:0; padding:0; background:#34b9e5; background:#34b9e5;} img{ border:none; } a{ color:#0066cc; } input{ font-size:18px; padding:4px; line-height:20px; } label{ line-height:20px; padding-top:5px; padding-left:4px; padding-right:4px; letter-spacing:2px; } div.clear{ clear:both; font-size:0; line-height:0; width:1px; height:1px; } .back_link a{ color:#009900; } .item_pane{ border-collapse:collapse; width:100%; } .space{ float:left; font-size:0; line-height:0; } .pane{ float:left; } .box{ float:left; } .left{ float:left; } .center{ text-align:center; } .center_in{ margin:0 auto; } .right{ float:right; } .hs{ color:#ff0000; } .cmt{ color:#ee0000; line-height:19px; } .blue{ color:#0066cc; line-height:19px; } .cmt strong{ color:#ee0000; line-height:19px; } .cmt a{ color:#ee0000; line-height:19px; } .warn{ float:left; clear:both; width:100%; margin-top:4px; color:#ee0000; font-size:10px; line-height:14px; } .lwarn{ float:left; width:100%; color:#ee0000; font-size:10px; line-height:14px; } .title{ float:left; } .title_b{ float:left; font-weight:bold; color:#446699; font-size:16px; line-height:18px; padding-left:10px; } div.left_area{ float:left; margin:0 10px; } div.left_pane{ float:left; margin-right:5px; } .right_area{ float:left; } .text11{ font-size:11px; line-height:20px; letter-spacing:1px; } .text{ font-size:12px; line-height:20px; letter-spacing:2px; } .text2{ font-size:12px; line-height:20px; } .text14{ font-size:14px; line-height:20px; letter-spacing:2px; } .line001{ width:850px; margin-bottom:10px; border-width:0 0 1px 0; border-style:solid; border-color:#aaaaaa; } .caption{ font-size:12px; line-height:20px; margin-left:10px; } .bold{ font-weight:bold; } .f16{ font-size:16px; line-height:18px; } .f15{ font-size:15px; line-height:16px; } .f14{ font-size:14px; line-height:16px; } .f13{ font-size:13px; line-height:14px; } .f12{ font-size:12px; line-height:14px; } .f11{ font-size:11px; line-height:14px; } .f10{ font-size:10px; line-height:14px; } .w5{ width:5px; } .w20{ width:20px; } .w30{ width:30px; } .w40{ width:40px; } .w50{ width:50px; } .w60{ width:60px; } .w100{ width:100px; } .w140{ width:140px; } .w200{ width:200px; } .w235{ width:235px; } .w250{ width:250px; } .w270{ width:270px; } .w300{ width:300px; } .w400{ width:400px; } .w450{ width:450px; } .w500{ width:500px; } .w550{ width:550px; } .w600{ width:600px; } .w620{ width:620px; } .w650{ width:650px; } .w700{ width:700px; } .w800{ width:800px; } .w850{ width:850px; } .w900{ width:900px; } div.h5{ height:5px; } div.h7{ height:7px; } div.h10{ height:10px; } div.h15{ height:15px; } div.h20{ height:20px; } div.h30{ height:30px; } div.h50{ height:50px; } div.h100{ height:100px; } select.h25{ height:25px; } .mt5{ margin-top:5px; } .mt10{ margin-top:10px; } .mt40{ margin-top:40px; } .ml10{ margin-left:10px; } .ml20{ margin-left:20px; } .ml40{ margin-left:40px; } .ml60{ margin-left:60px; } .ml80{ margin-left:80px; } .ml100{ margin-left:100px; } .pl5{ padding-left:5px; } .pl10{ padding-left:10px; } .pl20{ padding-left:20px; } .pl30{ padding-left:30px; } .pl40{ padding-left:40px; } .pl60{ padding-left:60px; } .pl90{ padding-left:90px; } .pl100{ padding-left:100px; } .pl200{ padding-left:200px; } .pr10{ padding-right:10px; } .pr20{ padding-right:20px; } .pr30{ padding-right:30px; } .pr40{ padding-right:40px; } .p5{ padding:5px; } .p10{ padding:10px; } /* box */ div.box{ float:left; /* width:1px;*/ overflow:visible; } div.box_pane{ float:left; background:white; font-size:0; line-height:0; } div.box_top{ background:url(.././images//box_top.gif) repeat-x left top; width:100%; height:10px; font-size:0; line-height:0; } div.box_lefttop{ float:left; background:url(.././images//box_lefttop.gif) no-repeat left top; /* padding-left:10px;*/ height:10px; font-size:0; line-height:0; width:100%; } div.box_righttop{ float:right; background:url(.././images//box_righttop.gif) no-repeat right top; padding-right:10px; height:10px; font-size:0; line-height:0; } div.box_left{ float:left; padding-left:10px; background:url(.././images//box_left.gif) repeat-y left top; font-size:0; line-height:0; width:100%; } div.box_right{ float:left; padding-right:10px; background:url(.././images//box_right.gif) repeat-y right top; font-size:0; line-height:0; } div.box_center{ float:left; width:100%; background:url(.././images//box_back.gif) left top; font-size:12px; line-height:14px; } div.box_bottom{ clear:both; background:url(.././images//box_bottom.gif) repeat-x left top; width:100%; height:10px; font-size:0; line-height:0; } div.box_leftbottom{ float:left; background:url(.././images//box_leftbottom.gif) no-repeat left top; /* padding-left:10px;*/ height:10px; font-size:0; line-height:0; width:100%; } div.box_rightbottom{ float:right; background:url(.././images//box_rightbottom.gif) no-repeat right top; padding-right:10px; height:10px; font-size:0; line-height:0; } /* /box */ .block_1{ float:left; width:280px; height:204px; } .bordert{ float:left; width:1px; height:204px; margin:0 6px; background:#446699; font-size:0; } .border10{ float:left; width:270px; height:1px; margin:10px 0; background:#446699; font-size:0; line-height:0; } .border2{ float:left; width:270px; height:1px; margin:2px 0; background:#446699; font-size:0; line-height:0; } table.list{ border-collapse:collapse; /* width:100%;*/ } table.list th{ border-width:1px 0 1px 0; border-style:solid; border-color:#446699; padding:5px; text-align:center; } table.list td{ border-width:1px 0 1px 0; border-style:solid; border-color:#446699; padding:5px; text-align:center; } table.list td.r{ text-align:right; } table.list th.l{ text-align:left; } table.list td.l{ text-align:left; } table.list table th{ border:none; } table.list table td{ border:none; } table.list td.line1{ border:none; font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed.gif) repeat-x left 5px; } table.list td.red{ color:#ff0000; } table.list td.total{ border:none; } table td.line_dashed{ border:none; font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed2.gif) repeat-x left 5px; } table.tcaption{ border-collapse:collapse; /* width:100%;*/ } table.tcaption th{ font-size:18px; line-height:20px; border-width:1px 0 1px 0; border-style:solid; border-color:#446699; padding:5px; color:#446699; text-align:center; } table.history{ border-collapse:collapse; width:100%; } table.history th{ border-width:1px 0 1px 0; border-style:solid; border-color:#2bb0dc; padding:5px 0; /* width:92px;*/ text-align:center; line-height:16px; } table.history th.l{ text-align:left; } table.history td{ padding:5px 0; line-height:16px; /* border-width:1px 0 1px 0; border-style:dashed; border-color:#2bb0dc; padding:5px; width:92px; text-align:center;*/ } table.history td.item{ text-align:left; width:300px; height:40px; } table.history td.red{ color:#ff0000; } table.history td.c{ text-align:center; } table.history td.l{ text-align:left; } table.history td.r{ text-align:right; } table.history td.ts{ width:100px; } table.history td.bs{ width:100px; } table.history td.b{ } table.history td.line1{ font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed2.gif) repeat-x left 5px; } table.history td.line2{ font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed2.gif) repeat-x left 5px; } table.history td.line3{ font-size:0; line-height:0; height:10px; border-width:1px 0 0 0; border-style:solid; border-color:#2bb0dc; } table.history td.total{ border-width:2px 0 2px 0; } .status_block{ float:left; font-size:10px; letter-spacing:-1px; margin:5px 0; padding:0 10px; line-height:20px; } .status_arrow{ float:left; margin-top:10px; } table.edit{ margin:0 auto; border-collapse:collapse; } table.edit th{ /* width:160px;*/ padding:2px 5px; text-align:left; font-size:16px; line-height:18px; color:#446699; } table.edit td{ padding:2px 5px; font-size:16px; line-height:18px; text-align:left; } table.edit th.r{ text-align:right; } table.edit td.r{ text-align:right; } table.edit td.center{ text-align:center; } table.edit td.center a{ width:150px; } table.edit td.check{ width:30px; font-size:16px; vertical-align:top; } table.edit td input{ font-size:16px; } table.edit td textarea{ font-size:16px; } table.edit td a{ font-size:16px; } table.edit td.red{ color:#ff0000; } table.edit td select{ font-size:16px; } table.edit td.line0{ font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed0.gif) repeat-x left 5px; } table.edit td.line1{ font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed.gif) repeat-x left 5px; } table.edit td.line2{ font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed.gif) repeat-x left 5px; } table.edit td.line3{ font-size:0; line-height:0; height:10px; background:url(.././images//line_dashed2.gif) repeat-x left 5px; } table.edit td.dest_btn{ text-align:right; } div.sequence{ float:left; } div.sequence div{ float:left; margin:0; } /* input */ input.kanji{ height:30px; } input.kanji18{ height:18px; padding:0 4px; } textarea.kanji{ height:30px; } input.kana{ height:30px; } input.numeric{ height:30px; } input.alpha{ height:30px; } input.email{ height:30px; } input.password{ height:30px; } input.kanji2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } textarea.kanji2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } input.kana2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } input.numeric2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } input.alpha2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } input.email2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } input.password2{ height:18px; padding:0 4px; font-size:12px; line-height:14px; } input.kanji3{ } textarea.kanji3{ } input.kana3{ } input.numeric3{ } input.alpha3{ } input.email3{ } input.password3{ } div.news_pane{ float:left; background:url(.././images//news_box_back.gif) repeat-y left top; } div.news_top{ float:left; width:233px; height:31px; font-size:0; line-height:0; background:url(.././images//news_box_top.gif) no-repeat left top; } div.news_data{ float:left; width:210px; color:#0066cc; font-weight:bold; letter-spacing:1px; padding:4px 0 2px 15px; } div.news_bottom{ float:left; width:233px; height:12px; font-size:0; line-height:0; background:url(.././images//news_box_bottom.gif) no-repeat left top; } div.help_pane{ float:left; background:url(.././images//help_box_back.gif) repeat-y left top; } div.help_top{ float:left; width:233px; height:31px; font-size:0; line-height:0; background:url(.././images//help_box_top.gif) no-repeat left top; } div.help_data{ float:left; width:210px; color:#0066cc; font-weight:bold; letter-spacing:1px; padding:4px 0 2px 15px; } div.help_bottom{ float:left; width:233px; height:12px; font-size:0; line-height:0; background:url(.././images//help_box_bottom.gif) no-repeat left top; } div.gift_form_1_area{ float:left; width:850px; height:389px; background:url(.././images//gift_form_01.gif) no-repeat left top; } div.gift_form_2_area{ float:left; width:850px; height:2017px; background:url(.././images//gift_form_02.gif) no-repeat left top; } div.gift_form_3_area{ float:left; width:850px; height:284px; overflow:hidden; background:url(.././images//gift_form_03.gif) no-repeat left top; } div.gift_form_1_area_d{ float:left; width:850px; height:389px; background:url(.././images//gift_form_01d.gif) no-repeat left top; } div.gift_form_2_area_d{ float:left; width:850px; height:2017px; background:url(.././images//gift_form_02d.gif) no-repeat left top; } div.gift_form_3_area_d{ float:left; width:850px; height:284px; background:url(.././images//gift_form_03d.gif) no-repeat left top; } textarea.gf,input.gf,select.gf{ background:#ffffdd; border:1px solid #66aaff; color:red; } textarea.ngf,input.ngf,select.ngf{ background:#dddddd; border:1px solid #aaaaaa; color:red; } select.gf option{ color:red; } textarea.gf2,input.gf2,select.gf2{ height:26px; padding-left:6px; padding-top:6px; font-size:18px; line-height:14px; letter-spacing:10px; font-family:osaka-mono,"MS Gothic"; background:#ffffdd url(.././images//gift_form_input1.gif) repeat-x left top; border:none; color:red; } textarea.ngf2,input.ngf2,select.ngf2{ height:26px; padding-left:6px; padding-top:6px; font-size:18px; line-height:14px; letter-spacing:10px; font-family:osaka-mono,"MS Gothic"; background:#dddddd url(.././images//gift_form_input1_n.gif) repeat-x left top; border:none; color:red; } select.gf2{ font-size:20px; } /* textarea.gf2_n,input.gf2_n,select.gf2_n{ height:26px; padding-left:6px; padding-top:6px; font-size:18px; line-height:14px; letter-spacing:10px; font-family:osaka-mono,"MS Gothic"; background:#ffffdd url(.././images//gift_form_input1.gif) repeat-x left top; border:none; color:red; } */ textarea.gf2_n,input.gf2_n,select.gf2_n{ height:26px; padding-left:10px; padding-top:6px; font-size:18px; line-height:14px; letter-spacing:19px; font-family:osaka-mono,"MS Gothic"; background:#ffffdd url(.././images//gift_form_input1.gif) repeat-x left top; border:none; color:red; } textarea.ngf2_n,input.ngf2_n,select.ngf2_n{ height:26px; padding-left:10px; padding-top:6px; font-size:18px; line-height:14px; letter-spacing:19px; font-family:osaka-mono,"MS Gothic"; background:#ffffdd url(.././images//gift_form_input1_n.gif) repeat-x left top; border:none; color:red; } select.gf2 option{ color:red; } textarea.gf3,input.gf3,select.gf3{ height:26px; padding-left:6px; padding-top:6px; font-size:18px; line-height:14px; letter-spacing:2px; font-family:osaka-mono,"MS Gothic"; background:#ffffdd; border:1px solid #a5cde8; /* background:#ffffff url(.././images//gift_form_input1.gif) repeat-x left top; border:none; */ color:red; } select.gf2 option{ color:red; } /* div.gift_form_1_area input{ filter:Alpha(opacity=60); } div.gift_form_1_area select{ filter:Alpha(opacity=60); } div.gift_form_2_area input{ filter:Alpha(opacity=60); } div.gift_form_2_area select{ filter:Alpha(opacity=60); } div.gift_form_2_area textarea{ filter:Alpha(opacity=60); } */ div#gf_base_kana{ position:relative; left:170px; top:72px; } div#gf_base_name{ position:relative; left:140px; top:75px; } div#gf_base_sex{ position:relative; left:390px; top:55px; } div#gf_base_age{ position:relative; left:502px; top:37px; } div#gf_base_addr{ position:relative; top:40px; left:162px; } input.gf_zip{ height:22px; } div#gf_base_addr2{ position:relative; top:42px; left:140px; } div#gf_base_tel{ position:relative; top:68px; left:163px; } div#gf_base_mail{ position:relative; top:66px; left:140px; } div#gf_base_mail3{ position:relative; top:46px; left:140px; background:white; width:400px; border:1px solid #cccccc; color:#0000cc; } div#gf_base_password{ position:relative; top:46px; left:460px; } div#gf_base_dkana{ position:relative; top:61px; left:170px; } div#gf_base_dname{ position:relative; top:62px; left:140px; } div#gf_base_daddr{ position:relative; top:66px; left:162px; } div#gf_base_daddr2{ position:relative; top:68px; left:140px; } div#gf_base_dtel{ position:relative; top:94px; left:163px; } div#gf_ehon_baby_name{ position:relative; left:150px; top:-14px; } div#gf_ehon_called{ position:relative; left:333px; top:-35px; } div#gf_ehon_sex{ position:relative; left:441px; top:-55px; } div#gf_ehon_author{ position:relative; left:150px; top:-48px; } div#gf_ehon_father{ position:relative; left:494px; top:-68px; } div#gf_ehon_mother{ position:relative; left:680px; top:-88px; } div#gf_remarks{ position:relative; left:80px; top:-84px; } div#gf_add_ehon{ position:relative; left:710px; top:-110px; } div#gf_ehon_p2_1{ position:relative; left:336px; top:74px; } div#gf_ehon_p2_2{ position:relative; left:94px; top:102px; } div#gf_ehon_p2_3{ position:relative; left:240px; top:74px; } div#gf_ehon_p2_4{ position:relative; left:330px; top:46px; } div#gf_ehon_p2_5{ position:relative; left:408px; top:19px; } div#gf_ehon_p2_6{ position:relative; left:492px; top:-4px; } div#gf_ehon_p2_7{ position:relative; left:598px; top:-28px; } div#gf_ehon_p2_8{ position:relative; left:691px; top:-56px; } div#gf_ehon_p2_9{ position:relative; left:249px; top:-54px; } div#gf_ehon_p2_10{ position:relative; left:394px; top:-82px; } div#gf_ehon_p2_11{ position:relative; left:92px; top:-70px; } div#gf_ehon_p2_12{ position:relative; left:92px; top:-74px; } div#gf_ehon_p4_1{ position:relative; left:276px; top:-56px; } div#gf_ehon_p4_2{ position:relative; left:548px; top:-84px; } div#gf_ehon_p4_3{ position:relative; left:276px; top:-86px; } div#gf_ehon_p4_4{ position:relative; left:548px; top:-114px; } div#gf_ehon_p4_5{ position:relative; left:124px; top:-101px; } div#gf_ehon_p4_6{ position:relative; left:124px; top:-105px; } div#gf_ehon_p4_7{ position:relative; left:124px; top:-109px; } div#gf_ehon_p4_8{ position:relative; left:124px; top:-113px; } div#gf_ehon_p4_9{ position:relative; left:124px; top:-117px; } div#gf_ehon_p5_1{ position:relative; left:124px; top:-92px; } div#gf_ehon_p5_2{ position:relative; left:94px; top:-80px; } div#gf_ehon_p5_3{ position:relative; left:94px; top:-84px; } div#gf_ehon_p6_1{ position:relative; left:94px; top:-66px; } div#gf_ehon_p6_2{ position:relative; left:240px; top:-94px; } div#gf_ehon_p7_1{ position:relative; left:277px; top:-52px; } div#gf_ehon_p7_2{ position:relative; left:277px; top:-56px; } div#gf_ehon_p7_3{ position:relative; left:277px; top:-38px; } div#gf_ehon_p7_4{ position:relative; left:277px; top:-42px; } div#gf_ehon_p8_1{ position:relative; left:92px; top:-20px; } div#gf_ehon_p8_2{ position:relative; left:327px; top:-48px; } div#gf_ehon_p9_1{ position:relative; left:92px; top:-8px; } div#gf_ehon_p9_2{ position:relative; left:92px; top:-12px; } div#gf_ehon_p10_1{ position:relative; left:92px; top:10px; } div#gf_ehon_p10_2{ position:relative; left:92px; top:6px; } div#gf_ehon_p11_11{ position:relative; left:96px; top:91px; } div#gf_ehon_p11_12{ position:relative; left:96px; top:87px; } div#gf_ehon_p11_13{ position:relative; left:96px; top:83px; } div#gf_ehon_p11_14{ position:relative; left:96px; top:79px; } div#gf_ehon_p11_21{ position:relative; left:277px; top:-21px; } div#gf_ehon_p11_22{ position:relative; left:277px; top:-25px; } div#gf_ehon_p11_23{ position:relative; left:277px; top:-29px; } div#gf_ehon_p11_24{ position:relative; left:277px; top:-33px; } div#gf_ehon_p11_31{ position:relative; left:459px; top:-133px; } div#gf_ehon_p11_32{ position:relative; left:459px; top:-137px; } div#gf_ehon_p11_33{ position:relative; left:459px; top:-141px; } div#gf_ehon_p11_34{ position:relative; left:459px; top:-145px; } div#gf_ehon_p11_41{ position:relative; left:640px; top:-245px; } div#gf_ehon_p11_42{ position:relative; left:640px; top:-249px; } div#gf_ehon_p11_43{ position:relative; left:640px; top:-253px; } div#gf_ehon_p11_44{ position:relative; left:640px; top:-257px; } div#gf_ehon_p12_1{ position:relative; left:92px; top:-220px; } div#gf_ehon_p12_2{ position:relative; left:92px; top:-224px; } div#gf_ehon_p13_1{ position:relative; left:92px; top:-201px; } div#gf_ehon_p13_2{ position:relative; left:92px; top:-205px; } div#gf_ehon_p14_1{ position:relative; left:92px; top:-181px; } div#gf_ehon_p14_2{ position:relative; left:92px; top:-187px; } div#gf_ehon_p14_3{ position:relative; left:574px; top:-186px; } div#gf_ehon_p14_4{ position:relative; left:92px; top:-180px; } div#gf_ehon_p14_5{ position:relative; left:92px; top:-184px; } div#gf_ehon_p14_6{ position:relative; left:574px; top:-184px; } div#gf_ehon_p15_1{ position:relative; left:92px; top:-138px; } div#gf_ehon_p15_2{ position:relative; left:92px; top:-142px; } div#gf_ehon_p16_1{ position:relative; left:135px; top:-121px; } div#gf_ehon_p16_2{ position:relative; left:283px; top:-149px; } div#gf_ehon_p16_3{ position:relative; left:373px; top:-177px; } div#gf_ehon_p16_4{ position:relative; left:164px; top:-160px; } div#gf_ehon_p16_5{ position:relative; left:272px; top:-188px; } div#gf_ehon_p16_6{ position:relative; left:164px; top:-179px; } div#gf_ehon_p16_7{ position:relative; left:164px; top:-183px; } div#gf_ehon_p16_8{ position:relative; left:164px; top:-187px; } input.err,textarea.err,select.err{ background:#ffdddd; } input.err2,textarea.err2,select.err2{ border:2px solid #ff0000; background:#ffdddd; } input.err3,textarea.err3,select.err3{ border:2px solid #ff0000; } select.err3{ background:#ffdddd; } div.epane{ float:left; width:892px; } div.etitle{ float:left; width:260px; text-align:right; } div.etitle div{ float:right; margin-top:4px; padding-right:20px; font-weight:bold; } div#inp{ line-height:16px; } div.einput{ float:left; } span.maru{ vertical-align:bottom; font-size:16px; letter-spacing:-14px; } span.maru span{ vertical-align:middle; font-size:12px; } table.gform{ border-collapse:collapse; } table.gform th{ padding:5px; background:#aaccaa; } table.gform td{ padding:5px; background:#ffffff; border:1px solid #aaccaa; }