@charset "utf-8";

/*************************
****** publish css *******
*************************/

div.contents	{ width:785px; color:#534741; line-height:18px; overflow:hidden;}

div.publish_tt	{ width:785px; height:100px; text-indent:-9999px; overflow:hidden;}
div.pt1			{ background:url(/img/contents/publish/publish_tt_home.jpg) no-repeat;}
div.pt2			{ background:url(/img/contents/publish/publish_tt_form.gif) no-repeat;}
div.pt3			{ background:url(/img/contents/publish/publish_tt_pc.gif) no-repeat;}
div.pt3b		{ height:80px; background:url(/img/contents/publish/publish_pc_sstt0.gif) no-repeat;}
div.pt4			{ height:200px; background:url(/img/contents/publish/publish_tt_hp.jpg) no-repeat;}
div.pt4b		{ height:80px; background:url(/img/contents/publish/publish_hp_sstt0.gif) no-repeat;}
div.pt4c		{ height:44px; margin:auto 0 30px; background:url(/img/contents/publish/publish_tt_results.jpg) no-repeat;}
div.pt5			{ height:100px; background:url(/img/contents/publish/publish_tt_hpf.jpg) no-repeat;}


/* publish home --------------------------------------------------------------------*/
div.publish_htt		{ width:765px; height:35px; overflow:hidden; margin:5px 0 20px; }
div.publish_htt p.publish_tt { line-height:1.6em; }
div.publish_htt p	{ display:none;}
div.publish_htt li			{ display:inline;}
div.publish_htt li a		{ width:200px; height:55px; margin:21px auto auto 563px; background:url(/img/contents/btn/publich_btn_form2.jpg) no-repeat 0 0; text-indent:-9999px; display:block; overflow:hidden;}
div.publish_htt li a:hover	{ background:url(/img/contents/btn/publich_btn_form2.jpg) no-repeat 0 -55px;}

div.publish_home			{ width:705px; margin:0 auto 20px; overflow:hidden;}

div.publish_home div.full	{ width:705px; text-indent:-9999px; overflow:hidden;}
div.publish_home div.f1		{ height:235px; background:url(/img/contents/publish/publish_home_img1.jpg) no-repeat;}
div.publish_home div.f2		{ height:60px; margin-bottom:5px; background:url(/img/contents/publish/publish_home_img2.gif) no-repeat;}
div.publish_home div.f3		{ height:86px; margin:auto 0 30px; background:url(/img/contents/publish/publish_home_img3.gif) no-repeat;}
div.publish_home div.t1		{ width:705px; height:25px; margin:20px 0 20px; background:url(/img/contents/publish/publish_home_stt1.jpg) no-repeat; display:block; }
div.publish_home div.t2		{ width:705px; height:25px; margin:20px 0 20px; background:url(/img/contents/publish/publish_home_stt2.jpg) no-repeat; display:block; }
div.publish_home div.t3		{ height:80px; margin:auto 0 25px; background:url(/img/contents/publish/publish_home_stt3.jpg) no-repeat;}

div.publish_home p.wish		{ font-size:16px; line-height:20px; font-weight:bold; display:block;}
div.publish_home p.wish em	{ color:#A67C52;}

div.publish_about				{ width:705px; margin:auto 0 50px; overflow:hidden;}

div.publish_about div.bn1		 { width:300px; float:left;}
div.publish_about div.bn1 h3     { font-size:16px; line-height:24px; font-weight:bold; display:block;}
div.publish_about div.image1	 { width:350px; float:right;}
div.publish_about div.p1		 { height:320px; background:url(/img/contents/publish/publish_sp_img1.jpg) no-repeat;}
div.publish_about div.p1_osaka		 { height:320px; background:url(/img/contents/publish/publish_sp_img1_osaka.jpg) no-repeat;}

div.publish_about div.bn2		 { width:300px; float:right;}
div.publish_about div.bn2 h3	 { font-size:16px; line-height:24px; font-weight:bold; display:block;}
div.publish_about div.image2	 { width:350px; float:left;}
div.publish_about div.p2	 	 { height:320px; background:url(/img/contents/publish/publish_sp_img2.jpg) no-repeat;}
div.publish_about div.p2_osaka	 	 { height:320px; background:url(/img/contents/publish/publish_sp_img2_osaka.jpg) no-repeat;}


div.publish_home div.sp			{ width:405px; height:370px; margin:auto 0 25px; padding:0 0 0 300px; background:url(/img/contents/publish/publish_sp_img1.jpg) no-repeat;}
div.publish_home div.sp2	    { width:405px; height:370px; margin:auto 0 25px; padding:0 300px 0 0; background:url(/img/contents/publish/publish_sp_img1.jpg) no-repeat;}
div.publish_home div.sp h2		{ color:#007878; font-size:16px; line-height:20px; font-weight:bold; display:block;}
div.publish_home div.sp h3		{ font-size:16px; line-height:24px; font-weight:bold; display:block;}
div.publish_home div.sp h3 em	{ color:#ED1E79;}

div.publish_sys				{ width:700px; margin:auto 0 30px 5px; overflow:hidden;}
div.publish_sys div.block	{ width:232px; background:url(/img/contents/publish/publish_sys_back.jpg) repeat-y; display:inline; float:left;}
div.publish_sys div.fix		{ width:232px; height:274px; padding:0 0 21px; background:url(/img/contents/publish/publish_sys_foot.jpg) no-repeat 0 bottom; overflow:hidden;}
div.publish_sys span		{ display:block; overflow:hidden;}
div.publish_sys span.head	{ width:232px; height:13px; background:url(/img/contents/publish/publish_sys_head.jpg) no-repeat;}
div.publish_sys span.image	{ width:200px; height:125px; margin:auto 20px 5px 12px;}
div.publish_sys span.s1		{ background:url(/img/contents/publish/publish_sys_img1.jpg) no-repeat;}
div.publish_sys span.s2		{ background:url(/img/contents/publish/publish_sys_img2.jpg) no-repeat;}
div.publish_sys span.s3		{ background:url(/img/contents/publish/publish_sys_img3.jpg) no-repeat;}
div.publish_sys span.s4		{ background:url(/img/contents/publish/publish_sys_img4.jpg) no-repeat;}
div.publish_sys span.s5		{ background:url(/img/contents/publish/publish_sys_img5.jpg) no-repeat;}
div.publish_sys span.s6		{ background:url(/img/contents/publish/publish_sys_img6.jpg) no-repeat;}
div.publish_sys span.cm		{ margin:auto 20px auto 12px;}

div.publish_plan				{ width:705px; margin:auto 0 50px; overflow:hidden;}
div.publish_plan div.bn			{ width:300px; float:left;}
div.publish_plan div.b1			{ background:url(/img/contents/publish/publish_plan_bn1.jpg) no-repeat;}
div.publish_plan div.b2			{ background:url(/img/contents/publish/publish_plan_bn2.jpg) no-repeat;}
div.publish_plan div.b3			{ background:url(/img/contents/publish/publish_plan_bn3.jpg) no-repeat;}
div.publish_plan div.bn p		{ width:268px; margin:65px 5px auto;}
div.publish_plan div.bn strong	{ color:#754C24; font-size:16px; line-height:20px;}

div.publish_plan div.image1		{ width:390px; float:right;}
div.publish_plan div.p1			{ height:180px; background:url(/img/contents/publish/publish_plan_img1.jpg) no-repeat;}

div.publish_plan div.image2		{ width:390px; float:left;}
div.publish_plan div.p2			{ height:180px; background:url(/img/contents/publish/publish_plan_img1.jpg) no-repeat;}



/* publish form --------------------------------------------------------------------*/
div.publish_form			{ width:585px; margin:30px auto 40px; overflow:hidden;}
div.publish_form div.ftt	{ width:585px; height:25px; text-indent:-9999px; overflow:hidden;}
div.publish_form div.f1		{ background:url(/img/contents/publish/publish_form_stt1.jpg) no-repeat;}
div.publish_form div.f2		{ background:url(/img/contents/publish/publish_form_stt2.gif) no-repeat;}
div.publish_form div.f3		{ background:url(/img/contents/publish/publish_form_stt3.gif) no-repeat;}

div.publish_form div.note	{ padding:8px;}

div.publish_form table	{ margin:auto 0 25px; border:2px solid #260d03;}
div.publish_form th		{ width:150px; padding:10px 15px; background:#e3cc9f; text-align:right; font-weight:normal;}
div.publish_form td		{ width:365px; padding:10px 15px; background:#f4e9cf;}
div.publish_form em		{ color:#FF0000; font-weight:bold;}
div.publish_form input.ch	{ height:18px; float:left;}
div.publish_form label.ch	{ margin-left:5px; line-height:18px; float:left;}

div.publish_form div.complete	{ width:585px; height:230px; margin:10px 0; background:url(/img/contents/publish/publish_comp.gif) no-repeat; text-indent:-9999px; overflow:hidden;}


/* store_login --------------------------------------------------------------------*/
div.store_login				{ width:480px; height:115px; margin:40px auto 75px; padding:38px 20px 0; background:#007878 url(/img/contents/publish/s_login_tt.gif) no-repeat; overflow:hidden;}
div.store_login span.left		{ width:360px; float:left;}	
div.store_login span.left input	{ width:274px; padding:3px;}
div.store_login p.fm			{ width:300px; height:26px; margin-top:21px; padding:0 0 0 60px; display:block; overflow:hidden;}
div.store_login p.t1			{ background:url(/img/contents/publish/s_login_id.gif) no-repeat;}
div.store_login p.t2			{ background:url(/img/contents/publish/s_login_pass.gif) no-repeat;}

div.store_login span.right			{ width:102px; float:right;}
div.store_login span.right input	{ margin:37px 0 auto;}

div.login_note				{ width:650px; margin:auto auto 50px; overflow:hidden;}
div.login_note div.block	{ width:650px; margin:auto 0 25px;}
div.login_note span.box		{ padding:10px 20px; margin:5px 0 10px; border:2px solid #007878; display:block;}
div.login_note p.ltt		{ width:650px; height:30px; margin-bottom:10px; text-indent:-9999px; overflow:hidden}
div.login_note p.l1			{ background:url(/img/contents/publish/s_login_stt1.gif) no-repeat;}
div.login_note p.l2			{ background:url(/img/contents/publish/s_login_stt2.gif) no-repeat;}
div.login_note h2			{ color:#007878; font-size:16px; line-height:30px; font-weight:bold; display:block;}
div.login_note h3			{ color:#ED1E79; font-size:14px; line-height:22px; font-weight:bold; display:block;}

div.login_note a:link		{ color:#0071BC; text-decoration:underline;}
div.login_note a:visited	{ color:#0071BC; text-decoration:underline;}
div.login_note a:active		{ color:#7FB8DD; text-decoration:underline;}
div.login_note a:hover		{ color:#7FB8DD; text-decoration:underline;}


/* publish_pc --------------------------------------------------------------------*/
div.publish_pc	{ width:700px; margin:0 auto 40px; overflow:hidden;}

div.publish_pc p.pc_stt		{ width:700px; height:35px; text-indent:-9999px; display:block;}
div.publish_pc p.ps1		{ background:url(/img/contents/publish/publish_pc_stt1.gif) no-repeat;}
div.publish_pc p.ps2		{ background:url(/img/contents/publish/publish_pc_stt2.gif) no-repeat;}
div.publish_pc p.ps3		{ background:url(/img/contents/publish/publish_pc_stt3.gif) no-repeat;}

div.publish_pc p.pc_sstt	{ width:670px; height:60px; text-indent:-9999px; display:block;}
div.publish_pc p.pss1		{ background:url(/img/contents/publish/publish_pc_sstt1.gif) no-repeat;}
div.publish_pc p.pss2		{ background:url(/img/contents/publish/publish_pc_sstt2.gif) no-repeat;}
div.publish_pc p.pss3		{ background:url(/img/contents/publish/publish_pc_sstt3.gif) no-repeat;}

div.publish_pc div.block	{ width:670px; margin:0 auto 25px; overflow:hidden;}
div.publish_pc div.left		{ float:left;}
div.publish_pc div.right	{ float:right;}

div.publish_pc span.photo		{ display:block;}
div.publish_pc span.photo img	{ margin-right:20px; margin-bottom:10px; cursor:pointer;}

div.publish_pc span.text	{ text-indent:-9999px; display:block; overflow:hidden;}
div.publish_pc span.tx1		{ width:350px; height:40px; margin:10px 0; background:url(/img/contents/publish/publish_pc_txt1.gif) no-repeat;}
div.publish_pc span.tx2a	{ height:25px; background:url(/img/contents/publish/publish_pc_txt2a.gif) no-repeat;}
div.publish_pc span.tx2b	{ height:25px; background:url(/img/contents/publish/publish_pc_txt2b.gif) no-repeat;}
div.publish_pc span.tx2c	{ height:25px; background:url(/img/contents/publish/publish_pc_txt2c.gif) no-repeat;}
div.publish_pc span.tx2d	{ height:25px; background:url(/img/contents/publish/publish_pc_txt2d.gif) no-repeat;}
div.publish_pc span.tx2e	{ height:25px; background:url(/img/contents/publish/publish_pc_txt2e.gif) no-repeat;}

div.publish_pc div.magazine	{ width:390px; height:350px; padding:0 280px 0 0; background:url(/img/contents/publish/publish_pc_mz.jpg) no-repeat right 0;}
div.publish_pc div.web			{ width:700px; margin:auto 0 55px;}
div.publish_pc div.web div.site	{ width:200px; margin:auto 17px 15px 16px; color:#FF7902; font-weight:bold; text-align:center; display:inline; float:left;}
div.publish_pc div.web span		{ width:200px; height:200px; margin:0 0 5px; text-indent:-9999px; display:block; overflow:hidden;}


/* publish_hp --------------------------------------------------------------------*/
div.publish_hp				{ width:680px; margin:0 auto 40px; overflow:hidden;}
div.publish_hp div.package	{ width:680px; height:310px; margin:auto auto 10px; background:url(/img/contents/publish/publish_hp_package.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}

div.publish_hp p.hp_sstt	{ width:680px; height:70px; background:url(/img/contents/publish/publish_hp_sstt1.gif) no-repeat; text-indent:-9999px; display:block;}

div.publish_hp div.zero				{ width:670px; margin:auto 5px; overflow:hidden;}
div.publish_hp div.zero p			{ color:#D4145A; font-size:16px; line-height:20px; font-weight:bold;}
div.publish_hp div.zero div.left	{ width:460px; padding-top:130px; background:url(/img/contents/publish/publish_hp_sp.gif) no-repeat; overflow:hidden; float:left;}
div.publish_hp div.zero div.right	{ width:185px; height:485px; background:url(/img/contents/publish/publish_hp_zero.jpg) no-repeat; overflow:hidden; float:right;}

div.publish_hp ul.zero		{ display:block;}
div.publish_hp ul.zero li	{ display:inline;}
div.publish_hp ul.zero li a	{ width:186px; height:36px; margin-top:260px; background:url(/img/contents/btn/publish_btn_sample.jpg) no-repeat; text-indent:-9999px; display:block; overflow:hidden;}

div.web_results				{ width:678px; margin:auto auto 10px; overflow:hidden;}
div.web_results p			{ height:26px; margin:auto 0 15px; padding:0 15px; background:#000000; line-height:26px; font-weight:bold; display:block;}
div.web_results p.r1			{ color:#F51670;}
div.web_results p.r2			{ color:#00FFFF;}
div.web_results p.r3			{ color:#FF0000;}
div.web_results div.block	{ width:180px; margin:auto 23px 15px; text-align:center; display:inline; overflow:hidden; float:left;}
div.web_results span			{ width:180px; height:180px; margin:0 0 5px; text-indent:-9999px; display:block; overflow:hidden;}

/* publish_hp_form(add 09/10/16) --------------------------------------------------------------------*/
div.publish_form div.hf1	{ background:url(/img/contents/publish/publish_hp_form_stt1.jpg) no-repeat;}
div.publish_form div.hf2	{ background:url(/img/contents/publish/publish_hp_form_stt2.jpg) no-repeat;}
div.publish_form div.hf3	{ background:url(/img/contents/publish/publish_hp_form_stt3.jpg) no-repeat;}

div.publish_package	{ width:680px; height:310px; margin:10px auto auto; background:url(/img/contents/publish/publish_hp_package.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}

div.publish_form table.hp				{ border:2px solid #8C6239;}
div.publish_form table.hp th			{ background:#736357; color:#FFFFFF;}
div.publish_form table.hp td			{ background:#F0DEC0;}
div.publish_form table.hp td.end		{ width:547px; height:200px; background:#F0DEC0 url(/img/contents/publish/publish_hp_sendcomp.gif) no-repeat; text-indent:-9999px;}

div.publish_logo_zero	{ width:175px; height:26px; margin:30px auto 40px 550px; background:url(/img/contents/publish/publish_logo_zero.gif) no-repeat; text-indent:-9999px;}


/* publish_outline(add 09/11/11) --------------------------------------------------------------------*/
p.outline_tt	{ height:35px; margin-bottom:20px; background:#736357; color:#FFFFFF; font-size:18px; line-height:35px; text-indent:20px; font-weight:bold;}
div.publish_outline	{ margin-bottom:20px; padding:0 50px; font-size:14px; line-height:20px;}
div.publish_outline p.btt	{ height:36px; font-size:18px; line-height:36px; font-weight:bold;}
div.publish_outline span	{ margin-bottom:10px; line-height:30px; float:left;}
div.publish_outline span.lb	{ width:150px; padding:0 10px; background:#998675; color:#FFFFFF;}
div.publish_outline span.rb	{ width:480px; padding:0 15px;}




