﻿/* *********************************************************
 *
 *	Common styles.
 *	Assumed for PC screens, projectors, and TVs.
 *
 * *********************************************************
 */



/* ******************** Browser-formatting styles */
* {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "ＭＳ Ｐゴシック", Osaka, san-serif;
	line-height: 1.4;
}

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
} 


th, td, form, input, textarea, select {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "ＭＳ Ｐゴシック", Osaka, san-serif;
	line-height: 1.4;
}

img { behavior: url(iepngfix.htc) }

ul {
	margin:0;
	padding:0;
	list-style:none;
}

a:link {
	color: #2F3D44;
	text-decoration: none;
}

a:visited {
	color: #2F3D44;
	text-decoration: none;
}

a:active {
	color: #616161;
	text-decoration: none;
}

a:hover {
	color: #800080;
	text-decoration: underline;
}	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* ******************** For common classes */
.none {
	display: none;
}
/* ******************** For body element */
body.comBody {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	text-align:left;
	font-size:12px;
	letter-spacing:1px;
	line-height:14px;
	background:#ffffff url(../img/mainback.gif) top  center no-repeat;
	background-attachment: fixed;
}





/* ******* For comContainer */
div#comContainer {
	position:relative;
	margin:0 auto;
	padding:0;
	width:900px;
	height:auto;
	text-align:left;
}

div#comContainer .spc {
	clear:both;
	margin:0;
	padding:0;
	width:900px;
	height:60px;
	display:block;
}




/* ******************** For Header */
div#Header {
	margin:0;
	padding:0;
	width:900px;
	height:112px;
	background:#ffffff url(../img/header_back.gif) top left no-repeat;
}

div#Header .logo {
	margin:15 0 0 17px;
	padding:0;
	width:290px;
	height:95px;
	display:block;
}





/* ******************** For Primary */
div#Primary {
	float:left;
	margin:5px 12px 0 0;
	padding:0;
	width:680px;
	height:auto;
	display:block;
}

div#Primay ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#Primary li {
	float:left;
	margin:0;
	padding:0;
}

div#Primary .mli {
	margin:0;
}

div#Primary .mov {
	margin:10px;
	padding:9px;
	width:662px;
	height:301px;
	background: url(../img/mov_waku.gif) top left no-repeat;
}

div#Primary .level1 {
	margin:0 0 10px 10px;
	padding:20px;
	width:640px;
	height:310px;
	background: url(../img/level1_back.gif) top left no-repeat;
	display:block;
}

div#Primary .h2tit {
	margin:0 0 15px 10px;
	width:400px;
	height:40px;
}

div#Primary .lv1_com {
	margin:10px 15px 5px 15px;
	padding:0 0 10px 0;
	width:610px;
	height:auto;
	border-bottom:1px dotted #9A9A9A;
	display:block;
}

div#Primary .lv1_bt {
	margin:30px 0 0 215px;
	width:200px;
	height:70px;
	display:block;
}


div#Primary .level2 {
	margin:0 0 0 10px;
	padding:10px 0;
	width:640px;
	height:auto;
	display:block;
}

div#Primary .tit5bg {
	margin:5px 0;
	padding:10px 0 15px 100px;
	width:550px;
	height:65px;
	background: url(../img/tit5bg.gif) top left no-repeat;
	display:block;
}

div#Primary .tit4bg {
	margin:5px 0;
	padding:10px 0 15px 100px;
	width:550px;
	height:65px;
	background: url(../img/tit4bg.gif) top left no-repeat;
	display:block;
}

div#Primary .tit3bg {
	margin:5px 0;
	padding:10px 0 15px 100px;
	width:550px;
	height:65px;
	background: url(../img/tit3bg.gif) top left no-repeat;
	display:block;
}

div#Primary .tit2bg {
	margin:5px 0;
	padding:10px 0 15px 100px;
	width:550px;
	height:65px;
	background: url(../img/tit2bg.gif) top left no-repeat;
	display:block;
}

div#Primary .tit02bg {
	margin:5px 0;
	padding:10px 0 15px 100px;
	width:550px;
	height:65px;
	background: url(../img/tit02bg.gif) top left no-repeat;
	display:block;
}

div#Primary .tit1bg {
	margin:5px 0;
	padding:10px 0 15px 100px;
	width:550px;
	height:65px;
	background: url(../img/tit1bg.gif) top left no-repeat;
	display:block;
}


div#Primary .lvht {
	font-size:13px;
	color:#0000FF;
}

div#Primary .lv2com {
	float:left;
	width:440px;
	height:53px;
	font-size:12px;
	color:#484848;
}

div#Primary .trylk {
	float:left;
	margin:0;
	width:100px;
	height:53px;
	display:block;
}

div#Primary .lv2_day {
	margin:0 10px 0 0;
	font-size:10px;
	color:#A0A0A0;
	display:inline;
}

div#Primary .lv2_com {
	margin:0 0 8px 0;
	padding:0 0 1px 0;
	width:auto;
	font-size:13px;
	border-bottom:1px solid #808080;
}

