﻿@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  ・初期設定
//  ・トラックバック
//
//==========================================================*/


/*============================================================
//  初期設定
//==========================================================*/

* {
	margin: 0;
	padding : 0;
}

body{
	text-align: center;
	font-family:MS Gothic,Osaka,Arial,Helvetica,Sans-serif;
	background-color:#000000;
	color:#FFFFFF;
}

#page{
	margin:0 auto;
	width:798px;
	text-align:left;
	border-left:solid 1px #017912;
	border-right:solid 1px #017912;
	border-bottom:solid 1px #017912;
}

#header,
#main,
#footer {
	width:100%;
}

#header{
	width:798px;
}
#main{
	float:left;
	width:536px;
	margin-left:8px;
}
#sub{
	float:right;
	width:236px;
	margin-right:8px;
}

.left{
	float:left;
}

.right{
	float:right;
}

a {
	/* macIE対策\*/
	overflow: hidden;
	/* macIE対策*/
}

img,
a img {
	border : 0;
	text-decoration: none;
}

img{vertical-align:bottom;}

.test{	border:1px solid #f00;}

ul,ol{list-style:none;}


.clr {
	clear: both;
/* macIE対策\*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
/* macIE対策*/
}

/*---------------------------*/

a{color:#017912; text-decoration:none;}
a:hover{color:#017912; text-decoration:underline;}


#header{
	background:url(../image/title.jpg) no-repeat;
	height:230px;
	text-indent:-9999px;
	font-size:5px;
	margin-bottom:15px;
	position: relative;
}

#header h1,
#header p,
#header div{
	font-size:5px;
}

#header h1 a{
	width:450px;
	height:100px;
	display:block;
	margin:90px 0 0 10px;
	position:absolute;
	left:0;
	top:0;
}



#header .link{
	margin:158px 0 0 465px;
	width:255px;
	height:23px;
}

#header .link a{
	width:255px;
	height:23px;
	display:block;
}


/*======= ボックス ========*/
#main .box{
	width:534px;
	border:solid 1px #017912;
	background:url(../image/box_tl.gif) no-repeat left top;
	line-height:160%;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:15px;
}

#main .box .cap{
	width:504px;
	padding:29px 15px 10px 15px;
}

#main .box .cap img{
	float:left;
}

#main .box .cap .time{
	float:right;
	font-size:12px;
}

#main .box .tl{
	width:504px;
	padding:10px 15px;
	background:url(../image/under_line.gif) repeat-x left bottom;
	margin-bottom:10px;
}

#main .box .tl h2{
	font-size:18px;
	color:#017912;
	margin-bottom:5px;
}

#main .box .tl h3{
	font-size:14px;
	color:#017912;
	font-weight:normal;
}

#main .box .inner{
	width:504px;
	padding:0 15px 10px 15px;
	margin-bottom:10px;
	background:url(../image/under_line.gif) repeat-x left bottom;
}

#main .box .next{
	padding-top:10px;
}

#main .box .btm{
	width:504px;
	padding:0 15px;
	margin-bottom:10px;
	color:#017912;
}

.mt-enclosure-image{
	width:504px;
	clear:both;
}

/*======= カテゴリー ========*/

#sub .categoly{
	width:236px;
	margin-bottom:15px;
	text-indent:-9999px;
	font-size:5px;
}

#sub .categoly .tl{
	background: url(../image/categoly_tl.jpg) no-repeat;
	height:22px;
	margin-bottom:5px;
}

#sub .categoly ul{
	width:234px;
	border:solid 1px #017912;
	background:url(../image/categoly_menu_on.jpg) no-repeat;
}

#sub .categoly li{
	width:234px;
}

#sub .categoly li a{
	width:234px;
	display:block;
}

#sub .categoly li a:hover{ background:none;}

#sub .categoly .first a{
	height:30px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 0px;
	
}

#sub .categoly .guide a{
	height:31px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 -30px;
}

#sub .categoly .application a{
	height:31px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 -61px;
}

#sub .categoly .dairy a{
	height:31px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 -92px;
}

#sub .categoly .picture a{
	height:31px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 -123px;
}

#sub .categoly .watch a{
	height:31px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 -154px;
}

