* {
	margin:0;
	padding:0;
}

/* General Style Info */
body {
	background: #ffffff;
	color: #000;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:90%;
	margin: 0;
}
a {
	color: #003d4c;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #003d4c;
	text-decoration:none;
}
a img {
	border:none;
}

img {
	border: none;
}

h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	position: absolute;
	font-size: 14px;
	top: 42px;
	left: 320px;
}
h2 {
	color: #e32;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 190%;
	margin: 0.3em 0;
}
h3 {
	color: #993;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 165%;
	padding-top: 1.5em;
}
h4 {
	color: #993;
	font-weight: normal;
	padding-top: 0.5em;
	border-bottom: 1px solid #0167FF;
}
ul, li {
	float: left;
	list-style-type: none;
}

/* Layout */
#page {
	min-height: 700px;
	height: 100%;
	height: !important;
}

/* Header */
#header {
	background: url(../img/header-back.gif) repeat-x scroll;
	height: 122px;
}

#tabs {
	position:absolute;
	top: 78px;
	left: 40px;
}

ul#tabs li {
	float: left;
	font-weight: bold;
	font-size: 16pt;
	text-shadow: 3px 3px 5px #000000;
}

ul#tabs a{
	color: #ffffff;
	display: block;
	text-align: center;
	line-height : 40px;
	height: 40px;
	width: 140px;
	background: url(../img/normal.png) no-repeat;
}

ul#tabs a:hover{
	color: #ffffff;
	display: block;
	text-align: center;
	line-height : 40px;
	height: 40px;
	width: 140px;
	background: url(../img/onmouse.png) no-repeat;
}

li#selected a{
	color: #ffffff;
	display: block;
	text-align: center;
	line-height : 40px;
	height: 40px;
	width: 140px;
	background: url(../img/selected.png) no-repeat;
}

#login {
	position:absolute;
	top: 0;
	right: 60px;
}

#searchform {
	width: 240px;
	background: url(../img/input4.gif) left top no-repeat; 
	display: block;
	height: 24px;
	top: 50px;
	right: 30px;
	position: absolute;
}
#jouken	{
	width: 196px;
	position: absolute;
	top: 3px;
	left: 12px;
	color: #999999;
	border: 1px solid #FFF;
}
#searchBtn	{
	position: absolute;
	top: 5px;
	left: 214px;
}

#navi {
	width: 100%;
	height: 20px;
	background-color: #ffff66;
	color: #000000;
}

#navi span {
	margin:0px;
}

#navi a:link{
	color: #0000FF;
}

#navi a:visited {
	color: #0000FF;
}

#navi .mondai_suu {
	margin: -4px 0 0 10px;
	float: left;
}

#navi .big {
	font-size: 16pt;
	font-weight: bold;
}

#navi .navi{
	float: right;
	margin: 0 20px 0 0;
}

/* Content */
.title {
	width: 700px;
	margin: auto;
}

.mondai {
	width: 700px;
	margin: auto;
	padding: 15px 20px 15px 20px;
	background-color: #ccffff;
	border: 1px solid #0167FF;
	font-weight: bold;
	font-size: 12pt;
	clear: both;
}

.mondai .title {
	float: left;
	color: #993;
	font-size: 16pt;
	font-weight: normal;
	border-bottom: 1px solid #0167FF;
}

.mondai .no {
	padding-right: 10px;
	float: left;
}

.mondai .vote {
	margin-top: -200px;
}

.mondai .topsy_widget_data {
	position:relative;
	float: right;
	width: 85px;
}

.kaitou {
	float: right;
}

#timeline{
	display: none;
}

.bubble2 {
	float: right;
	margin-top: 5px;
	border-bottom: 8px solid black;
	border-left: 10px solid transparent;
	-border-left-color: white;
}
.bubble2 .body {
	color: black;
	font-size: 70%;
	float: right; /* または width を明示 */
 	padding: 3px 5px;
	margin-bottom:-15px;
	background: black;
	color: white;
	-position: relative; /* for IE6 */
}

hr {
	border: 1px #0167FF solid;
}

