@charset "utf-8";
/* ---------------------------------------------------------
    company philosophy
   ---------------------------------------------------------*/
/*
h2.company_Title{
	margin-top:0;
	border-bottom:solid 1px #bbb;
}

h2.company_Title span{
	display: inline-block;
	padding: 0.3em 0.5em;
	border-bottom: solid 2px #e6001b;
}
*/

#company_Wrapper{
	margin:0;
	padding:0;
}

#table-001{
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

#table-001 th{width: 13%;}

#table-001 td{width: 87%;}

#table-002{
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

#table-002 th{width: 10%;}

#table-002 td{width: 90%;}

img.fx{
	width:100%;
	height:auto;
}

table.table-1{
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}

table.table-1 td{padding:5px 30px;}

table.table-1 th{
	text-align: left;
	padding: 5px 30px 5px 10px;
	border-right: solid 2px #ddd;
	}

td.inborders{
	padding: 0;
	height:8px;
	line-height:0;
}

table.table-1 td.box{line-heigh:1.4em;}

table.table-1 h4{
	color:#e6001b;
	margin:0;
}

div.mission-img{
	margin: 10px 0 50px 50px;
	width: 352px;
}

#banner-idome{
	display: block;
	background-image: url(../../company/images/philosophy_img_04_base.jpg);
	background-repeat: no-repeat;
	border: solid 3px #e6001b;
	text-align: center;
	padding: 0 40px;
	margin:0 0 15px 0;
/*	margin: 0;*/
	background-position: right center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
/* IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS */
}

#banner-idome img{
	max-width:653px;
	height:auto;
	width:100%;
}


/*-- philosophyLinkBox：ページ上部のバナー --*/

.philosophyLinkBox{
	width:97%;
	margin:0 auto 50px auto;
	padding-top:40px;
}

.philosophyLinkBox img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.philosophyLinkBox ul{
	width:100%;
	clear:both;
}

.philosophyLinkBox li{
	width:48%;
}

.philosophyLinkBox li.right{
	float:right;
}

.philosophyLinkBox li.left{
	float:left;
}

.philosophyLinkBox .idLink,
.philosophyLinkBox .athleteLink,
.philosophyLinkBox .shopLink,
.philosophyLinkBox .sekaiLink{
/*	width:740px;
	width:32%;  
	width:48%; */
	width:100%;
	margin-bottom:20px;
}

/*
.philosophyLinkBox .shopLink,
.philosophyLinkBox .idLink{
	float:left;
}

.philosophyLinkBox .athleteLink,
.philosophyLinkBox .sekaiLink{
	float:right;
}
*/

/*
.philosophyLinkBox .idLink,
.philosophyLinkBox .athleteLink,
.philosophyLinkBox .shopLink{
	margin-right:2%;
}
*/

.philosophyLinkBox .idLink a,
.philosophyLinkBox .athleteLink a,
.philosophyLinkBox .shopLink a,
.philosophyLinkBox .sekaiLink a{
	display:block;
}

.philosophyLinkBox .idLink dl,
.philosophyLinkBox .athleteLink dl,
.philosophyLinkBox .shopLink dl,
.philosophyLinkBox .sekaiLink dl{
	padding-left:5px;
}

.philosophyLinkBox .idLink dt,
.philosophyLinkBox .athleteLink dt,
.philosophyLinkBox .shopLink dt,
.philosophyLinkBox .sekaiLink dt{
	background:url(../images/mk-link-01.png) 0 20px no-repeat;
	padding:15px 0 0 20px;
/*	margin-bottom:5px; */
}

.philosophyLinkBox .idLink dd,
.philosophyLinkBox .athleteLink dd,
.philosophyLinkBox .shopLink dd,
.philosophyLinkBox .sekaiLink dd{
	padding-left:20px;
}

.philosophy2020Box{
	text-align: center;
	margin: 50px 0;
}

.id3boxText01{
	text-align: center;
	font-size: 18px;
	margin: 50px 0 0 0;
}

/*-- banaBox：ページ下のバナー --*/

.banaBox{
	padding-top:20px;
	margin-bottom:40px;
}

#banner-shop,
#banner-athlete,
#banner-id,
#banner-sekai{
	display: block;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: solid 3px #AAA;
	margin:0 0 15px 0;
}

#banner-shop{
	padding: 35px 40px 25px 20px;
	background-color: #e6001b;
	background-image: 
		url(../../company/images/link_ico_02.png),
		url(../../company/images/link_ico_03.png);
	background-position: 
		99% 50%,
		100% 100%;
	background-repeat: no-repeat;
}

#banner-athlete{
	background-image:
		url(../../company/images/link_ico_01.png),
		url(../../company/images/link_ico_03.png),
		url(../../company/images/philosophy_img_05_basebg.jpg);
	background-position:
		99% 50%,
		100% 100%;
	background-repeat:
		no-repeat,
		no-repeat,
		repeat-x;
}

