@charset "utf-8";

/* ========================================================================
	kill browser default
------------------------------------------------------------------------ */
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,
p,blockquote,div,object,
ul,ol,li,dl,dt,dd{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
dl dt{font-weight:normal;}
strong,em{font-weight:bold;font-style:normal;}
img{border:0 none;vertical-align:top;}
caption{text-align:left;}
th{font-weight:normal;text-align:left;}
hr{display:none;}


/* ========================================================================
	base style
------------------------------------------------------------------------ */
body{
background:#000;
font-family:Verdana,"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:13px;
line-height:1.5;
color:#333;
}

#wrapper{
margin:0 auto;
width:900px;
}
#container{
background:url(../images/bg-01.jpg) no-repeat 0 0;
margin:0 -300px 0 -150px;
padding:0 300px 0 150px;
zoom:1;
}
#header{
position:relative;
min-height:500px;
_height:500px;
}
#header .logo{
position:absolute;
top:16px;
left:0;
}
#header h1{
position:absolute;
top:134px;
left:-1px;
}
#header .bnr{
position:absolute;
top:320px;
left:0;
}
#header .movie{
position:absolute;
top:260px;
left:0;
}
.share{
position:absolute;
top:436px;
right:0;
}
.share ul{
background:rgba(255,255,255,.7);
border-radius:2px;
padding:8px 15px 2px;

/* IE7~8 */
background:url(../images/bg-social-01.gif) no-repeat 0 0\9;
padding-bottom:10px\9;
}
.share li{
float:left;
}
.twitter-share-button{
width:95px!important;
}
.facebook{
margin-right:2px;
}
.evernote{
margin-top:1px;
}


#pagetop{
margin:25px auto 0;
width:900px;
text-align:right;
}
#footer{
background:#1e1e1e;
}
.copyright{
padding:10px 0;
color:#fff;
text-align:center;
font-size:11px;
}


/* ========================================================================
	Contents style
------------------------------------------------------------------------ */
h2{
margin-bottom:14px;
padding-top:11px;
}

/* list-bullet-01 , list-bullet-02
----------------------------------------- */
.list-bullet-01,
.list-bullet-02{

}
.list-bullet-01 li,
.list-bullet-02 li{
background:url(../images/ico-01.gif) no-repeat 4px .5em;
margin-bottom:5px;
padding-left:18px;
}
.list-bullet-02{
color:#808080;
}
.list-bullet-02 li{
background-image:url(../images/ico-02.gif);
}


/* list-notice-01
----------------------------------------- */
.list-notice-01{
margin:5px 0 15px;
font-size:11px;
color:#666;
}
.list-notice-01 li{
position:relative;
padding-left:1.2em;
}
.list-notice-01.num li{
padding-left:2em;
}
.list-notice-01 span{
position:absolute;
top:0;
left:0;
}


/* sec-01
----------------------------------------- */
.sec-01{
margin-bottom:10px;
}
.sec-01 p{
margin:0 0 19px 27px;
}
.sec-01 ul{
margin-left:11px;
}
.sec-01 li{
float:left;
}
.sec-01 li .list-notice-01{
width:281px;
}


/* sec-02
----------------------------------------- */
.sec-02{
background:#e8e7e0;
padding:0 28px 20px;
}
.sec-02 h2{
margin:0 -28px 14px;
padding-top:0;
}
.sec-02 p{
margin-bottom:22px;
}
.sec-02 .image{
margin-bottom:12px;
}


/* box-normal-01
----------------------------------------- */
.box-normal-01{
border:1px solid #ccc;
margin-bottom:21px;
padding:10px 15px;
}


/* Table
----------------------------------------- */
table{
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
th,td{
padding:10px 15px;
}
th{
background:#ecebe4;
border:1px solid #ccc;
border-right:none;
}
td{
border:1px solid #ccc;
border-left:none;
}


/* Col
----------------------------------------- */
.col2 li{
width:47%;
float:left;
}



/* Tab
----------------------------------------- */
.tabContainer{
background:#fff;
margin-bottom:25px;
padding:0 2px 2px 2px;
}

.tabList{
background:url(../images/nav-tab.jpg) no-repeat 0 0;
margin:0 -12px 0 -2px;
}
.tabList li{
margin-right:6px;
float:left;
}
.tabList li a{
background:url(../images/nav-tab.jpg) no-repeat 0 -59px;
width:447px;
height:59px;
display:block;
}
.tabList li span{
position:relative;
z-index:-1;
}
.tabList .tab1 a{
background-position:0 -59px;
}
.tabList .tab1.active a{
background-position:0 0;
}
.tabList .tab2 a{
background-position:-453px -59px;
}
.tabList .tab2.active a{
background-position:-453px 0;
}

/**
 * JavaScript ON
 */
/* 非アクティブ タブパネル 非表示 */
.tabContainer .tabPanel{
display:none;
}

/* アクティブ タブパネル 表示 */
.tabContainer .tabPanel.active{
display:block;
}

/* タブタイトル 非表示 */
.tabContainer .tabPanel .tabTitle{
position:absolute;
left:-999em;
top:-999em;
}

/**
 * JavaScript OFF
 */
/* 静的モード タブパネル 表示 */
.tabContainer .static .tabPanel{
display:block;
}

/* 静的モード タブタイトル 表示 */
.tabContainer .static .tabPanel .tabTitle{
position:static;
top:auto;
left:auto;
}

#tabitem_1{
padding-top:22px;
}
#tabitem_2{
padding:22px 29px 1px 29px;
}






/* Support
----------------------------------------- */
.mb00{
margin-bottom:0!important;
}
.alignC{
text-align:center;
}



/* ========================================================================
	clearfix
------------------------------------------------------------------------ */
.tabList,
.col2,
.sec-01 ul,
#header .share ul{
/zoom:1;
}
.tabList:after,
.col2:after,
.sec-01 ul:after,
#header .share ul:after{
content:'';
display:block;
clear:both;
}