@charset "shift_jis";

/* -----------------------------------------------------
 pages.css
----------------------------------------------------- */

/* home */
/* ----------------------------------------------------- */
#fla{
	margin:13px 0 28px;
}
#home-main{
	width:978px;
	height:289px;
	background:url(../img/home/bg_main.jpg) no-repeat left top;
	padding:0;
	margin:12px 0 25px 0;
	position:relative;
}
#home-main #fla{
	margin:0;
}
#home-main h2{
	margin:0 0 0;
	padding:190px 0 0 280px;
	background:none;
	border:none;
}

#home h3{
	background:none;
	border:none;
	margin:0 0 18px;
	padding:0;
}
#home-main #cont-col{
	width:220px;
	height:190px;
	position:absolute;
	top:150px;
	left:720px;
	background:url(../img/home/h-cont-bg.gif) no-repeat;
}
#home-wide{
	width:940px;
	margin:0 auto;
}
#home-main #cont-col dl{
	margin:42px 0 0;
	padding:0;
}
#home-main #cont-col dt{
	margin:5px 0 8px 15px;
}
#home-main #cont-col dd{
	margin:0 0 10px 15px;
}
#home-main #cont-col dd.btn{
	text-align:center;
	margin:0;
}
#home h3.picup{
	font-size:14px;
	font-weight:bold;
	background:url(../img/home/picup.gif) no-repeat left;
	padding:0 0 0 80px;
	margin:0 0 15px;
}
#home .conts-col{
	margin:10px 0 30px;
}
#home .conts-col li{
	float:left;
	margin:0 11px 0 0;
}
#home .conts-col li.last{
	margin:0;
}
#home .p-mark{
	float:right;
	display:inline;
	margin:8px 10px 0 0;
}
#home-cont{
	margin:25px 0 20px;
}
#home-cont p.bnr{
	text-align:center;
	padding:0;
	margin:0 0 15px;
}
#home-cont #left-col{
	float:left;
	width:678px;
	margin:0;
	padding:0;
}
#home-cont #left-col p.send-btn{
	margin:0 0 18px;
	text-align:center;
}
#home-cont #left-col div.two-sec{
	margin:0 0 20px;
}
#home-cont #left-col div.two-sec div{
	float:left;
	width:330px;
	height:160px;
	margin:0 17px 0 0;
	padding:0 0 10px 0;
	border-top:1px #CCCCCC solid;
	background:url(../img/home/force-bg.gif) no-repeat bottom;
}
#home-cont #left-col div.two-sec div.last{
	margin:0;
}
#home-cont #left-col div h4{
	background:none;
	margin:8px 0 0 0;
	padding: 0;
	border:none;
	text-align: center;
}
#home-cont #left-col div h5{
	margin:5px 0 12px 12px;
	background:none;
	border:none;
}
#home-cont #left-col div dl{
	margin:10px 0 0 12px;
	line-height:1.5;
	font-size:14px;
}
#home-cont #left-col div dt{
	margin:0 10px 0 10px;
}
#home-cont #left-col div dd{
	margin:0 10px 8px;
}
#home-cont #left-col div dd.detail{
	margin:20px 0 0;
	background:url(../img/home/icon01.jpg) no-repeat 0.4em;
	padding:2px 0 0 27px;
}

#home-cont #left-col .tab li{
	float:left;
	margin:0 2px 0 0;
	width:152px;
}
#home-cont #left-col .topicsList{
	width:696px;
	height:250px;
	border:2px #333333 solid;
}
#home-cont #left-col #TopicsSec dl{
	margin:15px 0 5px 15px;
	width:665px;
	border-bottom:1px #333333 dotted;
	padding:0 0 5px 0;
}
#home-cont #left-col #TopicsSec dl dt{
	float:left;
	font-weight:bold;
	width:100px;
}
#home-cont #left-col #TwiterSec{
	display:none;
}
#home-cont #right-col{
	float:right;
	width:230px;
	margin:0 0 20px 0;
}
#home-cont #right-col li{
	margin:0 0 8px 0;
}

