@charset "utf-8";


/* clearfix */
.cl:before,.cl:after{ content:""; display: table;}
.cl:after{ clear:both; }
.cl{ *zoom:1;}

/* --------------------------------------
2015.7.1リニューアルバージョン
----------------------------
 common.css
------------------------------ */

/*  共通レイアウト
---------------------------------------- */
#main_index2015{
clear:both;
width: 950px; 
margin: 0 auto;
padding: 6px 0 0 0; 
}

#main_950{
clear:both;
width: 950px;
margin: 0 auto;
padding: 23px 0 0 0; 
}

/* 2カラム
------------------------------------ */
#mainContents_index,
#mainContents_690{
width: 690px;
height: auto;
margin: 0;
padding: 0;
clear:both;
}

#sideBar_index{
width: 245px;
height: auto;
margin: 0;
padding: 0;
}

#side_245{
width: 245px;
height: auto;
margin-top: 3.0em;
}
	

/* --------------------------------------
 　　　HEADER
---------------------------------------- */
#headerTop2015 h1, #headerTop2015 div.logo{
background-image: url(../images/logo2015.jpg);
background-repeat: no-repeat;
width: 313px;
height: 57px;
margin: 15px 0 0 0;
padding:0;
float:left;
}
#headerTop2015 a.logoArea{
display: block;
width: 313px;
height: 40px;
margin: 0;
padding:0;
text-indent: -9999px;
}
#headerTop2015 ul.globalLink{
width: 575px;
height: 57px;
margin: 0;
padding: 15px 0 0 0;
float: right;
list-style-type: none
}
#headerTop2015 ul.globalLink li{
float: right;
border-right: 1px solid #e1e1e1;
text-align: center;
margin: 0px;
padding: 0 10px;
font-size: 12px;
list-style-type: none;
}
#headerTop2015 ul.globalLink li a{ color: #FAFAFA; }

/* GLOBAL NAVIGATION
------------------------------------ */
#headerTop2015 ul#globalNavi2015{
clear: both;
padding: 0;
list-style-type: none;
width:950px;
height:39px;
}

#headerTop2015 ul#globalNavi2015 li{
list-style-type: none;
margin: 24px 30px 0 0;
float:left;
display:inline-block;
*display: inline;  
*zoom: 1;
}

#headerTop2015 ul#globalNavi2015 li a{
display:block;
}

/* 検索エリア 
------------------------------------ */
#headerTop2015 #searchArea{
width: 950px;
clear: both;
height: 36px;
margin: 0;
text-align: right;
line-height: 4;
font-size: 12px;
}

#headerTop2015 #searchArea span{ color: #000000; }

/*----------------------------
 style.css
------------------------------ */

/* トピックス
------------------------------------ */
#topixBox{
clear: both;
width: 920px;
height: auto;
margin: 36px 0 20px 0;
padding: 15px;
background: #fafafa;
text-align: left;

}

#topixBox dl{
clear: both;
width: 930px;
padding: 0;
}

#topixBox dt.infoDay{
line-height: 200%;
text-align: left;
float: left;
width: 8.4em;
}

#topixBox dd.infoType{
line-height: 200%;
text-align: left;
float: left;
width: 11em;
}

#topixBox dd.infoText{
line-height: 200%;
text-align: left;
padding: 0 0 0 8.4em;
}
/* greeting /* 2015.7.1リニューアル追加 佐々木
------------------------------------ */
#greeting{
width:950px;
height:691px;
margin: 0 auto;
}

#greeting .tabmenu{
    width: 950px;
	text-align:left;
}
	
#greeting .content h2{
    color:#E1E1E1;
	font-size:11px;
	letter-spacing: 0.1em;
}

#greeting .content div{
    height: 432px;
	padding: 3px;
}

#greeting .content div.content01{
    background: url(/images/greeting_01.jpg);
}
 
#greeting .content div.content02{
    background: url(/images/greeting_02.jpg);
}
 
#greeting .content div.content03{
    background: url(/images/greeting_03.jpg);
}
 
#greeting .hide{
    display:none;}
    
#greeting .tab{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
	float:left;
}

#greeting .tab div{
	width:308px;
	background: #f0f4fa;
	height:182px;
	text-align:center;
	padding: 0;
	float:left;
	margin-right:13px;
}

#greeting .tab div.last{
	margin-right:0;
}

