﻿/*-------------------------------------------------------*/



/*右側メニュー*//*メインブロック●*/

#main_block{
	border: 0px;
	color: black;
	width: 900px;
	margin: 0 auto;
}

/*右側メニュー・大見出し*/
.rightmenu_title{
    width:100%; 
}

.title_border{
    text-align:left;
    border-bottom: black solid 10px ;
    margin: 5px auto ; padding-top: 10px;
    width:100%;
    font-family: Georgia, Cambria, Meiryo , sans-serif ,"Open Sans";
    font-weight:bold;
}



/*------------------------------------------*/
/*イメージ枠消しIE対策*/
img.base_imgs {
  border:0; 
}

/*イメージ枠消し*/
img {
  border:0px; 
}
.item_sale_link img {
	margin-right: 4px;
}

/*画像のフチに枠をつける*/
img.imgs_futi{
  border-color:black;border-style:solid;border-width:2px;
}
/*------------------------------------------*/






/*Webフォント*/
/*Google Fontsは、何百ものWebフォントを無料で提供しているサービスです。
サーバ上にフォントを置くことで、フォントがない環境でもそのフォントを読み込ませます。htmlのhead部に指定のアドレスを設置し
英字系サンセリフ（OpenSans）系のフォントを導入しています。
bodyでの指定を行いました。

個別に使えそうなものとして,Cabin Sketchをクラスで使えるようにしました。見栄えのため、
フォントサイズは20～35ポイント程度が推奨の手書き系英字フォントです。
*/

.font-CabinSketch{
     font-family: "Cabin Sketch", cursive;
}
.fontbold-CabinSketch{
     font-family: "Cabin Sketch", cursive;
     font-weight: bold;
}
.font-Century{
     font-family: "Century", sans-serif;
}
.font-Georgia{
     font-family: "Georgia", "Cambria", Meiryo , sans-serif ,"Open Sans";
}
.font-Century{
     font-family: "Century", sans-serif;
}
.font-Mintyo{
     font-family:"HGP明朝E", "HG明朝S","Century", "游明朝 Demibold", "Yu Mincho Demibold", "游明朝 Regular", "Yu Mincho Regular",  "メイリオ" , Meiryo , serif;
}

.txtsize30{   font-size: 30pt;   }
.txtsize35{   font-size: 35pt;   }

.txt_grey-dark5{
     color:#7e7e7c;
}/*灰色5*/
.txt_grey-dark4{
     color:#aeaead;
}/*灰色4*/

.txt_grey-light3{
     color:#cccccb;
}/*灰色3*/
.txt_grey-light2{
     color:#dcdcda;
}/*灰色2*/

.txt_grey-light1{
     color:#eeeeee;
}/*灰色1*/

.txt_grey-yellow01{
     color:#d1d1bb;
}/*灰色弱*/
.txt_grey-yellow02{
     color:#d4d4a9;
}/*黄灰色強*/

/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/
/*
<script>
■backstretch*/
/*
$(function bg(){
	$("body").backstretch("images2015/top_bg.jpg");
});
*/
/*
■backstretchここまで
</script>*/







#main_menu > li > ul > li a{
    display: block;
    border: 0px ;
    padding: 4px 8px;
    text-decoration: none;
    color: white;
    width: 150px; height: 18px;
    margin: 0px 0px 6px 0px;
    text-align: left; 
    font-size: 12px;
    font-family:  Cambria,Georgia, Meiryo , sans-serif ,"Open Sans";
}
/*メニュー分岐リストの色候補
#646C2D　抹茶 #336045　ふかみどり 595E3C　しぶい緑・茶緑色　#6e7c0c
164082 青　明るめ　56638F 青
4C4C4C　グレー 392C52　むらさき
*/

 /*■リストをたたむ命令■
#main_menu > li > ul > li a{
    overflow: hidden; height: 0px;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

#main_menu > li:hover > ul > li a{
    overflow: visible;
    height: 18px;
}
*/

#main_menu > li > ul > li a:hover{
  background: #6e7c0c;
}