#home-cont #right-col ul.bnr-sp{
	background:#EFEFEF;
	padding:6px 0 2px;
	margin:0 0 10px;
}
#home-cont #right-col ul.bnr-sp li{
	margin:0;
	padding:0;
	text-align:center;
}
#home-cont #right-col img{
	margin:0 0 5px;
}
#home-cont #right-col .bnr{
	margin:0 0 10px;
	padding:0;
}
#home-cont #right-col .bnr li{
	padding:0;
	margin:0 0 7px;
}

/* ----------------------------------------------------- */
/* 中ページ */
/* ----------------------------------------------------- */

#main p.btn-blue{
	margin:0 0 60px;
}
p.btn-blue a{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display:block;
	text-align:center;
	width:80%;
	margin:0 10%;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding:10px 0;
	background: #0099FF;
	border:solid #CCC 1px;
	box-shadow:2px 2px 2px 0px #777;
	-moz-box-shadow:2px 2px 2px 0px #777;
	-webkit-box-shadow:2px 2px 2px 0px #777;
}
p.btn-blue a:hover{
	text-decoration:none;
	background: #FF6600;
}


#main ul.anchor01{
	width:690px;
	border-top:solid #CCC 1px;
	border-bottom:solid #CCC 1px;
	margin:0 5px 25px;
}
ul.anchor01 li{
	float:left;
	width:210px;
	background:#F2F2F2;
	border-top:solid #FFF 1px;
	border-bottom:solid #FFF 1px;
	padding:10px;
}
ul.anchor01 li a{
	background:url(../img/common/icon/icon01.png) no-repeat left center;
	padding:0 0 0 20px;
	font-size:14px;
}


/* service/index */
/* ----------------------------------------------------- */
#main div.service-pic{
	margin:0 0 30px 10px;
	padding:0;
	border-bottom:solid #CCCCCC 1px;
}
#main div.service-pic div{
	float:left;
	width:347px;
}
#main div.service-pic div h3{
	margin:0 0 20px;
	color:#555;
}
#main div.service-pic div p{
	margin:0 0 20px;
	line-height:2.0em;
}
#main div.service-pic p.pic{
	float:right;
}

/* service/middle */
/* ----------------------------------------------------- */
#service h2.main{
	background:none;
	margin:0;
	padding:0;
}

#service ul{
	margin:0;
}
#service ul.s-ma{
	margin:0 0 20px;
}
/* #service-warp */
#service-warp{
	margin:25px 0 20px;
}
#service-warp{
	width:690px;
	background:url(../img/home/force-bg.gif) no-repeat left top;
	margin:0;
	padding:0;
}
#service-warp div.two-sec{
	margin:0 0 30px;
}
#service-warp div.two-sec div{
	float:left;
	width:330px;
	height:170px;
	margin:0 21px 0 0;
	padding:0 0 10px 0;
	border-top:1px #CCCCCC solid;
	background:url(../img/home/force-bg.gif) no-repeat bottom;
}
#service-warp div.two-sec div.last{
	margin:0;
}
#service-warp div h4{
	background:none;
	margin:10px 10px 5px 10px;
	padding:0 0 5px;
	border:none;
	border-bottom:solid #666666 2px;
	color:#0099FF;
	font-size:20px;
	font-weight:bold;
}
#service-warp div h4.type02{
	font-size:19px;
	padding:0 0 7px;
}
#service-warp div h4 span{
	font-size:16px;
}
#service-warp div p.subttl{
	margin:0 10px 5px;
	font-size:18px;
	color:#87875A;
}
#service-warp div h5{
	margin:5px 0 12px 12px;
	background:none;
	border:none;
}
#service-warp div dl{
	margin:10px 0 0 12px;
	line-height:1.5;
}
#service-warp div dt{
	margin:0 10px 0 0;
	padding:0;
}
#service-warp div dd{
	margin:0 10px 8px 0;
	padding:0;
}
#service-warp div dd.detail{
	margin:10px 0 0;
	background:url(../img/home/icon01.jpg) no-repeat 0.4em;
	padding:2px 0 0 27px;
}

