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

#main {
}

#main #main2column #colmunLeft #section05 {
	border-bottom: none;
}

#main #main2column #colmunLeft #section01 .cont {
}

#main #main2column #colmunLeft #section01 .cont p {
	margin-top: 15px;
}

#main #main2column #colmunLeft #section01 .cont .grayBox p {
	margin-bottom: 0;
}

#main #main2column #colmunLeft #section02 .cont .catch {
	margin-bottom: 10px;
}

#main #main2column #colmunLeft #section02 .cont .borderBoxShadow {
	margin-top: 10px;
}

#main #main2column #colmunLeft .section .cont table {
	width: 100%;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-collapse: collapse;
}

#main #main2column #colmunLeft .section .cont table th,
#main #main2column #colmunLeft .section .cont table td {
	padding: 12px 13px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#main #main2column #colmunLeft .section .cont table th {
	background-color: #f2f2f2;
}

#main #main2column #colmunLeft .section .cont table td.comment {
	background-color: #fae1e3;
}

#main #main2column #colmunLeft #section03 .cont .thumbBlock {
	padding-bottom: 15px;
	background: url(/img/common/dotted01.gif) repeat-x left bottom;
}

#main #main2column #colmunLeft #section03 .cont .thumbBlock li {
	display: inline;
	float: left;
	width: 115px;
	margin: 30px 28px 0 0;
}

#main #main2column #colmunLeft #section03 .cont .thumbBlock li.right {
	margin-right: 0;
}

#main #main2column #colmunLeft #section03 .cont .thumbBlock li p {
	margin-top: 5px;
	font-size: 93%;
	text-align: center;
	line-height: 1.4;
}

#main #main2column #colmunLeft #section03 .cont .thumbBlock li p.font_s {
	font-size: 85%;
	_font-size: 90%;
}

#main #main2column #colmunLeft #section03 .cont .thumbBlock li p.font_ss {
	font-size: 80%;
	*font-size: 79%;
	_font-size: 90%;
}

#main #main2column #colmunLeft #section03 .cont .textBlock {
	background: url(/img/common/dotted01.gif) repeat-x left bottom;
}

#main #main2column #colmunLeft #section03 .cont .textBlock li {
	display: inline;
	float: left;
	width: 220px;
	margin-right: 15px;
	padding: 15px 0;
	background: url(/img/common/dotted01.gif) repeat-x left bottom;
}

#main #main2column #colmunLeft #section03 .cont .textBlock li.right {
	margin-right: 0;
}

#main #main2column #colmunLeft #section03 .cont .textBlock li.last {
	background-image: none;
}

#main #main2column #colmunLeft #section03 .cont .catch {
	margin-top: 20px;
	text-align: center;
}

#main #main2column #colmunLeft .section .cont .note {
	margin-top: 5px;
	font-size: 85%;
}

#main #main2column #colmunLeft .section .cont .grayBox {
	margin-top: 15px;
}

#main #main2column #colmunLeft #section04 .cont table {
	margin-top: 12px;
}

#main #main2column #colmunLeft #section05 .cont .sort {
	margin-bottom: 15px;
}

#main #main2column #colmunLeft #section05 .cont .sort p {
	display: inline;
	float: left;
	width: 58px;
	margin-right: 10px;
	padding: 3px 0;
	border: 1px solid #ddd;
	font-weight: bold;
	text-align: center;
}

#main #main2column #colmunLeft #section05 .cont .sort p.customer {
	background-color: #e70010;
	color: #fff;
}

#main #main2column #colmunLeft #section05 .cont .sort p.myCompany {
	background-color: #f2f2f2;
}

#main #main2column #colmunLeft #section05 .cont dl {
	margin-bottom: 10px;
	padding-bottom: 25px;
	background: url(/present_publicity/img/present_publicity_sec05_arrow.gif) no-repeat 95px bottom;
}

#main #main2column #colmunLeft #section05 .cont dl.last {
	padding-bottom: 0;
	background-image: none;
}

#main #main2column #colmunLeft #section05 .cont dl.customer dt {
	background-color: #e70010;
	color: #fff;
}

#main #main2column #colmunLeft #section05 .cont dl.myCompany dt {
	background-color: #f2f2f2;
}

