@charset "shift_jis";

/*
Index CSS
*/
#header {
}
#contents {
	background: url(/img/bg_main.gif) right top no-repeat;
}
.read {
	float: right;
	width: 240px;
	margin: 9px 5px 5px;
}
.photo {
	float: right;
}
.period {
	clear: left;
	width: 208px;
	color: #900;
	font-size: 100%;
	font-weight: bold;
	border-top: 1px dashed #000;
	margin: 5px 0 0 8px;
	padding-top: 10px;
}
.caption_company {
	width: 560px;
	height: 31px;
	_height: 35px;
	text-indent: -9999px;
	border-bottom: 1px dashed #000;
	background: url(/img/caption_company.gif) no-repeat;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/*
Topics
*/
#topics {
	min-height: 220px;
	_height: 220px;
}
#topics, #newblog {
	width: 560px;
	margin-bottom: 20px;
}
#topics h2, #newblog h2 {
	width: 560px;
	height: 53px;
	border-bottom: 3px solid #000;
}
#topics h2 a {
	display: block;
	width: 211px;
	height: 51px;
	overflow: hidden;
	text-decoration: none;
	background: url(/img/h2_topics.gif) left bottom no-repeat;
}
#newblog h2 {
	_height: 55px;
	background: url(/img/h2_newblog.gif) left bottom no-repeat;
}
#topics ul{
	list-style-type: none;
}
#newblog ul {
	list-style: disc inside;
}
#topics li {
	padding: 5px 0px 9px;
	border-bottom: 1px solid #000;
}
#newblog li {
	padding: 1px 0px 2px;
	border-bottom: 1px dashed #999;
}
#topics li a {
	color: #03C;
	font-size: 80%;
	text-decoration: none;
	background: url(/img/arrow_r.gif) left center no-repeat;
	padding-left: 15px;
}
#newblog li a {
	color: #369;
	font-size: 80%;
	text-decoration: none;
}
#topics li .date, #newblog li .date {
	font-size: 80%;
}
#newblog li .date {
	color: #369;
	margin-right: 10px;
}
#newblog li .blogname a {
	color: #06F;
	background: none;
	padding: 0;
}
#topics li a:hover, #newblog li a:hover {
	text-decoration: underline;
}

/*
blogLink
*/
#bloglink {
	width: 730px;
}
#bloglink h2 {
	width: 730px;
	height: 51px;
	_height: 55px;
	border-bottom: 3px solid #000;
	background: url(/img/h2_bloglink.gif) left center no-repeat;
	margin: 3px 0 8px;
}

#bloglink .gblog, #bloglink .sblog {
	float: left;
	min-height: 135px;
	_height: 138px;
	border: 1px solid #666;
	background: url(/img/bg_blog.gif) left top no-repeat;
	margin-bottom: 20px;
}
#bloglink .gblog {
	width: 478px;
}
#bloglink .sblog {
	width: 228px;
}
#bloglink .gblog h3 {
	float: left;
	_display: inline;
	height: 68px;
	width: 205px;
	margin: 15px 0 0 8px;
}
#bloglink .gblog h3 a {
	display: block;
	width: 205px;
	height: 59px;
	background: url(/img/h3_spguest.gif) left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#bloglink .sblog h3 {
	float: left;
	width: 130px;
	_height: 65px;
	min-height: 65px;
	margin: 9px 0 0 9px;
	_margin: 9px 0 0 5px;
}
h3 a, p.photo a:hover {
	color: #369;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
#bloglink .gblog p.photo {
	width: 160px;
	padding: 15px 9px 0 0;
}
#bloglink .sblog p.photo {
	width: 78px;
	padding: 21px 4px 0 0;
	_padding: 20px 4px 0 0;
}
#sp_guest,
#staff01,
#staff02,
#staff08,
#staff10,
#staff15,
#staff16 {
	margin-right: 20px;
	_margin-right: 22px;
}
.sname {
	clear: left;
	width: 140px;
	_height: 55px;
	min-height: 55px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
}
#staff01 .sname{
	background-image: url(/img/staff_name01.gif);
}
#staff02 .sname{
	background-image: url(/img/staff_name02.gif);
}
#staff03 .sname{
	background-image: url(/img/staff_name03.gif);
}
#staff07 .sname{
	background-image: url(/img/staff_name07.gif);
}
#staff08 .sname{
	background-image: url(/img/staff_name08.gif);
}
#staff09 .sname{
	background-image: url(/img/staff_name09.gif);
}
#staff10 .sname{
	background-image: url(/img/staff_name10.gif);
}
#staff11 .sname{
	background-image: url(/img/staff_name11.gif);
}
#staff15 .sname{
	background-image: url(/img/staff_name15.gif);
}
#staff16 .sname{
	background-image: url(/img/staff_name16.gif);
}