/* s-wrap */
#service div.s-wrap{
	margin:0 0 20px
}
#service div.s-wrap dl{
	float:left;
	background: url(../service/img/s-bg.jpg) no-repeat bottom left;
	width:230px;
	margin:0 2px 0 0;
	padding:0 0 12px;
}
#service div.s-wrap dt{
	margin:18px 0 0 19px;
}
#service div.s-wrap dd{
	margin:10px 0 0 19px;
	font-size:14px;
	font-weight:bold;
}
#service div.s-wrap dd span{
	color:#FF0000;
}
#service div.type2 dl{
	width:172px;
	height:125px;
}
/* sample-box */
#service div.sample-box{
	margin:0 0 20px;
	border:solid #CCCCCC 3px;
	background-color:#f9f9f9;
	padding:17px 0 15px 17px;
}
#service div.sample-box dl{
	float:left;
	width:318px;
	border:solid #CCCCCC 1px;
	background:#FFFFFF;
	margin:0 15px 15px 0;
}
#service div.sample-box dt{
	margin:15px 0 10px 15px;
	font-size:18px;
	font-weight:bold;
}
#service div.sample-box dd{	
	text-align:center;
	margin:0 0 15px;
}
#service div.sample-box dl.long{
	float:none;
	clear:both;
	width:653px;
	border:solid #CCCCCC 1px;
	margin:0 0 15px;
}
#service div.sample-box dl.long dd{
	float:left;
	margin:0 30px 15px;
}
/* dtp用サンプル */
#service div.dtpSample{
	margin:0 5px 15px;
}
#service div.dtpSample ul{
	width:220px;
	margin:0 5px 15px;
	float:left;
}
#service div.dtpSample ul li{
	margin:0 0 15px;
}
#service div.dtpSample ul li img{
	padding:1px;
	border:solid #CCC 1px;
}
#service dl.dsmpleOther{
	width:700px;
	margin:0 0 40px;
}
#service dl.dsmpleOther dt{
	text-align:center;
	margin:0 0 20px;
}
#service div.dtpSample2 ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#service div.dtpSample2 ul li{
	width:220px;
	margin:0 5px 15px;
}
#service div.dtpSample2 ul li img{
	padding:1px;
	border:solid #CCC 1px;
}


/* 依頼までの流れ */
/* ----------------------------------------------------- */
#flow .flow-warp{
	margin:0 0 2px;
}
#flow .flow-warp dl{
	width:220px;
	background:url(../flow/img/short_bg.jpg) no-repeat bottom;
	float:left;
	margin:0 19px 0 0;
	padding:0 0 10px;
	min-height:170px;
}

#flow .flow-warp dl.last{
	margin:0;
}
#flow .flow-warp dl dt{
	margin:0 0 20px;
}
#flow .flow-warp dl dt{
	text-align:center;
}
#flow .flow-warp dl dd{
	margin:0 8px 8px;
}
#flow .flow-warp dl dd.ttl{
	font-size:16px;
	font-weight:bold;
}
/* middle */
#flow .flow-warp-middle{
	margin:0 0 2px;
}
#flow .flow-warp-middle dl{
	width:220px;
	background:url(../flow/img/short_bg.jpg) no-repeat bottom;
	float:left;
	margin:0 19px 0 0;
	padding:0 0 10px;
	min-height:120px;
}

#flow .flow-warp-middle dl.last{
	margin:0;
}
#flow .flow-warp-middle dl dt{
	margin:0 0 12px 8px;
	font-weight:bold;
	font-size:16px;
}
#flow .flow-warp-middle dl dd{
	margin:0 8px 8px;
}
/* bottom */
#flow .flow-warp-bottom{
	margin:0 0 2px;
}
#flow .flow-warp-bottom dl{
	background:url(../flow/img/long_bg.jpg) no-repeat bottom;
	width:450px;
	float:left;
	margin:0 20px 0 0;
	padding:0 0 10px;
	min-height:120px;
}
#flow .flow-warp-bottom dl.last{
	width:220px;
	background:url(../flow/img/short_bg.jpg) no-repeat bottom;
	float:left;
	margin:0 0 0 0;
	padding:0 0 10px;
	min-height:120px;
}

#flow .flow-warp-bottom dl.last{
	margin:0;
}
#flow .flow-warp-bottom dl dt{
	margin:0 0 12px 8px;
	font-weight:bold;
	font-size:16px;
}
#flow .flow-warp-bottom dl dd{
	margin:0 8px 8px;
}

