@charset "UTF-8";
/* CSS Document */

#Wrapper {
	text-align:left;
	width:900px;
	margin:0px auto;
}

/* ヘッダー */
#Header {
	height:78px;
	background-color:#333333;
}
#Header #Logo {
	width:254px;
	height:39px;
	margin-top:22px;
	float:left;
	overflow:hidden;
}
#Header #Logo a {
	display:block;
	width:254px;
	height:0px;
	padding-top:39px;
	background:url(../images/LogoMini.png) no-repeat;
	overflow:hidden;
}
/* フッター */
#Footer {
	clear:both;
	margin-top:40px;
	padding-bottom:40px;
	background:url(../images/BgFooter.png) repeat-x;
}
#FooterContents {
	text-align:left;
	color:#FFFFFF;
	width:900px;
	margin:0px auto;
	padding-top:20px;
}
#FooterContents address {
	font-size:10px;
	font-style:normal;
	text-align:right;
	padding-top:20px;
}
#BtnPageTop {
	text-align:right;
	width:900px;
	margin:0px auto;
}
#LogoWacom {
	width:72px;
	float:left;
}

/* リスト */
#List {
	clear:both;
	width:900px;
	padding:30px 0px 0px 20px;
	background:url(../images/BgList.png) repeat-y;
}
#List h1 {
	float:left;
	margin-right:30px;
	padding-bottom:30px;
}
#List li {
	width:410px;
	float:left;
}
#List .miniList li {
	padding-right:40px;
}
.miniList {
	list-style-type:none;
}
.miniList li {
	padding-bottom:40px;
}
.miniListDetail h2 {
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	border-bottom:#999999 1px dotted;
	padding-bottom:2px;
}
.miniListImg {
	width:200px;
	float:left;
}
.miniListDetail {
	width:200px;
	float:right;
}
.textList {
	clear:both;
	font-size:11px;
	line-height:1.6em;
	padding-top:10px;
}
.listEnd {
	margin-bottom:20px;
}
.listStart {
	margin-top:20px;
}

/* パンくず */
#BreadList {
	clear:both;
	font-size:11px;
	list-style-type:none;
	padding-top:20px;
}
#BreadList li {
	display:inline;
}
#BreadList li a {
	color:#666666;
	text-decoration:underline;
}
#BreadList li a:hover {
	text-decoration:none;
}
#Play #BreadList li,
#Play #BreadList li a,
#Sketch #BreadList li,
#Sketch #BreadList li a,
#Connect #BreadList li,
#Connect #BreadList li a,
#Present #BreadList li,
#Present #BreadList li a,
#Animate #BreadList li,
#Animate #BreadList li a,
#Compose #BreadList li,
#Compose #BreadList li a {
	color:#FFFFFF;
}

/* 評価 */
.star0,
.star1,
.star2,
.star3,
.star4,
.star5 {
	float:left;
	margin-top:2px;
}

/* ページャー */
.Pager {
	list-style:none;
	text-align:right;
	font-size:12px;
}
/*ホーリーハック(高さバグ対策)*/
.Pager li {
    display:inline-block;
}
.Pager li {
    display:inline;
    vertical-align:middle;
	margin:0 3px;
}
/*ホーリーハック*/
.Pager li a,
.Pager li.Current {
    display:inline-block;
}
.Pager li a,
.Pager li.Current {
    display:inline;
    position:relative;
    border:#B7B7B7 1px solid;
	background:#FFFFFF;
    text-decoration:none;
    line-height:150%;
    padding:3px 6px;
}
.Pager li a:hover {
	color:#0C3372;
	background-color:#CCCCCC;
}
.Pager li.Current {
	color:#0C3372;
	font-weight:bold;
	background-color:#CCCCCC;
}

/* ご利用について */
#AboutContaier {
	display:none;
	text-align:left;
}
#AboutContents {
	text-align:left;
	padding:10px;
	background-color:#FFFFFF;
}
#AboutContents #AboutTitle {
	margin-bottom:20px;
}
#AboutContents .aboutSubTit {
	margin:20px 0px 10px 0px;
}
#AboutContents ul {
	list-style-position:inside;
}
#AboutContents table {
	border-collapse:collapse;
	margin-top:10px;
	line-height:1.6em;
}
#AboutContents table th {
	font-weight:bold;
	border:#CCCCCC 1px solid;
	padding:10px;
	background-color:#E5E5E5;
}
#AboutContents table td {
	border:#CCCCCC 1px solid;
	padding:10px;
}