@charset "UTF-8";

body {
 margin:0;
 padding:0;
 font-family:Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;
 line-height:1.8;
}

.sns_header {
 /*position:absolute;
 top:1px;
 right:20px;*/
 float:right;
 margin:1px 0 0 0;
 padding-right:15px;
}

.sns_header li {
 float: left;
 margin-left: 10px;
 font-size: 10px;
}

.sns {
 float:right;
 margin:-40px 0 10px 0;
 padding:0 0 10px 0;
}

.sns li {
 float: left;
 margin-left: 10px;
 font-size: 10px;
}

table{
border-collapse:collapse;
border-spacing:0;
}
form,fieldset,legend  {
margin: 0;
padding: 0;
}
fieldset {
border: none;
height: 100%;
}

li {
list-style:none;
}

.m0 {
 margin:0 0 30px 0 !important;
 padding:0 !important;
}

div.header_contents_fixed {
  position: fixed;
  top: -200px;
  left: 0;
  width:100%;
  padding-left:10px;
　margin:0;
  background:rgba( 0, 0, 0, 0.85 );
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  transition: .3s;
  z-index:20;
  overflow:hidden;
}

div.header_contents_fixed_body {
 max-width:1120px;
 margin:0 auto;
 padding:0;
}

div.header_contents_fixed p.daiji a img {
 width:150px !important;
 padding:0 0 10px 0;
 margin:0 20px 0 0;
 float:left;
}

div.header_contents_fixed p.presentttl02 a img {
 width:250px;
 padding:0 0 10px 0;
 margin:0 20px 0 0;
 float:left;
}

#gloval_header {
 width:100%;
 height:30px;
 background:#000000;
 overflow:hidden;
}

#gloval_header_body {
 max-width:1120px;
 margin:0 auto;
}

.daiji {
 float:left;
 padding:0;
 margin:0;
}

#nikkankogyo_group {
 float:right;
 margin:0;
 padding:0;
 font-size:14px;
}

#nikkankogyo_group a {
 color:#ffffff;
 text-decoration:none;
 padding:3px 10px 0 10px;
 display:block;
}

#nikkankogyo_group a:hover {
 color:#000000;
 text-decoration:none;
 padding:3px 10px 2px 10px;
 display:block;
 background:#efefef;
}

#relatedservice {
 float:left;
 margin:0;
 height:30px;
 border-left:1px solid #666666;
 border-right:1px solid #666666;
}

#relatedcampany {
 float:right;
 margin:0;
 height:30px;
 border-right:1px solid #666666;
}

div#header {
 width:100%;
 height:130px;
 background:#ccccb2;
}

div#header .header_contents {
 margin:0 auto;
 max-width:768px;
 }


div#header p {
 margin:0 auto;
 max-width:768px;
 }

.presentbox {
 max-width:1000px;
 margin:0 auto;
 margin-top:20px;
 padding:30px 20px 0 20px !important;
 border-top:1px dotted #cccccc;
 border-bottom:1px dotted #cccccc;
}

.fl {
 float:left;
 margin:0 20px 20px 0;
}

.presentbox img {
 width:420px;
}

.fr {
 float:right;
 margin:0;
}

.fr08 {
 float:right;
 margin:0 0 10px 15px;
}

.fr08 img {
 width:250px;
}

.profile {
 margin-left:15px;
 max-width:380px;
}

.bold {
 font-weight:bold;
}

span.catch {
 font-size:15px;
 color:#CC3333;
 font-weight:bold;
 margin:0;
 padding:0;
}

.presentbox h1 {
 font-size:24px;
 margin:0 10px 0 400px;
 padding:0 90px 0 0;
 border-bottom:1px solid #000000;
 line-height:1.4em;
}

.red {
 color:#CC3333;
 font-weight:bold;
}

.presentbox h2 {
 font-size:18px;
 margin:0;
 padding:0;
}

div.clear {
 clear:both;
}

div.shisyagaiyo {
 border:1px solid #efefef;
 padding:10px;
 width:550px;
 margin-bottom:10px;
 float:left;
}

div.shisyagaiyo a img {
 width:550px;
}

.number {
 float:right;
 font-size:26px;
 font-style:italic;
 background:#cc3333;
 color:#ffffff;
 width:70px;
 height:70px;
 padding:20px 10px 0 10px;
 border-radius:50%;
 margin:-60px 0 0 0;
}


/*.number02 {
 float:right;
 font-size:26px;
 font-style:italic;
 background:#990000;
 color:#ffffff;
 width:90px;
 height:90px;
 padding:20px 10px 0 10px;
 border-radius:50%;
 margin:-60px 0 0 0;
 line-height:1.1em;
 text-align:center;
}*/

