@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :Yuuki Kashimoto
 style info :トップ専用style
=================================================================== */
.box_style{
	height:180px;
	width:180px;
	float:left;
}
.box_margin{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;	
	display:inline;
	
}
#btnSet{
	margin-top:19px;
	margin-left:58px;
	height:25px;
}

#btn_changemode{
overflow:hidden;
	float:left;
}
#btns_right{
	float:right;
	padding-right:54px;
}
#btns_right img{
}
#btns_right a{
	overflow:hidden;
	margin-left:10px;
	padding:0;
}
#btn_changemode{

}

#btn_changemode a{

}

#btn_changemode a:hover{

}

#favo,
#update,
#push{

}

#favo a,
#update a,
#push a{

}


#favo a{}
#favo a:hover{}

#update a{}
#update a:hover{}

#push a{}
#push a:hover{}



/* --------------------------------------
	#hakoInfoBox
		選択したいろは箱の情報
--------------------------------------*/

#hakoInfoBox{
	display:none;
}
body#replacement #hakoInfoBox{
	display:block;
	height:190px;
	margin-left:7px;
	
}

#selectHako,
#selectHakoInfo{
	float:left;
}
#selectHako{
	margin-right:5px;
}
#selectHakoInfo{
	width:376px;
}

#selectHakoAttension{
	text-indent:-9999px;
	background:url(../img/top/changemode_text.jpg) no-repeat;
	width:376px;
	height:29px;
}
#selectHakoText{
	border:#A5B38D 1px solid;
	background:url(../img/top/changemode_bg.jpg) no-repeat top left;
	height:101px;;
}
.selectHako_m_t{
	margin-top:1px;
}
.selectHako_m_t2{
	margin-top:2px;
}

.selectHako_title{
	padding-left:6px;
	padding-top:4px;
	font-size:10px;
	margin-bottom:2px;
}
.selectHako_titleSbj{
	font-size:12px;
	border-bottom:#666666 1px dotted;
	padding-bottom:5px;
	margin-bottom:0px;
	padding-left:6px;
	color:#FF3300;
	font-weight:bold;
}
.selectHako_titleText{
	padding-left:6px;
	font-size:12px;
	line-height:165%;
	margin-top:5px;
}
/*
.selectArrow{
	display:auto;
	height:5px;
	width:5px;
	background:#000000;
}*/
.selectArrow{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:-5px;
	padding:0px;
	height:60px;
	width:5px;
	text-align:center;
}
.selectArrowRight{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:-5px;
	padding:0px;
	height:60px;
	width:5px;
	text-align:center;
}
.selectArrowLeft{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:-5px;
	padding:0px;
	height:60px;
	width:5px;
	text-align:center;
	clear:both;
}