@charset "utf-8";

/* ************************************************
*  default
* ************************************************ */
body {
	background: #f5f5f5;
}
.post_list_area {
    background-color: #fff;
    border-radius: 0;
    padding: 30px;
	margin-bottom:6px;
}
#main {
	word-break:break-word;
}
/* ************************************************
* image
* ************************************************ */
/*記事一覧　画像サイズ*/
#top_post_list .post_thumbnail_noimage300 > div {
    width: 180px;
    height: 180px;
    line-height: 180px;
    font-size: 18px;
}
.post_list_area .np_btn .pre_link,
.post_list_area .np_btn .next_link {
    width: 180px;
    word-break: break-all;
}
#top_post_list .post_list_thumbnail,#top_post_list .post_list_thumbnail img {
    width: 180px;
}
/*記事詳細　メイン画像サイズ*/
#single_post_list .post_thumbnail_noimage730 {
    width: 500px;
    height: 500px;
    line-height: 500px;
}

/*記事詳細　前後記事画像サイズ type=1*/
.np_thumnail,.np_thumnail_noimage, .np_thumnail_noimage div.noimage {
    width: 320px;
    height: 320px;
}
.np_thumnail img {
    max-width: 320px;
    max-height: 320px;
}
.np_btn .next_exp, .np_btn .prev_exp,
.np_btn .next_exp, .np_btn .prev_exp {
    width: 300px;
    word-break: break-all;
}
.post_list_area .np_btn .pre_link,
.post_list_area .np_btn .next_link {
    width: 300px;
    word-break: break-all;
}
.np_thumnail img, .np_thumnail_noimage div.noimage {
    line-height: 320px;
}

/*記事詳細　記事画像サイズ type=2*/
/*サムネイルあり*/
.np_btn_type2 li {
    padding-left: 16px;
}
.np_btn_type2 li , .np_thumnail_type2 , .np_thumnail_noimage_type2  , .np_thumnail_noimage_type2  div.noimage   {
    width : 165px;
}
.np_thumnail_type2 img {
    max-width: 165px;
    max-height: 165px;
}
/*サムネイルなし*/
.np_thumnail_noimage_type2  , .np_thumnail_noimage_type2  div.noimage  {
    height: 165px;
}
.np_thumnail_type2 img, .np_thumnail_noimage_type2 div.noimage {
    line-height: 170px;
    font-size: 14px;
}
/*type=2の時有効にする*/
#single_post_list .single_post_detail {
    padding: 10px 60px;
    border-bottom: none;
}
/*画像以外*/
#single_post_list .title_type2 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}
#single_post_list .cate_type2, #single_post_list .date_type2, #single_post_list .author_type2 {
    font-size: 10px;
    line-height: 12px;
}
.np_thumnail_noimage_type2 a {
    text-decoration: none;
}
#single_post_list .single_post_detail .main_image img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
#single_post_list .post_list_box h3.post_title {
	width:450px;
}
.single_post_detail .main_image {
    max-width: 558px;
}
/* ************************************************
*  layout
* ************************************************ */
#container {
    width: 966px;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 0px;
    background: #;
    border-right: 0px solid #993333;
    border-left: 0px solid #993333;
}

#header {
    margin: 0px auto;
    width: 966px;
    text-align: left;    
    padding: 0;
}

#side {
    float: right;
    width: 222px;
    margin-top: 6px;
	margin-bottom:220px;
}

#main {    
    float: left;
    width: 738px;
    margin-top: 6px;
}

#footer{
    margin: 0px auto;
    width: 100%;
    text-align: left;
    color:#333;
}

/* ************************************************
*  header
* ************************************************ */
#header_sns{
	width:179px;
  	height:101px;
  	float:left;
}

.sns_img{
	margin-left:10px;
}

#header_logo_center{
	width:612px;
  	height:101px;
  	text-align:center;
  	float:left;
}

#header_right{
	width:175px;
  	height:101px;
  	float:left;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background:white;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 13px;
}

.keyword{
	width:139px;
   height:26px;
    float:left;
  padding-left:10px; 
}

