/*  メイン画像（スライド）　*/
/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}



/*--------------------------------------------------------*/

#main{
	width: 1000px;
	height: 700px;
	margin-top: 25px;
	margin-bottom: 68px;
	margin-right: auto;
	margin-left: auto;
}

/*  トップページ全体の横幅*/
/*  （ニュース横並びリストのため左右30ピクセル余分に）　*/
/*--------------------------------------------------------*/

#index_container{
	width:933px;
	margin-left:auto;
	margin-right:auto;
}

/*  News　*/
/*--------------------------------------------------------*/

#index_container .newsBox{
	overflow:hidden;
}

#index_container .newsBox .h2_space{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:35px;
}

#index_container .newsBox .h2_space h2{	
}

#index_container .newsBox ul li{
	float:left;
	width:200px;
	margin-left:16.6px;
	margin-right:16.6px;
}

#index_container .newsBox ul li .image{
	width:190px;
	height:190px;
	background:#FFF;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
}

#index_container .newsBox ul li p.date{
	font-size:11px;
	line-height:1.5em;
	color:#6C5246;
	margin-top:13px;
	margin-bottom:10px;
}

#index_container .newsBox ul li h3{
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	color:#6C5246;
	margin-bottom:15px;
}

#index_container .newsBox ul li p.txt{
	font-size:11px;
	line-height:1.6em;
	color:#6C5246;
}

/*  News　のカテゴリ & 色分け　*/

#index_container .newsBox ul li p.category01{
	font-size:11px;
	line-height:1.5em;
	color:#FFF;
	text-align:center;
	padding:5px;
	background:#00027C;
}
#index_container .newsBox ul li p.category02{
	font-size:11px;
	line-height:1.5em;
	color:#FFF;
	text-align:center;
	padding:5px;
	background:#A80405;
}
#index_container .newsBox ul li p.category03{
	font-size:11px;
	line-height:1.5em;
	color:#FFF;
	text-align:center;
	padding:5px;
	background:#9D5AA0;
}
#index_container .newsBox ul li p.category04{
	font-size:11px;
	line-height:1.5em;
	color:#FFF;
	text-align:center;
	padding:5px;
	background:#AAAFA0;
}

#index_container .newsBox .btBox{
	clear:both;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-top:15px;
}

/*  特設ページ　*/
/*--------------------------------------------------------*/

#index_container .specialBox{
	margin-top:40px;	
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#index_container .specialBox h2{
	margin-bottom:30px;	
}

#index_container .specialBox .specialBox_inner{
	width:900px;
	height:280px;
	position:relative;
}
#index_container .specialBox .specialBox_inner .box01{
	width: 270px;
	height: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#index_container .specialBox .specialBox_inner .box02{
	width:270px;
	height:250px;
	position:absolute;
	top:0px;
	left:315px;
}
#index_container .specialBox .specialBox_inner .box03{
	width:270px;
	height:250px;
	position:absolute;
	top:0px;
	left:630px;
}


#index_container .specialBox .btBox{
	clear:both;
	text-align:right;
	padding-top:20px;
}



/*  hotitem　*/
/*--------------------------------------------------------*/

#index_container .hotitemBox{
	margin-top:30px;	
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#index_container .hotitemBox h2{
	margin-bottom:30px;	
}

#index_container .hotitemBox .hotitemBox_inner{
    width: 900px;
    height: 170px;
    position: relative;
    display: table;
}
#index_container .hotitemBox .hotitemBox_inner .box01{
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0px;
    left: 15px;
}
#index_container .hotitemBox .hotitemBox_inner .box02{
	width:150px;
	height:150px;
	position:absolute;
	top:0px;
	left:195px;
}
#index_container .hotitemBox .hotitemBox_inner .box03{
	width:150px;
	height:150px;
	position:absolute;
	top:0px;
	left:375px;
}

#index_container .hotitemBox .hotitemBox_inner .box04{
	width:150px;
	height:150px;
	position:absolute;
	top:0px;
	left:555px;
}

#index_container .hotitemBox .hotitemBox_inner .box05{
	width:150px;
	height:150px;
	position:absolute;
	top:0px;
	left:735px;
}

#index_container .hotitemBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}








/*  企業からのお知らせ　*/
/*--------------------------------------------------------*/

#index_container .companyBox{
	margin-top:80px;	
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#index_container .companyBox h2{
	margin-bottom:30px;	
}

#index_container .companyBox .companyBox_inner{
	width:900px;
	height:250px;
	position:relative;
}
#index_container .companyBox .companyBox_inner .box01{
	width: 270px;
	height: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#index_container .companyBox .companyBox_inner .box02{
	width:270px;
	height:250px;
	position:absolute;
	top:0px;
	left:315px;
}
#index_container .companyBox .companyBox_inner .box03{
	width:270px;
	height:250px;
	position:absolute;
	top:0px;
	left:630px;
}

#index_container .companyBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}



/*  カテゴリの色付け　*/
#index_container .companyBox ul li .info .category span.company{
	padding:2px 10px;
	background:#666;	
}

