@charset "UTF-8";

/* タブレットに適用するCSS */
@media screen and ( max-width:1210px ) and ( min-width:601px )
{
body {
 width:100%;
}

#gloval_header_body {
 width:100% !important;
 overflow:hidden;
}

.daiji {
 padding:0;
 margin:0 0 0 5%;
 overflow: hidden;
}

div#header {
 width:100% !important;
 height:auto;
 margin:0;
 padding:0;
 overflow: hidden;
}

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

#header_contentsbox {
 width:100%;
 height:auto;
 background-size: cover;
 margin:0;
 padding:0;
 overflow: hidden;
}

ul#path{
 padding:10px 0 10px 10px;
 margin:0;
 width:98%;
 overflow: hidden;
}

.noborder {
 border:none !important;
}

#header_contentsbox h1 {
 clear:both;
 width:100%;
 margin:0 auto;
 padding:10px 0 10px 0 !important;
 line-height:1em !important;
 overflow: hidden;
}

#header_contentsbox h1 span {
 color:#ffffff;
 font-size:28px;
 line-height:1em !important;
}

#header_contentsbox h2 {
 margin:0 10px 0 10px;
 text-align:center;
 font-size:20px;
}

#header_contentsbox img {
 width:100%;
 height:auto;
}

#column01 {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column01_contentsbox {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column01_contentsbox h2 {
 font-size:25px;
 color:#cc3333;
 width:320px;
 padding:30px 0 10px 0;
 text-align:center;
 line-height:1.2em;
 border-bottom:3px solid #cc3333;
 margin:0 auto;
}

#column02 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column02_contentsbox {
 width:90%;
 margin:0 auto;
 overflow: hidden;
}

#column02_contentsbox ul {
 padding:1px 10px 10px 10px;
}

/*
#column02_contentsbox li {
 padding:10px;
 list-style:none;
 width:35%;
 height:auto;
 margin-right:10px;
 margin-bottom:10px;
 background:#efefef;
}*/

#column03 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column03_contentsbox {
 width:100%;
 margin:0 auto;
 padding-top:10px;
 overflow:hidden;
}

#column03_contentsbox h2 {
 margin:0;
 padding:10px;
 font-size:27px;
 color:#ffffff;
 line-height:1.5em;
 text-align:center;
 background:#cc3333;
 overflow:hidden;
}

#column03_contentsbox h3 {
 margin:20px 10px 10px 10px;
 font-size:22px;
 text-align:center;
 line-height:1.4em;
 overflow:hidden;
}

#column04 {
 clear:both;
 width:100%;
 height:auto;
 background:url(../images/headimg.png) center top repeat-y;
 margin:0 important;
 padding-bottom:40px;
 overflow:hidden;
}

#column04_contentsbox {
 width:100%;
 margin:0 auto;
 padding-top:1px;
 overflow:hidden;
}

#column04_contentsbox h2 {
 margin:0;
 padding:30px 0 0 0;
 font-size:40px;
 color:#336633;
 line-height:1.5em;
 text-align:center;
 overflow:hidden;
}

#column04_contentsbox table td.radiobox {
 width:40px !important;
 background:#ffffff;
}

.step1 {
 position:absolute;
 margin-top:-40px;
 margin-left:0;
}

.step2 {
 position:absolute;
 margin-top:-40px;
 margin-left:0;
}

.step3 {
 margin:0 auto;
 width:133px;
 height:148px;
}

table.life {
 width:95%;
}

table.business {
 width:95%;
}

.naming {
 width:25% !important;
}

.companyname {
 font-size:14px;
 width:20%;
}

.description {
 font-size:14px;
}

.riyu {
 width:100%;
 overflow: hidden;
}

.riyu textarea {
 width:90%;
}

#column05 {
 clear:both;
 width:100%;
 overflow: hidden;
}

#column05_contentsbox {
 max-width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column05_contentsbox h2 {
 margin:0;
 padding:40px 0 0 0;
 font-size:30px;
 color:#990000;
 border-bottom:1px solid #990000;
 line-height:1em;
 text-align:center;
}

#column05_contentsbox h2 span {
 font-size:13px;
}

.present {
 margin:0 auto;
 padding:10px 0 0 20px;
 display:block;
}
/*
.present li {
 width:22% !important;
 list-style:none;
 margin-right:10px;
 margin-bottom:10px;
 padding:0;
 border-left:3px solid #990000;
 border-right:3px solid #990000;
 border-bottom:3px solid #990000;
}

.present li h3 {
 line-height:1.4em;
 margin:0;
 font-size:15px;
 min-height:60px;
 padding:8px 8px 0 8px;
 /*min-height:190px !important;*/
}

/*.present li.n2 p.sponsered {
 margin-top:0;
}

.present li.n3 p.sponsered {
 margin-top:0;
}


/*
.present li.n1 h3 {
 min-height:160px !important;
}

.present li.n2 h3 {
 min-height:160px !important;
}

.present li.n3 h3 {
 min-height:160px !important;
}

.present li.n4 h3 {
 min-height:160px !important;
}

.present li.n5 h3 {
 min-height:100px !important;
}

.present li.n6 h3 {
 min-height:100px !important;
}

.present li.n7 h3 {
 min-height:100px !important;
}

.present li.n8 h3 {
 min-height:100px !important;
}


p.sponsered {
 margin:0;
 padding:0;
 font-size:10px;
 float:none !important;
}

.present li.n6 p.sponsered {
 margin-top:0;
}

.present li img {
 width:100%;
 clear:both;
 margin:8px 0 0 0;
 padding:0;
}

#column06 {
 clear:both;
 width:100%;
 overflow: hidden;
}

#column06_contentsbox {
 margin:0 auto;
 padding:20px 10px 0 30px;
 overflow: hidden;
}

#column06_contentsbox h2 {
 margin:0;
 padding:0;
}

table.cntct th {
 width:150px;
 background: #efefef;
 border: 1px solid #999;
 border-collapse: collapse;
 vertical-align: middle;
 padding: 20px;
 line-height: 1.8;
 white-space: nowrap;
}*/

