body{
	margin:0px;
	padding:0px;
	background:#fff url(images/common/bg_header.jpg) no-repeat;
}
#container{
	margin:0px;
	padding:0px;
	font-size:0.825em;
	color:#666;
	line-height:150%;
	background:url(images/common/bg_line.gif) repeat-y;
	width:744px;
}
#index #container{
	background-image:none;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#navi{
	padding:23px 0px;
	background:url(images/common/bg_line_top.gif) top right no-repeat;
	width:170px;
	float:left;
}
#index ul#navi{
	padding:48px 0px;
}
#main{
	margin:0px 0px 0px 50px;
	padding:0px;
	width:524px;
	float:right;
}
#index #main{
	margin:54px 0px 30px 50px;
}
#footer{
	margin:0px;
	padding:20px 0px 0px 30px;
	font-size:0.85em;
	line-height:140%;
	color:#996;
	background-color:#fff;
	clear:both;
}
/*枠からはみ出さないようにする*/
/* Hide from IE5-mac \*/
*html #footer, *html .entry-footer{height:1%;}
/* End hide from IE5-mac */


/*header*/
h1{
	margin:10px 20px;
	padding:0px;
	height:80px;
}
h1 a{
	display:block;
	font-size:0.9em;
	width:150px;
	height:40px;
}
h1 a span{
	position:absolute;
	width:150px;
	height:40px;
	background:url(images/common/obkcnet.jpg) no-repeat;
}
#index h1 a span{
	cursor:default;
}

/*navi*/
#navi li{
	margin:0px 0px 0px 30px;
	padding:0px;
}
#navi li a{
	display:block;
	width:125px;
	padding:3px 10px 1px 4px;
	text-align:right;
	color:#666;
	border-right:solid 1px #cc9;
}
#navi li a:visited{color:#999;}
#navi li a:active{color:#6CF;}
#navi li a:hover, #index #navi li a:hover{
	width:127px;
	padding-right:8px;
	color:#09F;
	border-right:solid 1px #dff;
}

#works01 #navi li#nav-works01 a,
#works02 #navi li#nav-works02 a,

#about #navi li#nav-about a{
	width:124px;
	padding-right:10px;
	text-decoration:none;
	color:#996;
	cursor:default;
	border:solid 1px #cc9;
	border-right:solid 1px #fff;
}


/*main*/
h2{
	margin:0px;
	padding:24px 0px 20px;
	font-size:1.2em;
	font-weight:bold;
	color:#999;
	letter-spacing:0.3em;
}

.entry{
	margin:0px;
	padding:20px 0px;
}
img{
	margin:0px 18px 0px 0px;
	padding:0px;
	float:left;
}
dl{
	margin:0px;
	padding:0px;
	width:336px;
	float:right;
}
dt{
	margin:0px;
	padding:0px 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	line-height:120%;
	color:#06b;
}
.date{
	font-size:0.75em;
	font-weight:normal;
	color:#666;
}
.url{
	font-size:0.9em;
	font-weight:normal;
}
dd{
	margin:0px;
	padding:0px;
}

/*枠からはみ出さないようにする。ボックス内でfloatをclear*/
.entry:after, .index:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.entry, .index{
	display:inline-block;
}
/* Hide from IE-mac \*/
*html .entry, *html .index{height:1%;}
.entry, .index{display:block;}
/* End hide from IE-mac */


p{
	margin:0px;
	padding:0px 0px 20px;
}
.gototop{
	margin:0px;
	padding:10px 0px;
	font-size:0.85em;
	text-align:right;
}


/*トップとエントリーのボタンindex*/
ul#navi-entry{
	padding:0px 0px 30px;
	font-size:0.85em;
	color:#996;
}
ul.index{
	padding:0px 0px 14px;
}
#navi-entry ul.index{
	padding:0px 0px 10px;
}
.index li{
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
}
#navi-entry ul.index li{
	margin:0px 10px 0px 0px;
}
.index li a{
	display:block;
	width:120px;
	height:77px;
	text-indent:-9999px;
	text-decoration:none;
}
#navi-entry ul.index li a{
	width:70px;
	height:45px;
}

.index li#index-060706 a{
	background:url(images/top/btn_060706.jpg) no-repeat;
}
.index li#index-060508 a{
	background:url(images/top/btn_060508.jpg) no-repeat;
}
.index li#index-060307 a{
	background:url(images/top/btn_060307.jpg) no-repeat;
}
.index li#index-051201 a{
	background:url(images/top/btn_051201.jpg) no-repeat;
}
.index li#index-050801 a{
	background:url(images/top/btn_050801.jpg) no-repeat;
}
.index li#index-050701 a{
	background:url(images/top/btn_050701.jpg) no-repeat;
}
.index li#index-050202 a{
	background:url(images/top/btn_050202.jpg) no-repeat;
}
.index li#index-050201 a{
	background:url(images/top/btn_050201.jpg) no-repeat;
}
.index li#index-040301 a{
	background:url(images/top/btn_040301.jpg) no-repeat;
}

