@charset "utf-8";





/* @clearfix

-------------------------------------------- */

.clearfix:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */





/* @sample

-------------------------------------------- */

div.sampleSearch {

	margin-bottom: 15px;

	background-color: #5a7aa9;

}

div.sampleGenre {

	float: left;

	display: inline;

	width: 340px;

}

div.sampleCreator {

	position: relative;

	float: right;

	display: inline;

	width: 243px;

	height: 85px;

	background: transparent url(../images/img_sample03.gif) top left no-repeat;

}

		div.sampleCreator legend {

			display: none;

		}

		div.sampleCreator select {

			position: absolute;

			width: 160px;

			right: 30px;

			bottom: 14px;

		}

div.sampleListWrapper {

	padding: 20px 16px;

	background-color: #5a7aa9;

}

		div.sampleListWrapper img {

			display: block;

		}

div.sampleListContent {

	padding: 0 0 20px 43px;

	background-color: #fff;

}

		div.sampleListContent h3 {

			margin: 0 0 0.5em 0;

			padding: 0;

			font-size: 100%;

			font-weight: normal;

		}

				div.sampleListContent h3 span {

					font-size: 75%;

				}

		div.sampleListContent p.sampleListCaption {

			margin: 0 43px 1em 0;

			padding: 0 0 5px 0;

			border-bottom: 1px solid #ccc;

			font-size: 75%;

			text-align: right;

		}

		div.sampleListContent p.sampleNoData {

			margin: 0;

			padding: 0;

			font-size: 75%;

		}

		div.sampleListContent ul {

			margin: 0;

			padding: 0;

			list-style: none;

		}

				div.sampleListContent ul p {

					position: absolute;

					top: 115px;

					left: 0;

					margin: 0;

					padding: 0 0 0 12px;

					background: transparent url(../images/ic_sample_01.gif) 0 0.25em no-repeat;

					font-size: 75%;

				}

				div.sampleListContent ul.cuteSampleList p {

					background-image: url(../images/ic_sample_cute_01.gif);

				}

				div.sampleListContent ul.popSampleList p {

					background-image: url(../images/ic_sample_pop_01.gif);

				}

				div.sampleListContent ul.coolSampleList p {

					background-image: url(../images/ic_sample_cool_01.gif);

				}

				div.sampleListContent ul.realSampleList p {

					background-image: url(../images/ic_sample_real_01.gif);

				}

				div.sampleListContent ul a,

				div.sampleListContent ul a:link,

				div.sampleListContent ul a:visited {

					display: block;

					border: 1px solid #ccc;

				}

				div.sampleListContent ul a:active,

				div.sampleListContent ul a:hover {

					border: 1px solid #666;

				}

				div.sampleListContent ul img {

					padding: 1px;

				}

		div.sampleListContent li {

			position: relative;

			display: inline;

			float: left;

			margin: 0;

			padding: 0 20px 30px 0;

			list-style: none;

		}

div.sampleListComment {

	margin: 20px 0 0;

	padding: 10px;

	background-color: #eee;

	font-size: 75%;

}

		div.sampleListComment h4 {

			margin: 0 0 0.5em;

		}

div.pager {

	margin: 30px 43px 0 0;

	font-size: 75%;

}

div.pagerPrev {

	float: left;

	width: 20%;

	padding: 0.5em 0;

}

		div.pagerPrev a {

			padding-left: 10px;

			background: transparent url(../images/ic_arrow_01.gif) 0 0.25em no-repeat;

		}

div.pagerNext {

	float: right;

	width: 20%;

	padding: 0.5em 0;

	text-align: right;

}

		div.pagerNext a {

			padding-right: 10px;

			background: transparent url(../images/ic_arrow_02.gif) 100% 0.25em no-repeat;

		}

div.pagerPages {

	float: left;

	width: 59%;

	padding: 0.5em 0;

	text-align: center;

}

		div.pagerPages a,

		div.pagerPages span {

			margin: 0 5px;

			padding: 0.3em 0.5em;

			border: 1px solid #aaa;

		}

		div.pagerPages a,

		div.pagerPages a:link,

		div.pagerPages a:visited,

		div.pagerPages a:active,

		div.pagerPages a:hover {

			overflow: hidden;

		}

		div.pagerPages span {

			background-color: #eee;

			font-weight: bold;

		}

div.sampleBack {

	margin-bottom: 15px;

}

div.sampleDetailWrapper {

	padding: 20px 16px;

	background-color: #5a7aa9;

}

div.sampleDetailContent {

	padding: 0 0 20px 0;

	background-color: #fff;

	text-align: center;

}

div.sampleDetailData {

	position: relative;

	margin-top: 15px;

	padding-top: 15px;

	border-top: 1px solid #003256;

}

		div.sampleDetailData h3 {

			margin: 0 0 0.5em 0;

			padding-left: 12px;

			background: transparent url(../images/ic_sample_01.gif) 0 0.3em no-repeat;

			color: #003256;

			font-size: 75%;

			font-weight: normal;

		}

		div.sampleDetailData table {

			width: 390px;

			border: none;

		}

		div.sampleDetailData th,

		div.sampleDetailData td {

			border: none;

			font-size: 75%;

			vertical-align: top;

		}

		div.sampleDetailData th {

			width: 8em;

			color: #fff;

		}

		div.sampleDetailData td {

			color: #003256;

		}

		div.sampleDetailData a {

			position: absolute;

			top: 15px;

			right: 0;

			width: 151px;

		}


/* -------------add by nakamura 2011.06.06 */

div.totalListContent {

	height: 1900px;

	/height: 1660px;

	padding: 0 0 20px 43px;

	background-color: #fff;

}

		div.totalListContent h3 {

			margin: 0 0 0.5em 0;

			padding: 0;

			font-size: 100%;

			font-weight: normal;

		}

				div.totalListContent h3 span {

					font-size: 75%;

				}

		div.totalListContent p.sampleListCaption {

			margin: 0 43px 1em 0;

			padding: 0 0 5px 0;

			border-bottom: 1px solid #ccc;

			font-size: 75%;

			text-align: right;

		}

		div.totalListContent p.sampleNoData {

			margin: 0;

			padding: 0;

			font-size: 75%;

		}

		div.totalListContent ul {

			margin: 0;

			padding: 0;
			
			list-style: none;
			
			font-size: 82%;

		}

				div.totalListContent ul p {

					position: absolute;

					top: 115px;

					left: 0;

					margin: 0;

					padding: 0 0 0 12px;

					background: transparent url(../images/ic_sample_01.gif) 0 0.25em no-repeat;

					font-size: 75%;

				}

				div.totalListContent ul img {

					padding: 1px;

				}

		div.totalListContent li {
			
			display: block;

			margin: 0;

			width: 200px;

			padding: 0 20px 20px 0;

			float: left;

			list-style: none;

		}