charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-style: normal;
}

body{
	width: 890px;
	margin: 0px auto;
	text-align: center;
	font-size: 80%;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	color: black;
	background-color: white;
}

body *{
	text-align: left;
}

ul,ol{
    margin: 1em 0px;
    padding-left: 40px;
}

li{
    margin: 3px 0px 3px 0px;
    line-height: 150%;
}

ul.new_list{
	margin: 3px 0px;
	padding-left: 20px;
	list-style-image: url('../img/otemon_style/arrow.gif');
	line-height: 150%;
}

ul.tolist{
	margin: 3px 0px;
	padding-left: 15px;
	list-style-image: url('../img/list_marker_tolist.gif');
	line-height: 150%;
}

ol ol{
	list-style-type: lower-alpha;
	margin: 1em 0px;
	padding: 0px 2em;
}


h1, h2, h3, h4, h5, h6, .medium_heading{
	clear: both;
	font-weight: bold;
}

h2{
	font-size: 150%;
}
h3{
	font-size: 115%;
}
h4{
	font-size: 100%;
}


#GlobalHead{
	width: 890px;
	height: 72px;
        background-image: url('../img/otemon_style/header_background.gif');
        background-repeat: repeat-x;
        padding-top: 16px;
}

#GlobalNavi{
	margin: 0px 0px 10px 0px;
        background-image: url('../img/otemon_style/global_navi_background.gif');
        background-repeat: repeat-x;
        height:24px;
        width:891px;
	color:white;
        font-weight:bold;
}
a.global_navi {
	color:white;
	text-decoration:none;
}
a.global_navi:hover {
	color:#FE8B0F;
	text-decoration:underline;
}

#TopPage #LeftColumn{
	float: left;
	width: 200px;
	margin-left: 0px;
	margin-bottom: 4px;
}

#TopPage #CenterColumn{
	float: left;
	width: 473px;
	margin-left: 9px;
	margin-bottom: 4px;
}

#TopPage #RightColumn{
	float: right;
	text-align:right;
	width: 200px;
	margin-bottom: 4px;
}

#TopicPage #LeftColumn{
	float: left;
	width: 677px;
}

#TopicPage #RightColumn{
	float: right;
	text-align:right;
	width: 200px;
	margin-bottom: 4px;
}

#GenePage #LeftColumn{
        float: left;
        text-align:right;
        width: 200px;
        margin-right: 8px;
        margin-bottom: 4px;
}

#GenePage #RightColumn{
        text-align:left;
        float: right;
        width: 672px;
        margin-left: 0px;
        margin-bottom: 10px;
}

#Footer{
	margin: 6px 0px 0px 0px;
	text-align: center;
	color: black;
	background-color: #BBAEDD;
}

.side_column{
	margin: 0px 0px 6px;
	padding: 6px 5px;
	background-color: #FDEEF5;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.contents_top_column{
	padding: 8px 11px;
	background-color: #FDEEF5;
	border: 1px solid #CCCCCC;
	border-top: 0px none white;
}
.contents_list_column{
	padding: 8px 11px;
	border: 1px solid #CCCCCC;
	border-top: 0px none white;
}
.contents_sublist_column{
	margin: 6px 9px;
	padding: 6px 5px;
	color: black;
	background-color: white;
	border: 1px solid #ccc;
}

img.column, div.column{
	display: block;
	margin: 0px 0px 6px;
}
.column_header {
        margin:0px;
        padding:0px;
}
.column_header_title{
        float:left;
        line-height:200%;
        font-weight:bold;
 	margin-top:auto;
        padding-left:24px;
        padding-top:3px;
        margin-bottom:auto;
        vertical-align:middle;
}
#col_menu {
	background-image: url(../img/otemon_style/menu_header_01.gif); height: 34px;
}
#col_item {
	background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}
#col_event {
        background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}
#col_info {
        background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}
#col_topic {
        background-image: url(../img/otemon_style/menu_header_long.gif); height: 34px;
}
#col_comment {
        background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}
#col_search {
        background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}
#col_profile {
        background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}
#col_other {
        background-image: url(../img/otemon_style/menu_header.gif); height: 34px;
}



#LoginBox{
	height: 104px;
	width: 200px;
	background-image: url('../img/otemon_style/login_box.gif');
	font-size: 90%;
	margin-bottom:6px;
}

#ContentsListHeader{
        width:677px;
	height: 34px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/otemon_style/menu_header_content.gif);
	background-repeat:no-repeat;
}

.topics_heading_footer{
	clear: both;
	margin: 6px 0px;
	padding-left: 6px;
	border-left: 4px solid #8D8F8C;
	font-size: 90%;
	font-weight: bold;
	font-style: normal;
	color: #333;
}

.topics_commentlist{
	height: 120px;
}

.trackbacklist{
	height: 55px;
}

form#CommentForm{
	width: 244px;
	color: #666;
}

input#Commenter{
	display: block;
	width: 227px;
	border: 1px solid #ADADAD;
}

textarea#CommentInputArea{
	display: block;
	width: 244px;
	height: 104px;
	border: 1px solid #ADADAD;
}

input#PostComment{
	display: block;
	float: right;
	margin: 13px 0px;
	background-image: url('../img/comment_post_btn.png');
	width: 108px;
	height: 23px;
	border-style: none;
	text-indent: -9999px;
}

dl.showing dt, dl.showing dd{
	margin: 0px;
	padding: 0.3em;
	border: 1px solid rgb(0, 51, 102);
}

dl.showing dt{
	color: white;
	background-color: #333;
	font-weight: bold;
}

dl.showing p{
	margin: 0px;
	padding: 0.3em;
}


#footer{
	content:".";
	display:block;
	clear:both;
	color:#9299A8;
	padding-top:20px;
}

/* ---- CSS hack ---- */
.escape_text{
	border-style: none !important;
	text-indent: -9999px !important;
	font-size:0px;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */