﻿@charset "utf-8";


body {
/*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	color:#333333;
	text-align:center;
	font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height:130%;
}

table {
	font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height:130%;
	color:#333333;
	vertical-align:top;
}

#bd_bgcolor {
	background:#FFFFFF;
}

/*mac win safari3*/
body:first-of-type {
	font-size: 100%;
} 
table:first-of-type{
	font-size: 100%;
}


/* for Windows IE */
@media screen {
    * html body {
	font-size: 80%;
    }
		* html table {
	font-size: 100%;
	}

}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

a{
	outline:none;
	color:#332396;/*リンク色指定*/
	text-decoration:underline;
	}
	
a:hover{
	color:#0141FF;/*マウスオーバー色指定*/
	text-decoration:underline;
	}
	
	
	
/*************************************************************************
基本設定
**************************************************************************/

div#container {
	width:900px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
	clear: both;
}



/*************************************************************************
ヘッダーエリア
**************************************************************************/

div#head {
	margin:0px;
	padding:0px;
	width:900px;
	text-align:left;
	clear:both;
}

div.logo {
	margin:0px;
	padding:0px;
	width:670px;
	float:left;
}

div.navi {
	margin:0px;
	padding-top:10px;
	width:230px;
	float:left;
}




/*************************************************************************
グローバルメニュー
**************************************************************************/

div#g_navi {
	margin:0px;
	padding:0px;
	width:900px;
	text-align:left;
	clear:both;
}

div.g_navi_side {
	margin:0px;
	padding:0px;
	width:130px;
	text-align:left;
	float:left;
}

div.g_navi_btn {
	margin:0px;
	padding:0px;
	width:770px;
	text-align:left;
	float:left;
}


ul.gnav {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 770px;
	float:left;
}

ul.gnav li {
	margin: 0;
	padding: 0;
	width: 110px;
	height: 30px;
	text-indent: -9999px;
	float:left;
}
ul.gnav a {
	text-decoration: none;
	display: block;
	width: 110px;
	height: 30px;
}

ul.gnav li#home      {  background: url(../img/common/navi_btn.jpg) no-repeat 0px 0px;}
ul.gnav li#home a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat 0px -30px;}

ul.gnav li#news      {  background: url(../img/common/navi_btn.jpg) no-repeat -110px 0px;}
ul.gnav li#news a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat -110px -30px;}

ul.gnav li#serch      {  background: url(../img/common/navi_btn.jpg) no-repeat -220px 0px;}
ul.gnav li#serch a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat -220px -30px;}

ul.gnav li#concept      {  background: url(../img/common/navi_btn.jpg) no-repeat -330px 0px;}
ul.gnav li#concept a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat -330px -30px;}

ul.gnav li#service      {  background: url(../img/common/navi_btn.jpg) no-repeat -440px 0px;}
ul.gnav li#service a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat -440px -30px;}

ul.gnav li#access      {  background: url(../img/common/navi_btn.jpg) no-repeat -550px 0px;}
ul.gnav li#access a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat -550px -30px;}

ul.gnav li#contact      {  background: url(../img/common/navi_btn.jpg) no-repeat -660px 0px;}
ul.gnav li#contact a:hover    {background: url(../img/common/navi_btn.jpg) no-repeat -660px -30px;}





/********************************************************************
footer
*********************************************************************/

div#footer {
	margin:0px;
	padding:50px 0px 30px 0px;
	width:900px;
	text-align:center;
	clear:both;
}




/*************************************************************************
コンテンツエリア
**************************************************************************/

div#contents {
	margin:0px;
	padding:0px;
	width:900px;
	background-color:#FFFFFF;
	clear:both;
}

div#contents p {
	margin:0px;
	padding:0px;
}



/*************************************************************************
タイトルエリア
**************************************************************************/

div#main_ttl {
	margin:0px;
	padding:0px;
	width:900px;
	text-align:left;
	clear:both;
}



/*************************************************************************
main
**************************************************************************/

div.area_main {
	margin:0px 0px 30px 0px;
	padding:0px;
	width:900px;
	text-align:left;
	clear:both;
}

div.area_main  h2 {
	margin:0px;
	padding:30px 0px 20px 0px;
	text-align:left;
}

div.area_main h3 {
	margin:0px;
	padding-bottom:15px;
	text-align:left;
}

div.main_left {
	float: left;
}
div.main_right {
	float: right;
}