.sale_menu {
  list-style: none;
  /* [disabled]padding-left: 0px; */
  /* [disabled]margin-top: 0px; */
  /* [disabled]margin-left: 0px; */
}
ul.sale_menu {
  padding-left: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.margin_left2 .sale_menu li {
	margin-bottom: 4px;
}

.sale_menu  div {
	padding: 0;
	margin: 0;
}


.sale_menu a{

}

/*※最初の子要素に作用
ul.sale_menu  > li a :first-child {
    margin-top: 300px;    
}*/

/*選択時地の色の変化*/
.sale_menu a:hover{

}



/*======================================================================*/
.divform_noline_center{
           margin-left : auto ; margin-right : auto ;
           margin-top: 0em; margin-bottom:0em;  line-height:1.6em;
           text-align: left;         
           width:790px; 
}
.divform_chumon-botan_right{
           margin-left : auto ; margin-right : auto ;
           margin-top: 0em; margin-bottom:0em;
           text-align: right; 
           float: right;
           width:790px; 
           padding: 2px 12px 0px 2px;
}

/*======================================================================*/
/*サイズ固定の商品紹介枠780px*/
.divform_shohin_box{
           float: left;
           margin-top:  3px; margin-bottom: 3px;
           text-align: center;
           width: 780px; padding: 2px;
           }

/* left01（サンプル画像）,right01（商品説明）をセットで使用*/
.divform-left01{
           width:150px;
           float: left;
           text-align:center;
           padding:2px ;
}
.divform-right01{
	/* [disabled]width:610px; */
	float: left;
	text-align: left;
	/* [disabled]padding: 3px 6px; */
}
/*説明部分のサイズ・テキストフォーム固定*/
     /*あらすじなど*/
.txt_syohin01{
           line-height:1.4em;
           font-size: 10pt;
           padding:0px 0px 0px 12px;
           width: 340px;
           float: left;
}
     /*価格など*/
.txt_syohin02{
           line-height:1.6em;
           font-size: 10pt;
           padding:0px 0px 0px 8px;
           width: 250px;
           float: right;
}
     /*注文フォームなどへのリンク（暫定的に下部*/
.txt_syohin03{
  line-height: 1.4em;
  font-size: 12pt;
  padding: 0px 0px 0px 0px;
  width: 760px;
  /* [disabled]float: left; */
  clear: both;
  /* [disabled]border-color: #e0e0e0; */
  display: table;
}
.txt_syohin03> div {
	display: table-cell;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	width: 50%;
}
.txt_syohin03> div:first-child {
	border-right: 1px solid #000000;
}



.menu_list-left{
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	width: 300px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
}
     /*価格など*/
.menu_list-right{
           padding:0px 10px 0px 6px;
           width: 300px;
           float: right;
}



/*======================================================================*/

.commentary{
    line-height:1.6em;
    padding:0px 0px;
    margin:4px 30px; 
    font-size: 100%; 
}
.tablebox {
	display: table;
}
.tablebox-cell_middle {
	display: table-cell;
	vertical-align: middle;
}




.item_title_height{
    height:px; line-height:1.6em;
    padding:5px 5px 0px 2px;
}

.float_right{ float: right; }
.float_left{  float: left;}
.float_bottom{  float: bottom;}
.clearboth {clear: both;}
.textleft {text-align: left;}


/* 背景画像、半透明背景素材（灰色）*/
.bg25{
	background-image: url(../images_sale/bg_grey_25.png);
	background-size : contain;
}
.bg50{background-image:url("../images_sale/bg_grey_50.png");          background-size : contain;}

/*======================================================================*/
.tensen_gr{
	 border-color:#006400;
	 border-style:dashed;
	 border-width:0px 0px 1px 0px;
	 padding:0px 1px 2px 1px; 
}

.chumon_border_red{
           border: 1px solid #ff6600;
           margin:5px; padding:10px 30px 10px 30px; 
}
.chumon_border_bl{
           border: 1px solid #003366;
           margin:5px; padding:10px 30px 10px 30px; 
}
.chumon_border_gr2{
           border: 2px solid #6b8e23;
           margin:5px; padding:10px 30px 10px 30px; 
}
.chumon_border_pk2{
           border: 2px solid #ff8080;
           margin:5px; padding:10px 30px 10px 30px; 
}

.top-under_border_bl{
           border:solid #003366;
	 border-width:1px 0px;
           margin:5px; padding:10px 30px 10px 30px; 
}
/*======================================================================*/
/*角を丸くしたボーダーの指定*/
/*ボーダーの角を丸くする(仮）*/

.chumon_border_red{
           border: 1px solid  #4C4C4C;
           margin:5px; padding:10px 30px 10px 30px; 
}

/*どよもす灰色のライン*/
.border-radius15greyellow-box{
    border: 2px solid #808000;
    border-radius: 15px;  
}
/*ビビッドな赤のライン*/
.border-radius10red-box{
    border-radius: 10px ;
    border: 2px solid #cd5c5c;
}
/*======================================================================*/
.form_big{
    margin-right:auto; margin-left:auto;
    padding:10px 14px; width:740px;
}

.form_middle{
    margin-right:auto; margin-left:auto;
    padding: 10px 14px; width:540px;
}


/*======================================================================*/
.bgcolor_cream-koime{
    background-color:#fffacd;
}
.bgcolor_cream{
    background-color:#ffffcc;
}
.bgcolor_creamlight{
    background-color:#ffffe5;
}
.bgcolor_greylight{
    background-color:#dcdcda;
}
.bgcolor_pink{
    background-color:#ffd6ea;
}
.bgcolor_pinklight{
    background-color:#ffe5f2;
}
.bgcolor_green{
    background-color:#ccffcc;
}
.bgcolor_greenlight{
    background-color:#e5ffe5;
}
.bgcolor_greeny{
    background-color:#e2ffc6;
}
.bgcolor_blue{
    background-color:#d6ffff;
}
.bgcolor_bluelight{
    background-color:#e5ffff;
}
.bgcolor_puple{
    background-color:#d1d1ff;
}
.bgcolor_puplelight{
    background-color:#e5e5ff;
}
/*スペース*/

.margin_top{
    margin:5px 0px 0px 0px;
}
.margin_left{
    margin:6px 0px 0px 10px;
}
.margin_left2{
    margin:0px 0px 0px 30px;
}
.margin_right{
    margin:0px 10px 0px 1px;
}


.space_01{
           margin:  3px 2px 3px 2px;
}
.space_02{
           padding: 2px 6px 2px 2px;
}
.space_03{/*上下空白*/
           margin: 3px 0px 3px 0px;
}
.space_04{
           margin: 10px 3px 1px 3px;
}
.space_05{
           margin:6px 0px 6px 8px;
}
.space_06{/*上下空白*/
           margin:10px 0px 10px 0px;
}
.space_07{
           margin:3px 0px 4px 14px;
}
.space_under{
           margin:0px 0px 10px 0px; 
}
.newitem{
  margin:5px auto;
}
.padding_01{
           padding: 8px 25px 8px 25px;
}
.komidasi-bk{ text-align:left; margin:5px auto;  clear:both;  color:#000000;  font-weight:bold;}

.komidasi-02{ text-align:left; margin:5px auto;  font-weight:bold;  clear:both;}



/*注目の見出し・アニメーション(赤文字)*/

.read_anime-red{
           margin-top:  0.5em; margin-bottom:0em;
           text-align: left;
           width:580px; 
           padding:0px 0px 0px 28px ;
           background-size : 25px 10px ;
           background-image:url("../images2013/top_read_anime.gif") ;
           background-repeat: no-repeat;
           background-position:left center ;
           font-size: 12pt;font-weight:bold; color:red;
           
}
/*注目の見出し・アニメーション(黒文字)*/
.read_anime{
           margin-top:  0.5em; margin-bottom:0em;
           text-align: left;
           padding:0px 0px 0px 28px ;
           background-size : 25px 10px ;
           background-image:url("../images2013/top_read_anime.gif") ;
           background-repeat: no-repeat;
           background-position:left center ;
           font-size: 12pt;font-weight:bold; color:black;
           
}

/*注目の見出し(赤文字)*/
.read_image-red{
           margin-top:  0.5em; margin-bottom:0em;
           text-align: left;
           width:500px; 
           padding:0px 0px 0px 28px ;
           background-size : 25px 10px ;
           background-image:url("../images/top_read.png") ;
           background-repeat: no-repeat;
           background-position:left center ;
           font-size: 12pt;font-weight:bold; color:red;
           
}
/*注目の見出し(黒文字)*/
.read_image-bk{
           margin-top:  0.5em; margin-bottom:0em;
           text-align: left;
           width:500px; 
           padding:0px 0px 0px 28px ;
           background-size : 25px 10px ;
           background-image:url("../images/top_read.png") ;
           background-repeat: no-repeat;
           background-position:left center ;
           font-size: 12pt;font-weight:bold; color:#000000;
           
}


/*文字装飾*/
.line-height2{
       line-height:2.2em;
}
.line-height16{
       line-height:1.6em;
}



/*文字*/

.midasi-space{
       padding:5px 3px 1px 4px;
       margin: 5px 0px 2px 0px;
}


.txtright{    text-align: right;  }


.txtsize09{   font-size:  9pt;   }
.txtsize10{   font-size: 10pt;   }
.div ul {
}

.txtsize11{   font-size: 11pt;   }
.item_info_grp .item_title>div {
  margin-left: 4px;
}

.txtsize12{   font-size: 12pt;   }
.txtsize15{   font-size: 15pt;   }
.txtsize18{   font-size: 18pt;   }
.txtsize20{   font-size: 20pt;   }
.txtsize25{   font-size: 25pt;   }

.fontbold{    font-weight:bold;  }

.txtsize90{   font-size:90%;     }
.txtsize80{   font-size:80%;     }

.txt_big110{  font-size:110%;font-weight:bold;}
.txt_big120{  font-size:120%;font-weight:bold;}	

.txt_strike{  text-decoration: line-through;}

.link_space{  margin:0px 6px;   }

.txt_red_space{
       font-weight:bold;
       margin:0px 6px;
       color:#ff4500;
}




/*黒*/
.txt_blavk{
  color:#000000;font-weight:bold;
}

/*黒地で使う水色*/
.txt_blue01{
  color:#add8e6;font-weight:bold;
}
/*あさぎ色*/
.txt_blue02{
  color:#007099;font-weight:bold;
}
/*上品な藍色*/
.txt_blue03{
  color:#666699;font-weight:bold;
}
/*めっちゃダークブルー*/
.txt_blue04{
  color:#003366;font-weight:bold;
}
/*水色*/
.txt_blue05{
  color:#1E90FF;font-weight:bold;
}
/*ニュース用赤*/
.txt_red01{
  color:#ff4500;font-weight:bold;
}

/*オレンジ*/
.txt_red02{
  color:#ff6600;font-weight:bold;
}
/*少しピンクより暗い赤*/
.txt_red03{
  color:#cd5c5c;font-weight:bold;
}
/*至極色　濃い黒赤*/
.txt_red04{
  color:#2D0425;font-weight:bold;
}
/*ももいろオレンジ強め*/
.txt_pink01{
  color:#ff8080;font-weight:bold;
}
/*ピンク*/	 
.txt_pink02{
  color:#ee82ee;font-weight:bold;
}	 
/*黒地で使うピンク*/
.txt_pink03{
  color:#ffc0cb;font-weight:bold;
}	 
/*どぎついピンク*/
.txt_pink04{
  color:#ee82ee;font-weight:bold;
}	 
/*明るめピンク系紫*/
.txt_purple01{
  color:#dda0dd;font-weight:bold;
}
/*濃いめ紫*/
.txt_purple02{
  color:#8b008b;font-weight:bold;
}
.txt_purple03{
  color:#9932cc ;font-weight:bold;
}
/*明るい緑*/
.txt_green01{
  color:#8fbc8f;font-weight:bold;
}
/*暗い緑、白地で使える*/
.txt_green02{
  color:#6b8e23;font-weight:bold;
}
.txt_green03{
  color:#808000;font-weight:bold;
}



position-absolute{
    position:absolute;
    top:100px;
    left:100px;
}


position-relative{
    position:relative;
    top:100px;
    left:100px;
}


/*通販を英語で紫

mail-order service
Internet-order service

Order
MAIL-ORDER

*/
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
#footerunder {
	height: 100px;
}

/*商品情報関係*/

.item_cell {
  margin-top: 20px;
  margin-right: 8px;
  margin-bottom: 20px;
  margin-left: 8px;
}
#main_block .item_cell .item_title_grp {
  display: table;
  width: 100%;
}

