@charset "utf-8";



/*

======== table of content. =================================



summary:トップページ用レイアウト定義



-CONTENT



-MAIN

  - MAIN RIGHT

  	



============================================================

*/





div#content div#main div.campaign a:hover img,

div#content div#main div.newarrived a:hover img,

div#content div#main div.osusume a:hover img{

opacity:0.7;

filter: alpha(opacity=70);

}



div#content div#main dl.iteminfo{

margin:0;

padding:0;

}



div#content div#main dl.iteminfo dt a{

font-weight:bold;

color:#3957A6;

}



div#header h1 {

	height:23px;

	line-height:23px;

	color:#FFF;

	text-indent:15px;

}







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

#main

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

div#main{

	padding-bottom:0;

}





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

mainarea

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

div.mainarea{

width:740px;

margin:0 auto;

background:url(../images/index/bg_mainarea.jpg) repeat-x top left;

padding-bottom:10px;

}



div.mainarea h3{

background:#FFF;

}



div.mainarea ul{

width:720px;

margin:7px 10px;

}



div.mainarea ul li{

float:left;

margin-left:5px;

background:#FFF;

display:inline;

}



div.mainarea ul li.first{

margin-left:0;

}







/* campaign*/

div.campaign {

width:735px;

padding:4px	; 

background:#F0F0F0;

clear:both;

}



div.campaign ul {

display:block;

margin-left:365px;

}



div.campaign ul li.text{

padding-top:2px;

}



div.campaign ul li{

float:left;

}



div.campaign ul li img{

margin-left:30px;

}



/* present */

div.present {

margin:15px 0 15px 0;

}



/* newarrived */

div.newarrived{	

width:740px;

margin:20px 0 0 0;

padding:15px 0 0 0;

border-top:1px solid #ccc;

}





div.newarrived h4{

margin-bottom:20px;

}	



div.newarrived div.block{

width:180px;

background:url(../images/index/bg_new.gif) repeat left top;

float:left;

margin:0 0 5px 5px;

}



div.newarrived div.first{

margin-left:0;

}



div.newarrived div.last{

margin-right:0;

}



div.newarrived div.block dl{

width:130px;

margin:20px auto 0 auto;

border:1px solid #E4E4E4;

background:#E4E4E4;

}



div.newarrived div.block dl dt{

text-align:center;

}



div.newarrived div.block dl dd{

padding:5px;

}



div.newarrived div.block ul{

width:150px;

margin:5px auto 10px auto;

}



div.newarrived div.block ul li.name{

font-weight:bold;

}



div.newarrived div.block ul li.name span{

font-size:92%;

display:block;

}



div.newarrived div.block ul li.standardprice{

color:#5A5A5A;

text-align:center;

padding-top:3px;

}



div.newarrived div.block ul li.price{

width:130px;

border:1px solid #CC0000;

color:#CC0000;

padding-bottom:3px;

background:#FFF;

margin:5px auto;

text-align:center;

font-weight:bold;

}







div.newarrived div.block ul li.link{

text-align:right;

font-weight:bold;

margin-top:5px;

}



div.newarrived div.block ul li.link a{

background:url(../images/common/ic_arr.gif) no-repeat left center;

padding-left:12px;

color:#3957A6;

}



div.newarrived div.block a:link{

color:#3957A6;

}



div.newarrived div.block a:visited{

color:#3957A6;

}



/*ranking*/

div.ranking{
	width:740px;
	margin-top:20px;
	border-top:2px solid #0E2E77;
	background:url(../images/index/bg_ranking.jpg) repeat-x left top;

}





div.ranking h4{

width:258px;

float:left;

}





div.ranking ul {

margin-top:3px;
clear:both;
padding:10px 15px 0 10px;
background:#31549B;

}



div.ranking ul li{

float:left;

padding-right:2px;

}



div.rankingblock{

width:136px;

float:left;

position:relative;

margin-top:20px;

margin-right:10px;

margin-left:4px;

display:inline;

}



div.last{

margin-right:0;

}



div.rankingblock img{
padding:5px;
border:1px solid #E4E4E4;

}