div.side_menu {
	margin:0px;
	padding:0px;
	width:195px;
	text-align:left;
	float:left;
}

div.side_banner_01 {
	margin:10px 0px 5px 0px;
	padding:0px;
	text-align:left;
	float:left;
}
div.side_banner_02 {
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align:left;
	float:left;
}
div.side_banner_03 {
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
}

ul.side_btn {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 160px;
}

ul.side_btn li {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 35px;
	text-indent: -9999px;
}

ul.side_btn a {
	text-decoration: none;
	display: block;
	width: 160px;
	height: 35px;
}


div.main {
	margin:0px;
	padding:0px;
	width:705px;
	text-align:left;
	font-size:12px;
	float:left;
}

div.check_item {
	margin:70px 0px 0px 0px;
	padding:0px;
	width:705px;
	text-align:center;
}



/*検索用*/

div.side_menu_s {
	margin:0px;
	padding:0px;
	width:180px;
	text-align:left;
	float:left;
}

div.main_s {
	margin:0px;
	padding:0px;
	width:720px;
	text-align:left;
	float:left;
}







/*************************************************************************
トップページ
**************************************************************************/

div.top_info {
	margin:0px 0px 50px 0px;
	padding:0px;
	width:630px;
	text-align:left;
	float:left;
}

div.top_banner {
	margin:20px 0px 50px 15px;
	padding:0px;
	width:255px;
	text-align:left;
	float:left;
}



/********************************************************************
お知らせ
*********************************************************************/




/*************************************************************************
商品検索
**************************************************************************/

div.sort {
	margin:0px;
	padding:15px 0px 10px 510px;
	float:left;
}
div.sort ul {
	margin: 0px;
	padding: 0px;
}
div.sort li {
	margin: 0px;
	padding-left: 10px;
	list-style-type: none;
	float: left;
}

div.serch_items {
	margin:0px;
	padding:0px;
	width:720px;
	text-align:left;
	clear:both;
}

div.item {
	margin:0px;
	padding-left:20px;
	width:220px;
	text-align:left;
	float:left;
}

div.item_info {
	margin:0px;
	padding:0px;
	width:720px;
	text-align:left;
	float:left;
}

div.item_img {
	margin:35px 0px 0px 18px;
	padding:0px;
	width:700px;
	text-align: center;
	border:1px solid #CCCCCC;
}

div.item_number {
	margin:0px 0px 0px 20px;
	padding:0px;
	width:700px;
	font-size:12px;
	clear:both;
}

div.item_name {
	margin:5px 0px 0px 20px;
	padding:0px;
	width:700px;
	font-size:12px;
	clear:both;
}

div.item_spec {
	margin:5px 0px 20px 20px;
	padding:0px;
	width:700px;
	font-size:12px;
	clear:both;
}


div.item_samples {
	margin:0px;
	padding:0px;
	width:720px;
	text-align:left;
	font-size:12px;
	clear:both;
}

div.sample {
	margin:0px;
	padding-left:18px;
	width:222px;
	text-align:left;
	float:left;
}

div.sample_img {
	margin-bottom:5px;
	padding:0px;
	border:1px solid #CCCCCC;
}

div.page_back {
	margin:120px 0px 30px 0px;
	padding:0px;
	width:720px;
	text-align:center;
	clear:both;
}



/*商品検索ボタン
---------------------------------------------------------*/

ul.item_btn {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 160px;
}

ul.item_btn li {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 35px;
	text-indent: -9999px;
}
ul.item_btn a {
	text-decoration: none;
	display: block;
	width: 160px;
	height: 35px;
}

ul.item_btn li#style01      {  background: url(../img/serch/btn_style.jpg) no-repeat 0px 0px;}
ul.item_btn li#style01 a:hover    {background: url(../img/serch/btn_style.jpg) no-repeat -160px 0px;}
ul.item_btn li#style02      {  background: url(../img/serch/btn_style.jpg) no-repeat 0px -35px;}
ul.item_btn li#style02 a:hover    {background: url(../img/serch/btn_style.jpg) no-repeat -160px -35px;}
ul.item_btn li#style03      {  background: url(../img/serch/btn_style.jpg) no-repeat 0px -70px;}
ul.item_btn li#style03 a:hover    {background: url(../img/serch/btn_style.jpg) no-repeat -160px -70px;}
ul.item_btn li#style04      {  background: url(../img/serch/btn_style.jpg) no-repeat 0px -105px;}
ul.item_btn li#style04 a:hover    {background: url(../img/serch/btn_style.jpg) no-repeat -160px -105px;}