#main #main2column #colmunLeft #section05 .cont dl dt {
	display: inline;
	float: left;
	width: 218px;
	padding: 19px 0 18px;
	border: 1px solid #ddd;
	font-weight: bold;
	text-align: center;
}

#main #main2column #colmunLeft #section05 .cont dl dd {
	display: inline;
	float: right;
	width: 435px;
	height: 37px;
	padding: 11px 10px 11px 21px;
	background: url(/present_publicity/img/present_publicity_sec05_bg.gif) no-repeat left top;
	font-size: 85%;
	text-align: center;
}

#main #main2column #colmunLeft #section05 .cont dl dd.line1 {
	height: 21px;
	padding: 19px 10px 19px 21px;
}


/**** add ****/
#main #main2column #colmunLeft .section .flow .pht {
    display: inline;
    float: left;
    width: 300px;
}

#main #main2column #colmunLeft .section .flow .txt {
    display: inline;
    float: right;
    width: 360px;
}

#main #main2column #colmunLeft .section .flow {
    margin-top: 20px;
    padding-bottom: 25px;
}

#main #main2column #colmunLeft .section #flow03 {
    background: none;
    margin-top: 20px;
    padding-bottom: 40px;
}

#main #main2column #colmunLeft .section .h3Block {
    margin-bottom: 15px;
}

/**** add 2013-09-25 ****/
#main #main2column #colmunLeft .section .desc p {
	float: left;
	width: 200px;
	line-height: 180%;
}
#main #main2column #colmunLeft .section .desc p.p01 {
	margin: 0 10px;
}
#main #main2column #colmunLeft .section .desc p.p02 {
	margin: 0 20px 0 27px;
}
#main #main2column #colmunLeft .section .desc p.p03 {
	margin: 0 0 50px 20px;
}
.cf{
	clear: both;
}
/**** add 2013-09-27 ****/
#enqimg{
	transform-origin:center top;
	-moz-transform-origin: center top;  
    -webkit-transform-origin: center top; 
	-o-transform-origin: center top; 
	-ms-transform-origin: center top; 
	animation:show 3s both;
	-moz-animation: show 3s both;
	-webkit-animation: show 3s both;
	-o-animation: show 3s both;
	-ms-animation: show 3s both;
}
span#enqimg {display:inline-block;}
#enqimg img {
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
@keyframes show {
    0% {
		transform:translate(0,2em);
		-moz-transform:translate(0,2em);
		-webkit-transform:translate(0,2em);
		-o-transform:translate(0,2em);
		-ms-transform:translate(0,2em);
		opacity:0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
		text-shadow:0 0 0 #0f0;
    }
    50% {
		text-shadow:0 0 0.5em #0f0;
    }
    100% {
		transform:translate(0,0);
		-moz-transform:translate(0,0);
		-webkit-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);
		opacity:1;
		filter: alpha(opacity=1);
		-moz-opacity:1;
		text-shadow:none;
    }
}
@-webkit-keyframes show {
    0% {
		transform:translate(0,2em);
		-webkit-transform:translate(0,2em);
		opacity:0;
		text-shadow:0 0 0 #0f0;
    }
    50% {
		text-shadow:0 0 0.5em #0f0;
    }
    100% {
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
		opacity:1;
		text-shadow:none;
    }
}

#pagetopBtn {
	height: 77px;
}

#pagetopBtn p {
	padding-top: 41px;
	background: url(/img/common/column2_bg_btm.gif) no-repeat left top;
}


/*add 2021*/
.flex-box {
    margin-top: 25px;
}
.flex-box .item {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
}
.flex-box .item strong {
    text-decoration: underline;
    font-size: 120%;
}
.flex-box .item .img img {
    width: 80px;
    height: auto;
}
.flex-box .item .text {
    width: 80%;
    margin-left: 25px;
}
.sample img {
    width: 100%;
    height: auto;
}
.dl-btn {
    text-align: center;
    margin: 35px 0;
}
.dl-btn a {
    background: #16b0d7;
    border-radius: 5px;
    color: #fff;
    padding: 10px 15px 8px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
.dl-btn a:hover {
    opacity: 0.8;
    transition: 0.3s;
}