#banner-id{
	padding:30px 0 25px 0;
	background-image:
		url(../../company/images/link_ico_01.png),
		url(../../company/images/link_ico_03.png);
	background-position:
		99% 50%,
		100% 100%;
	background-repeat:
		no-repeat,
		no-repeat;
}

#banner-sekai{
	background-image: 
		url(../../company/images/link_ico_02.png),
		url(../../company/images/link_ico_03.png),
		url(../../company/images/philosophy_img_07_bg.jpg);
	background-position: 
		99% 50%,
		100% 100%;
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-x;
}

#banner-id img,
#banner-athlete img,
#banner-shop img,
#banner-sekai img{
	max-width:100%;
	height:auto;
/*	max-width:653px;
	width:100%; */
}

#banner-sekai img{
	display:block;
	margin:0 auto;
}



/* media 1280 */
@media screen and (max-width:1280px){
	#banner-sekai{
		padding: 10px 0;
	}
	#banner-sekai img {
		max-width: 70%;
	}
}


/* media 986 */
@media screen and (max-width:986px){

	#banner-id img,
	#banner-athlete img,
	#banner-shop img{
		max-width:80%;
	}

	#banner-sekai {
		padding: 20px 0;
	}

	#banner-sekai img {
		max-width: 60%;
	}
}


/* media 767 */
@media screen and (max-width:767px){

	.philosophyLinkBox{
		width:90%;
		margin-bottom:30px;
		padding-top:0;
	}
	
	.philosophyLinkBox .idLink,
	.philosophyLinkBox .athleteLink,
	.philosophyLinkBox .shopLink,
	.philosophyLinkBox .sekaiLink{
		width:100%;
	/*	width:82%;
		float:none; */
		margin:0 auto 20px auto;
	}
	
	.philosophyLinkBox li{
		width:100%;
	}
	
	.philosophyLinkBox li.right,
	.philosophyLinkBox li.left{
		float:none;
	}

	.philosophyLinkBox .idLink dd,
	.philosophyLinkBox .athleteLink dd,
	.philosophyLinkBox .shopLink dd,
	.philosophyLinkBox .sekaiLink dd{
		padding-left:0;
	}

	#banner-shop,
	#banner-athlete,
	#banner-id,
	#banner-sekai{
		background-size: 5.5%,6.5%;
	}

	
}


/* media 600 */
@media screen and (max-width:600px){

	#banner-shop{
		padding:20px 0 15px 0;
	}
	
	#banner-id{
		padding:20px 0 18px 0;
	}

}


/* media 480 */
@media screen and (max-width:480px){

	table.table-1{
		margin-left:auto;
		margin-right:auto;
	}
	
	table.table-1 td{
		display:block;
		padding-left:0;
	}
	
	table.table-1 th{
		display:block;
		width:90%;
		margin:0 auto;
	/*	padding: 5px 30px 5px 10px;*/
		border-right-style:none;
		border-bottom:solid 1px #bbb;
	}
	
	#table-001,
	#table-002{
		margin:0;
		width:95%;
		margin:0 auto;
		padding:0;
	}
	
	#table-001 th{width:90%;}
	#table-002 th{width:90%;}
	
	#table-001 td{
		width:100%;
	}
	
	#table-002{
		margin-bottom:20px;
	}
	
	#table-002 td{
		width:100%;
	}
	
	table.table-1 td{
		padding:5px 0px 5px 10px;
	}
	
	div.mission-img{
		margin:10px auto 50px;
		width:100%;
		max-width:352px;
	}
	
	div.mission-img img{
		width:100%;
		height:auto;
	}
	
	.banaBox{
		padding-top:0;
	}
	
	#banner-idome,
	#banner-id,
	#banner-athlete,
	#banner-sekai{
		padding: 0 0px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	/*  IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS */
	}
	
	#banner-sekai{
		margin: 0;
		padding: 10px 0;
	}
	
	#banner-id{
		margin:0 0 15px 0;
	/*	background:url(../../company/images/philosophy_img_04_basebg.jpg) repeat-x; */
	}
	
	#banner-shop{
/*
		background:#e6001b;
*/
		padding:15px 0 10px 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-position: -100%, 100% 100%;
	}
	
	#banner-athlete{
/*
		background:url(../../company/images/philosophy_img_05_basebg.jpg) repeat-x;
*/
		background-position: -100%, 100% 100%;
	}
	
	#banner-id{
		padding:12px 0;
		background-position: -100%, 100% 100%;
/*
		background:none;
*/
	}
	
	#banner-sekai{
		background-position: -100%, 100% 100%;
/*
		background:url(../../company/images/philosophy_img_07_bg.jpg) repeat-x;
*/
	}
/*	
	.philosophyLinkBox{
		width:85%;
	}
	
	.philosophyLinkBox .idLink,
	.philosophyLinkBox .athleteLink,
	.philosophyLinkBox .shopLink,
	.philosophyLinkBox .sekaiLink{
		width:100%;
	}
*/	
}


/* media 330 */
@media screen and (max-width:330px){

	#banner-id{
		padding:8px 0 10px 0;
	}
	
	#banner-shop{
		padding:10px 0;
	}

}