/* 各問題のページ用 */
.no_title {
	width: 700px;
	min-height: 80px;
	margin: auto;
	padding: 0px 20px 10px 20px;
	background-color: #ccffff;
	border: 1px solid #0167FF;
}

.no_title .left {
	padding-right: 10px;
	float: left;
}

.update {
	float: right;
	padding: 0 6px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

#kekka {
	width: 700px;
	margin: auto;
	padding: 15px 20px 15px 20px;
	background-color: #ffff99;
	border: 1px solid #ff3300;
	font-weight: bold;
	font-size: 12pt;
}

#zenkaitou {
	float: left;
	width: 180px;
	margin: auto;
	padding: 15px 20px 15px 20px;
	background-color: #ffff99;
	border: 1px solid #ff3300;
	font-weight: bold;
	font-size: 12pt;
}

#zenkaitou .juni {
	font-size: 16pt;
	padding: 5px 0;
	color: red;
}

#zenkaitou .hai {
	font-size: 26pt;
}

#zenkaitou .bunsuu {
	float: right;
	margin-top: -25px;
	margin-right: 5px;
	font-size: 20pt;
}

#bunpu {
	float: right;
	width: 400px;
	margin: auto;
	padding: 15px 20px 15px 20px;
	background-color: #ffff99;
	border: 1px solid #ff3300;
	font-weight: bold;
	font-size: 12pt;
}

#bunpu #title{
	color: #e32;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}

#shutudaisha {
	float:right !important;
	color: #000000;
	font-weight: bold;
	font-size: 12pt;
	margin-top: 8px;
}

#shutudaisha a:link {
	color: #3300ff;
	font-weight: bold;
}

#kaitou {
	width: 600px;
	margin: auto;
	padding: 15px 20px 15px 20px;
	background-color: #ffff99;
	border: 1px solid #ff3300;
	font-weight: bold;
	font-size: 12pt;
}

#kaitou #title{
	color: #e32;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	margin: 0.3em 0;
	padding-top: 0.2em;
}

#ToiComment {
	margin-top: 20px;
}

div.grippie {
	background:#eeeeee url(../img/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
}

#comment {
	width: 600px;
	margin: auto;
	padding: 15px 20px 0px 20px;
	background-color: #ffff99;
	border: 1px solid #ff3300;
	font-weight: bold;
	font-size: 12pt;
}

#comment #title{
	color: #e32;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}

.comment {
	width: 600px;
	margin-bottom: 10px;
	border: 1px solid #0033ff;
}

.comment .hai {
	float: left;
	margin-left: 20px;
}