div#Primary .p_tit {
	margin:0 0 3px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

div#Primary .p_com {
	margin:0 0 3px 10px;
	padding:0;
	font-size:11px;
	color:#400040;
}

div#Primary .p_com0 {
	margin:0 0 0 5px;
	padding:0;
	font-size:11px;
	color:#0000FF;
}




/* ******************** For Secondary */
div#Secondary {
	float:left;
	margin:5px 0 0 0;
	padding:10px 0 0 0;
	width:200px;
	height:auto;
	background: url(../img/sec_top_w200.gif) top left no-repeat ;
}

div#Secondary .sec_com {
	margin:2px 0 0 0;
	padding:5px;
	width:160px;
	font-size:13px;
	font-weight:bold;
	color:#121212;
	background-color:#ffffff;
}

div#Secondary .sec_day {
	margin:3px;
	padding:0;
	font-size:10px;
	color:#A0A0A0;
	display:block;
}

div#Secondary .list {
	margin:1px;
	padding:0;
	font-size:11px;
	color:#676767;
	display:block;
	font-weight:normal;
}

div#Secondary .scom {
	margin:3px 0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}

div#Secondary .sec_bt {
	width:160px;
	text-align:center;
}

div#Secondary .sec_but {
	margin:0;
	padding:0;
	width:200px;
	height:10px;
	background: url(../img/sec_but_w200.gif) top left no-repeat;
}

div#Secondary .link_img {
	margin:0 0 10px 0;
	padding:0;
}


/* ******************** For Main */
div#Main {
	float:left;
	margin:15px 0 0 0;
	padding:0 10px;
	width:880px;
	height:auto;
	display:block;
}



div#Main .tit01 {
	margin:0;
	padding:10px;
	width:860px;
	height:auto;
	background-color:#bfbfbf;
	font-size:17px;
	font-weight:bold;
}

div#Main .stit {
	margin:1px;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	display:block;
	border:1px solid red;
}

div#Main .com01 {
	margin:0 0 10px 0;
	padding:10px;
	width:auto;
	background-color:#ffffff;
}

div#Main .com02 {
	margin:0;
	padding:10px;
	width:auto;
	background-color:#ffffff;
}

div#Main .pare {
	clear:both;
	width:600px;
}

div#Main .maru {
	float:left;
	margin:0 1px 0 0;
	padding:0;
	width:39px;
	height:39px;
}

div#Main .batu {
	float:left;
	margin:0 1px 0 0;
	padding:0;
	width:39px;
	height:39px;
}

div#Main .toi01 {
	font-size:15px;
	font-weight:bold;
}

div#Main .toi02 {
	margin:3px 0;
	paddigng:0;
	font-size:11px;
	font-weight:normal;
	color:#808040;
	display:block;
}

div#Main .qiz {
	padding:15px;
	font-size:18px;
	font-weight:bold;
	color:red;
	display:block;
}

div#Main .ans_are {
	margin:10px;
	padding:10px;
	width:auto;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

div#Main .ans {
	float:left;
	margin:0 25px 50px 0;
	display:block;
}

div#Main .aans {
	margin:10px 0;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px dotted #cccccc;
}

div#Main .asn {
	margin:15px 0;
	padding:0;
	width:140px;
	height:49px;
	background: url(../img/but1.gif) top left no-repeat;
	display:block;
}

div#Main .nowq01 {
	margin:3px 0;
	font-size:13px;
	font-weight:bold;
	color:#000040;
}

div#Main .nowq02 {
	margin:5px 0 15px 0;
	width:auto;
	font-size:13px;
	font-weight:bold;
	color:#808040;
	border-bottom:1px dotted #cccccc;
}

div#Main .nowq03 {
	margin:0 0 5px 0;
	width:auto;
	font-size:16px;
	font-weight:bold;
	color:#121212;
}

div#Main .nowq04 {
	margin:0;
	font-size:15px;
	font-weight:bold;
	color:red;
}

div#Main .nowq05 {
	margin:0 0 5px 15px;
	font-size:16px;
	font-weight:bold;
	color:blue;
}

div#Main .nowq06 {
	margin:5px;
	font-size:17px;
}

div#Main .inp {
	margin:0 0 0 15px;
}

div#Main .nowq07 {
	font-size:16px;
	font-weight:bold;
	color:#800000;
}

div#Main .nowq08 {
	margin:0 0 7px 0;
	font-size:13px;
	font-weight:bold;
	color:blue;
}

div#Main .nowq09 {
	margin:0 0 20px 10px;
	padding:0 0 1px 0;
	width:auto;
	border-bottom:1px dotted #cccccc;
}

div#Main .red {
	color:red;
}







/* ******************** For Footer */
div#Footer {
	clear:both;
	margin-top:5px 0 0 0;
	padding:10px 20px 0 20px;
	width:860px;
	height:190px;
	background: url(../img/footer.gif) top left no-repeat;
}