@charset "utf-8";



/*-----------------------------------------------------

商業印刷ランディング

-----------------------------------------------------*/

/*- 111009更新分 -*/





h1#title_showin_lp{



	clear: both;

	margin: 0 0 5px;

	background: url("../../images/landing/showin/showin_lp_ttl.gif") no-repeat;



	width: 950px;



	height: 127px;



	text-indent: -9999px;



}







#showin_lp_wrap {

	clear: both;

	padding-top: 30px;

}



#showin_lp_wrap h2 {

	background: url("../../images/landing/showin/showin_lp_subttl01.gif") no-repeat;

	width: 950px;

	height: 25px;

	text-indent: -9999px;

	padding: 0 0 20px 0;

}



#showin_lp_wrap h3 {

	padding: 0 0 5px 0;

}



#showin_lp_wrap div.showin_lp_left {

	float:left;

	width: 456px;

	padding-left:15px;

}



#showin_lp_wrap div.showin_lp_right {

	float:right;

	width: 456px;

	margin-right:15px;

	padding-bottom:20px;

}



#showin_lp_wrap div.showin_lp_left p {

	margin-top:10px;

}



#showin_lp_wrap div.showin_lp_left div {

	margin-top:10px;

}



#showin_lp_wrap div.showin_lp_right p {

	margin-top:10px;

}



#showin_lp_wrap div.showin_lp_right div {

	margin-top:10px;

}



#showin_lp_wrap div.showin_lp_right_sol {

	float:right;

	width: 313px;

	padding-right:20px;



	padding-top:36px;

}



.sub02-3_box{

	clear:both;

	padding-left:15px;

}



.sub02-3_box p{

	padding-top:10px;

}



.sub02-3_box p img{

	margin-right:10px;

}



#showin_lp_wrap p {

	font-size:100%;

	font-weight:normal;

	line-height:1.2em;

}



#showin_lp_wrap p.lh16 {

	line-height:1.6em;

}



#showin_lp_wrap p.fontL {

	font-size:120%;

	line-height:1.4em;

}



#showin_lp_wrap p.fontL span {

	font-size:150%;

	font-weight:bold;

	line-height:1.2em;

}

div.showin_lp_cate_wrap {

	clear: both;

	padding-top: 20px;

}



ul.showin_lp_cate {

	margin: 0;

	padding: 0;

}



ul.showin_lp_cate li {

	float: left;

	margin: 15px 22px 8px 0;

	width: 300px;

	height: 400px;

}



ul.showin_lp_cate li.last {

	margin: 15px 0 8px 0;

}



ul.showin_lp_cate li div.catebg {

	position: relative;

	background-color: #ffffff;

	border:1px solid #cccccc;

	height: 400px;

}



ul.showin_lp_cate li p {

	padding: 10px 8px 0;



}



ul.showin_lp_cate .go_shosai {

	position: absolute;



	bottom: 8px;

	left: 16px;

}



div.showin_lp_stepttl {

	clear: both;

	width: 950px;



	padding-top: 40px;

}



div.showin_lp_step_wrap {

	position: relative;

	margin: 0 0 20px 0;

	width: 950px;



}



ul.showin_lp_step {

	margin: 0;

	padding: 0;

}



ul.showin_lp_step li{

	float: left;

	margin: 10px 10px 20px 0;

	height: 207px;

}



ul.showin_lp_step li.last{

	margin: 10px 0 0 0;

}





ul.showin_lp_step li.step1a{

	background: url("../../images/landing/showin/step1_base1.gif") no-repeat;



	width: 252px;



}



ul.showin_lp_step li.step2a{

	background: url("../../images/landing/showin/step2_base1.gif") no-repeat;



	width: 230px;



}



ul.showin_lp_step li.step3a{

	background: url("../../images/landing/showin/step3_base1.gif") no-repeat;



	width: 160px;



}



ul.showin_lp_step li.step4a{

	background: url("../../images/landing/showin/step4_base1.gif") no-repeat;



	width: 258px;



}



ul.showin_lp_step li.step1b{

	background: url("../../images/landing/showin/step1_base2.gif") no-repeat;



	width: 252px;



}



ul.showin_lp_step li.step2b{

	background: url("../../images/landing/showin/step2_base2.gif") no-repeat;



	width: 230px;



}



