@charset "utf-8";

/*** ANGFA  CSS Document ***************************************

	ver.2010/04/24

	index.css

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

/**  common.css Menu *********************************************

	1.トップページ
	
*******************************************************************/


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

	1.トップページ

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



div#top_area{
width:1000px;
height:300px;
background:url("../img/flash_bg.gif") no-repeat top left;
overflow: hidden;
position: relative;
margin:0px 0px 10px 0px;
text-align:left;
}

div#flash{
width:722px;
height:285px;
margin:10px 0px 0px 10px;
_margin:7px 0px 0px 5px;
float:left;
}

div#top_btn_area{
width:250px;
margin:10px 0px 0px 10px;
_margin:7px 0px 0px 10px;
float:left;
}

div#top_btn_area ul li{
width:250px;
margin:0px 0px 5px 0px;
float:left;
}

/*----------------------------------------------------------1-1.products line up-*/

div#products_box{
width:746px;
margin:10px 0px 0px 0px;
}

/*----------------------------------------------------------1-2.pick up contents-*/


div.pickup_box{
width:746px;
margin:10px 0px 0px 0px;
background: url("../img/right_boxinner_bg.gif") no-repeat bottom;
text-align:left;
overflow: hidden;
position: relative;
}

div.pickup_box_inner{
margin:0px;
padding:0px 0px 10px 0px;
}


/*\*/
*:first-child+html div.pickup_box_inner {
}
/**/

div.pickup_banner{
width:726px;
overflow: hidden;
position: relative;
margin:0px 0px 5px 0px;
}

div.pickup_banner p{
width:205px;
margin:0px 0px 0px 10px;
}

div.pickup_banner ul{
width:500px;
font-size:10px;
margin:0px 0px 5px 0px;
}

/*----------------------------------------------------------1-3.contents menu-*/


div.contents_box{
width:746px;
margin:10px 0px 0px 0px;
background: url("../img/right_boxinner_bg.gif") no-repeat bottom;
text-align:left;
overflow: hidden;
position: relative;
}

div.contents_box_inner{
margin:0px;
padding:0px 0px 30px 0px;
}



.left230{
float:left;
width:230px;
margin:0px 0px 0px 10px;
_margin:0px 0px 0px 5px;
overflow: hidden;
position: relative;
background:url("../img/dot_line_tate.gif") no-repeat top right;
padding:0px 10px 20px 0px;
}

.left230_last{
float:left;
width:230px;
margin:0px 0px 0px 7px;
_margin:0px 0px 0px 5px;
overflow: hidden;
position: relative;
background:none;
padding:0px 5px 20px 0px;
}


.left143{
float:left;
width:143px;
}


.left143 ul{
float:left;
width:143px;
font-size:10px;
line-height:1.3em;
}

/*----------------------------------------------------------1-4.topics menu-*/


div.topics{
width:746px;
margin:10px 0px 0px 0px;
background: url("../img/right_boxinner_bg.gif") no-repeat bottom;
text-align:left;
overflow: hidden;
position: relative;
}

div.topics_inner{
margin:0px;
padding:0px 0px 20px 0px;
}

div.topics_header{
width:746px;
height:42px;
background: url("../img/topics_ttl_bg.gif") no-repeat top left;
}

div.topics_header h5{
padding:10px 0px 0px 10px;
}

div.topics_header p{
padding:10px 10px 0px 0px;
}

dl.topics_dl{ 
width:736px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
overflow: hidden;
position: relative;
} 


dl.topics_dl dt{
width:80px;
font-weight:bold;
float:left;
}


dl.topics_dl dd{
width:580px;
margin-left:0px;
float:left;
}

/*----------------------------------------------------------1-5.product_list*/

div.product_box{
width:746px;
margin:0px 0px 0px 0px;
background: url("../img/right_boxinner_bg.gif") no-repeat bottom;
text-align:left;
overflow: hidden;
position: relative;
}

#product_box_scrollable{
	margin:0px;
	padding:0px 0px 10px 0px;

}



/*\*/
*:first-child+html div.product_box_inner {
}
/**/

/* container for the scrollable items */
div.items {
	height:110px;
	width:697px !important;
	float: left;
	margin: 0 4px 1px 4px;
}

div.items div.plu_box {
	width:168px;
	height:90px;
}



/* single item */
div.items ul {
	display:block;
	float:left;
}

div.items a {
	cursor:pointer;
}

div.items li {
	margin:0;
	padding:0;
}


div.items .right {
	float:right;
	margin:0;
	padding:0;
}

div.items .left {
	float:left;
	padding:0;
}



div.items img {
	margin:0;
	padding:0;
}

/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;	
	margin:15px 0 0 0;
}

a.prev, a.next {
	background:url(../img/product_prevbtn.gif) no-repeat 0 0;
	display:block;
	width:20px;
	height:30px;
	float:left;	
	margin:20px 0 0 0;
	cursor:pointer;
}
a.next {
	background:url(../img/product_nextbtn.gif) no-repeat 0 0;
}

a.prev:hover {
	background-position:0 -30px;		
}

a.next:hover {
	background-position:0 -30px;		
}

.details{
margin-top:10px;
}



/*----------------------------------------------------------PickUp追加分20100713*/

div.pickup_box2{
width:746px;
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
background: url("../img/right_boxinner_bg.gif") no-repeat bottom;
text-align:left;
overflow: hidden;
position: relative;
}

div.pickup_box2_inner{
margin:0px;
padding:0px 0px 0px 0px;
}

.pleft230 {
float:left;
width:217px;
margin:0px 0px 0px 23px;
_margin:0px 0px 0px 5px;
overflow: hidden;
position: relative;
background:url("../img/dot_line_tate.gif") no-repeat top right;
padding:0px 10px 15px 0px;
}

.pleft230_last{
float:left;
width:217px;
margin:0px 0px 0px 20px;
_margin:0px 0px 0px 5px;
overflow: hidden;
position: relative;
background:none;
padding:0px 5px 15px 0px;
}