/*-------------------------------------
繧ｹ繧ｿ繝�ぅ繝�け繝壹�繧ｸ髢｢騾｣
繝ｻ繝励Λ繧､繝舌す繝ｼ繝昴Μ繧ｷ繝ｼ繝壹�繧ｸ
繝ｻ繝｡繝�ぅ繧｢繝ｪ繝ｳ繧ｯ繝壹�繧ｸ

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

繝励Λ繧､繝舌す繝ｼ繝昴Μ繧ｷ繝ｼ繝壹�繧ｸ staticArea

------------------------------------------------------------------------------------------------------
*/
.staticArea {
	width: 100%;
	float: left;
}
.staticDeteil {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #eee;
}
.staticDeteilEnd {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}
.staticArea h2 {
	width: 95%;
	color: #007ee2;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
.staticArea h3 {
	width: 95%;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
p.link a {
	font-size: .8em;
	padding: 5px 15px 5px 15px;
	margin: 10px 0 0 0;
	background-color: #007ee2;
	color: #fff;
	float: left;
	clear: both;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.corporatePhilosophy h3 {
	width: 95%;
	color: #007ee2;
	float: left;
	clear: both;
	text-align: center;
	margin: 20px 0 20px 0;
}
.corporatePhilosophy h3 span {
	font-size: 3.6em;
	font-weight: bold;
}
.corporatePhilosophy ul {
	padding: 20px 0 0 0;
}
.corporatePhilosophy li {
	font-size: 1em;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("../images/list_icon01.png");
}
ul.groupCompany {
}
ul.groupCompany li {
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("../images/list_icon01.png");
}
ul.groupCompany li span {
	color: #007ee2;
	font-weight: bold;
}
.staticArea ul {
	width: 95%;
	float: left;
	clear: both;
	margin: 10px 0 20px 10px;
}
.staticArea ol {
	width: 92%;
	float: left;
	clear: both;
	margin: 20px 0 20px 0;
	padding: 0 0 0 3%;
}
.staticArea ol li {
	float: left;
	clear: both;
	margin: 0 0 15px 0;
	list-style: decimal;
	list-style-position: outside;
}
.staticArea ol li ol li {
	float: left;
	clear: both;
	margin: 0 0 15px 0;
	list-style: none;
}
.staticArea ul li {
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	list-style: none;
}
.staticArea ul li span {
	clear: both;
}
.staticArea p {
	width: 95%;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
.corporateTable dl {
	width: 90%;
	float: left;
	clear: both;
	padding: 15px 0 10px 5%;
}
.corporateTable dl:nth-child(odd) {
	background: #fff;
	margin: 20px 0 0 0;
}
.corporateTable dt {
	width: 20%;
	font-size: .9em;
	color: #007ee2;
	float: left;
}
.corporateTable dd {
	font-size: .9em;
	width: 70%;
	padding: 0 0 0 5%;
	float: left;
}
.corporateTable dd iframe {
	margin: 30px 0 0 0;
}
.staticArea p.vision {
	font-size: 1.2em;
	text-align: center;
}
table.webAdArea {
	font-size: .8em;
	width: 95%;
	margin: 20px 0 20px 0;
}
table.webAdArea th {
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: solid 1px #eee;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
table.webAdArea th.thTitle {
	background-color: #eee;
	border-left: solid 1px #fff;
}
table.webAdArea td {
	vertical-align: middle;
	border-bottom: solid 1px #eee;
	padding: 10px;
	text-align: center;
}
table.bunbun {
	width: 80%;
	float: left;
	clear: both;
	margin: 5px 0 20px 0;
}
table.bunbun th {
	font-weight: bold;
	vertical-align: middle;
	border-right: solid 1px #f2f2f2;
	padding: 10px 0 10px 0;
	text-align: center;
	background-color: #eee;
}
table.bunbun td {
	border-bottom: solid 1px #eee;
	padding: 10px 0 10px 0;
	text-align: center;
}
table.bunbun th.dayTitle {
	font-weight: bold;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #fff;
	background-color: #eee;
	padding: 10px 0 10px 0;
	text-align: center;
}
.adPrice {
	width: 95%;
	float: left;
}
.adPrice img {
	float: left;
	margin: 0 20px 0 0;
}
/*
------------------------------------------------------------------------------------------------------

繝｡繝�ぅ繧｢繝ｪ繝ｳ繧ｯ繝壹�繧ｸ

------------------------------------------------------------------------------------------------------
*/
.medialink .linkBlock {
	width: 100%;
	float: left;
	clear: both;
}
.medialink .linkBox {
	width: 30%;
	float: left;
}
.medialink li {
	float: left;
	clear: both;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("../images/list_icon01.png");
}
.medialink {
}
.medialink {
}
/*
------------------------------------------------------------------------------------------------------

NIB

------------------------------------------------------------------------------------------------------
*/
ul.niemenu{
	width: 100%;
	padding: 10px 0;
	float: left;
	background: #007ee2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 40px;
	}
ul.niemenu li{
	float: left;
	width: 20%;
	text-align: center;
	background: url(../images/border1px.png) repeat-y top right; 
	}
ul.niemenu li.last{
	background: none;
}
ul.niemenu li a{
	color: #fff;
	}
.staticDeteil.nib h2{
	font-size:2em;
	font-weight: bold;
	color: #007ee2;
	margin: 30px 0 20px;
	}
.staticDeteil.nib h3{
	font-size:1.6em;
	margin:  10px 0;
	font-weight: bold;
	}
.staticDeteil.nib h4{
	font-size:1.1em;
	font-weight: bold;
	margin:  5px 0 ;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("../images/selectIcon.png");
	}
.staticDeteil.nib p{
	padding: 0 15px;
	}
.staticDeteil.nib p img.nib{
	width: 30%;
	max-width: 350%;
	float:right;
	margin: 0 0 10px 10px;
}
.staticDeteil.nib p span.imgbox{
	width: 30%;
	max-width: 350%;
	float:right;
	margin: 0 0 10px 10px;
	display: block;
	font-size: .8em;
}
.staticDeteil.nib p span.imgbox img{
	width: 100%;
	float:right;
	margin: 0 0 5px;
	
}
/*
------------------------------------------------------------------------------------------------------

遖冗･我ｺ区･ｭ蝗｣

------------------------------------------------------------------------------------------------------
*/
.staticDeteil.hukushi h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 40px;
	padding-bottom: 10px;
	text-align: center;
	background: url(../images/hukushi_bg.png) repeat-x left bottom;
}
.staticDeteil.hukushi h1 img {
	width: 90%;
	margin: 20px auto;
	max-width: 726px;
}
.staticDeteil.hukushi dl {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 5px;
}
.staticDeteil.hukushi dt {
	float: left;
	font-size: .7em;
	color: #fff;
	padding: 5px 10px;
	background-color: #139745;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.staticDeteil.hukushi dd {
	float: left;
	padding: 5px 0;
	margin-left: 10px;
}
.staticDeteil.hukushi h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #139745;
}
.staticDeteil.hukushi h3 {
	float: left;
	clear: both;
	margin: 10px 0 10px 0;
	color: #139745;
}
.staticDeteil.hukushi p img {
	float: right;
	margin: 0 0 10px 10px;
}
.staticDeteil.hukushi h3.number {
	color: #139745;
}
.staticDeteil.hukushi h3.number span {
	background-color: #139745;
}
.staticDeteil.hukushi a {
	color: #139745;
}
.staticDeteil.hukushi .signbtn a {
	background: url(../images/signicon_g.png) no-repeat 10px center;
	border: 1px solid #d4d4d4;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}
.staticDeteil.hukushi .signbtn a:hover {
	color: #fff;
	background: #139745 url(../images/signicon_w.png) no-repeat 10px center;
}
/*
------------------------------------------------------------------------------------------------------

繧｢繝励Μ邏ｹ莉九�繝ｼ繧ｸ

------------------------------------------------------------------------------------------------------
*/
#appdlBlock {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
#appImage {
	float: right;
	width: 30%;
	margin: 60px 0 0 0;
	min-width: 280px;
	position: relative;
}
#appImage h3 {
	position: absolute;
	top: -90px;
	right: -20px;
	z-index: 999;
}
.flexsliderphone {
	width: 260px;
	height: 501px;
	background: url(../images/gateapp/phone.png) no-repeat top left;
}
.flexsliderphoneInner {
	float: left;
	margin: 50px 0 0 18px;
	width: 224px;
	height: 398px;
	overflow: hidden;
	display: block;
}
.flexsliderphone ul {
}
#appIntroduction {
	float: left;
	width: 60%;
}
h2.apptitle {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	font-size: 1.7em;
	font-weight: bold;
	color: #007ee2;
}
#appIntroduction h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
#appIntroduction h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #007ee2;
	margin: 10px 0;
}
.appdl h3 {
	float: left;
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.appdl ul {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}
.appdl li {
	width: 200px;
	float: left;
	margin-right: 15px;
}
.appdl li img {
	width: 200px;
}
#appIntroduction dl {
	width: 100%;
	float: left;
	font-size: .9em;
	margin: 0 0 20px 0;
}
#appIntroduction dt {
	width: 100%;
	float: left;
	font-weight: bold;
}
#appIntroduction dd {
	width: 100%;
	float: left;
}
.appDetail {
	float: left;
	clear: both;
	width: 100%;
	margin: 40px 0 0 0;
	padding: 40px 0 0 0;
	border-top: solid 1px #eee;
}
.appDetail.none {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: none
}
.appDetail h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #007ee2;
	margin-bottom: 10px;
}
.appDetail h3 {
	float: left;
	clear: both;
	color: #fff;
	font-size: .9em;
	background-color: #007ee2;
	margin: 10px 0;
	padding: 5px 20px;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
}
.appDetail h4 {
	clear: both;
	font-size: 1.3em;
	color: #007ee2;
	margin: 10px 0;
}
.appDetail h5 {
	margin: 20px 0;
	font-weight: bold;
}
.appDetail p {
	clear: both;
}
.appDetail dl {
	width: 30%;
	margin: 0 1.5%;
	float: left;
}
.appDetail dt {
	font-size: .9em;
	float: left;
	font-weight: bold;
}
.appDetail dt span {
	width: 34px;
	height: 26px;
	color: #fff;
	background-color: #007ee2;
	text-align: center;
	display: block;
	float: left;
	padding: 8px 0 0 0;
	margin: -8px 10px 10px 0;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
}
.appDetail dd {
	float: left;
	width: 100%;
	max-width: 250px;
	font-size: .9em;
	line-height: 1.4em;
	padding-bottom: 30px;
}
.appDetail dd img {
	width: 100%;
	max-width: 250px;
	margin: 0 0 5px 0;
}
.appDetail p.apppoint {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	font-size: .9em;
}
/*
------------------------------------------------------------------------------------------------------

驕ｸ謖吝供髮��繝ｼ繧ｸ

------------------------------------------------------------------------------------------------------
*/

