/* CSS Document */
#contents {
	margin:30px 0 0;
	padding-bottom: 40px;
}
	#mainbox {
		width:830px;
	}

/*
	左欄
*/
#data {
	margin-top: 70px;
	width: 380px;
	float: left;
}
.name {
	margin-left:-4px;
}
#profile {
	height:95px;
	padding:10px 0;
	display:block;
}
.blog {
	display:block;
	margin-top:5px;
}
.blog a {
	vertical-align:middle;
	margin-right:10px;
}
.blog img {
	vertical-align:middle;
}

#tab {
	margin-bottom: 40px;
}
#tab ul.navi {
	border-bottom: 1px solid #C8C8C8;
	padding-bottom: 3px;
	margin-bottom:15px;
}
#tab li {
	float: left;
	margin-right: 4px;
}
#tab dl {
}
#tab dl dt {
	display:none;
}
#tab dl dd {
}
#tab dl dd table {
	margin-bottom:15px;
}
#tab dl dd table th {
	width:100px;
	font-weight:bold;
	vertical-align:top;
}
#tab dl dd p {
	margin-bottom:10px;
}
.strong {
	padding-top:10px;
	font-weight:bold;
}
#tab dl dd table.kato th {
	font-weight:normal;
}

.thum {
	width:390px;
	position:relative;
}
.thum li {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.thum li.edge {
	margin-right: 0px;
}
#thumNavi {
	height:20px;
	line-height:20px;
	padding:2px 0;
	text-align:right;
	border-bottom: 1px solid #C8C8C8;
}
#thumNavi img {
	vertical-align:middle;
}

/*
	右欄
*/
#photo {
	width: 380px;
	float:right;
}
.btn {
	margin-top:5px;
	margin-bottom: 10px;
	height: 18px;
}
.btn li {
	float: left;
	margin-right: 2px;
}
.btn li.edge {
	margin-right: 0px;
}
.btn img {
	vertical-align:top;
}
.no{
	width: 62px;
	height: 18px;
	background-color: #d90000;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 12px;
}
*:first-child+html .no{
	margin-top:1px;
}

/*
	下部ナビ
*/
#conavi {
	clear:both;
	border: 1px solid #C8C8C8;
	width: 380px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
#conavi li {
	display:inline;
	padding:0 7px;
}

/*
	索引ボックス
*/
#indexWindow {
	background:#fff;
	border:1px solid #888;
	margin:40px auto 0;
	width:600px;
	left:50%; top:0;
	z-index:2;
}
#indexWindow p {
	margin:25px 50px 0 50px;
	padding-bottom:20px;
	text-align:center;
	border-bottom:1px solid #E61E2B;
}
#indexWindow dl {
	padding:20px 0 5px 50px;
	width:225px;
	float:left;
}
#indexWindow dl dt {
	color:#D90000;
	font-weight:bold;
	width:110px;
	clear:both;
}
#indexWindow dl dt.sub {
	padding-left:10px;
	width:100px;
}
#indexWindow dl dd {
	float:left;
	width:240px;
	margin-bottom:15px;
	font-size:10px;
	line-height:2;
}
#indexWindow dl dd ul {
	width:120px;
	float:left;
}
#indexWindow dl dd ul li {
}
#indexWindow dl dd ul li a {
	color:#4D4D4D;
	text-decoration:none;
}
#indexWindow dl dd ul li a:hover {
	text-decoration:underline;
}

/* clearfix
---------------------------------------------------- */
#tab ul:after,
#conavi:after,
#indexWindow:after,
.btn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
#tab ul,
#conavi,
#indexWindow,
.btn {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #tab ul,
* html #conavi,
* html #indexWindow,
* html .btn {
	height: 1%;
}
#tab ul,
#conavi,
#indexWindow,
.btn {
	display: block;
}
/* End hide from IE-mac */

