﻿/*@charaset "utf-8";*/

html *{
	margin:0;
	padding:0;
}
html{
	min-height: 100%;
	background:url("images/back.gif");
    background-size:cover;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	font-weight: normal;
	text-align:center;
}

img{
	border:none;
	vertical-align:bottom;
}
a{
	color:#e50012;
	text-decoration:underline;
}
a:hover{
	color:#9c9c9c;
	text-decoration:none;
}


p{
    font-size: 13px;
	line-height: 1.5em;
	text-align:left;
}
ul{
	list-style-type: none;
}
li{
    font-size: 13px;
	text-align:left;
}


/*共通*/
#wrapper{
	width:760px;
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#contents_frame{
	background:url("images/main_back.gif");
	margin:20px 0 0 0px;
	position:relative;
	overflow:hidden;
}


/*slideshow*/
#slideshow {
    position:relative;
    height:377px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 377px;
    background-color: #FFF;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 378px;
    display: block;
    border: 0;
}
#kankore_nav{
	position:relative;
	overflow:hidden;
	background:#000;
}
#kankore_nav li{
	display:inline;
}
#kankore_nav li a{
	position:relative;
	overflow:hidden;
	display:block;
	float:left;
	margin-left:16px;
	width:232px;
	height:37px;
}
#btn1{
	background:url("images/btn1.jpg") no-repeat;
}
#btn2{
	background:url("images/btn2.jpg") no-repeat;
}
#btn3{
	background:url("images/btn3.jpg") no-repeat;
}
#btn1:hover{
	background:url("images/btn1_on.jpg") no-repeat;
}
#btn2:hover{
	background:url("images/btn2_on.jpg") no-repeat;
}
#btn3:hover{
	background:url("images/btn3_on.jpg") no-repeat;
}


.waku{
	position:relative;
	overflow:hidden;
	margin:30px 20px 30px;
}
.left{
	position:relative;
	overflow:hidden;
	width:430px;
	float:left;
	margin-right:10px;
}
.right{
	position:relative;
	overflow:hidden;
	width:280px;
	float:left;
}
.top_link{
	width:140px;
	height:30px;
	position:relative;
	overflow:hidden;
	margin:0 auto 30px;
}

.img_hover{
	background-color:#fff;
    display:block;
}
.img_hover img {
    transition: all 0.5s ease 0s;
}
.img_hover:hover img{
	opacity: 0.65;
    filter: alpha(opacity=65);
}

/*タブ*/
#tab{
	margin:20px 0 0 20px;
	position:relative;
	overflow:hidden;
}
#tab li{
	display:block;
	width:100px;
	height:25px;
	float:left;
	margin:1em 10px 0 0;
	cursor: pointer;
	padding-top:6px;
	border-radius: 3px; 
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#e90000;
	font-size:15px;
}
#tab li:hover{
	background:#e9af00;
}
#tab2{
	margin:20px 0 0 20px;
	position:relative;
	overflow:hidden;
}
#tab2 li{
	display:block;
	width:100px;
	height:25px;
	float:left;
	margin:1em 10px 0 0;
	cursor: pointer;
	padding-top:6px;
	border-radius: 3px; 
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#e90000;
	font-size:15px;
}
#tab2 li:hover{
	background:#e9af00;
}
#tab3{
	margin:20px 0 0 20px;
	position:relative;
	overflow:hidden;
}
#tab3 li{
	display:block;
	width:100px;
	height:25px;
	float:left;
	margin:1em 10px 0 0;
	cursor: pointer;
	padding-top:6px;
	border-radius: 3px; 
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#e90000;
	font-size:15px;
}
#tab3 li:hover{
	background:#e9af00;
}
.select{
	background:#e9af00 !important;
}

/*島風フィギュア*/
#wide_wrapper{
	width:1200px;
	position:relative;
	text-align:center;
	margin:0 auto;
}
#tujo_btn{
	position:absolute;
	top:410px;
	left:145px;
}
#gentei_btn{
	position:absolute;
	top:555px;
	left:145px;
}


/*使いまわし*/

.hidden{
	display:none;
}
.bold{
	font-weight:bold;
}
.big{
	font-size:15px;
}
.big2{
	font-size:18px;
}
.small{
	font-size:11px;
}
.relative{
	position:relative;
	overflow:hidden;
}
.t_center{
	text-align:center;
}
.margin_t5px{
	margin-top:5px;
}
.margin_t10px{
	margin-top:10px;
}
.margin_b10px{
	margin-bottom:10px;
}
.margin_r10px{
	margin-right:10px;
}
.margin_r15px{
	margin-right:15px;
}
.margin_t15px{
	margin-top:15px;
}
.margin_t1em{
	margin-top:1em;
}
.margin_t2em{
	margin-top:2em;
}
.margin_t20px{
	margin-top:20px;
}

.margin_t30px{
	margin-top:30px;
}
.margin_t50px{
	margin-top:50px;
}
.margin_t80px{
	margin-top:80px;
}

.red{
	color:#e50012;
}