#greeting .tab div.select{
	background: #646464;
} 

#greeting .tab div img{
	margin: 20px 0 0 0;
}

#greeting .tab ul{
	margin: 15px auto;
	width:120px;
	line-height: 1.8;
	list-style-type:none;
}

#greeting .tab ul li{
	text-align:left;
}

#greeting .tab ul li a:link, #greeting .tab ul li a:visited{
	color:#aaaaaa;
	text-decoration:none;
}

#greeting .tab ul li a:hover, #greeting .tab ul li a:active{
	color:#2147a5;
	text-decoration:underline;
}

#greeting .category4 li{
	width:308px;
	background: #f0f4fa;
	height:48px;
	text-align:center;
	padding:0;
	float:left;
	margin: 13px 13px 0 0;
	display: inline-block;
}

#greeting .category4 li a{
	display: block;
	width:308px;
	background: #f0f4fa;
	height:48px;
	font-weight: bold;
	line-height: 48px;
	color: #aaaaaa;
	font-size: 22px;
	text-decoration:none; 
}

#greeting .category4 li a:hover{
		color:#2147a5;
	text-decoration:none;
}


/* 新商品リスト
------------------------------------ */
#NewItemBox{
clear: both;
width: 690px;
height: auto;
margin: 0 0 20px 0;
padding: 0;
background-image: url(../images/bk_blue_690.gif);
background-position: left 35px;
background-repeat: no-repeat;
text-align: left;
}

#NewItemBox h2{
margin: 0 0 35px 0;
padding-top: 10px;
color: #0061b1;
text-align: left;
background-position: left;
background-repeat: no-repeat;
font-size: 100% !important;
}


#NewItemBox h2 span{ float: right; }

#NewItemBox dl{
clear: both;
width: 670px;
padding: 10px;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 5px;
}

/* --------------------------------------
 　　　パンくず・ページ送り
---------------------------------------- */
.pan{
clear:both;
text-align: left;
line-height: 2.0;
}

.pagePartition{
width: 100%;
height: auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin: 2.0em 0;
display:inline-block;
}

.pagePartition a{
display:block;
padding: 4px 0.5em;
margin: 0 2px;
text-decoration: none; 
color: #000066;
border: 1px solid #0061b0;
border-radius: 3px;
display: inline;
    vertical-align:middle;
    text-align:center;
}

.pagePartition a:hover{
	background-color: #E5E5E5;
	border: none;
	color: #CC0000;
}

.pagePartition b{
display:block;
padding: 4px 0.5em;
text-decoration: none; 
color: #CC0000;
margin: 0 2px;
background-color: #E5E5E5;
border-radius: 3px;
display: inline;
    vertical-align:middle;
    text-align:center;
}

/* --------------------------------------
 　　　ソリューション
---------------------------------------- */
/* タイトル
-------------------------------- */
.cat_tit_box{
	border-style: solid;
	border-width: 1px;
	padding: 20px;
	text-align: left;
}

.cat_tit_box h1{ font-size: 36px; }

