html{
}
body{
    font-family: Helvetica, Arial, sans-serif;
	width:960px;
}
.centering{
	text-align:center;/*IE用センタリング*/
	margin:0px auto;/*ブロック要素のセンタリング*/
}
.white{
	color:white;	
}

img{
    border-style:none;/*画像の境界線を消す*/
}
ul{
}
li{
	list-style-type: none;/*リスト項目の頭につく点*/
}
.rounded_corners{/*下端角丸用クラス*/
	border-radius: 0px 0px 6px 6px;/*IE8以前非対応*/
	-moz-border-radius: 0px 0px 6px 6px; /*Firefox*/
	-webkit-border-radius: 0px 0px 6px 6px; /*Safari and chrome*/
	-khtml-border-radius: 0px 0px 6px 6px; /*Linux*/
	behavior: url(PIE.htc);/*IE*/
	position: relative;
	background-color:#F0F7FF;
	border:solid 1px;
	border-color: #5691FE;
	box-shadow: 0px 0px 7px #aaa;
}
/*ヘッダ
-------------------------------------------------------------*/
#header{
	background-color:#004b85;
	width:960px;
	height:85px;
}
#logo{
	float:left;
	margin:20px 0px 0px 25px;
}
#search{/*製品検索*/
	float:left;
	margin-left:20px;
}
#search_input{/*製品検索ボックス*/
	border-left:solid 2px #CCCCCC;
	border-top:solid 2px #CCCCCC;
	background-color:#FFFFFF;
	border-radius: 6px;/*IE8以前非対応*/
	width:160px;
}
#search span{/*製品検索文字*/
	font-size:0.9em;
	color:#ffffff;
}
#tp_info{
	font:#fff;
	font-size:0.0em;
}

/* ナビゲーション
-------------------------------------------------------------*/
#navi {	
	clear:both;
	width:960px;
	height:15px;
    	text-shadow:1px 1px 1px #000;
	background-color: #004b85;
	border-radius: 0px 0px 8px 8px;/*IE8以前非対応*/
}

#navi ul, #navi li, #navi a ,#navi current {
	display: block;	/* ブロック要素として表示 */
	margin: 0px;
}

#navi ul{
	float: right;
	margin:-15px 12px 5px 0px;
}

#navi li {
	float: left;
	list-style: none;
	font-size: 0.90em;
	white-space: nowrap;/* 項目の文字を改行しないように指定 */
}

#navi a {
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #ffffff;
	border-right: solid 1px #cccccc;	/* 右側の縦線 */
	background-color: #004b85;
}

#navi a:hover {
	color: #ffffff;
	background-color: #6699cc;
}

#navi .current{
	text-decoration: none;
	border-right: solid 1px #cccccc;	/* 右側の縦線 */
	padding: 2px 10px 2px 10px;
	background-color: #0A3863;
	color: #ffffff;
}
#amazingslider-1{
	background-color:#ffffff;
	width:800px;
	float:left;
	margin:0 auto;
}

/*container メイン全体
-------------------------------------------------------------*/
#container{
	clear:both;
	margin:0 auto;
	width:100%;
	padding:10px 0px 15px 0px;
}
#container_002{
	clear:both;
	width:922px;
	height:auto;
	margin:0 auto;
}

/*製品リスト
-------------------------------------------------------------*/
#products_list{
	clear:both;
	float:left;
	text-align:left;
	font-size:0.75em;
	width:190px;
	padding-bottom:40px;
	margin:0px 0px 0px 0px;
	line-height: 1.4em;
}
#products_list ul{
	margin: 0px;
	padding: 0px 0px 3px 12px;
	list-style: none;
}
#products_list li{
	list-style-type: none;
	vertical-align: bottom;
	background:url(../image/productslist_icon.png);
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	margin: 0px 0px 0px 0px;
}
#products_list img{
}
#products_list a{
	display:block;
	margin: 0px 0px 0px 0px;	
	width:160px;
}

#products_list a:hover {
	color: #ffffff;
	background-color: #6699cc;
}
#products_list li:hover {
	background-color: #6699cc;
}

#products_list .current {
	color: #ffffff;
	background-color: #275078;
}


.products_index{
	width:190px;
	margin: 7px 0px 5px 1px;	
}


/*container メイン右側
-------------------------------------------------------------*/
#main{
	float:left;
	text-align:left;
	margin:0 auto;
	width:720px;
}

#kinga{/*2015謹賀新年画像設置*/
	clear:both;
	width:100%;
	margin:0px 0px 10px 10px;
	background-color:white;
}

#kinga img{
	clear: both;
	width:710px;
	margin-left: 5px;
	margin-top: 5px;
}

/*PICK UP 情報
-------------------------------------------------------------*/
#pick_up_info{
	clear: both;
	width: 920px;
	height: 158px;
	margin: 0 auto;
	margin-bottom: 10px;
}
#pick_up_info ul{
	margin:0px;
	padding:14px 14px 12px 14px;
}

#pick_up_info li{
	float:left;
	width:220px;
	margin-right:1px;
}
#pick_up_info li img{
	width:220px;	
}
#pick_up_info_main_img{
	width:100%;
	padding:0px 0px 20px 0px;	
}