ul.showin_lp_step li.step3b{

	background: url("../../images/landing/showin/step3_base2.gif") no-repeat;



	width: 160px;



}



ul.showin_lp_step li.step4b{

	background: url("../../images/landing/showin/step4_base2.gif") no-repeat;



	width: 258px;



}



div.showin_lp_step_wrap ul img.btn1{

	position: absolute;



	top: 140px;

	left: 290px;

}



div.showin_lp_step_wrap ul img.btn2{

	position: absolute;



	top: 53px;

	left: 290px;

}



div.showin_lp_step_wrap ul img.btn3{

	position: absolute;



	top: 117px;

	left: 36px;

}



div.showin_lp_step_wrap ul img.btn4{

	position: absolute;



	top: 91px;

	left: 713px;

}



div.showin_lp_step_wrap ul img.btn5{

	position: absolute;



	top: 131px;

	left: 713px;

}



div.showin_lp_step_wrap ul img.btn6{

	position: absolute;



	top: 171px;

	left: 713px;

}



div.showin_lp_step_wrap p {

	clear: both;

}



#showin_contact {

	clear: both;

	padding-top: 40px;

	height: 200px;

	width: 950px;

}



.alpha a:hover img{

opacity:0.7;

filter:alpha(opacity=70);

}



.subimg02_area{

	position:relative;

}

.subimg02_area .go_seikyu {

	position: absolute;

	top: 75px;

	left: 253px;

}

.subimg03_area{

	position:relative;

}

.subimg03_area .go_pdf {

	position: absolute;

	top: 75px;

	left: 28px;

}

.subimg03_area .go_data {

	position: absolute;

	top: 75px;

	left: 253px;

}





.showin_lp_service{

	font-weight:bold;

	font-size: 14px;

	padding: 10px 0 0 10px;

	background: url("../../images/landing/showin/titlebg2.gif") no-repeat;

	width: 938px;

	height: 30px;

	margin:0 0 20px 0;

}



.service_bg {

	text-align:left;

	background: url("../../images/landing/showin/showin_lp_bg.gif") repeat-y;

}

.service_bg .go_cyumon {

	margin-left:25px;

}

.service_bg div{

	margin:20px 0;

}

.service_bg div.m2{

	margin:15px 0 5px 0;

}

.service_bg div.m3{

	margin:0 0 15px 0;

}

.service_bg p.tx{

	text-align:left;

}

.service_bg table.youshi{

	margin:10px 0 20px 16px;;

}

.sample_btn_area{

	position:relative;

}

.sample_btn_area .go_sample {

	position: absolute;

	top: 4px;

	left: 602px;

}

.service_bg .go_shosai_small {

	margin-left:150px;

}

.service_bg table.kakou{

	margin:10px 0 10px 16px;;

}



.dore_area{

	margin:50px 0 0 0;

}

.dore_ttl{

	margin-bottom:20px;

}





/*- 商業印刷ランディング　ご注文の前にお読みください -*/





#attention {

width:938px;

margin:20px 5px -5px 5px;

}



.attention {width:938px;}





.attention dt {

width:938px;

height:40px;

margin-bottom:5px;

cursor:pointer;

background-image:url(../../images/landing/showin/attention_btn2.gif);

background-repeat:no-repeat;

}





.attention .open {background-image:url(../../images/landing/showin/attention_btn_on2.gif)}





.attention dd {

overflow:hidden;

background:#efefef

}





.attention span {

display:block;

width:900px;

padding:15px;

font-size:12px;

}





/*- 商業印刷PDF/x-1a制作ガイド -*/




#showin_wrap {

	clear: both;

	margin: 0;

	padding: 0;

}



.pdfmanual_ttl01{

	clear: both;

	width:950px;

	margin: 0 0 8px 0;

	padding-top: 10px;

}



.pdfmanual_ttl02{

	clear: both;

	width:950px;

	margin: 0 0 8px 0;

	padding-top: 20px;

}



.pdfmanual_stepttl{

	clear: both;

	width:950px;

	margin: 0 0 10px 0;

}



.pdfmanual_txt{

	clear: both;

	margin: 10px 0 0 30px;

}



ul.pdfmanual_cate {

	margin: 0;

	padding: 0;

}