.bousai{ border-color: #0061b0;}
.pc{ border-color: #0061b0;}
.mobile{ border-color: #0061b0;}

.bousai h1{ color: #0061b0; }
.pc h1{  color: #0061b0;}
.mobile h1{ color: #0061b0;}

/* エントリーリスト
-------------------------------- */
.entry_list{
	margin-top: 3.0em;
	text-align: left;
}

.entry_list h2{
	font-size: 20px;
	padding: 0.5em 0.3em;
	border-bottom: 2px solid #BBBBBB;
	margin-bottom: 1.0em;
}

.entry_list dl{
	clear:both;
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #BBBBBB;
}

.entry_list dt{
float: left;
width: 65px;
height: 65px;
padding-left: 0.5em;
}

.entry_list dd{
	padding: 0 0.5em 1.5em 7.0em;
}
/* SIDE
--------------------------------- */
.side_bottom{
	margin-top: 15px;
}

/* カテゴリーリスト */
.cat_list{
	border-top: 1px solid #e5e5e5;
	padding-bottom: 0.5em;
}
.cat_list h4{
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
	font-size: 16px;
}

.cat_list h4 a{
	display:block;
	padding: 0.5em 0.8em;
}

.cat_list h4 a:hover,
.cat_list h4 a.this{
	background-color: #e5e5e5;
}

.cat_list a{
	color: #0061b0;
	text-decoration: none;
}

.cat_list ul{
	margin-top: 1.0em;
	margin-left: 20px;
}

.cat_list li{
	list-style-image: url(/images/arrow_6x9.png);
	text-align: left;
	margin-bottom: 0.5em;
}

.cat_list li a:hover{
	color: #cc0000;
}

/* バナー */
.side_bnr{
	margin-bottom: 15px;
}

/* BOX */
.side_box{
	margin-bottom: 15px;
	padding: 10px 10px 5px 10px;
}

.side_box h4{
	text-align: left;
	font-size: 16px;
	color: #0061b0;
}

.side_box h4 span{
	display:block;
	font-size: 13px !important;
	margin-bottom: 10px;
}
.side_box img{
	margin-bottom: 5px;
}

.side_box p{
	text-align: left;
	margin-bottom: 10px;
}

.glay_bc{ background-color: #eeeeee; color:#0061b0; }
.naname{ background: url(/images/bg_naname.png) }

.side_box ul{
	margin-top: 1.0em;
	margin-left: 20px;
	padding-bottom: 0.5em;
}

.side_box li{
	list-style-image: url(/images/arrow_6x9.png);
	text-align: left;
	margin-bottom: 0.5em;
}

.side_box li a{
	color: #0061b0;
	text-decoration: none;
}

.side_box li a:hover{
	color: #cc0000;
}

.tel{
	font-family: 'Lato', sans-serif;
	display:block;
	font-size: 20px;
}

/* アイコン説明 */
.icon_menu {
  height: auto;
  width: 245px;
  margin: 15px auto 0 auto;
  background: #fff;
}

.icon_menu label{
	background: url(/images/arrow_02.png) 95% center no-repeat #fff;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  font-size: 16px;
  text-align: left;
}

.icon_menu label:hover {
  background: #e5e5e5;
}

input[type="checkbox"].on-off{
  display: none;
}

.icon_menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.icon_menu li{
  padding: 5px;
  text-align: left;
  font-size: 11px;
  clear:both;
}

.icon_menu li img{
	margin-right: 3px;
	float: left;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
}


/* --------------------------------------
 　　　FOOTER  2015.7.24リニューアルバージョン 佐々木
---------------------------------------- */
#footer2015{
width: 100%;
background: #646464 url(../images/bk_foot2015.gif) bottom repeat-x;
}

#footer2015 .footLinkArea{
height:270px;
margin:0 auto;
width:950px;
}


#footer2015 .footLinkArea .list{
float:left;
height: 210px;
margin:30px 0;
padding: 0 60px;
line-height: 1.8;
text-align:left;
border-right: 1px solid #ffffff;
}

#footer2015 .footLinkArea .products{
padding: 0;
border-right: none;
}

#footer2015 .footLinkArea .products_series{
padding: 25px 70px 0 70px;
height: 185px;
}

#footer2015 .footLinkArea .profile{
padding: 0 0 0 50px;
border-right: none;
}

#footer2015 .footLinkArea h2{
font-size:120%;
font-weight:bold;
}

#footer2015 .footLinkArea .list a:link, #footer2015 .footLinkArea .list a:visited{
	color:#ffffff;
	text-decoration:none;
}

#footer2015 .footLinkArea .list a:hover, #footer2015 .footLinkArea .list a:active{
	color:#2147a5;
	text-decoration:none;
}

#footer2015 .list li{
list-style-type:none;
margin:0 0 0 20px;
}

#footer2015 ul.footLink{
width: 950px;
height: 20px;
text-align: left;
margin: 0 auto;
padding: 30px 0 0 0;
clear:both;
}

#footer2015 ul.footLink li{
background-image: none;
background-position: left;
background-repeat: no-repeat;
list-style-type: none;
font-size: 90%;
float: left;
padding: 0 20px 0 0;
}

#footer2015 ul.footLink li a:link, #footer2015 ul.footLink li a:visited {
	color:#FAFAFA;
	text-decoration:none;
}

#footer2015 ul.footLink li a:hover, #footer2015 ul.footLink li a:active{
	color:#aaaaaa;
	text-decoration:none;
}

#footer2015 .copyright{
clear: both;
width: 950px;
height: 20px;
margin: 0 auto;
text-align: right;
font-size: 90%;
color: #FAFAFA;
}

