@charset "utf-8";

#btsp10 {
	background:url("../../../../images/btsp10/bg-01.jpg") no-repeat center top #000;
	padding-bottom: 30px;
	
}

#special-contents {
	padding-bottom: 0;
}

#container {
width: 900px;
margin: auto;
zoom:1;
}
#btsp10 .header{
position:relative;
min-height:500px;
_height:500px;
    margin-left: -80px;
}
#btsp10 .header .logo{
position:absolute;
top:16px;
left:0;

display: none;
}

#btsp10 .header .weibo{
position:absolute;
top:25px;
left:180px;

display: none;
}
#btsp10 .header .weiboLink
{
color:#ffffff;
}

#btsp10 .header h1{
position:absolute;
top:134px;
left:-1px;
}
#btsp10 .header .bnr{
position:absolute;
top:320px;
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/btsp10/bg-social-01.gif") no-repeat 0 0\9;
padding-bottom:10px\9;
}
.share li{
float:left;
}
.twitter-share-button{
width:195px!important;
}
.facebook{
margin-right:2px;
}
.evernote{
margin-top:1px;
}



.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/btsp10/ico-01.gif") no-repeat 4px .5em;
margin-bottom:5px;
padding-left:18px;
font-size: 13px;
line-height: 1.5em;
}
.list-bullet-02{
color:#808080;
}
.list-bullet-02 li{
background-image:url("../../../../images/btsp10/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/btsp10/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/btsp10/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,
#btsp10 .header .share ul{
/zoom:1;
}
.tabList:after,
.col2:after,
.sec-01 ul:after,
#btsp10 .header .share ul:after{
content:'';
display:block;
clear:both;
}





/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 1023
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 1023px) {



#btsp10 img {
	max-width: 100%;
	height: auto;
}

#btsp10 .header h1 .pc,
#btsp10 .header .bnr .pc {
	display: none;
}

#btsp10 .header h1 .sp,
#btsp10 .header .bnr .sp {
	display: block;
}

#container {
	width: 767px;
}

#btsp10 .header {
	margin-left: 0;
}

.sec-01 > ul {
	margin-left: 0;
	padding: 0 20px;
}

.sec-01 > ul > li {
	width: 33.3%;
}


}


/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 767
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {


#container {
	width: 95%;
}

}


/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 480
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 480px) {


#btsp10 {
    background: url("/images/btsp10/bg-01_2.jpg") no-repeat center top #000;
}

#btsp10 .header h1 img {
	width: 100%;
}

#btsp10 .header .bnr {
	top: 460px;
}

#btsp10 .header .bnr img {
	width: 100%;
}

#btsp10 .header {
    min-height: 640px;
}

#btsp10 .header h1 {
	top: 60px;
}

.sec-01 > ul > li {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

#tabitem_2 {
	padding: 15px 15px 0;
}

/*
#btsp10 table {
	display: block;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

#btsp10 table tbody {
	width: 700px;
	display: table;
}
*/

#btsp10 table,
#btsp10 table tbody,
#btsp10 table tr,
#btsp10 table th,
#btsp10 table td {
	display: block;
}

#btsp10 table th,
#btsp10 table td {
	border: none;
}



}