.voteDetail {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
}
.voteDetail h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #1fa65f;
	margin-bottom: 10px;
}
.voteDetail h3 {
	float: left;
	clear: both;
	color: #fff;
	font-size: .9em;
	background-color: #1fa65f;
	margin: 40px 0 10px;
	padding: 5px 20px;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
}
.voteDetail p {
	clear: both;
}
.voteDetail p img {
	width: 260px;
	float: right;
	margin: 0 0 20px 20px;
}
.voteDetail p span {
	font-weight: bold;
}
.voteDetail p span.mailbox a {
	font-weight: bold;
	font-size: 2.2em;
}
/*
------------------------------------------------------------------------------------------------------

OPAM迚ｹ險ｭ繝壹�繧ｸ

------------------------------------------------------------------------------------------------------
*/
.opamBlocks {
	clear: both;
}
.opamBlocks h2 {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	font-size: 1.7em;
	font-weight: bold;
	color: #007ee2;
}
.opamBlocks h3 {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
}
.opamBlocks p {
}
.opamBlocks dl {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
}
.opamBlocks dt {
	float: left;
	color: #fff;
	width: 220px;
	height: 25px;
	text-align: center;
	margin-right: 10px;
	padding: 5px 0 0 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.opamBlocks dl.description dt {
	background-color: #d7812e;
}
.opamBlocks dl.panorama dt {
	background-color: #007ee2;
}
.opamBlocks dd a {
	float: left;
	width: 30px;
	height: 25px;
	text-align: center;
	margin-right: 5px;
	padding: 5px 0 0 0;
	color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.opamBlocks dl.description dd a {
	background-color: #d7812e;
}
.opamBlocks dl.panorama dd a {
	background-color: #007ee2;
}
.opamImage {
	width: 100%;
	max-width: 801px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}
.opamImage img {
	margin-top: 40px;
	width: 100%;
}
.opamDescription {
	position: relative;
	z-index: 99;
	margin: -120px 0 0 0;
}
.opamDescription h4 {
	clear: both;
	float: left;
	font-size: 1.3em;
	color: #007ee2;
	margin: 10px 0;
}
.opamDescription ul {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
.opamDescription li {
	float: left;
	clear: both;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("../images/list_icon01.png");
}
#inline_content1 {
}
.inlinebox h2 {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #d7812e;
}
.inlinebox h2 span {
	color: #fff;
	background-color: #d7812e;
	float: left;
	width: 30px;
	height: 25px;
	text-align: center;
	margin: -5px 5px 0 0;
	padding: 5px 0 0 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.inlinebox p, .inlinetheta p {
	margin: 20px 0;
	font-size: 14px;
}
.inlinetheta h2 {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #007ee2;
}
.inlinetheta h2 span {
	color: #fff;
	background-color: #007ee2;
	float: left;
	width: 30px;
	height: 25px;
	text-align: center;
	margin: -5px 5px 0 0;
	padding: 5px 0 0 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
/*
------------------------------------------------------------------------------------------------------

鬮俶�｡蜈･隧ｦ

------------------------------------------------------------------------------------------------------
*/
.nyushibox {
}
.nyushibox h3 {
	color: #1480df;
	font-size: 1.6em;
}
.nyushibox h4 {
	font-weight: bold;
}
.nyushibox table {
	width: 100%;
	margin: 20px 0 70px;
}
.nyushibox th {
	padding: 10px 0;
	text-align: center;
	border-bottom: #eee 1px solid;
	font-weight: bold;
}
.nyushibox th.th1, .nyushibox th.th2, .nyushibox th.th3 {
	width: 15%;
}
.nyushibox th.th4, .nyushibox th.th5 {
	width: 27.5%;
}
.nyushibox td {
	padding: 10px 0;
	text-align: center;
	border-bottom: #eee 1px solid;
	font-size: .8em;
}
.nyushibox td a {
	width: 120px;
	display: block;
	padding: 5px 10px;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin: 0 auto;
}
.nyushibox td a.question {
	background-color: #fecb2e;
	color: #000;
}
.nyushibox td a.answer {
	background-color: #fc0d1b;
	color: #fff;
}
/*
------------------------------------------------------------------------------------------------------

繧ｭ繝�ぅ繝｡繧ｬ繝帙Φ鬧�ｼ�

------------------------------------------------------------------------------------------------------
*/
.staticArea.kitty-ekiden h1{
	width: 100%;
	margin-bottom: 20px;
	
	}
.staticArea.kitty-ekiden h2{
	width: 100%;
	
	}
.staticArea.kitty-ekiden h3{
	width: 100%;
	
	}
.staticArea.kitty-ekiden dl{
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: #eee 2px solid;
	float: left;
	clear:both;
	
	}
.staticArea.kitty-ekiden dt{
	width: 100%;
	margin-bottom: 10px;
	}
.staticArea.kitty-ekiden dd{
	width: 33%;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	}

/*
------------------------------------------------------------------------------------------------------

繧ｹ繝槭�繧ｵ繧､繝郁ｨｭ螳�

------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 699px) {
#appdlBlock {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
#appImage {
	float: none;
	text-align: center;
	margin: 80px auto 0 auto;
	position: relative;
}
#appImage h3 {
	position: absolute;
	top: -80px;
	right: -20px;
	z-index: 999;
}
#appIntroduction {
	width: 100%;
	float: left;
}
h2.apptitle br {
	display: none;
}
#appIntroduction li {
	margin-bottom: 20px;
}
.appDetail dl {
	float: none;
	margin: 0 auto 0 auto;
	width: 250px;
}
.appDetail dt {
	margin-top: 20px;
	float: left;
	width: 100%;
}
.appDetail dd {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
/*
------------------------------------------------------------------------------------------------------

OPAM迚ｹ險ｭ繝壹�繧ｸ

------------------------------------------------------------------------------------------------------
*/
.opamBlocks dt {
	float: left;
	clear: both;
	color: #fff;
	width: 100%;
	;
	height: 25px;
	text-align: center;
	margin: 0 0 10px 0;
}
.opamBlocks dd a {
	margin-bottom: 10px;
}
.opamDescription {
	margin: 0;
}
/*
------------------------------------------------------------------------------------------------------

驕ｸ謖吝供髮��繝ｼ繧ｸ

------------------------------------------------------------------------------------------------------
*/
.voteDetail p img {
	width: 80%;
	float: none;
	clear: both;
	margin: 10px 10%;
}
/*
------------------------------------------------------------------------------------------------------

蜈･隧ｦ

------------------------------------------------------------------------------------------------------
*/

.nyushibox td a span {
	display: none;
}
.nyushibox td a {
	width: 80px;
}
/*
------------------------------------------------------------------------------------------------------

遖冗･我ｺ区･ｭ蝗｣

------------------------------------------------------------------------------------------------------
*/

	
.staticDeteil.hukushi h2 {
	font-size: 1.3em;
	font-weight: bold;
}
.staticDeteil.hukushi h3 {
}
.staticDeteil.hukushi p img {
	float: none;
	width: 90%;
	margin: 10px 5%;
}
/*
------------------------------------------------------------------------------------------------------

繧ｭ繝�ぅ繝｡繧ｬ繝帙Φ鬧�ｼ�

------------------------------------------------------------------------------------------------------
*/
.staticArea.kitty-ekiden h1 img{
	width: 90%;
	padding: auto 5%;
	}
.staticArea.kitty-ekiden h2 img{
	width: 90%;
	padding: auto 5%;
	}
.staticArea.kitty-ekiden h2 img.bg{
	display: none;
}
.staticArea.kitty-ekiden h3 img{
	width: 90%;
	padding: auto 5%;
	}
.staticArea.kitty-ekiden dl{
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: #eee 2px solid;
	float: left;
	clear:both;
	
	}
.staticArea.kitty-ekiden dt{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	}
.staticArea.kitty-ekiden dd{
	width: 100%;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	}
.staticArea.kitty-ekiden dd img{
	width: 80%;
	max-width: 223px;
	padding: auto 10%;
	}

}