.privacy {
 text-align:left !important;
 font-size:12px;
}

.button {
 width:650px;
 margin:0 auto;
 text-align:center;
 overflow: hidden;
 padding-top: 15px;
 padding-bottom:15px;
 overflow: hidden;
}

.btns input {
 clear:left !important;
 font-size: 18px;
 width: 270px;
 margin: 0 20px 15px 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;
	}

.btns02 input {
 float:none !important;
 font-size: 18px;
 width: 160px;
 margin: 0 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #66cc99;
 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;
	}
.btns02 input:hover {
 background: #4fa879;
	}
.btns02 input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns02 input.back:hover {
		background: #7bd6a6;
	}

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

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

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

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

#pageTop img {
 width:24px;
}

#pageTop:hover{
 background:#cccccc;
}*/

}

@media screen and ( max-width:900px )
{
.present {
 margin:0 auto;
 padding:10px 0 0 40px;
 display:block;
}

.present li {
 width:22% !important;
 list-style:none;
 /*float:left;*/
 margin-right:10px;
 margin-bottom:10px;
 padding:0;
 border-left:3px solid #990000;
 border-right:3px solid #990000;
 border-bottom:3px solid #990000;
}

.present li h3 {
 line-height:1.4em;
 margin:0;
 font-size:15px;
 padding:8px 8px 0 8px;
 /*min-height:190px !important;*/
}

/*
.present li.n1 h3 {
 min-height:170px !important;
}

.present li.n2 h3 {
 min-height:170px !important;
}

.present li.n3 h3 {
 min-height:170px !important;
}

.present li.n4 h3 {
 min-height:170px !important;
}

.present li.n5 h3 {
 min-height:170px !important;
}

.present li.n6 h3 {
 min-height:170px !important;
}

.present li.n7 h3 {
 min-height:170px !important;
}

.present li.n8 h3 {
 min-height:170px !important;
}*/

}

@media screen and ( max-width:850px )
{
.present li img {
 width:100%;
}
}

@media screen and ( max-width:700px )
{
.present {
 margin:0 auto;
 padding:10px 0 0 30px;
 display:block;
}

.present li {
 width:30% !important;
 list-style:none;
 /*float:left;*/
 margin-right:10px;
 margin-bottom:10px;
 padding:0;
 border-left:3px solid #990000;
 border-right:3px solid #990000;
 border-bottom:3px solid #990000;
}

.present li h3 {
 line-height:1.4em;
 margin:0;
 font-size:15px;
 padding:8px 8px 0 8px;
/* min-height:200px !important;*/
}

/*
.present li.n1 h3 {
 min-height:170px !important;
}

.present li.n2 h3 {
 min-height:170px !important;
}

.present li.n3 h3 {
 min-height:170px !important;
}

.present li.n4 h3 {
 min-height:150px !important;
}

.present li.n5 h3 {
 min-height:150px !important;
}

.present li.n6 h3 {
 min-height:150px !important;
}

.present li.n7 h3 {
 min-height:170px !important;
}

.present li.n8 h3 {
 min-height:170px !important;
}*/

}


@media screen and ( max-width:540px )
{
.present li {
 width:44% !important;
 list-style:none;
 /*float:left;*/
 margin-right:10px;
 margin-bottom:10px;
 padding:0;
 border-left:3px solid #990000;
 border-right:3px solid #990000;
 border-bottom:3px solid #990000;
}

.present li h3 {
 line-height:1.4em;
 margin:0;
 font-size:14px;
 min-height:auto;
 padding:8px 8px 0 8px;
}

/*
.present li.n1 h3 {
 min-height:120px !important;
}

.present li.n2 h3 {
 min-height:120px !important;
}

.present li.n3 h3 {
 min-height:120px !important;
}

.present li.n4 h3 {
 min-height:120px !important;
}

.present li.n5 h3 {
 min-height:100px !important;
}

.present li.n6 h3 {
 min-height:100px !important;
}

.present li.n7 h3 {
 min-height:140px !important;
}

.present li.n8 h3 {
 min-height:140px !important;
}*/

}

@media screen and ( max-width:400px )
{
.present li.n1 h3 {
 min-height:80px !important;
}

.present li.n2 h3 {
 min-height:80px !important;
}

.present li.n3 h3 {
 min-height:80px !important;
}

.present li.n4 h3 {
 min-height:80px !important;
}

.present li.n5 h3 {
 min-height:80px !important;
}

.present li.n6 h3 {
 min-height:80px !important;
}

.present li.n7 h3 {
 min-height:80px !important;
}

.present li.n8 h3 {
 min-height:80px !important;
}
}

@media screen and ( max-width:350px )
{

.present li h3 {
 font-size:13px;
}
.present li.n1 h3 {
 min-height:140px !important;
}

.present li.n2 h3 {
 min-height:160px !important;
}

.present li.n3 h3 {
 min-height:140px !important;
}

.present li.n4 h3 {
 min-height:140px !important;
}

.present li.n5 h3 {
 min-height:160px !important;
}

.present li.n6 h3 {
 min-height:160px !important;
}

.present li.n7 h3 {
 min-height:160px !important;
}

.present li.n8 h3 {
 min-height:160px !important;
}
}