.signboard{ }
.header{ }
.tab{ }
.sponser-block-main-bottom { }


/* Desktop Layout 980 */

@media screen and (max-width: 1199px) {

	.maintextout { margin:0 0px; width:638px; }
	.maintext { text-align:left; margin:0 0px; width:618px; padding:0px 0px 0px 10px; line-height: 175%; }

	body { padding:0px; margin:0px; text-align:center; background-attachment: scroll; background-image: url("/ja-jp/image/backscreen_grad500.png"); background-repeat: repeat-x; }

	#out_wide { margin:0 0px; width:100%; height=100%; text-align:left; background-color:#ffffff; margin:0 auto; }
	#head { margin:0 0px; color:#000000; }
	#head_wide { margin:0 0px; width=100%; height: 230px; color:#000000; background-color:#ffffff; }
	#foot { margin:0 0px; color:#000000; background-color:#ffffff; clear:both; }
	#mid { margin:0 0px; float:left; background:url("/ja-jp/image/mid_background_rev980.png") repeat-y left top; }
	#mid_wide { margin:0 0px; width:100%; height=100%; float:left; }

	#out { margin:0 0px; width:980px; text-align:left; margin:0 auto; }

	#exright { margin:0 0px; float:left; width:330px;}
	#rightright { margin:0 0px; float:right; width:320px; overflow: hidden; padding:5px 0px 0px 0px;}

	#rightleft { margin:0 0px; float:left; width:10px; }

	#exleft { margin:0 0px; float:left; width:650px;}
	#leftright { margin:0 0px; float:right; width:650px; }
	#leftleft { margin:0 0px; float:left; width:0px; overflow: hidden; padding:5px 0px 0px 0px;}
	#mainright { margin:0 0px; float:right; width:640px; background-color:#ffffff; padding:5px 0px 0px 0px;}
	#mainleft { margin:0 0px; float:left; width:0px;}

	.responsive-hide { }
	.responsive-show { display:none; }
	.responsive-container { width:98%; padding:10px 0px 10px 8px; }
	.twitter-box { }

	.signboard { background-color:#000000; width:100%; padding:1% 0px 20px 0px; }
}

/* Desktop Layout 940 */

@media screen and (max-width: 1010px) {

	.maintextout { margin:0 0px; width:598px; }
	.maintext { text-align:left; margin:0 0px; width:578px; padding:0px 0px 0px 10px; line-height: 175%; }

	body { padding:0px; margin:0px; text-align:center; background-attachment: scroll; background-image: url("/ja-jp/image/backscreen_grad500.png"); background-repeat: repeat-x; }

	#out_wide { margin:0 0px; width:100%; height=100%; text-align:left; background-color:#ffffff; margin:0 auto; }
	#head { margin:0 0px; color:#000000; }
	#head_wide { margin:0 0px; width=100%; height: 230px; color:#000000; background-color:#ffffff; }
	#foot { margin:0 0px; color:#000000; background-color:#ffffff; clear:both; }
	#mid { margin:0 0px; float:left; background:url("/ja-jp/image/mid_background_rev940.png") repeat-y left top; }
	#mid_wide { margin:0 0px; width:100%; height=100%; float:left; }

	#out { margin:0 0px; width:940px; text-align:left; margin:0 auto; }

	#exright { margin:0 0px; float:left; width:330px;}
	#rightright { margin:0 0px; float:right; width:320px; overflow: hidden; padding:5px 0px 0px 0px;}

	#rightleft { margin:0 0px; float:left; width:10px; }

	#exleft { margin:0 0px; float:left; width:610px;}
	#leftright { margin:0 0px; float:right; width:610px; }
	#leftleft { margin:0 0px; float:left; width:0px; overflow: hidden; padding:5px 0px 0px 0px;}
	#mainright { margin:0 0px; float:right; width:600px; background-color:#ffffff; padding:5px 0px 0px 0px;}
	#mainleft { margin:0 0px; float:left; width:0px;}

	.responsive-hide { }
	.responsive-show { display:none; }
	.responsive-container { width:98%; padding:10px 0px 10px 8px; }
	.twitter-box { }

	.signboard { background-color:#000000; width:100%; padding:1% 0px 20px 0px; }
}


/* Mobile Layout */

@media screen and (max-width: 979px){

	.maintextout { margin:0 0px; width:100%; }
	.maintext { text-align:left; margin:0 0px; width:100%; padding:0px 0px 0px 0px; line-height: 175%; }

	body { padding:0px 5px 0px 5px; margin:0px; text-align:center; background-attachment: scroll; background-image: none; background-color:#ffffff; }


	#out_wide { margin:0 0px; width:100%; height=100%; text-align:left; background-color:#ffffff; margin:0 auto; }
	#head { margin:0 0px; color:#000000; }
	#head_wide { margin:0 0px; width=100%; height: 230px; color:#000000;; }
	#foot { margin:0 0px; color:#000000; background-color:#ffffff; clear:both; }
	#mid { margin:0 0px; width:100%; float:left; background-color;#ffffff; }
	#mid_wide { margin:0 0px; width:100%; height=100%; float:left; }

	#out {margin:0 0px; width:100%; text-align:left; margin:0 auto; }

	#exright { float:none; width:100%; background-color:#ffffff; }
	#rightright { float:none; width:100%; background-color:#ffffff; }
	#rightleft {  display:none; width:0px; background-color:#ffffff; }

	#exleft { margin:0 0px; float:none; width:100%; background-color:#ffffff; }
	#leftright { margin:0 0px; float:right; width:100%; background-color:#ffffff; }
	#leftleft { margin:0 0px; float:left; width:0px; overflow: hidden; background-color:#ffffff; }
	#mainright { margin:0 0px; float:right; width:100%; background-color:#ffffff; padding:8px 0px 0px 0px; }
	#mainleft { margin:0 0px; float:left; width:0px; background-color:#ffffff; }

	.responsive-hide { display:none; }
	.responsive-show { }
	.responsive-container { width:100%; padding:10px 0px 10px 0px; }
	.twitter-box { margin:10px 5px 10px 5px; padding:10px;20%;10px;20%; max-width:430px; background-color:#bebebe; border-radius:5px 5px 0px 0px; text-align:center; }

	.signboard { background-color:#000000; width:100%; padding:1% 0px 20px 0px; }
}


/* Printer Layout */

@media print {

	.maintextout { margin:0 0px; width:100%; }
	.maintext { text-align:left; margin:0 0px; width:100%; padding:0px 0px 0px 0px; line-height: 175%; }

	body { text-align:center; background-attachment: scroll; }

	#out_wide { margin:0 0px; width:100%; height=100%; text-align:left; background-color:#ffffff; margin:0 auto; }
	#head { margin:0 0px; color:#000000; }
	#head_wide { margin:0 0px; width=100%; height: 230px; color:#000000;; }
	#foot { margin:0 0px; color:#000000; background-color:#ffffff; clear:both; }
	#mid { margin:0 0px; width:100%; float:left; background-color;#ffffff; }
	#mid_wide { margin:0 0px; width:100%; height=100%; float:left; }

	#out { margin:0 0px; width:100%; text-align:left; margin:0 auto; }

	#exright { float:none; width:100%; background-color:#ffffff; }
	#rightright { float:none; width:100%; background-color:#ffffff; }
	#rightleft {  display:none; width:0px; background-color:#ffffff; }

	#exleft { margin:0 0px; float:none; width:100%; background-color:#ffffff; }
	#leftright { margin:0 0px; float:right; width:100%; background-color:#ffffff; }
	#leftleft { margin:0 0px; float:left; width:0px; overflow: hidden; background-color:#ffffff; }
	#mainright { margin:0 0px; float:right; width:100%; background-color:#ffffff; padding:8px 0px 0px 0px; }
	#mainleft { margin:0 0px; float:left; width:0px; background-color:#ffffff; }

	.responsive-hide { display:none; }
	.responsive-show { }
	.responsive-container { width:100%; padding:10px 0px 10px 0px; }
	.twitter-box { }



	.signboard{ }
	.header{ }
	.tab{ display: none; }

	#exright { display: none; }
	#.sponser-block-main-bottom { display: none; }

}

.clear { clear:both; }
.clear hr { display:none; }



/* Floting Text/Image Box */

.float-text { float:right; width:68%; }
@media screen and (max-width: 430px){
	.float-text { width:100%; }
}

.float-image { float:left; width:30%; padding:0px 0px 15px 0px; }
@media screen and (max-width: 430px){
	.float-image { width:100%; padding:0px 0px 15px 0px; }
}

.phone-hide { }
@media screen and (max-width: 430px){
	.phone-hide { display:none; }
}



/* Header */

.search-bar { float:right; width:400px; padding:10px 10px 0px 0px; }
@media screen and (max-width: 700px){
	.search-bar { float:right; width:285px; padding:10px 10px 0px 0px; }
}
@media screen and (max-width: 700px){
	.search-bar { float:right; width:285px; padding:10px 10px 0px 0px; }
}
@media screen and (max-width: 580px){
	.search-bar { display: none; }
}


.tab{ text-align: left; background-color:#000000; padding-bottom: 2px; }
@media screen and (max-width: 700px){
	.tab{ text-align: center; background-color:#000000; padding-bottom: 2px; }
}
@media print {
	.tab{ display: none; }
}

@media screen and (min-width: 370px) and (max-width: 420px){
	.tab img { margin-right: 5px; margin-left: 5px; }
}
@media screen and (min-width: 420px) and (max-width: 520px){
	.tab img { margin-right: 10px; margin-left: 10px; }
}
@media screen and (min-width: 520px) and (max-width: 570px) {
	.tab img { margin-right: 20px; margin-left: 20px; }
}
@media screen and (min-width: 570px) and (max-width: 610px) {
	.tab img { margin-right: 30px; margin-left: 20px; }
}

.tab-offset{ }
@media screen and (max-width: 700px){
	.tab-offset{ display: none; }
}
@media screen and (min-width: 330px) and (max-width: 610px){
	.tab-offset-double-rows{ display: inline; }
}


.rinearnlogo { display: none; }
@media screen and (min-width: 700px){
	.rinearnlogo { display: inline; float:right; }
}