ul.pdfmanual_cate li{

	float: left;

	margin: 12px 10px 30px 0;

}



/*- 商業印刷テンプレートダウンロード -*/




.templatedl_ttl{

	 width:950px;

	margin: 0 0 8px 0;

}



table.table_templatedl {

	width:800px;

	margin:3px 0 20px 0;

	padding :0;

	border:1px solid #B7B7B7;

	border-collapse:collapse;

	border-spacing:0;

	text-align:center;

}





table.table_templatedl th {

	border:1px solid #B7B7B7;

	background:#ffffcc;

	font-weight:normal;

	padding:8px 4px;

	text-align:center;

}



table.table_templatedl td {

	background:#ffffff;

	border:1px solid #B7B7B7;

	padding:8px 4px;

}



table.table_templatedl th.head01{

	background:#b4de85;

	font-weight:bold;

	text-align:left;

}



table.table_templatedl td.head02{

	text-align:left;

}



/*-----------------------------------------------------

商業印刷ランディング　2012/03/21改装版

-----------------------------------------------------*/

/*- ヘッダ -*/



h1#title_showin_lp2012{

	margin:0 auto;

	clear: both;

	width: 950px;

	height: 181px;

}



#showin_lp2012_wrap {

	margin:0 auto;

	width: 950px;

	clear: both;

	padding-top: 20px;

}



#showin_lp2012_left {

	width:735px;

	float:left;

}



#showin_lp2012_right {

	width:201px;

	float:right;

	margin-left:14px;

}



/*- 右メニュー -*/



#showin_lp2012_rightbox {

	background-color:#F7FFFF;

	width:201px;

	margin-bottom:20px;

}



#showin_lp2012_rightbox h2 {

	width:201px;

	height:36px;

	background: url("../../images/landing/showin2012/side_ttl.gif") no-repeat;

	text-indent:-9999px;

}



#showin_lp2012_rightbox h3.side_degi {

	width:201px;

	height:36px;

	background: url("../../images/landing/showin2012/side_degi.gif") no-repeat;

	text-indent:-9999px;

	margin-top:8px;

}



#showin_lp2012_rightbox h3.side_off {

	width:201px;

	height:36px;

	background: url("../../images/landing/showin2012/side_off.gif") no-repeat;

	text-indent:-9999px;

}



#showin_lp2012_rightbox h4{

	width:201px;

	}



#showin_lp2012_rightbox ul{

	margin:5px 0 3px 15px;

	}





#showin_lp2012_rightbox ul li{

	background: url("../../images/landing/showin2012/list_dot.gif") no-repeat;

	padding-left:15px;

	}



div.rightmenu_offbox {

	margin:5px 0 10px 0

}



div.rightmenu_degibox {

	margin:3px 0 0 0;

	padding-bottom:20px;

}





/*- メイン　TOPバナー -*/



#showin_lp2012_ban li {

	width:224px;

	height:90px;

	float: left;

	margin:0 22px 15px 0;

}



#showin_lp2012_ban li.line_last {

	margin-right:0;

}



/*- メイン　印刷紹介エリア枠 -*/



#showin_lp2012_degi_head{

	width: 735px;

	height:85px;

	background: url("../../images/landing/showin2012/degi_ttl.gif") no-repeat;

	clear:both;

	margin:0;

}



#showin_lp2012_degi_head h2{

	text-indent: -9999px;

	float:left;

}



#showin_lp2012_degi_head img{

	margin:13px 20px 0 0;

	float:right;

}



#showin_lp2012_degi_wrap{

	width: 735px;

	background: url("../../images/landing/showin2012/degi_wrap.gif") repeat-y;

	clear:both;

	margin:0;

	padding:0;

}



#showin_lp2012_degi_bottom{

	width: 735px;

	height:29px;

	background: url("../../images/landing/showin2012/degi_bottom.gif") no-repeat;

	clear:both;

	margin:0;

}



#showin_lp2012_off_head{

	width: 735px;

	height:85px;

	background: url("../../images/landing/showin2012/off_ttl.gif")  no-repeat;

	clear:both;

	margin:0;

}



#showin_lp2012_off_head h2{

	text-indent: -9999px;

	float:left;

	}



#showin_lp2012_off_head img{

	margin:13px 20px 0 0;

	float:right;

}





