@charset "UTF-8";
/* CSS Document */

@import "../../../files/css/common/layout.css";



/*-------------------------------------------------------------------------
	mainContents
/*-----------------------------------------------------------------------*/

#mainContents .section p{
	font-size:89%;
}
#main #content #mainContents .section .inSection h3{
	margin-bottom:5px;
	padding-left:0;
	color:#000;
	
	background:none;
	}
#main #content #mainContents .section.column .inSection .txt{
	width:400px;
	float:left;
	}
#main #content #mainContents .section.column .inSection .txt p{
	padding-bottom:1em;
	}
#main #content #mainContents .section.column .inSection .photo{
	width:250px;
	float:right;
	}

#main #content #mainContents .section .flow{
	clear:both;
	}
	
	
#main #content #mainContents .section ul.note li{
	margin-left:2em;
	}


#main #content #mainContents .section.example .mainExample{
	padding-bottom:20px;
	background:url(../../../files/img/common/main/bdr001.gif) no-repeat center bottom;
	}
#main #content #mainContents .section.example .mainExample.noBoder{
	background:none;
	}
	
#main #content #mainContents .section.example .mainExample h4{
	padding:0 0 0.2em 0;
	color:#039;
	font-size:100%;
	font-weight:bold;
	}
#main #content #mainContents .section.example .mainExample p.photo{
	margin-bottom:10px;
	}
	
#main #content #mainContents .section.example .inSection{
	padding-top:20px;
	}


#main #content #mainContents .section.example dl.last{
	padding-right:0;
	}
#main #content #mainContents .section.example dl dt{
	margin-bottom:0.5em;
	padding:0 0 0 0.8em;
	font-size:89%;
	font-weight:bold;
	background:url(../../../files/img/common/icon/ico_list002.gif) no-repeat left 7px;
	}
#main #content #mainContents .section.example dl dd{
	font-size:89%;
}

#main #content #mainContents .section.example .mono dl {
	padding-right:1em;
	padding-left:100px;
	float:left;
	display:inline
	}
#main #content #mainContents .section.example .by dl {
	margin-bottom:30px;
	float:left;
	display:inline;
	}
#main #content #mainContents .section.example .try dl {
	float:left;
	display:inline;
	}
.pointBox.fsc-paper {
	border:2px solid #439d29;
}
.pointBox.fsc-paper .campBnrTxt .btn-gradient-radius {
	background-image: linear-gradient(45deg, #439d29 0%, #9bd02c 100%);
}


/*-------------------------------------------------------------------------
	index
/*-----------------------------------------------------------------------*/

#service #main #content #mainContents #headline .inSection p.ill {
	margin-top:30px;
	font-size:86%;
	}
#service #mainContents #headline .inSection p.ill img{
	padding-left:1em;
	float:right;
	}
	
#service #mainContents #localNavi{
	width:671px;
	height:418px;
	background:url(../img/index/bg_localnavi.gif) no-repeat center 65px;
	overflow:hidden;
	clear:both;
	position:relative;
	}
	
#service #mainContents #localNavi ul li{
	position:absolute;
	}
	
#service #mainContents #localNavi ul li#servicetop{
	top:0px;
	left:0px;
	}
#service #mainContents #localNavi ul li#planning{
	top:90px;
	left:0px;
	}
#service #mainContents #localNavi ul li#promotion{
	top:180px;
	left:0px;
	}
#service #mainContents #localNavi ul li#intrviews{
	top:180px;
	left:226px;
	}
#service #mainContents #localNavi ul li#communication{
	top:180px;
	right:0px;
	}
#service #mainContents #localNavi ul li#print{
	top:324px;
	left:0px;
	}
#service #mainContents #localNavi ul li#degital{
	top:324px;
	right:0px;
	}


#planning #main #content #mainContents #headline.section .proposal ul{
	padding-right:2em;
	}


/*-------------------------------------------------------------------------
	communication
/*-----------------------------------------------------------------------*/

#communication #mainContents .example .mainExample p.photo{
	padding-right:1em;
	float:left;
	}
#communication #mainContents .example dl dd{
	padding-bottom:0.5em;
}

#communication #content #mainContents #section001.example .mainExample h4{
	padding-top:4em;
	}
#communication #content #mainContents #section002.example .mainExample h4{
	padding-top:3em;
	}


/*-------------------------------------------------------------------------
	webprint（印刷通販事業）
/*-----------------------------------------------------------------------*/