.number02 {
 position:relative;
 float:right;
 font-size:26px;
 font-style:italic;
 background:#cc3333;
 color:#ffffff;
 width:90px;
 height:90px;
 padding:24px 12px 0 12px;
 border-radius:50%;
 margin:-60px 0 0 10px;
 line-height:1.1em;
 text-align:center;
}


.number03 {
 position:relative;
 float:right;
 font-size:24px;
 font-style:italic;
 background:#cc3333;
 color:#ffffff;
 width:90px;
 height:84px;
 padding:30px 12px 0 12px;
 border-radius:50%;
 margin:-60px 0 0 10px;
 line-height:1.1em;
 text-align:center;
}

.sponsor {
 text-align:right;
 font-size:18px;
}

.description {
 max-width:1000px;
 margin:0 auto;
 padding:10px;
 font-size:16px;
}

.description h2 {
 font-size:18px;
}

.tousen {
 margin:0 0 50px 50px;
}

div#footer {
 width:100%;
 margin:30px 0 0 0;
 padding:50px 0 50px 0;
 background:#ebebe0;
 overflow: hidden;
}

.companylogo {
 text-align:center;
 margin:0;
 padding:0;
}

.copyright {
 text-align:center;
 padding:0;
 font-size:14px;
 color:#333333;
}

#pageTop{
 background:#999999;
 color:#FFF;
 padding:20px;
 position:fixed;
 bottom:30px;
 right:30px;
 font-size:12px;
}

.box {
 padding:10px 10px 10px 20px;
 border:1px solid #cccccc;
}

.box img {
 float:left;
 margin-top:5px;
 margin-right:20px;
 width:100px;
 height:133px;
}

.shimekiri {
 padding:10px !important;
 background:#efefef;
 text-align:center;
}

.sankouimg {
 margin:0;
 padding:0;
}

.sankouimg a img {
 float:left;
 margin:0 12px 8px 8px;
 border:1px solid #cccccc;
}

.searchbox {
	width:96%;
	background:#ccc;
	padding:20px 20px 30px 20px;
	margin:50px 0 20px 0;
}

.searchbox h3 {
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}

.searchbox form {
	width:610px;
	margin:0 auto;
}

.searchbox input[type="text"]{
	border: 1px solid #ccc;
	width: 500px;
	height: 30px;
	padding: 0 5px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
}
.searchbox input[type="submit"]{
	background: #333333;
	color: #fff;
	border: none;
	padding: 0 15px;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	float: right;
	margin-left: 6px;
	cursor: pointer;
}
.searchbox input[type="submit"]:hover{
	background: #555;
}

input[type="submit"] {
  -webkit-appearance: none;
}



/* スマホだけに適用するCSS */
@media screen and ( max-width:600px )
{
#pageTop{
 background:#999999;
 color:#FFF;
 padding:5px;
 position:fixed;
 bottom:10px;
 right:10px;
 font-size:12px;
}
}

#pageTop:hover{
 background:#cccccc;
}

div.pankuzu {
 clear:both;
 font-size:12px;
 max-width:1120px;
 padding:20px 8px 0 8px;
 margin:0 auto;
}

div#youkou {
 clear:both;
 max-width:1024px;
 margin:0 auto;
 padding:5px 15px 5px 15px;
 font-size:15px;
 overflow:hidden;
}

div#youkou h1 {
 font-size:24px;
}

div#youkou h2 {
 font-size:18px;
 border-bottom:1px solid #000000;
 color:#333399;
}

div#youkou p {
 margin-left:15px;
}

.tyuuijikou ul li {
 list-style:disc
}

div#campaign_form {
 clear:both;
 max-width:1120px;
 margin:0 auto;
 padding:0 10px 10px 10px;
 font-size:18px;
}

div#campaign_form h1 {
 font-size:24px;
 margin-left:40px;
}

div#campaign_form h2 {
 font-size:22px;
 margin-left:60px;
}

div#contactin p {
 margin-left:50px;
}

.contactin {
 width: 90%;
 margin: 0 auto;
}
table.cntct {
 width: 100%;
 text-align: left;
 font-size: 16px;
 margin-bottom: 30px;
}
table.cntct th {
 width:300px;
 background: #efefef;
 border: 1px solid #ccc;
 border-collapse: collapse;
 vertical-align: middle;
 padding: 20px;
 line-height: 1.8;
 white-space: nowrap;
}

table.cntct th span {
 background: #ff3333;
 color: #fff;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 2px 5px;
 margin-left: 8px;
 font-weight: normal;
 font-size: 14px;
}
table.cntct td {
 border: 1px solid #ccc;
 border-collapse: collapse;
 vertical-align: top;
 padding: 20px;
}