/*トピックス
-------------------------------------------------------------*/
#topics{
	clear:both;
	width:100%;
	height:170px;
	margin:0px 0px 0px 10px;
	background-color:white;
}
#topics ul{
	clear:both;
	margin:10px auto;
	width:100%;
	padding:10px;
}
#topics a{
}
#topics a:hover{
	background-color: rgba(0, 0, 0, 0.5); /* 背景黒で透明度50% */
}
#topics_title{
	text-decoration:none;
}
#topics li{
	float:left;	
}
#topics li img{
	float:left;	
}

/*おすすめ商品
-------------------------------------------------------------*/
#recommend{
	clear:both;
	width:100%;
	height:755px;
	margin:0px 0px 0px 10px;
	background-color:white;
}
#recommend a{
}
#recommend a:hover{
	background-color: rgba(0, 0, 0, 0.5); /* 背景黒で透明度50% */
}
#recommend_title{
	text-decoration:none;
}
#recommend ul{
	padding:10px 16px 16px 16px;
	margin:0px;
}
#recommend li{
	float:left;	
}
#recommend li img{
	width:229px;	
	height:136px;
}

/*ショッピングサイトリンク
-------------------------------------------------------------*/
#shoplist{
	clear:both;
	float:left;
	width:100%;
	text-decoration: none;
	margin:10px 0px 0px 10px;
}
#shoplist ul{
	clear:both;
	margin:5px auto;
	width:100%;
	padding:5px;
}
#shoplist li{
	float:left;
	text-align:left;
	background-color:#E1EDFF;
	border-radius: 15px;/*IE8以前非対応*/
	margin-left:5px;
	margin-bottom:5px;
	padding:5px;
}
#shoplist li img{
	float:left;
}

#shoplist #rakuten{
	display: block;
	width: 160px; /* 画像1枚分の横幅 */
	height: 54px; /* 画像1枚分の高さ */
	background-image: url("../image/rakuten.png");
}
#shoplist #rakuten:hover{
	background-position: top right;
}
#shoplist #yahoo{
	display: block;
	width: 160px; /* 画像1枚分の横幅 */
	height: 54px; /* 画像1枚分の高さ */
	background-image: url("../image/yahoo.png");
}
#shoplist #yahoo:hover{
	background-position: top right;
}#shoplist #woodfactory{
	display: block;
	width: 160px; /* 画像1枚分の横幅 */
	height: 54px; /* 画像1枚分の高さ */
	background-image: url("../image/woodfactory.png");
}
#shoplist #woodfactory:hover{
	background-position: top right;
}#shoplist #beebeeworker{
	display: block;
	width: 160px; /* 画像1枚分の横幅 */
	height: 54px; /* 画像1枚分の高さ */
	background-image: url("../image/beebeeworker.png");
}
#shoplist #beebeeworker:hover{
	background-position: top right;
}

#shoplist_title{
	text-decoration:none;
}
.shop_explanation{
	clear:both;
	width:175px;
	padding:5px;
	font-size:0.75em;	
	font-weight: 300;
}

#products_page_shopping_link{
	clear:both;
	float:left;
	text-align:left;
	font-size:0.75em;
	width:190px;
	margin: 10px,0px,0px,0px;
}

/*Topページへ
-------------------------------------------------------------*/
#to_top{/*ページ上端に移動するためのタグ*/
	text-align:left;
	clear:both;/*回り込み解除*/
	float:right;
	width:100px;
	height:31px;
	margin:25px 30px 0px 0px; 
	background:no-repeat url("../image/page_top.png");
}
#to_top a{
}
#to_top a:hover{
	backgraound-color:#06F;
}

/*フッター
-------------------------------------------------------------*/
#footer{
	clear:both;/*回り込み解除*/
	width:960px;
	height:355px;
	color:white;
	text-align:left;
	background-color:#004b85;
	padding-bottom:50px;
	border-width:720px;
	margin-top:0px;
	border-radius: 8px 8px 0px 0px;/*IE8以前非対応*/
}
#footer_logo{
	float:left;
	padding: 20px;
	margin-bottom:20px;
}
#footer_menu{
	font-size:0.75em;
	padding:5px 20px 0px 0px;
}
#footer_menu ul{
	float:right;
}
#footer_menu li{
	float:left;
}
#footer_menu img{
	padding:3px 3px 0px 0px;
}

#footer_menu a {
	text-decoration: none;
	padding: 2px 7px;
	color: #ffffff;
	background-color: #004b85;
	border-right: solid 1px #cccccc;	/* 右側の縦線 */
}

#footer_menu a:hover {
	color: #ffffff;
	background-color: #6699cc;
}



#footer_company_info{
	clear:both;
}
#footer_company_info li{
	float:left;
	width:46%;
	padding:8px 8px 8px 16px;
	margin-top:7px;
	font-size:0.80em;
	border-left:dotted 1px #CCC;
	border-right:dotted 1px #CCC;
}
#footer ul{
	margin:0 auto;
}

/*float解除用
-------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*hover特殊エフェクト用
-------------------------------------------------------------*/
.view {
   width: 220px;
   height: 125px;
   margin: 0px;
   float: left;
   border: 1px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.view .mask, .view .content {
   width: 220px;
   height: 125px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}

.view a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:220px;
   height:125px;
}
.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   transition: all 0.4s ease-in-out;
}

.third-effect a.info {
   position:relative;
   top:-10px; /* Center the link */
   opacity: 0;
   transition: opacity 0.5s 0s ease-in-out;
}

.third-effect:hover .mask {
   opacity: 1;
   border:0px solid rgba(0,0,0,0.7);
}

.third-effect:hover a.info {
   opacity:1;
   transition-delay: 0.3s;
}