/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

.newitem img, .ranking img {
padding: 0 5px 7px 0;
vertical-align:middle;
}

h1,h3,h4,#juuyoukw{
font-weight: normal!important;
font-size:100%;
}

h2{
font-weight: normal!important;
font-size:120%;
color:#2F4F4F;
}

#juuyoukw{
color:black;
}

body {
	color: #000000;
	font-size: small;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #fff;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

#page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
}

#page-top a img:hover {
    border:1px black solid;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:1000px;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
}

.header img{
 float:right;
 padding-right:10px;
}

/* -------------------------------------
*     ヘッダー（追加したID）
* ------------------------------------- */

#osusume strong{
font-size:150%;
}

#pc_osusume_item,#pc_uresuji_item{
float:left;
width:180px;
padding:1%;
}

a:link{
text-decoration:none;
}

#shopname{
margin:20px 5px 5px;
color:#424242;
font-size:130%;
letter-spacing:0.1em;
}

#shopname span{
font-size:300%;
font-weight:bold;
letter-spacing:0.2em;
}

#contact img{
float:left;
}

#menu{
	width:100%;
	margin:2% 0% 6%;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul li{
	float:left;
	width:16.5%;
	padding:0%;
}

#menu ul li p{
	padding-top:5%;
	color:black;
}


#menu ul li img{
	float:left;
	padding:0;
	margin:0;
}


.last{
	border-right:1px solid #BDBDBD;
}


#menu ul li :hover{
	position:relative;
	top:1px;
}

#tb_menu,#sm_menu,#sm_footer,#sm_left,#sm_right{
display:none;
}


/*leftとmainを囲む*/
.wrapper {
 width:800px;
 float:left;
}

/*　画面左側メニューの幅　*/
.left {
	float: left;
	width:200px;
}

/*　中央の幅　*/
.main {
	float: right;
	width: 600px;
}


/*　画面右側の幅　*/
.right {
	float: right;
	width:200px;
}




/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer {
width:100%;
clear:left;
text-align:center;
}

#footer_navi,#footer_lighter,#footer_accessories,#footer_pipe{
width:25%;
float:left;
}

.footer ul li{
width:100%;
float:left;
list-style-type:none;
padding-right:5%;
}

.footer ul a li:hover{
text-decoration:underline;
}



#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}




/* -------------------------------------
*     左サイドのカテゴリー
* ------------------------------------- */

#category ul li{
	list-style-type:none;
}

#category ul a li:hover{
	text-decoration:underline;
}



/* -------------------------------------
*     右サイドのカテゴリー
* ------------------------------------- */
#cart_right,#push_rank,#freepage{

text-align:right;
width:150px;
float:right;
}


/* -------------------------------------
*     最近チェックした商品
* ------------------------------------- */
#pc_check{
float:left;
}

#pc_check_item{
float:left;
width:190px;
padding-right:8px;
}

#pc_check_item a:hover{
text-decoration:underline;
}

/*********************************************************/
/*Free_Page05_Custmer_Comment                                */
/*********************************************************/
div.comment_area  {
	width: 550px;
	padding: 10px 15px;
	margin: 0 0 30px 2%;
	border: 1px solid #1c1c1c;
}

p.permit {
	text-align: right;
	font-size: 11px;
	color: #616161;
	padding-right: 20px;

}
div.comment_area img  {
	width: auto;
	float: left;
	margin-right: 15px;
}
div.comment_area ul  {
	font-size: 13px;
	color: #4d4d4d;
	margin-bottom: 10px;
	list-style-type:none;
}


.comment  fieldset {
	width: 540px;
	padding: 5px;
	border-top: 1px solid #1c1c1c;
}
.comment  fieldset legend {
	font-size: 16px;
	padding: 0;
}

strong {
font-weight: normal!important;
}

#tb_check,#sm_check,#tb_top,#sm_top,#sm_osusume,#tb_osusume{
display:none;
}

#freepagemain,#freepagemain ul{
padding:0% 5%;
}

#gasstable{
width:100%;
}

#gasstable td{
border:1px solid black;
padding:1%;
}

#hajimetenokatahe_2 ul li,#hajimetenokatahe_5 ul li{
text-decoration:none;
}



/*********************************************************/
/*レスポンシブデザイン  タブレット                              */
/*********************************************************/

@media screen and (max-width: 800px){
    #container{
  	overflow:hidden;
  }

#pc_top,#sm_top,#sm_menu,#shop_title,#menu,#sm_check,#pc_check,#pc_left,#pc_right,#sm_likebox,#osusume{
display:none;
}

#tb_menu,#tb_top,#tb_check,#tb_likebox{
display:inline;
}
  
#tb_top img{
  padding-top:2%;
float:center;
}

#tb_top_bannar,  #tb_osusume_item img{
width:100%;
}

#tb_top_bannar img{
float:left;
margin:0;
padding:1%;
margin-bottom:2%;
width:18%;  
height:50px;
}


