@charset "UTF-8";

@media print{
	#header{display:none;}
	#gmenu{display:none;}
	#state{display:none;}
	#footer{display:none;}


	table.btn_area4{display:none;}
	div.pagetop2{display:none;}
	div.flow_area{display:none;}
	div.bar{display:none;}
	div.detail_link2{display:none;}
	table.list_area{display:none;}

} 

body { font-size:75%;
line-height:170%;
   }
   
   
table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}   

/* ======== catalog_area table type4======== */

#main div.catalog_area2 table.type4 td{
	vertical-align:middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	text-align:center;
}

#main div.catalog_area2 table.type4 td.cost{
   text-align:left;
}




#main div.catalog_area2 table.type4 td.cost div.photo {
   float:left;
   padding:5px 0px 0px 0px;
}

/*#main div.catalog_area2 table.type4 td.cost div.photo2 {
   float:left;
   padding:5px 0px 0px 10px;
}*/

#main div.catalog_area2 table.type4 td.cost div.photo img.grey{
background-color:#CCCCCC;
padding:2px;
margin-left:10px;
}

#main div.catalog_area2 table.type4 td.cost div.photo img.recommend{
background-color:#FFCC00;
padding:2px;
margin-left:10px;
}


#main div.catalog_area2 table.type4 td.cost div.right{
   float:left;
   padding:5px 10px 0px 10px;
  
}

#main div.catalog_area2 table.type4 td.cost div.icon {
float:left;
   padding:5px 10px 5px 10px;
   width:260px;
}

#main div.catalog_area2 table.type4 td.cost div.commodity_name {
   width:335px;
}

#main div.catalog_area2 table.type4 td.cost div.text {
   width:335px;
}

#main div.catalog_area2 table.type4 td.cost div.commodity_name2 {
   width:350px;
}

#main div.catalog_area2 table.type4 td.cost div.text2 {
   width:350px;
}

#main div.catalog_area2 table.type4 td.cost div.commodity_name3 {
   width:320px;
   _width:300px;

}

#main div.catalog_area2 table.type4 td.cost div.text3 {
   width:320px;
   _width:300px;
}

#main div.catalog_area2 table.type4 td.cost div.commodity_name4 {
   width:420px;
   _width:400px;
}


#main div.catalog_area2 table.type4 td.cost div.text4 {
   width:420px;
   _width:400px; 
}

*+html #main div.catalog_area2 table.type4 td.cost div.commodity_name3 {
   width:300px;

}

*+html #main div.catalog_area2 table.type4 td.cost div.text3 {
   width:300px;

}

*+html #main div.catalog_area2 table.type4 td.cost div.commodity_name4 {
   width:400px;
}

*+html #main div.catalog_area2 table.type4 td.cost div.text4 {
   width:400px;
}


#main div.catalog_area2 table.type4 td.cost div.text5 {
   width:470px;

}
#main div.catalog_area2 table.type4 td.cost div.commodity_name5 {
   width:470px;

}

#main div.catalog_area2 table.type4 td.cost div.commodity_name6 {
   width:360px;
}

#main div.catalog_area2 table.type4 td.cost div.text6 {
   width:360px;
}

#main div.catalog_area2 table.type4 td.cost div.text7 {
   width:440px;
   _width:420px;

}

#main div.catalog_area2 table.type4 td.cost div.commodity_name7 {
   width:440px;
   _width:420px;
}

*+html #main div.catalog_area2 table.type4 td.cost div.commodity_name7 {
   width:420px;

}

*+html #main div.catalog_area2 table.type4 td.cost div.text7 {
   width:420px;

}

#main div.catalog_area2 table.type4 td.cost div.commodity_name8 {
   width:550px;
}

#main div.catalog_area2 table.type4 td.cost div.text8 {
   width:550px;
}
#main div.catalog_area2 table.type4 td.cost div.commodity_name9 {
   width:340px;
   _width:320px;
}

#main div.catalog_area2 table.type4 td.cost div.text9 {
   width:340px;
      _width:320px;
}

