@charset "UTF-8";

/* ******************************************
 scrollTo-min JS定義
****************************************** */

#content {
	width: 660px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

#content div.section {
	width: 6600px; /* 660×ブロック数 */
}

#content div.section li.sec-block {
	position:relative;
	float:left;
	width:660px;
	text-align: center;
	overflow: hidden;
}


/* ボタン位置指定 */

#content div.section li.sec-block a.next {
	position: absolute;
	top: 0px;
	right: 5px;
}
#content div.section li.sec-block a.prev {
	position: absolute;
	top: 0px;
	left: 5px;
}


/* ******************************************
 coda-slider JS定義
****************************************** */

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 660px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 660px; height: 540px; overflow: scroll;}
.loading {margin-top: 240px; margin-bottom: 300px; text-align: center; }

.wrapper {
	width: 650px;
	margin: 0px auto;
	padding-top: 5px;
	background: url(../../shared/images/tab_bg_001.jpg) center top no-repeat;
	position: relative;
}

/* ---------黒い外枠--------- */
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	width: 660px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
}

/* ---------黒い外枠内コンテンツ大枠--------- */
.panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	width: 660px;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

/* ---------黒い外枠内コンテンツ大枠内コンテンツセクション--------- */
.panel { /* Each panel is arranged end-to-end */
	float:left;
	position: relative;
	width: 660px; /* Also specified in  .stripViewer  above */
}


/* ---------▼タブ▼--------- */
div.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: 0px auto;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
}

.stripNav ul li {
float: left;
height: 46px;
overflow: hidden;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
display: block;
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 46px;
color: #ffffff;
text-decoration: none;
padding-left: 43px;
background: url(../../shared/images/tab_001.jpg) left top no-repeat;

}
.stripNav a span { /* The nav links */
display: block;
padding-right: 12px;
padding-top: 8px;
background: url(../../shared/images/tab_002.jpg) right top no-repeat;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
letter-spacing: -0.1em;
}

/* ホバータブ */
.stripNav li a:hover {
background: url(../../shared/images/tab_ho_001.jpg) left top no-repeat;
text-decoration: none;
color: #000000;
}
.stripNav li a:hover span {
display: block;
padding-right: 12px;
padding-top: 3px;
background: url(../../shared/images/tab_ho_002.jpg) right top no-repeat;
}

/* ホバータブ */
*html .stripNav li a:hover {
padding-top: 0px;
}

/* アクティブタブ */
.stripNav li a.current {
color: #000000;
background: url(../../shared/images/tab_ac_001.jpg) left top no-repeat;
}
.stripNav li a.current span {
display: block;
padding-right: 12px;
padding-top: 3px;
background: url(../../shared/images/tab_ac_002.jpg) right top no-repeat;
}

/* ---------▲タブ▲--------- */

/* ---------▼次へ・戻るボタン 不使用▼--------- */
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 450px;
text-indent: -9000em;
z-index: 5;
}

.stripNavL a, .stripNavR a {
display: block;
height: 70px;
width: 56px;
}

.stripNavL {
left: 0;
}

.stripNavR {
right: 0;
}

.stripNavL {
background: url("../images/arrow-left.png") no-repeat center;
}

.stripNavR {
background: url("../images/arrow-right.png") no-repeat center;
}



/* ---------▲次へ・戻るボタン▲--------- */



