@charset "UTF-8";
/* CSS Document */


/* trivia
============================================================================== */
#triviaBox{
	padding-top:287px;
	height:633px;
	background:url(../images/trivia_h3.gif) 415px 188px no-repeat;
	}
	#triviaBox h3{ display:none;}
#triviaTitle{
	position:absolute;
	top:180px;
	left:183px;
	}
	@media screen and (max-width: 768px){
		#triviaBox{
		padding-top:0;
		height:auto;
		background:none;
		}
		#triviaTitle{ display:none;}
	}
#tabs{
	width:920px;
	height:450px;
	background:url(../images/tabs_bg.png) 276px 0 no-repeat;
	}
	
#tabs .tabsCont{
	width:520px;
	height:362px;
	position:absolute;
	left:284px;
	top:0px;
	padding:45px 50px 0 50px;
	}
	#tabs .tabsCont h4{
		font-size:25px;
		color:#e50012;
		margin-bottom:30px;
		text-align:center;
		}
	#tabs #waku{
		width:40px;
		height:400px;
		position:absolute;
		left:284px;
		top:0px;
		background:#fff;
		z-index:800;
		}
#tabMenu {
	position:absolute;
	top:19px;
	left:85px;
	}
#tabMenu li{
	width:210px;
	}
#triviaImg01{
	position:absolute;
	top:-10px;
	left:350px;
	}
#triviaImg02{
	position:absolute;
	top:76px;
	left:388px;
	}
#triviaImg03{
	position:absolute;
	top:1067px;
	left:661px;
	}
	
.rotate{
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
 	}  
.rotate2{
    -webkit-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);
 	} 
.rotate3{
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate33deg);
    -o-transform:rotate(3deg);
 	} 
.rotate4{
    -webkit-transform:rotate(-1deg);
    -moz-transform:rotate(-1deg);
    -o-transform:rotate(-1deg);
 	}

#tabMenu li#tm001{ margin:0 0 16px 0;}
#tabMenu li#tm002{ margin:0 0 12px 10px;}
#tabMenu li#tm003{ margin:0 0 10px 10px;}
#tabMenu li#tm004{ margin:0 0 15px 15px;}
#tabMenu li#tm005{ margin:0 0 12px 5px;}
#tabMenu li#tm006{ margin:0 0 12px 15px;}
@media screen and (max-width: 768px){
		#tabs{
		width:auto;
		height:auto;
		background:none;
		}
		#tabs .tabsCont{
		width:auto;
		height:auto;
		position:relative;
		left:auto;
		top:0px;
		padding:0;
		}
		#tabs .tabsCont h4{
			font-size:140%;
			color:#00409e;
			margin-bottom:15px;
			}
		#tabMenu {
			position:relative;
			top:auto;
			left:auto;
			margin:20px 0;
			}
		#tabMenu li{
			width:auto;
			float:left;
			}
			#tabMenu li#tm001,#tabMenu li#tm002,
			#tabMenu li#tm003,#tabMenu li#tm004,
			#tabMenu li#tm005,#tabMenu li#tm006{ margin-bottom:15px}
		#waku,#triviaImg01,#triviaImg02,#triviaImg03{ display:none;}
	}