#showin_lp2012_off_wrap{

	width: 735px;

	background: url("../../images/landing/showin2012/off_wrap.gif") repeat-y;

	clear:both;

	margin:0;

}



#showin_lp2012_off_bottom{

	width: 735px;

	height:26px;

	background: url("../../images/landing/showin2012/off_bottom.gif")  no-repeat;

	clear:both;

	margin:0;

}





#showin_lp2012_degi{

	width: 723px;

	background: url("../../images/landing/showin2012/degi_bg.gif") repeat-x;

	clear:both;

	margin:0 8px 0 4px;

}



#showin_lp2012_off{

	width: 723px;

	background: url("../../images/landing/showin2012/off_bg.gif") repeat-x;

	clear:both;

	margin:0 8px 0 4px;

}



div.showin_lp2012_degi_naka_head{

	width: 697px;

	margin:15px auto 0 auto;

}



div.showin_lp2012_degi_naka_box{

	width: 679px;

	background: url("../../images/landing/showin2012/degi_naka_img.jpg") 5px 5px no-repeat #FFFFFF;

	margin:0 auto;

	padding:8px;

	border: #b3b3b3 1px solid;

	border-bottom: #b3b3b3 2px solid;

}



div.degi_naka_step {

	margin-left:5px;

}



div.degi_naka_step p{

	color:#FF0000;

	margin-bottom:5px;

}

div.degi_naka_step ul li{

	float:left;

	margin-right:5px;

}



div.showin_lp2012_off_chira_head{

	width: 697px;

	margin:0 auto;

}



div.showin_lp2012_off_chira{

	border: #d4d4d4 2px solid;

	width: 693px;

	background: url("../../images/landing/showin2012/off_chira_img.jpg") no-repeat #FFFFFF;

	background-color:#FFFFFF;

	margin:0 auto 20px auto;

}





/*- メイン　印刷商品テーブル -*/





.degi_table_head {

	width:697px;

	margin:0 auto;

	padding-top:15px;

}

.degi_table {

	width:699px;

	margin:0 auto;



}

.degi_table td {

	vertical-align:top;

}

.degi_table_cel_last{

	border-right: #cccccc 1px solid;

}



#degi_layer01{

	position:relative;

	width:210px;

	height:155px;

	margin:0;
	padding:0;
	z-index:2;

	}

#degi_layer02{
	position:absolute;

	top:0px;

	left:-5px;
	width:210px;

	height:155px;

	z-index:1;

	}



#degi_layer02 img{
	margin:0;

	padding:0;

	}





.degi_l0{

	margin:0;

}



.degi_chira_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/degi_chira_img.jpg") no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.degi_pos_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/degi_pos_img.jpg") no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}

.degi_card_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/degi_card_img.jpg") 2px 0 no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.degi_chira_l1 img,

.degi_card_l1 img,

.degi_pos_l1 img{

	margin-bottom:3px;

}



.degi_l2{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	padding:5px;

}



.degi_l2ex{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	padding:5px 2px;

}



.degi_l3{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	text-align:center;

	padding:10px 5px;;

}

.degi_l4{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	text-align:center;

}



.degi_l5{

	height:33px;

	border-left: #cccccc 1px solid;

	border-right: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/degi_l5_bk.gif") no-repeat #FFFFFF;

	padding:0;

}



.degi_l5 img {

		margin-top:1px;

		margin-left:460px;

}





.degi_l6{

	border-left: #cccccc 1px solid;

	border-bottom: #d4d4d4 2px solid;

	background-color:#FFFFFF;

	text-align:left;

	padding:10px 5px;

}

.degi_l6 p{

	margin-bottom:10px;

	margin-left:7px;

	font-weight:bold;

}

.degi_l6 img{

	margin:0 3px;

}







.off_table {

	margin:0 auto;

}

.off_table td {

	vertical-align:top;

}

.off_table_cel_last{

	border-right: #cccccc 1px solid;

}



.table_cel_blank{

	border-left: #cccccc 1px solid;

}





#off_layer01{

	position:relative;

	width:210px;

	height:130px;

	margin:0;
	padding:0;
	z-index:2;

	}

#off_layer02{
	position:absolute;

	top:0px;

	left:0px;
	width:210px;

	height:130px;

	z-index:1;

	}



#off_layer02 img{
	margin:0;

	padding:0;

	}



