@charset "UTF-8";
/* CSS Document */

body {
	text-align: center;
	margin: 0;
	padding:0;
	line-height: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
}
img { border: none; }

div#wrapperBox	{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -512px;
	margin-top: -315px;
	width: 1024px;
	height:630px;
	/*margin: 0 auto;*/  
    text-align: left;
	/*border: 1px solid #333333;*/
	overflow:hidden;
}

div#prevBox	{
	position:absolute;
	left:0;
	top:0;
	z-index: 3;
	width: 25px;
	height: 46px;
	margin-left:70px;
	padding: 0;
}

div#nextBox	{
	position:absolute;
	top:0;
	right:0;
  	z-index: 4;
	width: 25px;
	height: 46px;
	margin-right:70px;
	padding: 0;
}

div#headerBox	{
	position:relative;
	width: 1024px;
	height:45px;
	padding: 0;
	margin:0;
	text-align: left;
	z-index: 100;//2014.08
}

div#headerContent	{
	position:relative;
	margin: 0 15px 0 0;
	width: 200px;
	height:25px;
	padding: 0;
	float: right;
	text-align: right;
}

/*他言語リンク追加2013.5.23*/
div#headerLinks {
	margin: 5px 0 0 18px;
	/*width: 607px;*/
	height: 25px;
	padding: 0;
	float: left;
	text-align: left;
	font-size: 11px;
}

/*他言語リンク追加2014.8.13*/
div#headerLinks ul {
	margin:0;
	list-style:none;
	padding:0;
	font-size: 11px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
}
div#headerLinks ul > li {
  display:inline;
}

/* drop down
-----------------------------------------*/
/* link */
.mod_dropnavi ul li a{
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mod_dropnavi ul li a:link    {text-decoration:none;}
.mod_dropnavi ul li a:visited {text-decoration:none;}
.mod_dropnavi ul li a:hover   {text-decoration:none;}
.mod_dropnavi ul li a:active  {text-decoration:none;}

/* mod_dropnavi */
.mod_dropnavi ul{
	list-style:none;
}
.mod_dropnavi>ul{
	width:647px;
	height:12px;
}
.mod_dropnavi>ul>li{
	/*width:80px;*/
	float:left;
	position:relative;
	text-align:center;
	line-height:12px;
}
.mod_dropnavi>ul>li>a{
	display:block;
	color:#000;
	padding:  0 5px;
	background-color: #fff;
}
.mod_dropnavi li + li{
	border-left:1px solid #000;
}

/* mod_dropnavi_child */
.mod_dropnavi .mod_dropnavi_child{
  display:none;
  position:absolute;
  top:5px;
  left:-5px;
  z-index:99;
  padding:10px 0 0 0!important;
  /*width:80px;*/
}
.mod_dropnavi .mod_dropnavi_child ul{
	padding:5px 10px !important;
	background:rgba(255,255,255,0.90);
}

.mod_dropnavi .mod_dropnavi_child ul li a{
  padding:10px 0 !important;
  display:inline-block;
  white-space:nowrap;
  font-size: 12px;
　font-weight:bold;
}
.mod_dropnavi .mod_dropnavi_child ul li {
	border:none;
}
.mod_dropnavi .mod_dropnavi_child ul li a:link    {color:#000;text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:visited {color:#000;text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:hover   {color:#000;text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:active  {color:#000; text-decoration:none;}

/*------------------*/
.sep1{
	margin-left:8px;
	float: left;
	margin-top: 6px;
}

/*.langJP {
	margin-left:0;
	float: left;
	margin-top: 6px;
}

.langEN {
	margin-left:7px;
	float: left;
	margin-top: 6px;
}
.langKR {
	margin-left:7px;
	float: left;
	margin-top: 6px;
}*/


div#containerBox {
	position:relative;
	width: 1024px;
	height: 542px;
	margin:0;
	padding: 0;
	background-color: #FFF;
	
}

div#containerBox div#title{
	width: 1024px;
	height: 156px;
	background-image:url(../top_img/power_of_clothes.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

div#contentsBox {
	position:relative;
	width: 1024px;
	height: 396px;
	padding: 0;
	float: left;
	margin: 0;
}

.volBox{
	width: 104px;
	padding: 0 24px 0 24px;
	margin: 0;
	float: left;
}
/*A5版用*/
.volBox.a5{
	width: 110px;
	padding: 0 22px 0 22px;
	margin: 0;
	float: left;
}

.new{
	background-image:url(../top_img/new.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.cover{
	margin-top:18px;
	height: 162px;
	width: 104px;
}
/*A5版用*/
.a5 .cover{
	margin-top:18px;
	height: 162px;
	width: 110px;
}

.vol{
	width: 100px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 0 2px 0 2px;
	font-size: 9px;
	line-height: 110%;
}
.txt{
	width: 100px;
	color: #000;
	text-align: left;
	padding: 5px 2px 5px 2px;
	font-size: 9px;
	line-height: 130%;
}
.a5 .txt{
	width: 106px;
}
.print{
	
	padding: 3px 4px 0 4px;
}
div#footerBox	{
	position:relative;
	width: 994px;
	height:43px;
	margin:0;
	padding: 0 15px 0 15px;
}
div#footerBox #footerContents {
	width: 994px;
	height:25px;
	margin-top:18px;
	padding: 0;
}
.com {
	margin-left:0;
	float: left;
	margin-top: 6px;
}
.sep1{
	margin-left:9px;
	float: left;
	margin-top: 6px;
}
.csr{
	margin-left:7px;
	float: left;
	margin-top: 6px;
}
.backTop {
	margin-left:56px;
	float: left;
	margin-top: 0;
}
.logo {
	float: right;
	margin-top: 0;
}

/* ボタン */
#example .browse{
	display:block;
	float: left;
	width: 25px;
	height: 46px;
	margin-top: 100px;
	cursor: pointer;
}

#example .prev{width: 25px; height: 46px;}
#example .prev{background: url(../top_img/top_prev.png) no-repeat}
#example .prev:link{background: url(../top_img/top_prev.png) no-repeat}
#example .prev:visited{background: url(../top_img/top_prev.png) no-repeat}
#example .prev:hover{background: url(../top_img/top_prev.png) no-repeat}
#example .prev:active{background: url(../top_img/top_prev.png) no-repeat}

#example .next{width: 25px; height: 46px;}
#example .next{background: url(../top_img/top_next.png) no-repeat}
#example .next:link{background: url(../top_img/top_next.png) no-repeat}
#example .next:visited{background: url(../top_img/top_next.png) no-repeat}
#example .next:hover{background: url(../top_img/top_next.png) no-repeat}
#example .next:active{background: url(../top_img/top_next.png) no-repeat}

#example .disabled{	background: none; cursor: default;}
#example .disabled:link{background: none; cursor: default;}
#example .disabled:visited{background: none; cursor: default;}
#example .disabled:hover{background: none; cursor: default;}
#example .disabled:active{background: none; cursor: default;}


/* パネルを囲う要素 */
#example .scrollable {
	float: left;
	margin-left: 132px;
	position:absolute;
	overflow:hidden;
	width: 760px;
	height:396px;
}
#example .scrollable .items {
	width:20000em;
	position:absolute;
}

#example .items div {
	float:left;
}