ul.item_btn li#style01_select      {  background: url(../img/serch/btn_style_s.jpg) no-repeat 0px 0px;}
ul.item_btn li#style01_select a:hover    {background: url(../img/serch/btn_style_s.jpg) no-repeat -160px 0px;}
ul.item_btn li#style02_select      {  background: url(../img/serch/btn_style_s.jpg) no-repeat 0px -35px;}
ul.item_btn li#style02_select a:hover    {background: url(../img/serch/btn_style_s.jpg) no-repeat -160px -35px;}
ul.item_btn li#style03_select      {  background: url(../img/serch/btn_style_s.jpg) no-repeat 0px -70px;}
ul.item_btn li#style03_select a:hover    {background: url(../img/serch/btn_style_s.jpg) no-repeat -160px -70px;}
ul.item_btn li#style04_select      {  background: url(../img/serch/btn_style_s.jpg) no-repeat 0px -105px;}
ul.item_btn li#style04_select a:hover    {background: url(../img/serch/btn_style_s.jpg) no-repeat -160px -105px;}



ul.item_btn li#item01      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px 0px;}
ul.item_btn li#item01 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px 0px;}
ul.item_btn li#item02      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -35px;}
ul.item_btn li#item02 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -35px;}
ul.item_btn li#item04      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -70px;}
ul.item_btn li#item04 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -70px;}
ul.item_btn li#item12      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -105px;}
ul.item_btn li#item12 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -105px;}
ul.item_btn li#item05      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -140px;}
ul.item_btn li#item05 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -140px;}
ul.item_btn li#item03      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -175px;}
ul.item_btn li#item03 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -175px;}
ul.item_btn li#item13      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -210px;}
ul.item_btn li#item13 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -210px;}
ul.item_btn li#item14      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -245px;}
ul.item_btn li#item14 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -245px;}
ul.item_btn li#item15      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -280px;}
ul.item_btn li#item15 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -280px;}
ul.item_btn li#item07      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -315px;}
ul.item_btn li#item07 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -315px;}
ul.item_btn li#item08      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -350px;}
ul.item_btn li#item08 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -350px;}
ul.item_btn li#item09      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -385px;}
ul.item_btn li#item09 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -385px;}
ul.item_btn li#item11      {  background: url(../img/serch/btn_item.jpg) no-repeat 0px -420px;}
ul.item_btn li#item11 a:hover    {background: url(../img/serch/btn_item.jpg) no-repeat -160px -420px;}

ul.item_btn li#item01_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px 0px;}
ul.item_btn li#item01_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px 0px;}
ul.item_btn li#item02_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -35px;}
ul.item_btn li#item02_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -35px;}
ul.item_btn li#item04_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -70px;}
ul.item_btn li#item04_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -70px;}
ul.item_btn li#item12_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -105px;}
ul.item_btn li#item12_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -105px;}
ul.item_btn li#item05_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -140px;}
ul.item_btn li#item05_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -140px;}
ul.item_btn li#item03_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -175px;}
ul.item_btn li#item03_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -175px;}
ul.item_btn li#item13_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -210px;}
ul.item_btn li#item13_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -210px;}
ul.item_btn li#item14_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -245px;}
ul.item_btn li#item14_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -245px;}
ul.item_btn li#item15_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -280px;}
ul.item_btn li#item15_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -280px;}
ul.item_btn li#item07_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -315px;}
ul.item_btn li#item07_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -315px;}
ul.item_btn li#item08_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -350px;}
ul.item_btn li#item08_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -350px;}
ul.item_btn li#item09_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -385px;}
ul.item_btn li#item09_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -385px;}
ul.item_btn li#item11_select      {  background: url(../img/serch/btn_item_s.jpg) no-repeat 0px -420px;}
ul.item_btn li#item11_select a:hover    {background: url(../img/serch/btn_item_s.jpg) no-repeat -160px -420px;}




/*ページナビゲーション
---------------------------------------------------------*/

div.page_navi {
	margin:0px;
	padding:20px 0px 10px 0px;
	width:720px;
	text-align:center;
}
div.page_navi .ditto_currentpage {
	margin:5px;
	color:#F5B051;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
div.page_navi a{
	margin:5px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
}
div.page_navi a:hover{
	color:#F5B051;
}




/*アイコン
---------------------------------------------------------*/

ul.item_icon {
	margin:0px;
	padding:5px 0px 10px 20px;
	list-style:none;
	float:left;
}

ul.item_icon li {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	float:left;
}


/*************************************************************************
ガイドライン
**************************************************************************/

div.guide_line {
	margin:10px 0px 50px 0px;
	padding:0px 20px 0px 20px;
	width:520px;
	text-align:left;
	font-size:12px;
	clear:both;
}

div.guide_line h2 {
	margin:0px;
	padding:30px 0px 20px 0px;
	text-align:left;
}

div.guide_line p {
	margin:0px;
	padding:0px;
}

div.guide_copy {
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 270px;
	width:240px;
	text-align:cleft;
	clear:both;
}

div.guide_footer {
	margin:10px 0px 0px 0px;
	padding:0px 0px 50px 0px;
	width:510px;
	text-align:center;
	clear:both;
}




/*************************************************************************
新着情報
**************************************************************************/

ul.year {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 300px;
	float:left;
}

ul.year li {
	margin: 0px;
	padding: 0px;
	width: 50px;
	height: 20px;
	text-indent: -9999px;
	float:left;
}
ul.year a {
	text-decoration: none;
	display: block;
	width: 50px;
	height: 20px;
}


ul.year li#btn_2004      {  background: url(../img/news/btn_year.gif) no-repeat 0px 0px;}
ul.year li#btn_2004 a:hover    {background: url(../img/news/btn_year.gif) no-repeat 0px -20px;}
ul.year li#btn_2005      {  background: url(../img/news/btn_year.gif) no-repeat -50px 0px;}
ul.year li#btn_2005 a:hover    {background: url(../img/news/btn_year.gif) no-repeat -50px -20px;}
ul.year li#btn_2006      {  background: url(../img/news/btn_year.gif) no-repeat -100px 0px;}
ul.year li#btn_2006 a:hover    {background: url(../img/news/btn_year.gif) no-repeat -100px -20px;}
ul.year li#btn_2007      {  background: url(../img/news/btn_year.gif) no-repeat -150px 0px;}
ul.year li#btn_2007 a:hover    {background: url(../img/news/btn_year.gif) no-repeat -150px -20px;}
ul.year li#btn_2008      {  background: url(../img/news/btn_year.gif) no-repeat -200px 0px;}
ul.year li#btn_2008 a:hover    {background: url(../img/news/btn_year.gif) no-repeat -200px -20px;}
ul.year li#btn_2009      {  background: url(../img/news/btn_year.gif) no-repeat -250px 0px;}
ul.year li#btn_2009 a:hover    {background: url(../img/news/btn_year.gif) no-repeat -250px -20px;}
ul.year li#btn_2010      {  background: url(../img/news/btn_year.gif) no-repeat -300px 0px;}
ul.year li#btn_2010 a:hover    {background: url(../img/news/btn_year.gif) no-repeat -300px -20px;}


ul.year li#btn_2004_s    {background: url(../img/news/btn_year.gif) no-repeat 0px -20px;}
ul.year li#btn_2005_s    {background: url(../img/news/btn_year.gif) no-repeat -50px -20px;}
ul.year li#btn_2006_s    {background: url(../img/news/btn_year.gif) no-repeat -100px -20px;}
ul.year li#btn_2007_s    {background: url(../img/news/btn_year.gif) no-repeat -150px -20px;}
ul.year li#btn_2008_s    {background: url(../img/news/btn_year.gif) no-repeat -200px -20px;}
ul.year li#btn_2009_s    {background: url(../img/news/btn_year.gif) no-repeat -250px -20px;}
ul.year li#btn_2010_s    {background: url(../img/news/btn_year.gif) no-repeat -300px -20px;}



ul.side_btn li#news01      {  background: url(../img/news/btn_news.jpg) no-repeat 0px 0px;}
ul.side_btn li#news01 a:hover    {background: url(../img/news/btn_news.jpg) no-repeat -160px 0px;}
ul.side_btn li#news02      {  background: url(../img/news/btn_news.jpg) no-repeat 0px -35px;}
ul.side_btn li#news02 a:hover    {background: url(../img/news/btn_news.jpg) no-repeat -160px -35px;}

ul.side_btn li#news01_s      {  background: url(../img/news/btn_news.jpg) no-repeat -320px 0px;}
ul.side_btn li#news01_s a:hover      {  background: url(../img/news/btn_news.jpg) no-repeat -480px 0px;}
ul.side_btn li#news02_s      {  background: url(../img/news/btn_news.jpg) no-repeat -320px -35px;}
ul.side_btn li#news02_s a:hover      {  background: url(../img/news/btn_news.jpg) no-repeat -480px -35px;}



/*************************************************************************
コンセプト
**************************************************************************/

ul.side_btn li#concept01      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px 0px;}
ul.side_btn li#concept01 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px 0px;}
ul.side_btn li#concept02      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px -35px;}
ul.side_btn li#concept02 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px -35px;}
ul.side_btn li#concept03      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px -70px;}
ul.side_btn li#concept03 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px -70px;}
ul.side_btn li#concept04      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px -105px;}
ul.side_btn li#concept04 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px -105px;}
ul.side_btn li#concept05      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px -140px;}
ul.side_btn li#concept05 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px -140px;}
ul.side_btn li#concept06      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px -175px;}
ul.side_btn li#concept06 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px -175px;}
ul.side_btn li#concept07      {  background: url(../img/concept/btn_brand.jpg) no-repeat 0px -210px;}
ul.side_btn li#concept07 a:hover    {background: url(../img/concept/btn_brand.jpg) no-repeat -160px -210px;}

ul.side_btn li#concept08      {  background: url(../img/concept/btn_hamano.jpg) no-repeat 0px 0px;}
ul.side_btn li#concept08 a:hover    {background: url(../img/concept/btn_hamano.jpg) no-repeat -160px 0px;}
ul.side_btn li#concept09      {  background: url(../img/concept/btn_hamano.jpg) no-repeat 0px -35px;}
ul.side_btn li#concept09 a:hover    {background: url(../img/concept/btn_hamano.jpg) no-repeat -160px -35px;}

ul.side_btn li#concept01_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px 0px;}
ul.side_btn li#concept01_s a:hover      {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px 0px;}
ul.side_btn li#concept02_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px -35px;}
ul.side_btn li#concept02_s a:hover      {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px -35px;}
ul.side_btn li#concept03_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px -70px;}
ul.side_btn li#concept03_s a:hover      {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px -70px;}
ul.side_btn li#concept04_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px -105px;}
ul.side_btn li#concept04_s a:hover     {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px -105px;}
ul.side_btn li#concept05_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px -140px;}
ul.side_btn li#concept05_s a:hover      {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px -140px;}
ul.side_btn li#concept06_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px -175px;}
ul.side_btn li#concept06_s a:hover      {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px -175px;}
ul.side_btn li#concept07_s      {  background: url(../img/concept/btn_brand.jpg) no-repeat -320px -210px;}
ul.side_btn li#concept07_s a:hover      {  background: url(../img/concept/btn_brand.jpg) no-repeat -480px -210px;}

ul.side_btn li#concept08_s      {  background: url(../img/concept/btn_hamano.jpg) no-repeat -320px 0px;}
ul.side_btn li#concept08_s a:hover      {  background: url(../img/concept/btn_hamano.jpg) no-repeat -480px 0px;}
ul.side_btn li#concept09_s      {  background: url(../img/concept/btn_hamano.jpg) no-repeat -320px -35px;}
ul.side_btn li#concept09_s a:hover      {  background: url(../img/concept/btn_hamano.jpg) no-repeat -480px -35px;}




/*************************************************************************
サービス
**************************************************************************/

ul.side_btn li#service01      {  background: url(../img/service/btn_staff.jpg) no-repeat 0px 0px;}
ul.side_btn li#service01 a:hover    {background: url(../img/service/btn_staff.jpg) no-repeat -160px 0px;}
ul.side_btn li#service02      {  background: url(../img/service/btn_staff.jpg) no-repeat 0px -35px;}
ul.side_btn li#service02 a:hover    {background: url(../img/service/btn_staff.jpg) no-repeat -160px -35px;}
ul.side_btn li#service03      {  background: url(../img/service/btn_staff.jpg) no-repeat 0px -70px;}
ul.side_btn li#service03 a:hover    {background: url(../img/service/btn_staff.jpg) no-repeat -160px -70px;}
ul.side_btn li#service04      {  background: url(../img/service/btn_staff.jpg) no-repeat 0px -105px;}
ul.side_btn li#service04 a:hover    {background: url(../img/service/btn_staff.jpg) no-repeat -160px -105px;}

ul.side_btn li#service05      {  background: url(../img/service/btn_product.jpg) no-repeat 0px 0px;}
ul.side_btn li#service05 a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -160px 0px;}
ul.side_btn li#service06      {  background: url(../img/service/btn_product.jpg) no-repeat 0px -35px;}
ul.side_btn li#service06 a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -160px -35px;}
ul.side_btn li#service07      {  background: url(../img/service/btn_product.jpg) no-repeat 0px -70px;}
ul.side_btn li#service07 a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -160px -70px;}
ul.side_btn li#service08      {  background: url(../img/service/btn_product.jpg) no-repeat 0px -105px;}
ul.side_btn li#service08 a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -160px -105px;}
ul.side_btn li#service09      {  background: url(../img/service/btn_product.jpg) no-repeat 0px -140px;}
ul.side_btn li#service09 a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -160px -140px;}

ul.side_btn li#service01_s      {  background: url(../img/service/btn_staff.jpg) no-repeat -320px 0px;}
ul.side_btn li#service01_s a:hover      {  background: url(../img/service/btn_staff.jpg) no-repeat -480px 0px;}
ul.side_btn li#service02_s      {  background: url(../img/service/btn_staff.jpg) no-repeat -320px -35px;}
ul.side_btn li#service02_s a:hover      {  background: url(../img/service/btn_staff.jpg) no-repeat -480px -35px;}
ul.side_btn li#service03_s      {  background: url(../img/service/btn_staff.jpg) no-repeat -320px -70px;}
ul.side_btn li#service03_s a:hover      {  background: url(../img/service/btn_staff.jpg) no-repeat -480px -70px;}
ul.side_btn li#service04_s      {  background: url(../img/service/btn_staff.jpg) no-repeat -320px -105px;}
ul.side_btn li#service04_s a:hover      {  background: url(../img/service/btn_staff.jpg) no-repeat -480px -105px;}

ul.side_btn li#service05_s      {  background: url(../img/service/btn_product.jpg) no-repeat -320px 0px;}
ul.side_btn li#service05_s a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -480px 0px;}
ul.side_btn li#service06_s      {  background: url(../img/service/btn_product.jpg) no-repeat -320px -35px;}
ul.side_btn li#service06_s a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -480px -35px;}
ul.side_btn li#service07_s      {  background: url(../img/service/btn_product.jpg) no-repeat -320px -70px;}
ul.side_btn li#service07_s a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -480px -70px;}
ul.side_btn li#service08_s      {  background: url(../img/service/btn_product.jpg) no-repeat -320px -105px;}
ul.side_btn li#service08_s a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -480px -105px;}
ul.side_btn li#service09_s      {  background: url(../img/service/btn_product.jpg) no-repeat -320px -140px;}
ul.side_btn li#service09_s a:hover    {background: url(../img/service/btn_product.jpg) no-repeat -480px -140px;}



/*************************************************************************
インフォメーション
**************************************************************************/

ul.side_btn li#info01      {  background: url(../img/corporate/btn_info.jpg) no-repeat 0px 0px;}
ul.side_btn li#info01 a:hover    {background: url(../img/corporate/btn_info.jpg) no-repeat -160px 0px;}
ul.side_btn li#info02      {  background: url(../img/corporate/btn_info.jpg) no-repeat 0px -35px;}
ul.side_btn li#info02 a:hover    {background: url(../img/corporate/btn_info.jpg) no-repeat -160px -35px;}

ul.side_btn li#info01_s      {  background: url(../img/corporate/btn_info.jpg) no-repeat -320px 0px;}
ul.side_btn li#info01_s a:hover      {  background: url(../img/corporate/btn_info.jpg) no-repeat -480px 0px;}
ul.side_btn li#info02_s      {  background: url(../img/corporate/btn_info.jpg) no-repeat -320px -35px;}
ul.side_btn li#info02_s a:hover      {  background: url(../img/corporate/btn_info.jpg) no-repeat -480px -35px;}



/*************************************************************************
お問合せ
**************************************************************************/

ul.side_btn li#inquiry01      {  background: url(../img/info/btn_inquiry.jpg) no-repeat 0px 0px;}
ul.side_btn li#inquiry01 a:hover    {background: url(../img/info/btn_inquiry.jpg) no-repeat -160px 0px;}
ul.side_btn li#inquiry02      {  background: url(../img/info/btn_inquiry.jpg) no-repeat 0px -35px;}
ul.side_btn li#inquiry02 a:hover    {background: url(../img/info/btn_inquiry.jpg) no-repeat -160px -35px;}
ul.side_btn li#inquiry03      {  background: url(../img/info/btn_inquiry.jpg) no-repeat 0px -70px;}
ul.side_btn li#inquiry03 a:hover    {background: url(../img/info/btn_inquiry.jpg) no-repeat -160px -70px;}

ul.side_btn li#inquiry01_s      {  background: url(../img/info/btn_inquiry.jpg) no-repeat -320px 0px;}
ul.side_btn li#inquiry01_s a:hover      {  background: url(../img/info/btn_inquiry.jpg) no-repeat -480px 0px;}
ul.side_btn li#inquiry02_s      {  background: url(../img/info/btn_inquiry.jpg) no-repeat -320px -35px;}
ul.side_btn li#inquiry02_s a:hover      {  background: url(../img/info/btn_inquiry.jpg) no-repeat -480px -35px;}
ul.side_btn li#inquiry03_s      {  background: url(../img/info/btn_inquiry.jpg) no-repeat -320px -70px;}
ul.side_btn li#inquiry03_s a:hover      {  background: url(../img/info/btn_inquiry.jpg) no-repeat -480px -70px;}



ul.faq {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 220px;
	float:left;
}

ul.faq li {
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 60px;
	text-indent: -9999px;
	float:left;
}
ul.faq a {
	text-decoration: none;
	display: block;
	width: 220px;
	height: 60px;
}

ul.faq li#faq01      {  background: url(../img/info/btn_faq_01.jpg) no-repeat 0px 0px;}
ul.faq li#faq01 a:hover    {background: url(../img/info/btn_faq_01.jpg) no-repeat 0px -65px;}
ul.faq li#faq02      {  background: url(../img/info/btn_faq_02.jpg) no-repeat 0px 0px;}
ul.faq li#faq02 a:hover    {background: url(../img/info/btn_faq_02.jpg) no-repeat 0px -65px;}
ul.faq li#faq03      {  background: url(../img/info/btn_faq_03.jpg) no-repeat 0px 0px;}
ul.faq li#faq03 a:hover    {background: url(../img/info/btn_faq_03.jpg) no-repeat 0px -65px;}



/*************************************************************************
プライバシーポリシー
**************************************************************************/

div.policy_copy {
	margin:30px 0px 10px 0px;
	padding:0px 0px 0px 465px;
	width:240px;
	text-align:cleft;
	clear:both;
}	
	
	
	
	
	
/********************************************************************
 表組の修飾
*********************************************************************/
/*基本*/
table.tbl_common {
	margin:0px;
	padding: 0px;
	margin-top: 0px;
	top: auto;
}
table.tbl_common td {
	vertical-align:top;
	font-size:12px;
}
table.tbl_common td.center {
	text-align:center;
	vertical-align:top;
	font-size:12px;
}

table.tbl_waku {
	margin:0px;
	padding: 0px;
	background-color:#CCCCCC;
}
table.tbl_waku td {
	padding: 2px 0px 2px 5px;
	vertical-align:top;
	font-size:12px;
	background-color:#FFFFFF;
}
table.tbl_waku td.center {
	text-align:center;
	vertical-align:top;
	font-size:12px;
	background-color:#FFFFFF;
}


/*商品検索*/
table.tbl_item {
	margin-bottom:20px;
}
table.tbl_item td {
	padding-top: 2px;
	vertical-align:top;
}
table.tbl_item td.img {
	padding: 0px;
	border:1px solid #CCCCCC;
	text-align: center;
}
table.tbl_item td.comment {
	padding-top: 5px;
	font-size:11px;
	line-height:130%;
	vertical-align:top;
}


/*新着情報*/
table.tbl_news {
	margin:30px 0px 30px 0px;
	padding: 0px;
}
table.tbl_news td {
	vertical-align:top;
	padding-bottom: 10px;
	font-size:12px;
}
table.tbl_news td.ttl {
	font-size:14px;
	font-weight:bold;
}


/*インフォメーション*/
table.tbl_info {
	margin:0px;
	padding: 0px;
}
table.tbl_info td {
	vertical-align:top;
	padding-bottom: 25px;
	font-size:12px;
}
.link_ttl {
	font-size:16px;
	font-weight:bold;
}

/*ガイドライン*/
table.tbl_guide {
	margin:0px;
	padding-top:15px;
}
table.tbl_guide td {
	vertical-align:top;
	padding-bottom: 25px;
	font-size:12px;
}



/*アクセス*/
table.tbl_map {
	margin:0px;
	padding:0px;
	background-image:url(../img/access/bg_map.jpg);
}
table.tbl_map td {
	vertical-align:top;
	padding: 0px;
	font-size:12px;
}
table.tbl_map td.info {
	vertical-align:top;
	padding: 0px;
	font-size:12px;
}





/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通エレメント
*********************************************************************/
.l{
float:left;
}
.r{
float:right;
}
.t_atn{
color:#CC0000;
}

#pgtp{
margin:10px 0px 0px 0px;
text-align:right;
}