*+html #main div.catalog_area2 table.type4 td.cost div.commodity_name9 {
   width:320px;

}

*+html #main div.catalog_area2 table.type4 td.cost div.text9 {
   width:320px;

}


#main div.catalog_area2 table.type4 td.cost div.icon img{
   margin-right:5px;
}

#main div.catalog_area2 table.type4 td.cost div.commodity_name {
   margin-bottom:5px;
}

#main div.catalog_area2 table.type4 th.broad{
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
}

#main div.catalog_area2 table.type4 td.broad{
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
}

#main div.catalog_area2 table.type4 td.delete input{
   /* margin-bottom:7px;*/
}



#main div.catalog_area2 table.type4 td.broad div.price_down{
	width:58px;
	border: 2px solid #EF3C52;
	background-image: url(../img/price_down.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-position: center 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	margin-bottom: 8px;
	line-height:120%;

}

#main div.catalog_area2 table.type4{
	width:100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-left-color: #DDDDDD;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	
}



#main div.catalog_area2 table.type4 th{
	vertical-align:middle;
	text-align:center;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	color: #006600;
}

#main div.catalog_area2 table.type4 td{
	vertical-align:middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	text-align:center;
}


#main div.catalog_area2 table.type4 th.quater{
  width:25%;
}

#main div.catalog_area2 table.type4 th.w_01{
  width:200px;
}

#main div.catalog_area2 table.type4 th.w_02{
  width:220px;
}


#main div.catalog_area2 table.type4 th.name{
  width:470px;
}


#main div.catalog_area2 table.type4 th.name2{
  width:505px;
}

#main div.catalog_area2 table.type4 th.cost{
   width:60px;
}

#main div.catalog_area2 table.type4 th.cost2{
   width:90px;
}
#main div.catalog_area2 table.type4 th.number{
   width:70px;
}

#main div.catalog_area2 table.type4 th.number2{
   width:70px;
}

#main div.catalog_area2 table.type4 th.amount{
   width:75px;
}

#main div.catalog_area2 table.type4 th.amount2{
   width:75px;
}

#main div.catalog_area2 table.type4 th.delete{
   width:50px;
}

#main div.catalog_area2 table.type4 th.favorite{
   width:75px;
}

#main div.catalog_area2 table.type4 th.favorite2{
   width:80px;
}


#main div.catalog_area2 table.type4 th.subtotal{
   width:70px;
}
 

#main div.catalog_area2 table.type4 th.broad{
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
}

#main div.catalog_area2 table.type4 td.broad{
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
}

#main div.catalog_area2 table.type4 td.ope div.text {
float:left;
padding-left:15px;
   margin-top:0.3em;

}

#main div.catalog_area2 table.type4 td.ope input{
   margin-right:3px;

}

#main div.catalog_area2 table.type4 input.number{
   width:66px;
}
#main div.catalog_area2 table.type4 input.amount{
   width:28px;
   
}

#main div.confirm_msg {
	display:none;
}

#main div.calculation_area {
   width:820px;
   margin:0 auto;
}

#main div.calculation_area table.calculation_area {
   width:520px;
   float:right;
  
   
}

#main div.calculation_area table.calculation_area td.left{
   text-align:left;
   padding-bottom:5px;

}


#main div.calculation_area table.calculation_area td.right{
   text-align:right;
   float:right;
}


#main div.calculation_area table.calculation_area table.calculation2{
	width:398px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-left-color: #DDDDDD;
	margin-top: 10px;	
	margin-bottom: 20px;
	margin-left:0px;
	margin-right:0px;
}

#main div.calculation_area table.calculation_area input{
   padding-right:10px;
}

#main table.calculation_area table.calculation2 th.total{
	vertical-align:top;
	text-align:center;
	background-color: #FDFDFD;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	color: #006600;
	width:200px;
	padding:20px 0px;
}

#main div.calculation_area table.calculation_area table.calculation2 td.cost{
	vertical-align:middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	text-align:center;
	width:200px;
	padding:20px 0px;

}