#offchira_layer01{

	position:relative;

	margin:0;
	padding:0;
	z-index:2;

	}

#offchira_layer02{
	position:absolute;

	top:0px;

	left:0px;
	z-index:1;

	}



#offchira_layer02 img{
	margin:0;

	padding:0;

	}







.off_l0{

	margin:0;

}



.off_l0 span{

	margin:0;

	padding:0;

	display:block;

	width:221px;

	height:48px;

	text-indent:-9999px;

}





.off_futo_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/off_futo_img.jpg") 10px 0px no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.off_meishi_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/off_meishi_img.jpg") 5px 10px no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.off_denpyo_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/off_denpyo_img.jpg") no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.off_l2{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	padding:5px;

}



.off_l3{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	text-align:center;

	padding:10px 5px;;

}

.off_l4{

	border-left: #cccccc 1px solid;

	background-color:#FFFFFF;

	text-align:center;

}



.off_l5{

	border-left: #cccccc 1px solid;

	border-right: #cccccc 1px solid;

	background-color:#FFFFFF;

	text-align:center;

	padding:0 5px;

}



.off_l6{

	border-left: #cccccc 1px solid;

	border-bottom: #d4d4d4 2px solid;

	background-color:#FFFFFF;

	text-align:left;

	padding:10px 5px;

}

.off_l6 p{

	margin-bottom:10px;

	margin-left:7px;

	font-weight:bold;

}

.off_l6 img{

	margin:0 3px;

}







div.table_var {

	height:73px;

	margin:10px 3px;

	background: url("../../images/landing/showin2012/grad_bg.gif") repeat-x #FFFFFF;

	text-align:center;

}



div.table_var table {

	margin:3px auto;

}



div.table_var table td {

	border:none;

	font-weight:bold;

	font-size:95%;

	vertical-align:middle;

}

div.table_var table td img{

	margin:1px

}



div.showin_lp2012_inq{

	text-align:center;

	margin:0;

	}



div.showin_lp2012_inq img{

	margin-top:10px;

	}







/*- 脚注 -*/



div.showin_lp2012_note {

	margin:5px 5px 25px 30px;

}

div.showin_lp2012_note p  {

	text-indent:-2em;

}

div.showin_lp2012_note p span {

	color:#FF0000;

}





/*- お問い合わせ -*/



#showin_lp2012_contact h2 {

	width: 735px;

	height: 50px;

	background: url("../../images/others/bg_titleh1.gif") no-repeat;

	font-size: 20px;

	color: #557E02;

	padding: 12px 0 2px 30px;

	margin: 0 0 10px 0;

}



#showin_lp2012_contact h3 {

	width: 735px;

	height: 30px;

	font-size: 14px;

	padding: 10px 0 0 10px;

	background: url("../../images/static/titlebg.gif") no-repeat;

}



div.inq_box {

	background: #FFFFFF;

	border: #CCCCCC 1px solid;

	padding:15px;

	color:#000000;

	margin:15px 10px 25px 10px;

	}



div.inq_box img {

	margin-left:10px;

	float:right;

	}





div.inq_box_b {

	width:680px;

	background: #FFFFFF;

	border: #1572bf 2px solid;

	padding:15px;

	color:#000000;

	margin-top:15px;

	margin-left:auto;

	margin-right:auto;

	}



div.inq_box_tel{

	float:left;

	width:366px;

	margin-right:15px;

	}



div.inq_box_tel img{

	margin-right:15px;

	}





div.inq_box_tel span{

	color:#666666;

	font-size:90%;

	}



div.inq_box_b p{

	font-size:110%;

	padding-top:10px;

	}



/* 120627 4周年記念対応のため追加 */



.degi_card_no_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/normal/degi_card_img.jpg") 2px 0 no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.degi_chira_no_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/normal/degi_chira_img.jpg") no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.degi_chira_no_l1 img,

.degi_card_no_l1 img{

	margin-bottom:3px;

}



.off_futo_no_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/normal/off_futo_img.jpg") 10px 0px no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}



.off_meishi_no_l1{

	border-left: #cccccc 1px solid;

	background: url("../../images/landing/showin2012/normal/off_meishi_img.jpg") 5px 10px no-repeat #FFFFFF;

	padding:5px;

	text-align:right;

}