@charset "utf-8";


/* weather-wrapper
---------------------------------------------------- */

#weather-wrapper {
    color: #fff !important;
    font-family: 'Times New Roman',Times,serif;
}
.date {
    color: #fff !important;
    font-family: 'Times New Roman',Times,serif;
}
.weather-c-name {
	display: none !important;
	height: 0 !important;
	visibility: hidden !important;
}
#weather1,
#weather2 li {
	border: none !important;
}
#weather1 {
	padding: 10px 10px;
}
#weather2 {
	padding: 6px 0px;
}
.w_title {
    width: 160px;
    font-size: 26px;
    display: block;
    color: #fff !important;
    font-family: 'Times New Roman',Times,serif;
}


/* topmsgbox
---------------------------------------------------- */

.topmsgbox {
	width: 1000px;
	padding: 40px 0;
	text-align: center;
}
.topmsgbox p {
	padding: 40px 0 0;
	font-size: 1.1em;
	line-height: 2.6em;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
}


.ixsvbox {
	position: relative;
	width: 1000px;
	margin: -30px auto 30px;
	z-index: 12;
}
.ixsvbox .ixsvinbox {
	margin: 0;
	padding: 0;
}
.ixsvbox .grid {
	width: 320px;
	margin: 0 30px 0 0;
	background: #fff;
	border: solid 1px #ddd;
}
.ixsvbox .grid.grid03 {
	display: block;
	width: 300px;
	margin: -40px 0 0;
	background: none;
	border: none;
}

.ixsvbox .grid a {
	display: block;
	padding: 10px 10px 6px;
	color: #111;
}
.ixsvbox .grid a:hover dt img {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.ixsvbox .grid a:hover dd {
	color: #eee;
}
.ixsvbox .grid .weathbox h3 {
	padding: 9px 0 0;
	text-align: center;
}
.ixsvbox .grid .weathbox h3 a {
	padding: 0;
	color: #111;
}
.ixsvbox .grid .weathbox h3 a:hover {
	padding: 0;
	color: #ccc;
}

.ixsvbox .grid dl dt {
	padding: 8px;
	text-align: center;
}
.ixsvbox .grid dl dt img {
	width: 100%;
	height: auto;
}
.ixsvbox .grid dl dd {
	color: #111;
	text-align: center;
}


#ppwj_aebd3749-f6b3-4da3-8fe9-a0262a9f423c {
	background: #fff;
}
#ppwj_aebd3749-f6b3-4da3-8fe9-a0262a9f423c a {
	color: #688311;
}
#ppwj_aebd3749-f6b3-4da3-8fe9-a0262a9f423c_footer {
	display: none;
}


/* ixgamebox
=================================================================== */

.ixgamebox {
	width: 100%;
	margin: 0 0 30px;
	background: #fff;
	box-shadow: 0px 0px 9px 1px #afafaf inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	border-radius:3px;
	border: solid 1px #ddd;
}
.ixgamebox .gridWrapper {
	width: 90%;
	margin: 0 5%;
	padding: 20px 0;
}

.ixgamebox .gridWrapper .grid01 {
	width: 26%;
	margin: 0;
	text-align: center;
}
.ixgamebox .gridWrapper .grid01 img {
	width: 100%;
	height: auto;
}
.ixgamebox .gridWrapper .grid02 {
	width: 74%;
	margin: 0;
	text-align: center;
}

.ixgamebox .gridWrapper .grid02 .ixgametable {
	width: 96%;
	margin: 0 1% 0 3%;
	padding: 6px 0;
	background: #d9e4b7;
	box-shadow: 0px 0px 9px 1px #a5bf56 inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	border-radius:3px;
}
.ixgamebox .gridWrapper .grid02 a {
	display: block;
	color: #111;
	text-decoration: underline;
}

.ixgamebox .gridWrapper .grid02 ul {
	width: 96%;
	margin: 0 1% 0 3%;
	font-size: 1.0em;
	color: #111;
	line-height: 1.8em;
	clear: both;
}
.ixgamebox .gridWrapper .grid02 ul li {
	float: left;
	margin: 0 0.5%;
	text-align: center;
}
.ixgamebox .gridWrapper .grid02 ul li.ixgamedt {
	width: 26%;
}
.ixgamebox .gridWrapper .grid02 ul li.ixfsttm,
.ixgamebox .gridWrapper .grid02 ul li.ixsectm {
	width: 20%;
	font-weight: bold;
}

.ixgamebox .gridWrapper .grid02 ul li.ixfstsc,
.ixgamebox .gridWrapper .grid02 ul li.ixsecsc {
	width: 10%;
}

.ixgamebox .gridWrapper .grid02 ul li.ixvsmark {
	width: 5%;
}


/* ixnewsbox
=================================================================== */

.ixnewsbox {
	width: 100%;
}
.ixnewsbox .gridWrapper {
	width: 100%;
	margin: 0;
}

.ixnewsbox .gridWrapper .grid01 {
	width: 76%;
	margin: 0;
}
.ixnewsbox .gridWrapper .grid02 {
	width: 20%;
	margin: 18px 0 0 4%;
}