#index_container .companyBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}

/*  About us　*/
/*--------------------------------------------------------*/

#index_container .aboutBox{
	margin-top:60px;
	overflow:hidden;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#index_container .aboutBox h2{
	margin-bottom:30px;
}	

#index_container .aboutBox .leftBox{
	float:left;
	width:320px;
	margin-right:73px;
	padding-top:15px;
}

#index_container .aboutBox .centerBox{
	float:left;
	width:218px;
	margin-right:48px;
}

#index_container .aboutBox .rightBox{
	float:left;
	width:241px;
}

#index_container .aboutBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}

/*  Brands　*/
/*--------------------------------------------------------*/

#index_container .brandsBox{
	margin-top:30px;	
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#index_container .brandsBox h2{
	margin-bottom:30px;	
}

#index_container .brandsBox .brandsBox_inner{
	width:900px;
	height:900px;
	position:relative;
}
#index_container .brandsBox .brandsBox_inner .box01{
	width:210px;
	height:210px;
	position:absolute;
	top:0px;
	left:0px;
}
#index_container .brandsBox .brandsBox_inner .box02{
	width:440px;
	height:210px;
	position:absolute;
	top:0px;
	left:230px;
}
#index_container .brandsBox .brandsBox_inner .box03{
	width:210px;
	height:210px;
	position:absolute;
	top:0px;
	left:460px;
}
#index_container .brandsBox .brandsBox_inner .box04{
	width:210px;
	height:440px;
	position:absolute;
	top:0px;
	left:690px;
}
#index_container .brandsBox .brandsBox_inner .box05{
	width:210px;
	height:210px;
	position:absolute;
	top:230px;
	left:0px;
}
#index_container .brandsBox .brandsBox_inner .box06{
	width:210px;
	height:670px;
	position:absolute;
	top:230px;
	left:0px;
}
#index_container .brandsBox .brandsBox_inner .box07{
	width:440px;
	height:440px;
	position:absolute;
	top:230px;
	left:230px;
}
#index_container .brandsBox .brandsBox_inner .box08{
	width:210px;
	height:210px;
	position:absolute;
	top:460px;
	left:690px;
}
#index_container .brandsBox .brandsBox_inner .box09{
	width:210px;
	height:210px;
	position:absolute;
	top:690px;
	left:230px;
}
#index_container .brandsBox .brandsBox_inner .box10{
	width:440px;
	height:210px;
	position:absolute;
	top:690px;
	left:460px;
}

#index_container .brandsBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
	padding-bottom:20px;
}


/*  Original shoes　*/
/*--------------------------------------------------------*/

#index_container .originalBox{
	margin-top:90px;	
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#index_container .originalBox h2{
	margin-bottom:20px;	
}

#index_container .originalBox ul li{
	width:280px;
	display: inline;
	float: left;
	line-height:0;
	font-size:0px;
}

#index_container .originalBox ul li.mr{
	margin-right:30px;
}

#index_container .originalBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}

/*  SnapWidget　*/
/*--------------------------------------------------------*/

.SnapWidgetBox h2{
    text-align: center;	
	margin-right:auto;
	margin-left:auto;
	width:900px;
}


.SnapWidgetBox iframe{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width:900px;
}

.SnapWidgetBox .btBox{
	clear:both;
	text-align:right;
	padding-top:10px;
}






/*  Recruit　*/
/*--------------------------------------------------------*/

#index_container .recruitBox{
	margin-top:90px;	
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#index_container .recruitBox h2{
	margin-bottom:30px;	
}

#index_container .recruitBox .left_photo{
	float:left;
	width:275px;
	margin-right:71px;
}

#index_container .recruitBox .messageBox{
	float:left;
	width:209px;
	margin-right:55px;
	padding-top:10px;
}

#index_container .recruitBox .right_photo{
	float:left;
	width:290px;
}

#index_container .recruitBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}

/*  Blog　*/
/*--------------------------------------------------------*/

#index_container .blogBox{
	margin-top:30px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#index_container .blogBox h2{
	margin-bottom:30px;	
}

#index_container .blogBox ul li{
	width:280px;
	float: left;
	padding-right:20px;
	overflow:hidden;
}

#index_container .blogBox ul li .photo{
	float:left;
	width:100px;
	margin-right:15px;
}

#index_container .blogBox ul li .photo img{
	width:100px;
	height:100px;
	position: relative;
}

#index_container .blogBox ul li .info{
	float:right;
	width:165px;
}

#index_container .blogBox ul li .info .date{
	font-size:11px;
	line-height:1.5em;
	color:#6C5246;
	margin-bottom:10px;
}

#index_container .blogBox ul li .info .category{
	font-size:11px;
	line-height:1.5em;
	color:#6C5246;
	margin-bottom:10px;
}

#index_container .blogBox ul li .info h3{
	font-size:13px;
	font-weight:bold;
	line-height:1.5em;
	color:#6C5246;
	margin-bottom:10px;
}

#index_container .blogBox .btBox{
	clear:both;
	text-align:right;
	padding-top:30px;
}