#webprint #all {
	width: 1110px;
}
#webprint #all #main #content #mainContents {
	width: 100%;
	float: none;	
}
#webprint #all #main #content #mainContents h1 {
	background-repeat: repeat-x;
}
#webprint #all #main #content #mainContents .section h2 {
	background:url(../../../files/img/common/main/stitle001_wide.gif) no-repeat left center;
	margin-bottom: 30px;
}
#webprint #main #content #mainContents .section h3{
	margin-bottom:1em;
	padding:6px 0 6px 20px;
	color:#000;
	background:url(../../../files/img/common/main/sstitle002_wide.gif) no-repeat left center;
}	
#webprint #mainContents #webpritGraphic dl dt{
	color:#0B318F;
	font-weight:bold;
	}
#webprint #mainContents #designgraphic dl dt,
#webprint #mainContents #smapri dl dt,
#webprint #mainContents #photographic dl dt,
#webprint #mainContents #otayorihonpo dl dt{
	color:#0B318F;
	font-weight:bold;
	}


#webprint #mainContents #webpritGraphic .service-main{
/*	padding-bottom:3em;*/
	min-height:  250px;
/*	background:url(../img/webprint/bg_graphic.jpg) no-repeat center top;*/
/*	background:url(../img/webprint/bg_graphic.jpg) no-repeat 320px top;*/
	background:url(../img/webprint/bg_graphic.jpg) no-repeat 350px top;
	}
#webprint #mainContents #webpritGraphic .service-main dl dd{
	margin-left:0.5em;
	}	
	
	
#webprint #mainContents #designgraphic .service-main{
	background:url(../img/webprint/bg_designgraphic.jpg) no-repeat center top;
	}
#webprint #mainContents #smapri .service-main{
	height:159px;
	background:url(../img/webprint/bg_smapri.jpg) no-repeat center top;
	}
#webprint #mainContents #photographic .service-main{
	height:159px;
	background:url(../img/webprint/bg_photographic.jpg) no-repeat center top;
	}
#webprint #mainContents #otayorihonpo .service-main{
	height:159px;
	background:url(../img/webprint/bg_otayori.jpg) no-repeat center top;
	}
#webprint #mainContents #designgraphic .service-main dl dd{
	margin-left:2.5em;
	}
#webprint #mainContents #designgraphic .service-main ul.boxlink{
	margin-top:1em;
	margin-left:2em;
	}


#webprint #mainContents .service-main{
	padding-bottom:3em;
	}
#webprint #mainContents .service-main dl dt{
	margin-bottom:1em;
	}
#webprint #mainContents .service-main ul.boxlink{
	margin-top:1em;
	margin-left:0.4em;
	}
#webprint #mainContents ul.txtlink{
	margin-left:1em;
	}

#webprint #mainContents #webpritGraphic #lineup ul li {
	margin-bottom:1em;
	overflow:hidden;
	float: left;
	width: 525px;
}
#webprint #mainContents #webpritGraphic #lineup ul li p{
	width:190px;
	float:left;
	}
#webprint #mainContents #webpritGraphic #lineup ul li dl{
	padding-left:1em;
	width:300px;
	float:left;
	}
#webprint #mainContents #webpritGraphic #lineup ul li dl dd.ill{
	padding-top:3em;
	}
	
#webprint #mainContents .servicePointList{
	margin-top:1.5em;
	clear:both;
	overflow:hidden;
	}

#webprint #mainContents #webpritGraphic #servicePoint .servicePointList dl{
	width:300px;
	margin-right: 75px;
	}
#webprint #mainContents #designgraphic dl,
#webprint #mainContents #smapri dl,
#webprint #mainContents #photographic dl,
#webprint #mainContents #otayorihonpo dl{
	font-size:89%;
	}
#webprint #mainContents #designgraphic #tool dl.listRight{
	width:320px;
	}
#webprint #mainContents #designgraphic #tool dl dt{
	padding-top:1em;
	color:#000;
	}
#webprint #mainContents #designgraphic #designService .servicePointList dl,
#webprint #mainContents #smapri #smapriService .servicePointList dl,
#webprint #mainContents #photographic #photographicService .servicePointList dl,
#webprint #mainContents #otayorihonpo #otayorihonpoService .servicePointList dl{
	width:320px;
	}