#sm_menu ul, #tb_menu ul{
	margin-left:1px;
	padding:0;
	padding-top:1%;
	list-style-type:none;
}


  #tb_menu ul li{
	border-top:1px solid #BDBDBD;
	border-bottom:1px solid #BDBDBD;
	border-left:1px solid #BDBDBD;
	float:left;
	text-align:center;
	padding:5% 1%;
  	width:14.5%;
	background:blue;
	color:#fff;
    font-size:130%;
    height:10px;
}

#sm_left{
display:inline;
float:left;
width:90%;
}

#sm_left p{
        color:#a22041;
        font-size:13pt;
        font-weight:bold;
        margin-bottom:1%;
}

#sm_right{
display:inline;
padding:15px;
}

#tb_osusume{
display:inline;
width:100%;
}

#tb_osusume_item{
float:left;
width:22%;
padding-left:2%;
}




/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	width:100%;
}


/* -------------------------------------
*     タブレット　ヘッダー（自分で追加したID）
* ------------------------------------- */
#shopname{
margin:2% 0 0 2%;
font-size:100%;
}

#shopname span{
font-size:200%;
}


/*leftとmainを囲む*/
/*　画面左側メニューの幅　*/
/*　中央の幅　*/
.wrapper,.left,.main {
 width:100%;

}


/*　画面右側の幅　*/
.right {
	float:right;
	width:100%;
}


/* -------------------------------------
*     タブレット　最近チェックした商品
* ------------------------------------- */
#tb_check_item{
float:left;
width:22%;
padding-left:2%;
}

#tb_check_item img{
width:100%;
}

#sm_left_menu a {
        text-decoration:none;
}
ul#menu, ul.sub_menu{
        list-style:none;
        margin:0;
        padding:0;
}
#sm_left_menu{
        width:100%;
        border:1px solid #e5e4e6;
        border-bottom:none;
}
.main_menu{
        background:#4a96cf;
        color:#fff;
        font-size:11pt;
        font-weight:bold;
        padding:13px 10px 0;
        width:90%;
        height:30px;
        border:1px solid #e5e4e6;
}
.sub_menu li{
        background:#7ac4f5;       
        padding:13px 10px 0;
        border:1px solid #FFF;
        font-size:11pt;
        font-weight:bold;
        width:90%;
        height:30px;
}
  
.sub_menu li a{
  		width:100%;
        color:#FFF;
        display:block;
}

#sm_manager{
margin:0 0 3% 0;
padding:0;
width:100%;
float:left;
text-align:left;
  

}

#sm_manager img{
width:25%;
float:left;
margin:0% 0% 5% 0%;
}


#sm_policiy{
width:100%;
float:left;
border:solid 1px #BDBDBD;
margin:0 0 3%;
}



/*********************************************************/
/*Free_Page05_Custmer_Comment                                */
/*********************************************************/
div.comment_area,.comment  fieldset{
	width: 85%;
}
  
p.permit {
	text-align:left;

}

}


/*********************************************************/
/*レスポンシブデザイン  スマートフォン                              */
/*********************************************************/

@media screen and (max-width: 610px){
  
#pc_top,#tb_top,#shop_title,#tb_menu,#tb_check,#pc_check,#pc_left,#pc_right,#tb_likebox,#pc_footer,#osusume,#tb_osusume{
display:none;
}

#sm_menu,#sm_top,#sm_check,#sm_likebox,#sm_footer,#sm_left,#sm_osusume{
display:inline;
}

  #sm_top, #sm_top_bannar, #sm_osusume_item img,#sm_left, #sm_osusume{
   width:100%; 
  }
  
  #sm_left{
    float:left;
}
  
  
#sm_top p{
margin-top:2%;
     width:100%; 
}

#sm_top img{
	float:center;
}

#sm_top_bannar img{
float:left;
margin:0;
padding-right:1%;
}

#sm_serch{
margin-bottom:2%;
}



#sm_left p{
        color:#a22041;
        font-size:13pt;
        font-weight:bold;
        margin-bottom:1%;
}

#sm_right{
display:inline;
padding:15px;
}

#sm_footer ul{
margin-left:1px;
padding:0;
list-style-type:none;
}

#sm_footer ul a li{
width:15.6%;
background:#4a96cf;
color:#fff;
height:40px;
font-size:75%;
float:left;
margin:0;
padding:5% 0.5% 1%;

}



#sm_osusume_item{
float:left;
width:30%;
padding-left:2%;
}

/* -------------------------------------
*    スマホ　ヘッダー（自分で追加したID）
* ------------------------------------- */
  
  #sm_menu ul li{
    float:left;
	text-align:center;
	padding:4% 0% 2% 1.5%;
  	width:15.1%;
    background:#4a96cf;
	color:#fff;
	height:25px;
    font-size:75%;
}

/* -------------------------------------
*     最近チェックした商品
* ------------------------------------- */
#sm_check_item{
float:left;
width:30%;
padding-left:2%;
}

#sm_check_item img{
width:100%;
}

#page-top {
    position: fixed;
    right: 10px;
    bottom:40px;
}

#page-top a img{
border:1px blue solid;
width:70%;
}


}