/********************************************************************
 共通マージンタイプ
*********************************************************************/

div#contents .mgb0{margin-bottom:0 !important;}
div#contents .mgb5{margin-bottom:5px !important;}
div#contents .mgb10{margin-bottom:10px !important;}
div#contents .mgb15{margin-bottom:15px !important;}
div#contents .mgb20{margin-bottom:20px !important;}
div#contents .mgb30{margin-bottom:30px !important;}
div#contents .mgb40{margin-bottom:40px !important;}
div#contents .mgb60{margin-bottom:60px !important;}

div#contents .mgt0{margin-top:0 !important;}
div#contents .mgt5{margin-top:5px !important;}
div#contents .mgt10{margin-top:10px !important;}
div#contents .mgt15{margin-top:15px !important;}
div#contents .mgt20{margin-top:20px !important;}
div#contents .mgt30{margin-top:30px !important;}
div#contents .mgt50{margin-top:50px !important;}

div#contents .mgl0{margin-left:0 !important;}
div#contents .mgl5{margin-left:5px !important;}
div#contents .mgl10{margin-left:10px !important;}
div#contents .mgl15{margin-left:15px !important;}
div#contents .mgl20{margin-left:20px !important;}
div#contents .mgl30{margin-left:30px !important;}

div#contents .mgr0{margin-right:0 !important;}
div#contents .mgr5{margin-right:5px !important;}
div#contents .mgr10{margin-right:10px !important;}
div#contents .mgr15{margin-right:15px !important;}
div#contents .mgr20{margin-right:20px !important;}
div#contents .mgr30{margin-right:30px !important;}