#navi-entry ul.index li#index-060706 a{
	background:url(images/common/btnen_060706.jpg) no-repeat;
}
#navi-entry ul.index li#index-060508 a{
	background:url(images/common/btnen_060508.jpg) no-repeat;
}
#navi-entry ul.index li#index-060307 a{
	background:url(images/common/btnen_060307.jpg) no-repeat;
}
#navi-entry ul.index li#index-051201 a{
	background:url(images/common/btnen_051201.jpg) no-repeat;
}
#navi-entry ul.index li#index-050801 a{
	background:url(images/common/btnen_050801.jpg) no-repeat;
}
#navi-entry ul.index li#index-050701 a{
	background:url(images/common/btnen_050701.jpg) no-repeat;
}
#navi-entry ul.index li#index-050202 a{
	background:url(images/common/btnen_050202.jpg) no-repeat;
}
#navi-entry ul.index li#index-050201 a{
	background:url(images/common/btnen_050201.jpg) no-repeat;
}
#navi-entry ul.index li#index-040301 a{
	background:url(images/common/btnen_040301.jpg) no-repeat;
}


.index li#index-060706 a:hover,
.index li#index-060508 a:hover,
.index li#index-060307 a:hover,
.index li#index-051201 a:hover,
.index li#index-050801 a:hover,
.index li#index-050701 a:hover,
.index li#index-050202 a:hover,
.index li#index-050201 a:hover,
.index li#index-040301 a:hover,

#navi-entry ul.index li#index-060508 a:hover,
#navi-entry ul.index li#index-060307 a:hover,
#navi-entry ul.index li#index-051201 a:hover,
#navi-entry ul.index li#index-050801 a:hover,
#navi-entry ul.index li#index-050701 a:hover,
#navi-entry ul.index li#index-050202 a:hover,
#navi-entry ul.index li#index-050201 a:hover,
#navi-entry ul.index li#index-040301 a:hover,

#navi-entry ul.index li#index-060706 a:hover

{background-position:0 -81px;}

.index li#index-060706 a:visited,
.index li#index-060508 a:visited,
.index li#index-060307 a:visited,
.index li#index-051201 a:visited,
.index li#index-050801 a:visited,
.index li#index-050701 a:visited,
.index li#index-050202 a:visited,
.index li#index-050201 a:visited,
.index li#index-040301 a:visited,

#navi-entry ul.index li#index-060508 a:visited,
#navi-entry ul.index li#index-060307 a:visited,
#navi-entry ul.index li#index-051201 a:visited,
#navi-entry ul.index li#index-050801 a:visited,
#navi-entry ul.index li#index-050701 a:visited,
#navi-entry ul.index li#index-050202 a:visited,
#navi-entry ul.index li#index-050201 a:visited,
#navi-entry ul.index li#index-040301 a:visited,

#navi-entry ul.index li#index-060706 a:visited

{background-position:0 -162px;}


#ind-060508 ul.index li#index-060508 a,
#ind-060307 ul.index li#index-060307 a,
#ind-051201 ul.index li#index-051201 a,
#ind-050801 ul.index li#index-050801 a,
#ind-050701 ul.index li#index-050701 a,
#ind-050202 ul.index li#index-050202 a,
#ind-050201 ul.index li#index-050201 a,
#ind-040301 ul.index li#index-040301 a,

#ind-060706 ul.index li#index-060706 a

{cursor:default;}


/*エントリーアーカイブ*/
#pan{
	margin:0px;
	padding:0px;
	font-size:0.85em;
	text-align:right;
	color:#996;
}

#comments, #trackbacks{
	margin:0px 0px 10px;
	padding:8px 10px;
	border:solid 1px #ddd;
}
h4{
	margin:0px;
	padding:0px 0px 1px;
	font-size:0.85em;
	font-weight:normal;
	line-height:100%;
	color:#999;
}
h5{
	margin:0px;
	padding:0px 0px 6px;
	font-size:1.0em;
	font-weight:normal;
	color:#06b;
}
.comment, .trackback{
	margin:0px;
	padding:8px 0px;
}
.entry-footer, .comment-footer, .trackback-footer{
	margin:0px;
	padding:8px 0px 0px;
	font-size:0.85em;
	color:#999;
	text-align:right;
}
.entry-footer{
	clear:both;
}
.comment-footer, .trackback-footer{
	margin-top:4px;
	padding:4px 0px 0px;
	border-top:dotted 1px #ccc;
}

.commentsform th, .commentsform td{
	padding:2px;
	font-weight:normal;
	line-height:110%;
	text-align:left;
}
.commentsform td.button{
	padding-top:14px;
	text-align:center;
}
.button input{
	cursor:pointer;
}

#comment-pre{
	padding-left:220px;
}
blockquote{
	margin:0px 0px 20px;
	padding:10px;
	border:solid 1px #ddd;
}
.caution{
	color:#c00;
}

/*その他*/

.rss01, .rss02{
	margin:0px;
	padding:2px 4px 1px;
	background-color:#fc0;
}
.rss02{
	background-color:#ddd;
}


/*リンク色*/
a:link{
	text-decoration:none;
	color:#06b;
}
a:visited{
	text-decoration:none;
	color:#579;
}
a:active{
	text-decoration:underline;
	color:#6CF;
}
a:hover{
	text-decoration:underline;
	color:#09F;
}

#pan a:link, #pan a:visited, #pan a:active,
#footer a:link, #footer a:visited, #footer a:active,
.gototop a:link, .gototop a:visited, .gototop a:active{color:#996;}
#pan a:hover,
#footer a:hover,
.gototop a:hover{color:#09F;}

a[name]:hover{text-decoration:none;color:#666;background:none;}