table.cntct td.check {
 color: #ff0000;
 line-height: 1.7;
}
table.cntct td li {
 margin-top: 5px;
 margin-left:0;
 vertical-align: middle;
}
table.cntct td li input[type="radio"] {
 margin-right: 5px;
 margin-top: -1px;
 vertical-align: middle;
}
table.cntct td input[type="text"],
table.cntct td input[type="tel"],
table.cntct td input[type="email"],
table.cntct td textarea {
	border: 1px solid #ccc;
	width: 75%;
	padding: 10px 5px;
}
table.cntct td textarea {
	height: 100px;
}
table.cntct td input.short {
	width: 40%;
}
table.cntct td ul {
 margin-bottom: 20px;
 padding-top: 5px;
}

.privacy {
 border: 1px solid #ccc;
 padding: 20px 25px;
 text-align: left;
 font-size: 16px;
 margin-bottom: 30px;
}
.privacy .ttl {
 font-weight: bold;
 color: #cc0000;
 margin-bottom: 15px;		
	}
.privacy p {
 line-height: 1.8;
 margin-bottom: 20px;
	}
.privacy a {
 color: #333366;
	}
.privacy a:link,
.privacy a:visited {
 text-decoration: underline !important;
		}
.privacy a:hover,
.privacy a:active {
 text-decoration: none !important;
		}
.privacy .check {
 text-align: center;
 font-weight: bold;
 margin-bottom: 0;
	}
.privacy .check input[type="checkbox"] {
 vertical-align: middle;
 margin-top: -1px;
	}
.btns {
 width:100%;
 text-align: center;
 overflow: hidden;
 margin-bottom: 20px;
 padding-top: 15px;
}
.btns input {
 font-size: 18px;
 width: 25%;
 margin: 0 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #339966;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns input:hover {
 background: #4fa879;
	}
.btns input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns input.back:hover {
		background: #7bd6a6;
	}
.contactin.done {
	text-align: left;
	font-size: 16px;
	line-height: 1.9;
	padding: 50px 0 0 30px;
}
.contactin.done strong {
		font-size: 18px;
	}
.mono {
 font-size:14px;
}


/* スマホだけに適用するCSS */
@media screen and ( max-width:600px )
{
.fr {
 clear:both !important;
}

.fr08 img {
 width:300px;
 margin:0 0 10px 10px;
}

div#campaign_form {
 max-width:100%;
 clear:both;
 margin:0 10px 0 10px;
 font-size:16px;
}

div#campaign_form h1 {
 margin:0 !important;
 font-size:22px;
 line-height:1.2em;
}

div#campaign_form h2 {
 font-size:18px;
 margin-left:0;
}

.contactin {
 width: 100%;
 margin: 0 auto;
}

table.cntct {
 width: 100%;
 font-size: 16px;
 margin-bottom: 30px;
 padding:0;
}

table.cntct th {
 width: 90%;
 display:block;
 background: #efefef;
 border-collapse: collapse;
 vertical-align: middle;
 padding: 15px;
 line-height: 1.8;
 white-space: nowrap;
}

table.cntct th span {
 background: #ff3333;
 color: #fff;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 2px 5px;
 margin-left: 8px;
 font-weight: normal;
 font-size: 14px;
}
table.cntct td {
 width: 90%;
 display:block;
 vertical-align: top;
 padding: 15px;
 border-top:0;
 border-right:1px solid #ccc;
 border-bottom:0;
 border-left:1px solid #ccc;
}

table.cntct td.borderbottom {
 width: 90%;
 display:block;
 vertical-align: top;
 padding: 15px;
 border-top:0;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:1px solid #ccc;
}

table.cntct td.check {
 color: #ff0000;
 line-height: 1.7;
}
table.cntct td p.listtl {
 font-weight: bold;
 padding: 5px 5px 3px 5px;
}

table.cntct td ul {
 margin:0;
 padding:0;
}

table.cntct td li {
 margin-top: 5px;
 margin-left:0;
 vertical-align: middle;
}
table.cntct td li input[type="radio"] {
 margin-right: 5px;
 margin-top: -1px;
 vertical-align: middle;
}
table.cntct td input[type="text"],
table.cntct td input[type="tel"],
table.cntct td input[type="email"],
table.cntct td textarea {
	border: 1px solid #ccc;
	width: 95%;
	padding: 10px 5px;
	font-size:16px;
}
table.cntct td textarea {
	height: 100px;
}
table.cntct td input.short {
	width: 40%;
}
table.cntct td ul {
 margin:0;
 padding-top: 5px;
}

.privacy {
 width:90%;
 border: 1px solid #ccc;
 padding: 15px;
 text-align: left;
 font-size: 16px;
 padding:10px !important;
 margin-bottom: 30px;
}
.privacy .ttl {
 font-weight: bold;
 color: #cc0000;
 margin-bottom: 15px;		
	}
.privacy p {
 line-height: 1.8;
 margin-bottom: 20px;
	}
.privacy a {
 color: #333366;
	}
.privacy a:link,
.privacy a:visited {
 text-decoration: underline !important;
		}