div#contents .mgn0{margin:0 !important;}

div#contents .pdt0{padding-top:0 !important;}
div#contents .pdt5{padding-top:5px !important;}
div#contents .pdt10{padding-top:10px !important;}
div#contents .pdt15{padding-top:15px !important;}
div#contents .pdt20{padding-top:20px !important;}
div#contents .pdt30{padding-top:30px !important;}

div#contents .pdb0{padding-bottom:0 !important;}
div#contents .pdb5{padding-bottom:5px !important;}
div#contents .pdb10{padding-bottom:10px !important;}
div#contents .pdb15{padding-bottom:15px !important;}
div#contents .pdb20{padding-bottom:20px !important;}
div#contents .pdb30{padding-bottom:30px !important;}

div#contents .pdl0{padding-left:0 !important;}
div#contents .pdl5{padding-left:5px !important;}
div#contents .pdl10{padding-left:10px !important;}
div#contents .pdl15{padding-left:15px !important;}
div#contents .pdl20{padding-left:20px !important;}
div#contents .pdl30{padding-left:30px !important;}


div#contents .pdr0{padding-right:0 !important;}
div#contents .pdr5{padding-right:5px !important;}
div#contents .pdr10{padding-right:10px !important;}
div#contents .pdr15{padding-right:15px !important;}
div#contents .pdr20{padding-right:20px !important;}
div#contents .pdr30{padding-right:30px !important;}

div#contents .pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div.clearBoth{clear:both;}
div.floatLeft{float:left;}
div.floatRight{float:right;}
div.alignLeft{text-align:left;}
div.alignRight{text-align:right;}
.tbl_headline {
	background-image: url(../img/top/texthaikei.jpg);
	height: 90px;
	width: 620px;
	margin-top: 5px;
}