div.rankingblock p.rankicon{

position:absolute;

top:-5px;

left:-5px;

}

div.rankingblock p.rankicon img{
	border:none;

}



div.rankingblock dd.txt{

margin-top:5px;

}





div.shirts,

div.suits,

div.knot{

clear:both;

}





div#content div#main  div.ranking div#tab3Tabchange,

div#content div#main  div.ranking div#tab2Tabchange { 

display:none; 

}





/*osusume*/

div.osusume{

width:720px;

clear:both;

margin-top:20px;

padding:7px 8px;

background:url(../images/index/bg_osusume.jpg) repeat left top;

}



div.osusume div.block{

width:153px;

background:#FFF;

padding:10px;

position:relative;

float:left;

margin:10px 9px 0 0 ;

}



div.osusume div.last{

margin-right:0;

}



div.osusume div.block p.goicon{

position:absolute;

top:150px;

left:150px;

}



div.osusume div.block p.goicon img{

border:none;

}



div.osusume div.block img{

border:1px solid #E4E4E4;

}



div.osusume div.block p.text{

margin-top:15px;

}



/*topic*/

div.topic{

width:740px;

background:#F0F0F0;

padding:15px 0 20px 0;

margin-top:20px;

}



div.topic h4{

margin:0 15px 15px 15px;

}



div.topic div.news{

width:710px;

margin:0 15px;

background:#FFF;

border:1px solid #E4E4E4;

}



div.topic div.news dl{

background:url(../images/index/line.gif) repeat-x left bottom;

width:680px;

margin:0 auto;

padding-top:10px;

padding-bottom:10px;

}



div.topic div.news dl dt{

width:85px;

padding-left:15px;

float:left;

background:url(../images/index/ic_news.gif) no-repeat left center;

}



div.topic div.news dl dd{

padding-left:100px;

font-size:84%;

}



div .info dt{

border-bottom: solid 1px #cccccc;

font-color: #666666;

margin-top: 1em;

}



div .info dt dd{

font-color: #000000;

padding: 1em;

margin-left: 0em;

margin-top: 0.5em;

}



/* 100106追加

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

/* keywordlink */

#main .keywordlink{

	width:740px;

	margin:10px 0 20px 0;

	background:url(../images/index/bg_keywordlist.jpg) repeat-x 0 0;

}

#main .keywordlink h4{

	width:152px;

	float:left;

	display:inline;

}



#main .keywordlink ul{

	width:567px;

	height:40px;

	float:left;

	display:inline;

	margin:5px 0 5px 0;

	padding:9px 5px 0 5px;

	background:#FFF;

}



#main .keywordlink ul li{

	float:left;

	display:inline;

	/* 2行の時

	margin:0 0 5px 0;　*/

	/* 1行の時 */

	margin:10px 0 5px 0;

	padding:0 5px 0 5px;

	white-space:nowrap;

	line-height:1.1;

	border-right:1px solid #000000;

}



/* limit */

#main .limit {

	width:740px;

}

#main .limit .section{

	width:364px;

}

#main .limit .section p{

	width:357px;

	margin:0 auto 0 auto;

}

#main .limit .section ul{

	margin:5px 0 5px 5px;

}

#main .limit .weekly{

	float:left;

	display:inline;

	background:#1F7EC4 url(../images/index/bg_limit_weekly.jpg) repeat-x 0 67px;

}

#main .limit .weekly ul li,
#main .limit .monthly ul li{
	width:100%;
	text-align:center;

}

#main .limit .monthly{

	float:right;

	display:inline;

	background:#397F1E url(../images/index/bg_limit_monthly.jpg) repeat-x 0 67px;

}




/* staff-cordinate */

#main .staff-cordinate-wrapper{

	width:740px;

	clear:both;

	margin:25px 0 0 0;

	background:url(../staffcoordinate/images/bg_staffcordinatewrapper.jpg) repeat;

}

#main .staff-cordinate{

	width:720px;

	position:relative;

	padding:10px 10px 10px 10px;

	background:url(../staffcoordinate/images/bg_staffcordinate.jpg) repeat-x 0 0;

}