.comment .kaitousha {
	font-weight: normal;
	font-style: normal;
	margin: -18px 20px 0 0;
	float: right;
	padding: 3px 8px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.del {
	float:right;
	margin-right: 40px;
	font-weight: normal;
	font-size: 8pt;
}

.comment .del {
	float:right;
	margin-right: -25px;
	font-weight: normal;
	font-size: 8pt;
}

.arrow {
	float: left;
	margin: 10px 0 0 -16px;
	width: 20px;
	height: 20px;
	z-index: 100;
	background: url(../img/arrow.gif);
}

.bubble {
	float: left;
	margin: 0 0 0 20px;
}
.bubble .body {
	z-index: 10;
	display: block;
	width: 470px;
	padding: 5px 10px;
	margin: 0 0 5px;
	border-radius: 10px;
	border: 1px solid #C0C0C0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #ffffff;
	font: 19px/1.00;
	font-weight: normal;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #000000;
	word-break: break-all;
	-position: relative;
}

.guide {
	width: 650px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: auto;
}

.guide .prev {
	float: left;
	padding: 5px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.guide .rand {
	position: relative;
	top: 6px;
	clear: both;
	width: 100px;
	padding: 5px;
	margin-left: 150px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.guide .next {
	float: right;
	padding: 5px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.guide2 {
	width: 650px;
	padding-top: 5px;
	padding-bottom: 25px;
	margin: auto;
}

.guide2 .latest {
	float: left;
	padding: 5px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.guide2 .update {
	position: relative;
	top: 6px;
	clear: left;
	width: 100px;
	margin-left: 130px;
	padding: 5px 8px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.guide2 .rand {
	float: right;
	padding: 5px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
}

.error {
	text-align: center;
	color: #e32;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 150%;
	font-weight: bold;
	margin: -0.6em 0 0.5em 0;
}

/* vote */
.vote {
	line-height: 22pt;
}

.vote a{
	top: 5px;
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background-repeat : no-repeat;
	float: left;
	vertical-align: bottom;
}

.vote .good a{
	background-image : url(../img/good1.png);
	border: none;
}

.vote .good a:hover{
	background-image : url(../img/good2.png);
	border: none;
}

.vote .bad a{
	background-image : url(../img/bad1.png);
	border: none;
}

.vote .bad a:hover{
	background-image : url(../img/bad2.png);
	border: none;
}

.vote .result {
	color: #000000;
	font-size: 12pt;
	line-height: 24pt;
}

.vote .already {
	color: #000000;
	font-size: 10pt;
	line-height: 24pt;
}

.block {
	margin:5px 0;
}
.block div {
	float:left;
	margin-right:5px;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
}
.clear {
	clear:both;
}


/* trackback */
#trackback {
	width: 650px;
	margin: auto;
	font-weight: normal;
}

#trackback .title {
	width: 640px;
	padding: 2px 0 0 10px;
	background-color: #ffccff;
	font-size: 10pt;
}

#trackback a:link{
	color: #00cccc;
	font-size: 12pt;
}

#trackback a:visited {
	color: #00cccc;
	font-size: 12pt;
}

#trackback .except {
	width: 490px;
	padding: 2px 150px 0 10px;
	background-color: #ffffcc;
	font-size: 10pt;
}

#trackback .date {
	width: 650px;
	margin-right: 100px;
	padding: 0 0 2px 0;
	background-color: #ffffcc;
	text-align: right;
	font-size: 8pt;
}

/* Pagenation */
#pagination {
	width: 800px;
	margin: auto;
	text-align: center;
}

#pagination .disabled {
	display: none;
}

#pagination .paging_inner {
	padding: 5px 10px;
	border: 1px solid #0033ff;
	background-color: #ffff99;
	font-size: 12pt;
}

#pagination .current {
	padding: 4px 10px;
	border: 2px solid #ff0000;
	background-color: #ffff99;
	font-size: 12pt;
	font-weight: bold;
}

/* Footer */
#footer {
	position: relative;
	width: 100%;
	bottom: 0;
	background: url(../img/footer-back.gif) repeat-x scroll;
	height: 80px;
	margin: 10px 0 0 0;
	padding: 0;
}

#copyright {
	text-align: center;
	height: 80px;
}

/* about */
#content {
	width: 800px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 20px;
	background: #F5F5F5;
	border: 1px solid #009900;
	color: #000000;
}

#content a:link{
	color: #00cccc;
}

#content a:visited {
	color: #00cccc;
}

#content .title {
	color: #e32;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	margin: 0.3em 0;
	padding-top: 0.8em;
	border-bottom:1px solid #ff9900;
	border-left:5px solid #ff9900;
	padding:3px 5px;
}

table.table {
    width: 600px;
    margin: 4px 0px;
    border: 1px #333333 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table td {
    padding: 5px;
    border: 1px #333333 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

pre{
    font-size:medium;
    border:1px solid #aaa;
    background:#eee;
    padding:0.5em; 
    overflow: auto;
}

/* profile */
#profile {
	folat: left;
}

.shousai {
	float: right;
	width: 650px;
}

.error-message {
	color: #dd0000;
}


/* help & future */
#content h3 {
	color: #000000;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 130%;
	margin: 0.3em 0;
	padding-top: 0.8em;
	border-bottom:1px solid #33cc00;
	border-left:5px solid #33cc00;
	padding:3px 5px;
}

#content h4 {
	color: #000000;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0.3em 0;
	padding-top: 0.8em;
	border-bottom:none;
	border-left:3px solid #ff9900;
	padding:3px 5px;
}

#content ul {
	margin-bottom: 10px;
}

#content li {
	float: none;
	list-style-position: inside;
	margin-left: 20px;
	list-style-type: square;
}

#content .list {
	clear: both;
	display: block;
}

#content p {
	margin: 5px 25px 10px;
}