.ixnewsbox .subimgbox h1 {
	float: left;
	width: 350px;
}
.ixnewsbox .subimgbox .morebtn {
	float: right;
	width: 200px;
	padding: 15px 0 0;
	text-align: right;
}
.ixnewsbox .subimgbox .morebtn a {
	padding: 3px 20px 2px;
	font-size: 0.96em;
	line-height: 1.8em;
	text-align: right;
	background: #111;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ixnewsbox .subimgbox .morebtn a:hover {
	background: #ccc;
}


.ixnews-inner {
	padding: 20px 0 0;
}

.ixnews-inner ul {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	list-style: none;
}
.ixnews-inner ul li {
	display: block;
	float: left;
	width: 15%;
	margin: 0 1%;
	padding: 0 0 60px;
	text-align: center;
}
.ixnewsbox dl {
	width: 96%;
	margin: 0 2%;
	padding: 6px 0;
	border-bottom: dotted 1px #ddd;
	clear: both;
}
.ixnewsbox dt {
	float: left;
	clear: left;
  	width: 7.0em;
	text-align: left;
	line-height: 1.7em;
	font-size: 0.94em;
	color: #111;
}
.ixnewsbox dd {
	margin: 0 0 0 8.2em;
	line-height: 1.7em;
	font-size: 0.94em;
	color: #111;
}
.ixnewsbox dl a, .ixnewsbox dl a:visited {
	color: #111;
	text-decoration: underline;
}
.ixnewsbox dl a:hover {
	color: #666;
	text-decoration: none;
}

.ixnewsbox .gridWrapper .grid02 .bnr {
	margin: 0 0 2%;
}
.ixnewsbox .gridWrapper .grid02 .bnr img {
	width: 100%;
	height: auto;
}



.recruitbox {
	width: 206px;
	padding: 8px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 1px 1px 2px #999999;
		-webkit-box-shadow: 1px 1px 2px #999999;
	box-shadow: 1px 1px 2px #999999;
	background: #aec3a5;
}
.recruitbox .recinbox {
	width: 190px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
.recruitbox .recinbox .recsub {
	padding: 8px 0 4px 6px;
	background: #00a17c;
}
.recruitbox .recinbox p {
	padding: 8px 6px;
	font-size: 1.0em;
	text-align: left;
}
.recruitbox .recinbox h6 {
	padding: 8px 6px;
	font-size: 1.0em;
	text-align: right;
}
.recruitbox .recinbox h6 a {
	padding-right: 12px;
	color: #40b99d;
	background: url(../../common/images/icon_blank.png) no-repeat right 2px;
}
.recruitbox .recinbox h6 a:hover {
	color: #ccc;
}

.workbox {
	width: 206px;
	padding: 8px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 1px 1px 2px #999999;
		-webkit-box-shadow: 1px 1px 2px #999999;
	box-shadow: 1px 1px 2px #999999;
	background: #f7f8f8;
}
.workbox .workinbox {
	width: 190px;
	margin: 0 auto;
	padding: 0;
}
.workbox .workinbox .recsub {
	padding: 8px 0 4px 6px;
}
.workbox .workinbox a {
	display: block;
}

.workbox .workitem {
	width: 190px;
	margin: 0 auto 8px;
	padding: 8px 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	border: solid 1px #999;
}
.workbox .workitem .inbox {
	width: 172px;
	margin: 0 auto;
	font-size: 0.84em;
}
.workbox .workitem .inbox .workph {
	float: left;
	width: 50px;
}
.workbox .workitem .inbox h3 {
	float: right;
	width: 120px;
}
.workbox .workitem .inbox h3.sline {
	padding: 9px 15px 0 0;
}
.workbox a .workitem h3 {
	padding: 2px 15px 0 0;
	color: #111;
	line-height: 1.5em;
	background: url(../../common/images/icon_blank.png) no-repeat right 12px;
}
.workbox a .workitem:hover {
	background: #eaecf5;
}

/*************
テーブル
*************/
table.table{
border-collapse:collapse;
width:100%;
margin:10px auto;
}

table.table th,table.table td{
padding:5px;
border:1px solid #2871d7;
}

table.table tr:first-child th,table.table tr:first-child td{
border-top:#2871d7 4px solid
}

table.table th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#134091;
}



@media only screen and (max-width: 767px){


.topmsgbox {
	width: 94%;
	margin: 0 3%;
	padding: 20px 0;
	text-align: center;
}
.topmsgbox .subimgbox img {
	width: 80%;
	height: auto;
}
.topmsgbox p {
	padding: 20px 0 0;
	font-size: 1.0em;
	line-height: 2.0em;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
}


.ixsvbox {
	width: 96%;
	margin: 0 2%;
}
.ixsvbox .ixsvinbox {
	width: 100%;
	padding: 15px 0 30px;
}
.ixsvbox .ixsvinbox .grid.grid01,
.ixsvbox .ixsvinbox .grid.grid02 {
	float: left;
	width: 48%;
	margin: 0 1% 20px;
	background: #fff;
	border: solid 1px #ddd;
}
.ixsvbox .ixsvinbox .grid.grid03 {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;
}

/* weather-wrapper
---------------------------------------------------- */

#weather-wrapper {
	max-width: 98% !important;
	margin: 0 auto;
}
.date {
    color: #fff !important;
    font-family: 'Times New Roman',Times,serif;
}
.weather-c-name {
	display: none !important;
	height: 0 !important;
	visibility: hidden !important;
}
#weather1,
#weather2 li {
	border: none !important;
}
#weather1 {
	padding: 10px 10px;
}
#weather2 {
	padding: 6px 0px;
}
.w_title {
    width: 160px;
    font-size: 26px;
    display: block;
    color: #fff !important;
    font-family: 'Times New Roman',Times,serif;
}