.privacy a:hover,
.privacy a:active {
 text-decoration: none !important;
		}
.privacy .check {
 text-align: center;
 font-weight: bold;
 margin-bottom: 0;
	}
.privacy .check input[type="checkbox"] {
 vertical-align: middle;
 margin-top: -1px;
	}
.btns {
 text-align: center;
 overflow: hidden;
 margin-bottom: 20px;
 padding-top: 15px;
}
.btns input {
 font-size: 18px;
 width: 250px;
 margin: 0 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #339966;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns input:hover {
 background: #4fa879;
	}
.btns input.back {
		margin-top:10px;
		background: #66cc99;
		border-color: #669966;
	}
.btns input.back:hover {
		background: #7bd6a6;
	}
.contactin.done {
	text-align: left;
	font-size: 16px;
	line-height: 1.9;
	padding: 50px 0 0 30px;
}
.contactin.done strong {
		font-size: 18px;
	}
}



/* スマホだけに適用するCSS */
@media screen and ( max-width:800px )
{

div#header p a img {
 margin:0 auto;
 max-width:100%;
}

.presentbox img {
 width:100%;
}

.fl {
 float:none !important;
 margin:0 0 20px 0;
}

.presentbox h1 {
 float:none;
 font-size:22px;
 margin:0 10px 0 0;
 padding:0 90px 0 0;
 border-bottom:1px solid #000000;
 line-height:1.4em;
}

.searchbox {
	width:90%;
	background:#ccc;
	padding:20px 20px 30px 20px;
	margin:50px 20px 20px 0;
}

.searchbox h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:15px;
	text-align:center;
}

.searchbox form {
	width:270px;
	margin:0 auto;
}

.searchbox input[type="text"]{
	border: 1px solid #ccc;
	width: 160px;
	height: 30px;
	padding: 0 5px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
}
.searchbox input[type="submit"]{
	background: #333333;
	color: #fff;
	border: none;
	padding: 0 15px;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	float: right;
	margin-left: 6px;
	cursor: pointer;
}
.searchbox input[type="submit"]:hover{
	background: #555;
}


}



/* スマホだけに適用するCSS */
@media screen and ( max-width:600px )
{
.daiji {
 padding:0;
 margin:0 0 0 5%;
 overflow: hidden;
}

div#header {
 width:100%;
 height:auto;
 background:#ccccb2;
 overflow: hidden;
}

div#header p {
 padding:10px;
}

div#header p a img {
 margin:0 auto;
 max-width:100%;
}

.presentbox img {
 width:100%;
}

div.shisyagaiyo {
 border:1px solid #efefef;
 padding:10px;
 width:95%;
 clear:left;
}

div.shisyagaiyo a img {
 width:95%;
}

.fl {
 clear:both !important;
 margin:0 0 20px 0;
}

.presentbox h1 {
 font-size:20px;
 margin:0 15px 0 0;
 padding:0 80px 0 0;
 border-bottom:1px solid #000000;
 line-height:1.4em;
}

.number {
 float:right;
 font-size:26px;
 font-style:italic;
 background:#990000;
 color:#ffffff;
 width:70px;
 height:70px;
 padding:20px 10px 0 10px;
 border-radius:50%;
 margin:-60px 0 0 0;
 overflow: hidden;
}

.number02 {
 position:relative;
 float:right;
 font-size:26px;
 font-style:italic;
 background:#cc3333;
 color:#ffffff;
 width:70px;
 height:78px;
 padding:12px 10px 0 10px;
 border-radius:50%;
 margin:-60px 0 0 10px;
 line-height:1.1em;
 text-align:center;
}

span.catch {
 font-size:15px;
 color:#CC3333;
 font-weight:bold;
 margin:0;
 padding:0;
}

.presentbox p {
 clear:both;
 padding-top:20px;
}

.box img {
 margin-top:5px;
 margin-right:20px;
 width:200px;
 height:267px;
}

input[type="submit"] {
  -webkit-appearance: none;
}

}



/* スマホだけに適用するCSS */
@media screen and ( max-width:500px )
{

div.header_contents_fixed {
 margin:0;
}

div.header_contents_fixed p {
 margin:0 !important;
 padding:0 !important;
}

div.header_contents_fixed p.daiji a img {
 width:90px !important;
 padding:0 0 10px 0 !important;
 margin:10px 10px 0 0 !important;
 float:left;
}

div.header_contents_fixed p.presentttl02 a img {
 width:170px;
 padding:0 0 10px 0 !important;
 margin:10px 10px 0 0 !important;
 float:left;
}

.sns_header {
 /*position:absolute;
 top:1px;
 right:20px;*/
 clear:both;
 margin:1px 0 0 0;
 padding-left:0;
 padding-right:15px;
}

div.sankouimg a img {
 width:95% !important;
}

}