@charset "UTF-8";

/*共通設定*/
*{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:150%;
}
a{color:#00f;}
a:hover{color:#66f;}
a img{border:none;}
ul{padding-left:20px;}
ol{padding-left:30px;}
em{font-style:normal;color:#f00;}

/*枠組み*/
body{
	background-color:#fff;
	text-align:center;
}
#wrapper{
	width:800px;
	margin:0 auto;
	border:1px solid #999;
	text-align:left;
}
#head{
	width:800px;
	height:89px;
	border-top:5px solid #063;
	border-bottom:5px solid #063;
	background-color:#d5ffbf;
}
#body{
	clear:both;
	width:800px;
	margin:10px 0;
}
#main{
	float:right;
	width:540px;
}
#navi{
	float:left;
	width:250px;
}
#foot{
	clear:both;
	width:800px;
	margin-top:10px;
	background-color:#d5ffbf;
	color:#063;
	text-align:center;
	font-size:10px;
}
.clr{clear:both;}

/**トップページ**/

/*head*/
#head h1{
	width:260px;
	float:left;
}
#head p{
	width:350px;
	float:left;
	color:#666;
	font-size:12px;
	padding:12px 0;
}
#head #gtop{
	width:180px;
	height:89px;
	float:right;
	background-color:#fff;
	text-align:center;
	font-size:10px;
	color:#666;
	border-right:10px solid #d5ffbf;
}

#head #gtop a{width:80px;float:left;text-decoration:none;}
#head #gtop a.mailbtn{width:170px;clear:left;}

/*main*/
#main #main-inner{
	margin-right:10px;
}
#main #main-inner #banner{
	margin:10px 0;
}
#main #main-inner #banner h2{
	margin:0;
}
#main #main-inner #news{
	margin:10px 0;
	width:530px;
	height:100px;
	border-top:2px solid #063;
	border-bottom:2px solid #063;
	background-color:#d5ffbf;
}
#main #main-inner #news h2{
	float:left;
	width:100px;
}
#main #main-inner #news ul{
	float:right;
	width:400px;
	height:100px;
	overflow:auto;
	background-color:#fff;
}
#main #main-inner #news ul li{
	list-style-type:none;
	padding-left:50px;
	margin-top:5px;
	background:url(img/arrow_gray.gif) 35px 3px no-repeat;
	color:#666;
	font-size:90%;
}
#main #main-inner #news ul li a{
	padding-left:1em;
}

/*navi*/
#navi #navi-inner{
	margin-left:10px;
}
#navi #navi-inner #mail a{
	width:240px;
	height:60px;
	display:block;
	background:url(img/btn_mail.gif) left top no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#navi #navi-inner #mail a:hover{
	background:url(img/btn_mail.gif) 0 -60px no-repeat;
}
#navi #navi-inner ul{
	border:1px solid #ccc;
	padding:0 10px;
	margin-top:10px;
	background:url(img/menubg.gif) left top repeat;
}
#navi #navi-inner ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
#navi #navi-inner ul li a{
	display:block;
	padding:5px 0 5px 15px;
	margin:10px 0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:5px solid #063;
	background-color:#fff;
	text-decoration:none;
	color:#333;
}
#navi #navi-inner ul li a:hover{
	background-color:#d5ffbf;
}
#navi #navi-inner ul li div{
}

/*foot*/
#foot #foot-inner{
	border:10px solid #063;
	border-style:none solid;
	padding:3px 0;
}

/*ポップアップメニュー*/
body.top #menuLayer0,body.top #menuLayer1,body.top #menuLayer2,body.top #menuLayer3,body.top #menuLayer4,body.top #menuLayer5,body.top #menuContainer{
	filter: Alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/**カテゴリ／エントリ共通**/

/*head*/
body.entry #head,body.category #head{
	height:60px;
}
body.entry #head .logo,body.category #head .logo{
	width:240px;
	float:left;
}
body.entry #head p,body.category #head p{
	width:350px;
	float:left;
	color:#333;
	font-size:12px;
	padding:12px 0 10px 0;
}
body.entry #head #gtop,body.category #head #gtop{
	width:180px;
	height:60px;
	float:right;
	background-color:#fff;
	text-align:center;
	border-right:10px solid #d5ffbf;
}
body.entry #head #gtop .qb5logo,body.category #head #gtop .qb5logo{width:80px;margin-top:8px;float:left;}

/*main*/
body.entry #main #main-inner,body.category #main #main-inner{
	margin:0 30px 0 10px;
}


/*navi*/
body.entry #navi #navi-inner ul ul,body.category #navi #navi-inner ul ul{
	border:none;
	background:transparent;
	padding:0 0 0 10px;
	margin-top:10px;
}
#navi #navi-inner ul ul li{
	font-size:12px;
}
#navi #navi-inner ul ul li a{
	display:block;
	padding:5px 0 5px 15px;
	margin:10px 0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:5px solid #063;
	background-color:#fff;
	text-decoration:none;
	color:#666;
}

/**カテゴリ**/

/*main*/