#main .staff-cordinate h4{

	padding-left:18px;

	background:url(../staffcoordinate/images/bg_ttl_staffcordinate.gif) no-repeat 0 0;

}

#main .staff-cordinate p.backnumberlink{

	position:absolute;

	top:10px;

	left:600px;

}

#main .staff-cordinate .section{

	width:335px;

	float:left;

	display:inline;

	margin:10px 0 0 0;

	padding:10px;

	background:#FFF;

}

#main .staff-cordinate .mens-cordinate{

	margin-right:7px;

}



#main .staff-cordinate .section h5{

	margin:10px 5px;

}

#main .staff-cordinate .cordinate .photoarea{

	width:154px;

	float:left;

	display:inline;

}

#main .staff-cordinate .cordinate .photoarea .large{

	width:148px;

	_width:136px;

	padding:6px;

	background:url(../staffcoordinate/images/bg_staffcordinate_photo_large.jpg) no-repeat 0 0;

}

#main .staff-cordinate .cordinate .photoarea .small{

	width:64px;

	_width:54px;

	margin:2px 0 0 0;

	padding:5px;

	float:left;

	background:url(../staffcoordinate/images/bg_staffcordinate_photo_small.jpg) no-repeat 0 0;

}

#main .staff-cordinate .cordinate .itemarea{

	width:181px;

	float:left;

	display:inline;

}

#main .staff-cordinate .cordinate .itemarea dl{

	width:181px;

	overflow:hidden;

	clear:both;

	padding:18px 0 0 0;

	font-size:84%;

}

#main .staff-cordinate .cordinate .itemarea dl dt{

	width:58px;

	float:left;

	display:inline;

}

#main .staff-cordinate .cordinate .itemarea dl dt img{

	border:1px solid #E6E6E6;

}

#main .staff-cordinate .cordinate .itemarea dl dd{

	width:120px;

	float:left;

	display:inline;

}

#main .staff-cordinate .cordinate .itemarea dl dd a{

	font-weight:bold;

}

#main .staff-cordinate .cordinate .itemarea dl dd span{

	display:block;

	margin:5px 0 0 0;

}

#main .staff-cordinate .point{

	width:335px;

	clear:both;

	margin:10px 0 10px 0;

	padding:0 0 5px 0;

	background:#EFEFEF;

	font-size:92%;

}

#main .staff-cordinate .point p{

	width:317px;

	margin:0 auto 0 auto;

}

#main .staff-cordinate .point .name,

#main .staff-cordinate .point .link{

	text-align:right;

	font-weight:bold;

}

#main .staff-cordinate .point .link a:link{

	background:none;

	color:#000;

}

#main .staff-cordinate .point .link a:hover{

	color:#FF9900;

}

/* timesale */

#main .timesale{

	width:740px;

	margin:0 auto 15px auto;

	padding:0 0 20px 0;

	background:#F3E989 url(../images/index/bg_timesale.jpg) repeat-x 0 100%;

}

#main .timesale .time{

	width:709px;

	margin:0 auto 0 auto;

}

#main .timesale .change{

	width:711px;

	margin:0 auto;

	border:1px solid #FFF;

}

#main .timesale .saleitem{

	width:709px;

	margin:0 auto;

	background:#FFF url(../images/index/bg_saleitem.gif) repeat-y 0 0;

	border-bottom:4px solid #FF6600;

}

#main .timesale .saleitem .img{

	float:left;

	display:inline;

	padding:15px;

}

#main .timesale .saleitem .text{

	margin:15px 0 0 0;

	float:left;

	display:inline;

}

/* 福袋バナー */

.fuku {
	width:740px;
	margin-top:15px;
}

.fuku_l {
	width:511px;
	float:left;
}

.fuku_r {
	width:229px;
	float:left;
}

.fuku_c {
	clear:both;
}


p.hide {
	font-size:1px;
	text-indent:-9999px;
	color:#FFF;
	height:10px;
	background:#FFF;
	display:block;
}