@charset "Shift_JIS";

/*-----browser reset-----*/
*{margin:0;padding:0;}

/*----rest for ie6----*/
td,th,form{margin:0;padding:0;}

body {
 margin: 0px;
 padding: 0px;
 background:URL(/common/img/body_back.jpg) repeat-x top #FCFCFC;
 font-size:small;
}

fieldset {margin:0;padding:0;border:none;}

h1{padding-left:10px;}

h2, h3, h4, h5, h6, p, pre, blockquote, ul ol, dl, dd {margin:0;padding:0;}

blockquote, li, dt, dd {margin-left: 0em;}

img,object{border:0 none;vertical-align:text-bottom;}

input, textarea {font-size: 1em;}

a:link ,a:visited,a:hover,a:active{
/*text-decoration:none; border-bottom:1px solid;*/
text-decoration:underline;}
a:link { color: #009900 } 
a:visited { color: black } 
a:hover { color: #009999 } 
a:active { color: black } 

/* 全体構造
---------------------------------------------------- */

.header_top h1{
	background:#000000;
	color:#666666;
	border-bottom:#666666 3px solid;
	text-align:center;
	margin:0;
	font-size:xx-small;
	font-weight:normal;
	padding:3px 0 2px 0;
	}

		
.header_rogo{
	position:relative;
	width:100%;
	min-width: 650px;
	height:73px;
	background-color:#444444;
	margin:0;
	padding:0;
}
.header_harogo{
	position:absolute;
	top:0;
	left:0;
	height:70px;
	width:600px;
	margin:0;
	padding:0;
	z-index:1000;
	}
.header_info{
	display:inline;
	position:absolute;
	top:0;
	right:0;
	width:360px;
	height:70px;
	margin:0;
	padding:0;
	white-space:nowrap;
	}
.header_info_child{
	display:block;
	float: left;
	width:65px;
	height:69px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	}
.header_info_child a:link ,.header_info_child a:visited{
text-decoration:none;
color:#CCCCCC;}
.header_info_child a:hover{
text-decoration:none;
color:#FFFFFF;}
.header_info_tel{
	display:block;
	float: left;
	width:164px;;
	height:69px;
	margin:0;
	padding:0;

}

.header_bottom h2{
	position:relative;
	display:inline;
	float:left;
	font-size:small;
	color:#00cc66;
	font-weight:bold;
	padding:2px 0 8px 25px;
	}
.header_bottom_monotaro{
	display:inline;
	position:relative;
	float: right; 
	font-size:small;
	margin-right:3px;	
	padding:2px 0 8px 4px;
	}
	

.header_bottom_img{
background:URL(/common/img/header_bottom.jpg) repeat-x ;
width:100%;
margin:0;
padding-top:6px;}
	
.clearbox{
	clear:both;
	}



/* 検索
---------------------------------------------------- */

.header_search {
  width: auto;
  text-align: center;
  font-size:80%;
  margin:0;
  padding: 10px 20px;
  clear:both;


}

/* パンくず周辺
---------------------------------------------------- */

.pan {
text-decoration: none;
font-size:small;
margin-bottom: 5px;
}

.cases {
font-size:100.1%;
margin-top: 5px;
text-align:right;
}

.for {
text-align:right;
}

#contents #main .cases {
	margin-right: 10px;
}


/* ページ
---------------------------------------------------- */
.page {
text-align:center;
margin-bottom:5px;
font-size:80%;
}

/* フッター
---------------------------------------------------- */
#footer {
position:relative;
font-size:85%;
margin:0;
width:98%;
background:transparent ;
clear:both;}

.footer_top {
width: 100%; 
clear: both;
margin-bottom: 4px;
padding: 5px 2px;
text-align: right;
border-bottom: 1px solid #666666;

}

.footer_navi {
width: 100%; 
text-align: right;
padding: 8px 2px;
/*
border-top: 1px solid #cccccc;
padding: 5px 2px;
*/

}

.footer_navi a{

padding:3px;
margin:10px 2px;
border:1px solid #666666;
color:#666666;
}

.footer_navi a:link{text-decoration:none;}
.footer_navi a:visited { text-decoration:none;}
.footer_navi a:hover { text-decoration:none; background:#E0EEE0;} 
.footer_navi a:active { text-decoration:none;}

.footer_ha{
color:#00cc66;
font-weight: bold;
}
.footer_com {
margin: 0;
padding: 5px 2px;
color: #888888;
line-height:1.2em;
}

/* table
---------------------------------------------------- */
.product_main_box03 {
    width:100%;
	margin-bottom: 20px;
	padding: 10px;
	font-size: small;
	border-collapse: collapse;
	border: 1px solid #aaaaaa;
}

#contents #product_main .product_main_box03 td {border: 1px solid #aaaaaa;}

.contents_box04 {
  padding: 10px;
  font-size: small;
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
  margin-bottom:25px;
}

.contents_box03 {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  font-size: small;
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}

/* dropdown menu
---------------------------------------------------- */
#childMenu {
  background-color: #000000;
  position: absolute;
  z-index: 150;
  text-align: left;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

ul.childMenuList {
  padding: 0px;
  margin: 0px;
}

li.childMenuItem {
  padding: 0px;
  margin: 0px;
}

a.childMenuLink {
  display: block;
  color: #ffffff;
  font-size: small;
  text-decoration: none;
}

a.childMenuLink:visited {
  color: #ffffff;
}

a.childMenuLink:hover {
  color: #000000;
  /*color: #ff0000;*/
  background-color: #ffffff;
  cursor:pointer;

}

/* smiley
---------------------------------------------------- */

img.smiley {
  vertical-align: top;
}


/* カテゴリー
---------------------------------------------------- */
.menublock {
    background-color: #000000;
    color: #ffffff;
    text-align: left;
    float: left;
    margin: 1px;
    padding: 0px;
    border: 0px solid #000000;
    padding-top: 2px;
    font-size: small;
}

a.link_cate{ 
	color:#fff;
	text-decoration:none;
} 

a.link_cate:visited{ 
	color:#fff;
	text-decoration:none;
} 

a.link_cate:hover{ 
	color:#fff;
	text-decoration:none;
} 

a.link_cate:active{ 
	color:#fff;
	text-decoration:none;
} 

.box {
  width: 90%;
  margin: 5px;
  padding: 10px;
  font-size: small;
  border: 1px solid #aaa;
  border-collapse: collapse;
}


/*---おすすめ
---------------------------------------*/
.right_block_title {
	padding: 0;
	margin:0;
}

.right_recommend {
	background: #ff9900;
	margin: 0px;
	padding: 0px;
}

.right_recommend_banner {
	height: 45px;
	margin: 0px;
	padding: 0px;
	background: #ff9900;
	border-top: 0px solid #ff9900;
	border-right: 2px solid #ff9900;
	border-bottom: 2px solid #ff9900;
	border-left: 2px solid #ff9900;
}
#contents .wrapper02{clear:both;
margin:15px;

}

/*緊急お知らせバナー（東日本大震災）
---------------------------------------------------- */
#oshirase .emergencybanner{
	margin:0px 0px 5px 0px;
	padding:5px;
	border:solid 1px #FFCC00;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	width:150px;
	_width:197px;
	color:#000000;
	background-color: #ffffcc;
	text-align:center;
	font-size:0.9em;
}

#oshirase .emergencybanner a{
	text-decoration:none;
}