/* greeting  2015.7.29追加 佐々木
------------------------------------ */
#greeting0729{
width:950px;
height:691px;
margin: 0 auto;
}

#greeting0729 .tabmenu{
    width: 950px;
	text-align:left;
}
	
#greeting0729 .content p{
    color:#E1E1E1;
	font-size:11px;
	letter-spacing: 0.1em;
	font-weight:bold;
}

#greeting0729 .content div{
	position:relative;
    height: 434px;
    height: 432px\9; /* ie */
	padding: 2px 5px;
	padding: 3px\9 5px; /* ie */
}

#greeting0729 .content div.content01{
    background: url("../images/greeting_01.jpg");
}
 
#greeting0729 .content div.content02{
    background: url("../images/greeting_02.jpg");
}
 
#greeting0729 .content div.content03{
    background: url("../images/greeting_03.jpg");
}
 
#greeting0729 .hide{
    display:none;}
    
#greeting0729 .tab{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
	float:left;
}

#greeting0729 .tab div{
	width:308px;
	background: #f0f4fa;
	height:182px;
	text-align:center;
	padding: 0;
	float:left;
	margin-right:13px;
}

#greeting0729 .tab div.last{
	margin-right:0;
}

#greeting0729 .tab div.select{
	background: #646464;
} 

#greeting0729 .tab div img{
	margin: 20px 0 0 0;
	z-index:1;
}

#greeting0729 .tab a:link, #greeting0729 .tab a:visited{
	color:#aaaaaa;
	text-decoration:none;
}

#greeting0729 .tab a:hover, #greeting0729 .tab a:active{
	color:#2147a5;
	text-decoration:none;
}



#greeting0729 .tab p{
	position:absolute;
	z-index:2;
	background: url("../images/back04.png") no-repeat;
	margin:80px 0 0 240px;
	padding:1px 7px;
	padding:2px\9 7px; /* ie */
	font-size:10px;
	height:13px;
	height:11px\9; /* ie */
}



#greeting0729 .tab ul{
	margin: 15px auto;
	width:125px;
	line-height: 1.8;
	list-style-type:none;
	z-index:1;
}

#greeting0729 .tab ul li a:hover, #greeting0729 .tab ul li a:active{
	color:#2147a5;
	text-decoration:none;
}

#greeting0729 .category4 li{
	width:308px;
	background: #f0f4fa;
	height:48px;
	text-align:left;
	padding:0;
	float:left;
	margin: 13px 13px 0 0;
	display: inline-block;
}

#greeting0729 .category4 li a{
	display: block;
	text-decoration:none;
}



/* トピックス 2015.7.29追加 佐々木
------------------------------------ */

h2.midashi{
clear: both;
height: auto;
margin: 20px 0 10px 0;
text-align: left;
color: #0061b1;
}

h2.midashi img{
float:right;
}

#topixBox0729{
clear: both;
width: 920px;
height: auto;
margin: 0 0 20px 0;
padding: 15px;
background: #fafafa;
text-align: left;

}

#topixBox0729 dl{
clear: both;
width: 930px;
padding: 0;
}

#topixBox0729 dt.infoDay{
line-height: 200%;
text-align: left;
float: left;
width: 8.4em;
}

#topixBox0729 dd.infoType{
line-height: 200%;
text-align: left;
float: left;
width: 11em;
}

#topixBox0729 dd.infoText{
line-height: 200%;
text-align: left;
padding: 0 0 0 8.4em;
}


/* 新商品リスト 2015.7.29追加 佐々木
------------------------------------ */
.NewItemBox{
clear: both;
width: 690px;
height: auto;
margin: 0 0 20px 0;
padding: 0;
background-image: url(../images/bk_blue_690.gif);
background-position: left 35px;
background-repeat: no-repeat;
text-align: left;
}

.NewItemBox h2{
margin: 0 0 35px 0;
padding-top: 10px;
color: #0061b1;
text-align: left;
background-position: left;
background-repeat: no-repeat;
font-size: 100% !important;
}


.NewItemBox h2 span{ float: right; }

.NewItemBox dl{
clear: both;
width: 670px;
padding: 10px;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 5px;
}


/* greeting  2015.09.02追加 佐々木
------------------------------------ */

#greeting0729{
width:950px;
height:630px;
margin: 0 auto;
}

#greeting0729 .content a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}