@charset "utf-8";
/* CSS Document */
body {  
    text-align: center; 
	margin: 0px
}


/* 表全体 */
#list {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 950px;
}

#menu {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	background-color: #00AEE8;
	text-align: center;
	height: 40px;
	text-shadow: 1px 1px 2px;
}

#menu .photo, 
#menu .name, 
#menu .parts, 
#menu .set {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
}

.main .photo {
	background-color: #FFF;
	text-align: center;
	text-valign: middle; 
	height: 150px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}


.main .name{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}

.main .name .n {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #00688A;
}
.main .name p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}

.main .parts {
	font-size: 10px;
	font-style: normal;background-color: #FFF;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}

.main .set {
	font-size: 10px;
	font-style: normal;
	color: #00688A;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: center;
}


.main .links{
	font-size: 12px;
	font-style: normal;
	padding-top: 5px;
	/* [disabled]padding-right: 15px; */
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}

.photo {width: 15%;}
.name {width: 20%;}
.parts {width: 20%;}
.set {width: 15%;}
.links {width: 30%;}

.sub {width: 15%;}

.main .links div{
	height: 30px;
}

img.icon {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	vertical-align: middle;
}

td.sub {
	font-size: 12px;
	font-style: normal;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}
/* 動画無効化 */
td.sub.movie div {
	visibility: hidden;
}

.parts div.wrapper {
	padding-top: 10px;
}
.parts-list {
	width: 80%;
	float: left;
}
.parts-list.sub {
	text-align: center;
}
.num {
	width: 20%;
	float: left;
}

div.icon {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	float: left;
}
div.icon.ipd {
	background: url(../img/icon_studuino_icon.png) no-repeat	center;
	background-size: cover;
}
div.icon.bpd {
	background: url(../img/icon_studuino_block.png) no-repeat	center;
	background-size: cover;
}
div.icon.doc {
	background: url(../img/icon_doc.png) no-repeat	center;
	background-size: cover;
}
div.icon.movie {
	background: url(../img/icon_movie.png) no-repeat	center;
	background-size: cover;
}