/*　レスポンシブでのテスト用
-----------------------------------------------------------------*/
.testWrap  {  
	width: 1000px;
	max-width: 100%;
	min-width: 300px;
	margin: 0 auto;
}
.testWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.testWrap {	display: inline-block;} 
* html .testWrap {	height: 1%;	}
.testWrap {	display:block;	}

.testMain {
	width:69%;
	margin-right:3%;
	float:left;
	background-color:#FFF;
}
.testSide {
	width:28%;
	float:left;
	background-color:#FFFEEA;
}

@media screen and (max-width: 640px)  {
	.testMain {
		width:96%;
		margin:0 auto;
		float:none;
	}
	.testSide {
		width:96%;
		margin:0 auto;
		float:none;
	}

}


/*　デバイス別の表示・非表示
.elmPC　→　PCのみ
.elmPCTB　→　PCとタブレット
.elmTB　→　タブレットのみ
.elmTBSP　→　タブレットとスマフォ
.elmSP　→　スマフォのみ
-----------------------------------------------------------------*/

.elmPC, .elmPCTB {	display:block;	}
.elmTB {	display:none;	}
.elmTBSP {	display:none;	}
.elmSP {	display:none;	}

a.elmPC, span.elmPC, em.elmPC,
a.elmPCTB, span.elmPCTB, em.elmPCTB
 {	display:inline;	}
 
@media screen and (max-width: 840px){
	.elmPC {	display:none;	}
	.elmTB,.elmTBSP {	display:block;	}
	.elmSP {	display:none;	}
	
	a.elmPC, span.elmPC, em.elmPC
	 {	display:none;	}
	 
	a.elmTB,span.elmTB,em.elmTB,
	a.elmTBSP,span.elmTBSP,em.elmTBSP
	 {	display:inline;	}
 }
@media screen and (max-width: 640px)  {
	.elmPC {	display:none;	}
	.elmTB {	display:none;	}
	.elmPCTB {	display:none;	}
	.elmTBSP {	display:block;	}
	.elmSP {	display:block;	}
	
	a.elmTB,span.elmTB,em.elmTB,
	a.elmPC,span.elmPC,em.elmPC,
	a.elmPCTB, span.elmPCTB, em.elmPCTB
	 {	display:none;	}
	
	a.elmTBSP, span.elmTBSP, em.elmTBSP,
	a.elmSP, span.elmSP, em.elmSP
	 {	display:inline;	}
}



/*　言語切り替え時のコンテンツ表示・非表示
-----------------------------------------------------------------*/
html.langJp .langContents.jp {
	display:block;
}
html.langJp .langContents.en {
	display:none;
}
html.langEn .langContents.en {
	display:block;
}
html.langEn .langContents.jp {
	display:none;
}


/*　メイン検索部分
-----------------------------------------------------------------*/
.hover:hover,
.hover a:hover img,
a:hover img.hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


#Mainsearch {
	width:696px;
}
#Mainsearch p.headTx {
	margin-bottom:10px;
}

#Mainsearch ul.areaGroupList {
	margin-bottom:12px;
}
#Mainsearch ul.areaGroupList li {
	float:left;
	display:block;
}

#Mainsearch ul.areaGroupList li a span.stay {
	display:none;
}
#Mainsearch ul.areaGroupList li a.current span.stay {
	display:block;
}
#Mainsearch ul.areaGroupList li a.current span.normal {
	display:none;
}



#Mainsearch label {
	cursor: pointer;
}
#Mainsearch label:hover  {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

#Mainsearch .areaSearchBlock {
	margin-bottom:10px;
}
#Mainsearch .areaSearchBlock input,
#Mainsearch .genreSearchBlock input {
	display:none;
}
#Mainsearch label img {
	vertical-align:text-bottom;
}
#Mainsearch .areaSearchBlock label {
	display:block;
	float:left;
	width:168px;
	padding-right:6px;
	padding-bottom:6px;
}
#Mainsearch .genreSearchBlock label {
	display:block;
	float:left;
	width:93px;
	padding-right:6px;
	padding-bottom:6px;
}

.areaGroup:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.areaGroup {	display: inline-block;} 
/* Hides from IE Mac */
* html .areaGroup {	height: 1%;	}
.areaGroup {	display:block;	}
/* End Hack */ 

#Mainsearch p.submit {
	text-align:center;
	margin-top:10px;
}
#Mainsearch p.reset {
	text-align:center;
	margin-top:5px;
}

#Mainsearch input[type="submit"],
#Mainsearch input[type="button"],
#Mainsearch input[type="reset"]
 {
    background-color: #E6E6E6;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(64, 64, 64, 0.1);
    color: #7C7C7C;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.42857;
    padding:0.5em 2em;
}

@media screen and (max-width: 1040px){
	#Mainsearch {
		width:101%;
	}
	#Mainsearch p.headTx img {
		width:99%;
	}
	#Mainsearch .areaSearchBlock label {
		width:24%;
		padding-right:1%;
		padding-bottom:4px;
	}
	#Mainsearch .areaSearchBlock label img {
		width:100%;
	}
	#Mainsearch .genreSearchBlock label {
		width:13.4%;
		padding-right:0.8%;
		padding-bottom:4px;
	}
	#Mainsearch .genreSearchBlock label img {
		width:100%;
	}

	#Mainsearch p.submit input {
		width:60%;
	}
	#Mainsearch ul.areaGroupList {
		width:99%;
	}
	#Mainsearch ul.areaGroupList li {
		width:25%;
	}
	#Mainsearch ul.areaGroupList li img {
		width:100%;
	}
}



@media screen and (max-width: 840px){
	.hover:hover,
	.hover a:hover img,
	a:hover img.hover {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	}
	#Mainsearch label:hover  {
		opacity:1;
		filter:alpha(opacity=100);
		-ms-filter: "alpha( opacity=100 )";
	}
	#Mainsearch .genreSearchBlock label {
		width:16%;
		padding-right:0.6%;
		padding-bottom:4px;
	}


}
@media screen and (max-width: 640px)  {
	#Mainsearch .areaSearchBlock {
		margin-bottom:6px;
	}
	#Mainsearch p.headTx {
		margin-bottom:4px;
	}
	#Mainsearch p.submit input {
		width:80%;
	}
	#Mainsearch ul.areaGroupList {
		margin-bottom:4px;
	}
	#Mainsearch .areaSearchBlock label {
		width:32%;
		padding-right:1%;
		padding-bottom:3px;
	}
	#Mainsearch .genreSearchBlock label {
		width:19.2%;
		padding-right:0.8%;
		padding-bottom:3px;
	}
}