#webprint #mainContents #designgraphic #designService .servicePointList dl dt,
#webprint #mainContents #smapri #smapriService .servicePointList dl dt,
#webprint #mainContents #photographic #photographicService .servicePointList dl dt,
#webprint #mainContents #otayorihonpo #otayorihonpoService .servicePointList dl dt{
	padding-left:1em;
	background:url(../../../files/img/common/icon/ico_list004.gif) no-repeat left center;
	}
#webprint #mainContents #photographic #photographicService .servicePointList dl.listLeft {
	margin-right: 45px;
}
/*-------------------------------------------------------------------------
	print
/*-----------------------------------------------------------------------*/
	
	
#print #mainContents .section .flowlist p{
	width:344px;
	float:left;
	}
#print #mainContents .section .flowlist .flowtxt{
	width:320px;
	float:left;
	font-size:89%;
	}
	
#print #mainContents .section .flowlist .flowtxt h4{
	padding-bottom:1em;
	}	


#print #mainContents .section .flowlist .txt{
	margin:5px 0 0 2em;
	}

#print #mainContents .section .flowlist .list{
	clear:both;
	overflow:hidden;
	}	
#print #mainContents .section .flowlist .list#seihan dl{
	padding-top:3em;
	}
#print #mainContents .section .flowlist .list#insatsu dl{
	padding-top:8.5em;
	}
#print #mainContents .section .flowlist .list#kakou dl{
	padding-top:2em;
	}
	
#print #mainContents .section .flowlist .flowtxt ul{
	padding-right:3em;
	float:left;
	}
#print #mainContents .section .flowlist .flowtxt dl{
	overflow:hidden;
	clear:both;
	zoom:1;
	}	
#print #mainContents .section .flowlist .flowtxt dl dt{
	font-weight:bold;
	}
		
#print #mainContents .section .flowlist .arrow{
	margin:0.8em auto;
	width:26px;
	clear:both;
	overflow:hidden;
	zoom:1;
	}
	
#print #main #content #mainContents .section.example h4{
	padding-top:2em;
	}
#print #main #content #mainContents .section.example dl dt{
	margin-left:1.5em;
	
	}
#print #mainContents .example .mainExample p.photo{
	padding-right:1em;
	float:left;
	}


/*-------------------------------------------------------------------------
	digital
/*-----------------------------------------------------------------------*/

#digital #main #content #mainContents .inSection.movielist {
	padding:2em 4em 0 4em;
	}
#digital #main #content #mainContents .section ul.btnExample {
	margin-top:1em;
	width:153px;
	}
#digital #main #content #mainContents .section ul.btnExample li{
	margin-bottom:0.5em;
	}

#digital #main #content #mainContents .section ul.btnExample .last{
	margin-top:0.7em;
	}

#digital #main #content #mainContents #section004.example .mainExample h4{
	padding-top:1em;
	}
#digital #main #content #mainContents #section004.example .mainExample p.photo{
	padding-right:2em;
	width:392px;
	float:left;
	}

#digital #main #content #mainContents .section.example dl{
	padding-right:1.5em;
	}

#digital #main #content #mainContents #section005.example .mainExample h4{
	padding-left:4.5em;
	}
#digital #main #content #mainContents #section005.example .mainExample p{
	margin:0 auto;
	width:530px;
	}
#digital #main #content #mainContents #section005.example dl{
	margin-bottom:1em;
	padding-left:5em;
	}


#digital #main #content #mainContents #section006.example .mainExample p.photo{
	padding-right:2em;
	width:320px;
	float:left;
	}
#digital #main #content #mainContents #section006.example .mainExample p.movie{
	padding-right:2em;
	width:300px;
	float:left;
	}

#digital #main #content #mainContents #section006.example .mainExample h4{
	padding-top:2em;
	}

#digital #inquiry {
	border:1px solid #cccccc;
	background:#ededed;
	height: 130px;
	margin-top: 80px;
}

	#digital #inquiry h4 {
		border-bottom:1px solid #cccccc;
	}
	
	#digital #inquiry div {
		padding:10px;
	}
	
		#digital #inquiry div dl {
			float:left;
			margin:0 25px 0 18px;
			padding:0 25px 0 0;
			border-right:1px dotted #666666;
		}
		
		#digital #inquiry div .tel {
			width:299px;
		}
		
		#digital #inquiry div .form {
			margin:0;
			padding:0;
			width:307px;
			border:none;
		}
			#digital #inquiry div dl dt {
				margin:0 0 10px 0;
				padding: 0 0 0 0!important;
				background: none!important;
			}

#digital video{
	width: 264px;
	height: 197px;
}