#sub .categoly .mvp a{
	height:30px;
	background:url(../image/categoly_menu.jpg) no-repeat 0 -186px;
}

/*======= アーカイブ ========*/

#sub .archive{
	width:236px;
	margin-bottom:15px;
}

#sub .archive .tl{
	background: url(../image/archive_tl.jpg) no-repeat;
	height:22px;
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:5px;
}

#sub .archive ul{
	width:234px;
	border:solid 1px #017912;
}

#sub .archive li{
	width:234px;
	font-size:12px;
	line-height:30px;
	margin-bottom:1px;
}

#sub .archive li a{
	width:212px;
	padding-left:22px;
	height:30px;
	color:#FFFFFF;
	background:url(../image/archive_bg.jpg) repeat-x;
	display:block;
}

#sub .archive li a:hover{
	background:url(../image/archive_bg_on.jpg) repeat-x;
	width:212px;
	height:30px;
	color:#000000;
	text-decoration:none;
}

/*======= ラボ管理プロフィール ========*/

#sub .labo{
	width:236px;
	margin-bottom:15px;
}

#sub .labo .tl{
	background: url(../image/labo_tl.jpg) no-repeat;
	height:22px;
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:5px;
}

#sub .labo .box{
	width:234px;
	border:solid 1px #017912;
	margin-bottom:15px;
	background:url(../image/labo_box.jpg) no-repeat;
	height:216px;
}

#sub .labo .box div{
	text-indent:-9999px;
	font-size:5px;
}

#sub .labo .box p{
	width:214px;
	padding:150px 10px 10px 10px;
	color:#FFFFFF;
	font-size:12px;
}

/*======= 更新履歴 ========*/

#sub .new{
	width:236px;
	margin-bottom:15px;
}

#sub .new .tl{
	background: url(../image/new_tl.jpg) no-repeat;
	height:22px;
	margin-bottom:5px;
	text-indent:-9999px;
	font-size:5px;
}

#sub .new ul{
	width:234px;
	border:solid 1px #017912;
}

#sub .new li{
	width:222px;
	padding:3px 0 3px 12px;
	font-size:12px;
	line-height:130%;;
	margin-bottom:1px;
	background-color:#1B1B1B;
}

#sub .new li .time{
	font-size:10px;
	color:#FFFFFF;
}

#sub .new li a{
	color:#017912;
	font-size:12px;
	text-decoration: underline;
}

#sub .new li a:hover{
	width:222px;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: underline;
}

/*======= バナー ========*/
#sub .banner img{
	margin-bottom:10px;
}

#sub .banner{
	font-size:12px;
	color:#999999;
}

#footer{
	width:798px;
	height:50px;
	background:url(../image/footer.jpg) no-repeat;
	font-size:5px;
	text-indent:-9999px;
}

#footer a{
	width:160px;
	height:43px;
	display: block;
	margin:0 0 0 10px;
}

#footer p{
	font-size:5px;
	text-indent:-9999px;
}

/*============================================================
//  トラックバック
//==========================================================*/

.trackbacks{
	line-height:150%;
	width:514px;
	padding:10px;
	border:solid 1px #017912;
	line-height:160%;
	font-size:12px;
	margin-bottom:10px;
}

.trackbacks h3{
	font-size:14px;
	margin-bottom:5px;
	color:#017912;
}

.comments{
	line-height:150%;
	width:514px;
	padding:10px;
	border:solid 1px #017912;
	line-height:160%;
	font-size:12px;
	margin-bottom:20px;
}

.comments h3{
	font-size:14px;
	margin-bottom:5px;
	color:#017912;
}

.comments-open{
	margin-bottom:15px;
	font-size:12px;
	line-height:150%;
}

.comments-open h3{
	font-size:14px;
	margin-bottom:5px;
	color:#017912;
}

.comments .text{
	margin-bottom:5px;
	line-height:150%;
}

.comments .data{
	line-height:150%;
}

.comments .data .list{
	margin-bottom:5px;
}

.comments .comment-footer{
	background:url(../image/under_line.gif) repeat-x left bottom;
	padding-bottom:5px;
	margin-bottom:5px;
}


#pager {
	width:536px;
	margin-bottom:10px;
    text-align: center;
    font-size:12px;
}

#pager span{
	color:#017912;
}