@charset "UTF-8";

* {
	box-sizing: border-box;
}

#main{
	padding-top: 60px;
	height: auto!important;
}

#main div{
	color: #404040!important;
}

#makerListHeaderDiv{
	display: inline-block;
	width: 30%;
	padding-bottom: 30px;
	text-align: right;
}

#makerListDiv{
	display: inline-block;
	width: 70%;
	padding-bottom: 30px;
	text-align: left;
}

#contents{
	margin: 0 auto;
	text-align: center;
	width: 1100px;
}

h1{
	text-align: center;
}

.featureTitle {
    color: #009FB8;
}

#addNews{
	padding-bottom: 30px;
}

/* 見出し */
.template_free{
	background-color: #9CC715;
	color: #ffffff;
	padding: 0 3px;
	display: inline!important;
	font-size:1em!important;
}
.template_new{
	background-color: #ff3366;
	color: #ffffff;
	padding: 0 3px;
	display: inline!important;
	font-size:1em!important;
}

.pt40{
	padding-top: 40px;
}

.pb40{
	padding-bottom:40px;
}

/* table */
.tdMaker{
	width: 20%;
}
.tdHeader{
	width: 10%;
}

.tdHinban{
	width: 25%;
}
.tdHinmei{
	width: 45%;
}

#hinbanListTable th,tr{
	text-align: center;
}

#hinbanListIndexTable th {
	padding: 10px 5px;
	text-align: center;
	border-top: solid 2px #00A0B8;
	border-bottom: solid 1px #CCCCCC;
}

table.table_outer {
	width: 100%;
	text-align: center;
	box-shadow: 0px 0px 5px 1px rgba(170,170,170,0.43);
	-moz-box-shadow: 0px 0px 5px 1px rgba(170,170,170,0.43);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(170,170,170,0.43);
	-o-box-shadow:0px 0px 5px 1px rgba(170,170,170,0.43);
	-ms-box-shadow:0px 0px 5px 1px rgba(170,170,170,0.43);
}

table.table_outer tr {
	background-color: #FFFFFF;
}

table.table_outer tr:nth-child(odd) td {
	background-color: #F9F9F9;
}

table.table_outer td {
	padding: 10px 5px;
	border-bottom: solid 1px #E9E9E9;
	transition: background-color 1s ease 0s;
}

@media screen and (max-width: 1140px){
	#contents{
		width: auto;
		margin: 0 10px;
	}
}

@media screen and (max-width: 959px){
	#makerListHeaderDiv{
		display: inherit;
		width: auto;
		padding-bottom: 0px;
		text-align: inherit;
	}

	#makerListDiv{
		display: inherit;
		width: auto;
		text-align: inherit;
	}
}

@media screen and (max-width: 599px){
	.tdMaker,
	.tdHeader,
	.tdHinban,
	.tdHinmei {
		width: auto;
	}
}