:placeholder-shown {
    color: #b5b5b5; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #b5b5b5; }

/* Firefox 18- */
:-moz-placeholder {
    color: #b5b5b5; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #b5b5b5; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
   color:  #b5b5b5; opacity: 1; }

form{
	height:26px;
}

text{
	padding-left:10px;

}
.searchsubmit{
	float:right;
  	border-radius: 4px;       
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
 	 -webkit-border-top-left-radius: 0px; 
  	 -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 4px;   /* Firefox用 */  
	  -moz-border-radius-topleft: 0px; 
 	 -moz-border-radius-bottomleft: 0px;  
}

#h_cart_chek{
	height:75px;
  	width:100%;
}


#h_cart_chek img{
	margin-top:29px;
  	float:right;
}

input[type="image" i] {
    cursor: pointer;
}

.keyword   {  
    border-radius: 4px;       
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  	 -webkit-border-top-right-radius: 0px;  
  	-webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 4px;   /* Firefox用 */  
 	 -moz-border-radius-topright:0px;
  	-moz-border-radius-bottomright: 0px;
}

/*NAVI*/
#navi{
	width:966px;
  	height:23px;
 	border-bottom: 1px solid #898989;
    margin:0 auto;
  	font-size:10px;
	margin-top:12px;
}

#navi ul {
  	width:966px;
  	height:23px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-image:none;
 	line-height: 2.6;
  	text-align:center;
  	background-color:#ffffff;
}

#navi ul li{
 	letter-spacing: 0.05em;
   display: inline-block;
	padding: 0 12px;
  
}
#navi ul li a{
	color: #000000;
}

/* ************************************************
*  side
* ************************************************ */
/*SIDE上*/
#for_report {
	width:108px;
   height:46px;
	float:left;
	margin-top:6px;
   margin-left: 6px;
}

#for_new_items {
	width:108px;
   height:46px;
 	margin-left: 6px;
   float: left;
   margin-top: 6px;	
}

/*SIDE内*/
#category_title{
	width:222px;
  	height:24px;
}	

#side div ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-image:none;
}

#side div.category ul li {
	width:222px;
  	height:46px;
}

#side div.category ul li a {
	display: block;
}

#side div.category ul li a img {
    display: block;
    border-style: none;
   width: 222px;
    height: 46px;
}

#side div.group h3 {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	height: 30px;
  margin-top: 6px;
	margin-bottom: 8px;
}

#side div.group ul li {
	line-height: 0;
	border-bottom: 1px dotted #CCC;
}

#side div.group ul li a {
	line-height: 1.4em;
	display: block;
	padding: 4px 2px 4px 8px;
	text-decoration: none;
	color: #333;
}

#side div.group ul li a:hover {
	background-color: #F2EEE9;
}

#side div.group ul li a img {
    display: block;
    margin: 0px 0px 2px;
    border-style: none;
    max-width: 100%;
    height: auto;
}
#side_tag{
    margin-bottom:6px;
    background-color: #fff;
    margin-top: 12px;
    padding: 16px;
  }
#side_tag h3 {
    border-bottom: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 10px;
    padding-bottom: 5px;
}
  #side_tag .border{
    display: inline-block;
    border-bottom:solid 1px #000;
  }
  #side_tag ul li{
    display: inline-block;
    margin-right:5px;
    border-radius: 5px;
    margin-top:5px;
  }
  #side_tag ul li a{
    display: inline-block;
    padding:3px 5px;
    background:#fff;
    color:#000;
	border:1px solid #333;
	border-radius: 5px;
    text-align: center;
  }
.tag_more_button {
    width: 100px!important;
    margin: 20px auto;
    padding: 10px 0;
    background: #333;
    text-align: center;
}

.tag_more_button a {
    color: #fff!important;
}
/*ご案内*/
#goannai_title{
  	width:222px;
  	height:24px;
  margin-top:6px;
}

#goannai_content li {
   width:222px;
	height:46px;
}

#goannai_content li a{
   display:block;
  	width:222px;
	height:46px;
}