/* チラシ印刷・DTP */
/* ----------------------------------------------------- */
#main .dtp-spec{
	margin:0 0 25px;
}
#main .dtp-spec li{
	margin:0 0 12px;
}
#cs-come{
	background:url(../service/img/dtp/bg-customer.gif) no-repeat left top;
	height:159px;
	width:699px;
	margin:0 0 25px;
}
#cs-come p{
	font-size:16px;
	font-weight:bold;
	width:650px;
	padding:80px 0 0 20px;
	line-height:1.3;
}
/* info/shop */
/* ----------------------------------------------------- */
#g-map-wrap{
	width:676px;
	height:300px;
	margin:0 0 25px 17px;
}

/* info/faq */
/* ----------------------------------------------------- */
#main #faq-list{
	width:676px;
}
#faq-list dl{
	border-bottom:1px #666666 dotted;
	padding:3px 0 10px 35px;
	margin:0 0 10px;
}
#faq-list dt{
	padding:3px 0 0 35px;
	background:url(../info/img/q.gif) no-repeat;
	font-weight:bold;	
}
#faq-list dd{
	margin:5px 0 25px;
	padding:3px 0 3px 35px;
	background:url(../info/img/a.gif) no-repeat;
}

/* info/sitemap */
/* ----------------------------------------------------- */
#main #sitemap-wrap{
	width:650px;
	margin:0 0 25px 43px;
	background:url(../info/img/dot-sitemap.gif) repeat-y;
}
#sitemap-wrap ul{
	margin:5px 0 0 10px;
	background: url(../info/img/dot-sitemap.gif) repeat-y;
}
#sitemap-wrap li{
	margin:0 0 6px 1px;
	padding:0 0 0 25px;
	background: url(../info/img/icon-sitemp.gif) no-repeat 0 0.3em;
}
#sitemap-wrap li.close{
	margin:0;
	padding:0 0 0 25px;
	background:url(../info/img/ico-sitemap-close.gif) no-repeat 0 0.3em;
}
#sitemap-wrap li.first{
	margin:0;
	padding:0 0 0 25px;
	background:url(../info/img/icon-home.gif) no-repeat;
}

/* float clear */
/* ----------------------------------------------------- */
#home-main:after,
#home-cont:after,
#home-cont #left-col div.two-sec:after,
#home .conts-col:after,
#home-main #left-col .tab:after,
#home-main #left-col #TopicsSec dl:after,
ul.anchor01:after,
#main div.service-pic:after,
#service div.s-wrap:after,
#service div.sample-box:after,
#service div.sample-box dl.long:after,
#service-warp:after,
#service-warp div.two-sec:after,
div.dtpSample:after,
#flow .flow-warp:after,
#flow .flow-warp-middle:after,
#flow .flow-warp-bottom:after{
	content:"."; 
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}
#home-main,
#home-cont,
#home-cont #left-col div.two-sec,
#home .conts-col,
#home-main #left-col .tab,
#home-main #left-col #TopicsSec dl,
ul.anchor01,
#main div.service-pic,
#service div.s-wrap,
#service div.sample-box,
#service div.sample-box dl.long,
#service-warp,
#service-warp div.two-sec,
div.dtpSample,
#flow .flow-warp,
#flow .flow-warp-middle,
#flow .flow-warp-bottom{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #home-main,
* html #home-cont,
* html #home-cont #left-col div.two-sec,
* html #home .conts-col,
* html #home-main #left-col .tab,
* html #home-main #left-col #TopicsSec dl,
* html ul.anchor01,
* html #main div.service-pic,
* html #service div.s-wrap,
* html #service div.sample-box,
* html #service div.sample-box dl.long,
* html #service-warp,
* html #service-warp div.two-sec,
* html div.dtpSample,
* html #flow .flow-warp,
* html #flow .flow-warp-middle,
* html #flow .flow-warp-bottom{
	 height:1%;
}
#home-main,
#home-cont,
#home-cont #left-col div.two-sec,
#home .conts-col,
#home-main #left-col .tab,
#home-main #left-col #TopicsSec dl,
ul.anchor01,
#main div.service-pic,
#service div.s-wrap,
#service div.sample-box,
#service div.sample-box dl.long,
#service-warp,
#service-warp div.two-sec,
div.dtpSample,
#flow .flow-warp,
#flow .flow-warp-middle,
#flow .flow-warp-bottom{
	display:block;
}
/* End hide from IE-mac */