.ixsvbox .grid a {
	padding: 6px 10px;
}


.ixgamebox {
	width: 96%;
	margin: 0 2% 30px;
}
.ixgamebox .gridWrapper {
	width: 90%;
	margin: 0 5%;
	padding: 20px 0;
}

.ixgamebox .gridWrapper .grid,
.ixgamebox .gridWrapper .grid01,
.ixgamebox .gridWrapper .grid02 {
	width: 100%;
	float: none;
}
.ixgamebox .gridWrapper .grid01 {
	text-align: left;
	padding: 0 0 10px;
}
.ixgamebox .gridWrapper .grid01 img {
	width: 68%;
	height: auto;
}
.ixgamebox .gridWrapper .grid02 .ixgametable {
	padding: 10px 0;
}
.ixgamebox .gridWrapper .grid02 a,
.ixgamebox .gridWrapper .grid02 a:visited {
	text-decoration: none;
}
.ixgamebox .gridWrapper .grid02 ul {
	width: 94%;
	margin: 0 3%;
	line-height: 1.8em;
	clear: both;
}
.ixgamebox .gridWrapper .grid02 ul li {
	float: left;
	margin: 0 0.5%;
	text-align: center;
}
.ixgamebox .gridWrapper .grid02 ul li.ixgamedt {
	float: none;
	width: 100%;
	margin: 0 0 6px;
}
.ixgamebox .gridWrapper .grid02 ul li.ixfsttm,
.ixgamebox .gridWrapper .grid02 ul li.ixsectm {
	width: 30%;
	font-weight: bold;
}
.ixgamebox .gridWrapper .grid02 ul li.ixfstsc,
.ixgamebox .gridWrapper .grid02 ul li.ixsecsc {
	width: 15%;
}
.ixgamebox .gridWrapper .grid02 ul li.ixvsmark {
	width: 5%;
}
.ixgamebox .gridWrapper .grid02 ul li p {
	display: none;
}



.ixnewsbox {
	width: 90%;
	margin: 0 5%;
}
.ixnewsbox .subimgbox h1 {
	float: none;
	width: 100%;
}
.ixnewsbox .subimgbox h1 img {
	width: 80%;
	height: auto;
}
.ixnewsbox .subimgbox .morebtn {
	float: none;
	width: 100%;
	padding: 15px 0 0;
	text-align: right;
}

.ixnewsbox .gridWrapper .grid01,
.ixnewsbox .gridWrapper .grid02 {
	float: none;
	width: 100%;
	margin: 0 0 30px;
}
.ixnewsbox .gridWrapper .grid02 {
	margin: 0;
	text-align: center;
}
.ixnewsbox .gridWrapper .grid02 .bnr {
	display: inline-block;
	margin: 0 0 6px 10px;
}
.ixnewsbox .gridWrapper .grid02 .bnr img {
	width: 200px;
	height: auto;
}


.ixaddbox {
	display: none;
}


}

@media only screen and (max-width: 480px){

.ixwedbox {
	width: 90%;
	margin: -30px 5% 0;
}

.ixsvbox .ixsvinbox .grid.grid01,
.ixsvbox .ixsvinbox .grid.grid02 {
	float: none;
	width: 100%;
	margin: 0 0 12px;
	background: #fff;
	border: solid 1px #ddd;
}
.ixsvbox .ixsvinbox .grid.grid03 {
	float: none;
	width: 100%;
	margin: 0;
}


.ixnewsbox {
	width: 90%;
	margin: 0 5%;
}
.ixnews-inner {
	padding: 20px 0 0;
}

.ixnewsbox dl {
	width: 96%;
	margin: 0 2%;
	padding: 6px 0;
	border-bottom: dotted 1px #ddd;
	clear: both;
}
.ixnewsbox dt {
	float: none;
	width: 100%;
	clear: left;
	margin: 0;
  	width: 7.0em;
	text-align: left;
	line-height: 1.8em;
	font-size: 1.1em;
	color: #111;
}
.ixnewsbox dd {
	float: none;
	width: 100%;
	margin: 0;
	line-height: 1.8em;
	font-size: 0.90em;
	color: #111;
}
.ixnewsbox dl a, .ixnewsbox dl a:visited {
	color: #111;
	text-decoration: underline;
}
.ixnewsbox dl a:hover {
	color: #666;
	text-decoration: none;
}



}