/*SALE バナー*/
.sale_info{
	
	width:222px;
  height:40px;
  margin-top:6px;
  margin-bottom:6px;
}


/*送料無料・お店情報バナー*/
#other_muryo{
  	width:222px;
	height:112px;
   margin-top:6px;
}

#other_shop_info{
	width:222px;
	height:141px;
	margin-top:6px;
}
/* ************************************************
*  main
* ************************************************ */
#top_post_list {
    padding: 0;
}
#top_post_list .post_list_box {
    background-color: #fff;
    width: 470px;
    float: right;
}
/* ************************************************ 
 * footer
 * ************************************************ */
#footer_bg{
    background:#e9e9e9;
    width:100%;
  }

  #footer p{
     width:100%;
     float:left;	
  }
  #footer{
    padding:43px 0px 39px;
    width:966px;
    margin:0 auto;
   
  }

  #footer > div{
    display: inline-block;
    float:left;
    padding-right:0px;
    font-size:10px;
    color:#666;
    margin-left:0px;
    width:180px;
  }
  #footer .f_last{
    padding-right:0px;
    width:135px;
	margin-left:-25px; 
}

  #footer > div ul {
	float:left;	
}

  #footer > div ul li{
   float:left;	
    margin-top:10px;
    line-height:25px;
    list-style:none;
    
  }
  #footer > div a{
    text-decoration: none;
    color:#666;
  }
  #footer > div p{
   float:left;	
    font-size:12px;
    font-weight:bold;
    letter-spacing:1px;
  }
  #footer .f_last{
    padding-right:0px;
  }
  #footer .f_menu1{
    margin-left:0px;
  }
  #footer div:nth-child(2){
    margin-right:35px;
  }
 
#footer > div ul.f_sns li {
    float: none;
}
 
  #copy{
  
    float:left;
    text-align:center;
    width:100%;
    padding-bottom:35px;
    margin-top:30px;
    color:#666;
  }
/* ************************************************ 
 * archive
 * ************************************************ */
#archive_list li.archive_year a {
    display: block;
    padding: 5px 24px;
    background-color: #333;
    color: #fff;
}
#archive_list li.archive_month {
    display: block;
    padding: 0 14px;
    margin: 5px 0;
    border-left: 1px solid #333;
    color: #d7d7d7;
    font-weight: bold;
}
#archive_list li:nth-child(2) {
    border-left: none;
}
/* ************************************************ 
 * detail
 * ************************************************ */
.blog_inner h1,
.blog_inner h2,
.blog_inner h3,
.blog_inner h4,
.blog_inner h5, 
.blog_inner h6 {
    border-bottom: 1px dotted #333;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-align:left;
    color: #004b64;
}
.single_post_detail .blog_inner {
    font-size: 14px;
}
.blog_inner h1 { font-size: 2em; }
.blog_inner h2 { font-size: 1.5em; }
.blog_inner h3 { font-size: 1.17em; }
.blog_inner h4 { font-size: 1.33em; }
.blog_inner h5 { font-size: 0.83em; }
.blog_inner h6 { font-size: 0.67em; }
.single_post_detail .blog_inner {
    font-size: 14px;
}
.np_thumnail .prev_arrow, .np_thumnail_noimage .prev_arrow,
.np_thumnail .next_arrow, .np_thumnail_noimage .next_arrow {
    line-height: 45px;
}
.np_thumnail a , .np_thumnail_noimage a , .np_thumnail_noimage div.noimage a  {
    text-decoration: none;
}
.np_btn_type2 li:first-child {
    padding-left: 0;
}
.np_btn_type2 li, .np_thumnail_type2, .np_thumnail_noimage_type2, .np_thumnail_noimage_type2 div.noimage {
    width: 155px;
}
/* ************************************************ 
 * list
 * ************************************************ */
#top_post_list .post_list_thumbnail a {
    text-decoration: none;
}


body {
    background: #e9e9e9;
}
div#wrap {
    background: #f5f5f5;
    /*padding-bottom: 100px;*/
}

.ribbon:after {
	display: none;
}
.ribbon {
	display: block;
}