/**************************************/
/*            ＢＡＳＥ            */
/**************************************/
html {
	margin:0;
	padding:0;
}
body {
	color:#000000;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:14px;
	letter-spacing:0.03em;
	line-height:1.7;
	width:100%;
	height:100%;
	min-width:1000px;
	min-height: 100%;
	background-color: #cbf2fd;
}
.wrapper{
	width:1000px;
	height:100%;
	margin:0px auto;
	padding:0 20px;
	position:relative;
}

/**************************************/
/*            共通            */
/**************************************/
a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:underline;
}
a img {
	border-style:none;
}
a:hover img {
	opacity:0.7;
}
li {
	list-style:none
}
.nobo {
	border:none
}
.noma {
	margin:0
}
a:hover img.rollover {
	opacity:1;
}

/* ===デザイン=== */

/**************************************/
/*             H要素             */
/**************************************/
h1 {
	font-size:13px;
	font-weight: normal;
	color:#fff;
	padding:6px 0;
	margin-left:135px;
	letter-spacing:0.1em;
	line-height:1.85;
}
h2 {
}
h3 {
	font-size:28.5px;
	color:#036eb8;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
h4 {
	font-size:24px;
	color:#036eb8;
	font-weight:normal;
}

/**************************************/
/*           コンテンツ         */
/**************************************/

/* ===ヘッダー=== */
#header {
	margin:0;
	padding:0;
	position:relative;
	background:#fff
}

/* ===コンテンツ=== */

#crumbs {
	color:#000;
	position:absolute;
	font-size:0.8em;
	top:-30px;
}

#crumbs a {
	color:#000;
}
#crumbs span.delimiter {
	font-size:1.2em;margin:0 5px;
}

#top {
	background: url(../img/bg.png) center top no-repeat;
	position:relative;
	height: 1280px;
	background-color: #cbf2fd;
	padding-top: 20px;
}

#top #box-r #name {
	position:absolute;
	top:25px;
	left:-5px;
}

#top #box-l {
	float:left;
	margin-top:60px; 
	position:absolute;
}

/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
 margin:0 0 30px 0;
}

/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
    width:430px;
    height:350px;
    margin-top: 40px;
}
.mainimglist img{
}

/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
	margin: 200px 0;
}
.thumbnaillist ul{
11
}
.thumbnaillist li{
    float:left;
    background:none;
    padding:0 18px 0px 0;
    margin:0 0 10px 0;
}
.thumbnaillist li a{
    display:block;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}


#photo-s {
	width:430px;
}
#photo-s li {
	float:left;
	padding:12px 4px 0 0;
}


#top #box-r {
	float:right;
	width: 500px;
	margin: 0 480px;
	padding: 400px 0 0 0;
	position:absolute;
	top:-25px;
}

#top #movie {
	position:absolute;
	top:116px;
	width:410px;
	height:251px
}

#top #box-r #detail{
	padding: 10px 0 0 0;
}

#top #box-r #detail-1{
	padding: 25px 0 25px 0;
}

#detail-1 .title{
	padding-bottom: 10px;
}


/* ===サムネイル=== */
#title {
	padding: 50px auto;
}

#thumb {
	background:#00a8b7;
	height: 43px;
	clear: both;
	position:relative
}

#thumb_1 {
	width:1000px;
	margin: 20px 0 20px 190px;
}
#thumb_1 li {
	float:left;
	padding:4px 4px 60px 0;
}

/* ===フッター=== */
footer {
	background:#fff;
	clear: both;
	position:relative
}
footer #product {
	position:absolute;
	top:-30px;
	left:40px;
	width:420px;
}
footer #footlogo {
	padding-top:45px;
	text-align:center;
}
footer #footlogo ul.list2 {
	clear:both
}
footer #footlogo ul.list2 li {
	float:left;
	margin-left:3px
}

footer #copy {
	clear: both;
	color: #000;
	text-align: center;
	font-size:12px;
	letter-spacing:0.1em;
	margin-bottom: 30px;
}