body.category #main{font-size:95%;}
body.category #main .path{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	font-size:90%;
	color:#999;
}
body.category #main h1{
	padding:10px;
	margin-bottom:20px;
	font-size:110%;
	background-color:#063;
	color:#fff;
}
body.category #main h2 a{
	display:block;
	border-left:10px solid #063;
	border-bottom:1px solid #063;
	padding:5px 10px;
	margin:10px 0 10px 10px;
	font-size:105%;
}
body.category #main h2 a:hover{
	background-color:#eee;
}
body.category #main p{
	margin:5px 0 5px 10px;
	font-size:90%;
}
body.category #main p a{
	display:block;
	color:#999;
	text-decoration:none;
}
body.category #main p a:hover{
	display:block;
	background-color:#eee;
}
body.category #main .date{
	margin:10px 0;
	text-align:right;
	font-size:90%;
	color:#666;
	border-top:1px solid #ccc;
}

/**エントリ**/

/*main*/
/*エントリ入力内容に入るタグも含む*/

body.entry #main{font-size:90%;}
body.entry #main .path{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	font-size:90%;
	color:#999;
}
body.entry #main h1{
	border-left:10px solid #063;
	padding:10px;
	margin-bottom:20px;
	font-size:110%;
	background-color:#d5ffbf;
}
body.entry #main .lead{
	margin:5px 0;
}
body.entry #main h2{
	border-left:10px solid #063;
	border-bottom:1px solid #063;
	padding:5px 10px;
	margin:20px 0 20px 10px;
	font-size:105%;
}
body.entry #main .lev2{margin-left:20px;}
body.entry #main h3{
	border-left:10px solid #d5ffbf;
	border-bottom:1px dotted #ccc;
	padding:3px 10px;
	margin:20px 0 20px 20px;
	color:#666;
}
body.entry #main p{
	margin:5px 0 5px 10px;
}
body.entry #main .lev3{margin-left:30px;}
body.entry #main table{
	border:1px solid #666;
	border-collapse:collapse;
}
body.entry #main table td,body.entry #main table th{
	border:1px solid #666;
	padding:3px;
}
body.entry #main .date{
	margin:10px 0;
	text-align:right;
	font-size:90%;
	color:#666;
	border-top:1px solid #ccc;
}

/*個別デザイン*/
body.entry #main table.qbhr_tolltbl{
	margin:20px;
	font-size:85%;
}
body.entry #main table.qbhr_tolltbl th{background-color:#ffc;}
body.entry #main table.qbhr_tolltbl caption{background-color:#ff9;text-align:left;font-weight:bold;}
body.entry #main table.qbhr_tolltbl span{font-size:80%;}
body.entry #main table.toll_extbl{
	margin:20px;
	font-size:80%;
	border-style:none;
}
body.entry #main table.toll_extbl td,body.entry #main table.toll_extbl th{border-style:none;}
body.entry #main table.toll_extbl th{white-space:nowrap;text-align:right;}
body.entry #main .cap{font-size:70%;}
body.entry #main h3.mail{
	border-style:none;
	text-align:center;
}
body.entry #main h3.mail a{
	width:240px;
	height:60px;
	margin:20px auto;
	display:block;
	background:url(img/btn_mail2.gif) left top no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
body.entry #main h3.mail a:hover{
	background:url(img/btn_mail2.gif) 0 -60px no-repeat;
}
body.entry #main table.flow{
	margin:20px;
	font-size:85%;
	border-style:none;
	border-collapse:separate;
}
body.entry #main table.flow td{
	border-style:none;
	background-color:#eee;
	text-align:center;
}
body.entry #main table.flow th{
	border-style:none;
	background-color:#ccc;
	text-align:center;
}
body.entry #main table.flow ul{text-align:left;font-size:90%;}
body.entry #main table.form{font-size:85%;}
body.entry #main table.form th{background-color:#ffc;text-align:center;}
body.entry #main table.form2{margin-left:30px;font-size:85%;}
body.entry #main table.form2 th{background-color:#ffc;text-align:center;}
body.entry #main table.form2 th.task{white-space:nowrap;background-color:#adf;}
body.entry #main table.form2 td.join{border-style:none;}
body.entry #main table.competitor{margin-left:30px;border-style:none;font-size:85%;}
body.entry #main table.competitor td{border-style:none;vertical-align:top;}
body.entry #main .rel{
	margin:20px 0;
	padding:10px;
	border:1px dotted #ccc;
	font-size:90%;
}
body.entry #main .rel ul{
	margin:0;
	padding:0;
}
body.entry #main .rel ul li{
	list-style-type:none;
	padding-left:50px;
	margin-top:5px;
	background:url(img/arrow_gray.gif) 35px 3px no-repeat;
	color:#666;
	font-size:90%;
}
body.entry #main .rel ul li a{
	padding-left:1em;
}
body.entry #main .notice{font-size:70%;color:#333;text-align:left;}

/*MacIE対応\*//*/
#body{position:relative;}
#navi{position:absolute;top:0;left:0;}
/**/


/*A4印刷に対応*/
@media print {
	body.entry #main #main-inner,body.category #main #main-inner{margin-right:50px;}
	body.entry #navi,body.category #navi{width:240px;}
	body.entry #navi #navi-inner #mail a,body.category #navi #navi-inner #mail a{width:230px;}
	#navi #navi-inner ul li a,#navi #navi-inner ul ul li a{margin:0;}
	#navi #navi-inner ul{padding:10px;}
	#navi #navi-inner ul ul{padding:0 0 0 10px;margin-bottom:10px;}
}