.item_title_grp .item_info_grp {
  display: table-cell;
  vertical-align: bottom;
}
.item_text_grp {
	display: table;
	/* [disabled]padding-top: 6px; */
	width: 100%;
}
.item_info_grp .item_text_grp> div {
  display: table-cell;
  width: 50%;
  padding-bottom: 8px;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
  /* [disabled]line-height: 1.6em; */
  font-size: 10pt;
  vertical-align: top;
}

.item_cell .item_thumb {
	display: table-cell;
	background-image: url(../images_sale/bg_grey_25.png);
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-top: 1px solid #000000;
	width: 142px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.item_title_grp> div {
	/* [disabled]vertical-align: top; */
	padding-top: 0px;
	padding-right: 0px;
	/* [disabled]padding-bottom: 10px; */
	padding-left: 0px;
}
.item_title_grp .item_info_grp .item_title {
  border-bottom: 1px solid #000000;
}
.item_cell .item_sale_link> div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.item_cell .item_sale_link> div:first-child {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
.item_cell .item_sale_link> div:last-child {
	border-right: 1px solid #000000;
}

.item_thumb> div {
	text-align: right;
}
.item_thumb div div {
	text-align: right;
}
ul.list02 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.item_thumb div div a {
}

.item_sale_link {
	line-height: 1.4em;
	font-size: 12pt;
	display: table;
	width: 100%;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	/* [disabled]padding-top: 6px; */
	/* [disabled]padding-bottom: 6px; */
}

.item_title> div:nth-child(2) {
  font-family: "HGP明朝E", "HG明朝S","Century", "游明朝 Demibold", "Yu Mincho Demibold", "游明朝 Regular", "Yu Mincho Regular", "メイリオ" , Meiryo , serif;
  font-size: 15pt;
  color: #003366;
  font-weight: bold;
}
.item_title> div:first-child {
  padding: 2px 6px 2px 2px;
  font-size: 11pt;
}
.item_text_grp> div:last-child {
  border-left: 1px solid #000000;
  font-size: 10pt;
  border-right: 1px solid #000000;
}
.item_info_grp .item_text_grp> div:first-child {
  line-height: 1.4em;
  font-size: 10pt;
}
.item_info_grp .item_text_grp .text04 {
	font-weight: normal;
	font-size: 16pt;
}
.item_text_grp div.text04 div:first-child  {
	font-weight: normal;
}



.item_info_grp .item_text_grp> div {
  vertical-align: top;
}

.item_info_grp .item_text_grp .midasi01  {
	font-weight: bold;
	margin-top: 0.5em;
	font-size: 120%;
}

#present a {
	font-size: 11pt;
}

#present ul {
	font-weight: normal;
}

ul li .chara {
	font-size: 70%;
	display: inline-block;
}

.item_text_grp ul {
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-left: 0em;
}

.item_text_grp ul li {
  margin-left: 2em;
}
#present li {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}




.item_sale_link div:first-child div:nth-child(2) {
	/* [disabled]margin: 3px 0px 4px 14px; */
	font-size: 10pt;
}
.item_text-red {
	color: #ff4500;
	font-weight: bold;
	font-size: 120%;
}
.item_thumb div div img {
	/* [disabled]width: 142px; */
	/* [disabled]height: 142px; */
	margin-bottom: 6px;
}
.minitapeimg img {
	width: 60px;
}
ul.minitapeimg {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}


#present .text03 {
	font-weight: bold;
}
.text_red {
    color: #FF0004;
    font-weight: bold;
}
.text_blue {
	color: #003CFF;
}
ul.list02 li {
	list-style-type: none;
	display: inline-block;
}
ul.minitapeimg li {
	list-style-type: none;
	font-size: 8pt;
	display: inline-block;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.del {
	text-decoration: line-through;
}
.scrollbox00 {
	height: 9em;
	background-color: #FFF4BA;
	overflow-y: auto;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
ul#main_menu li.none {
	display: none;
}
