/*
Theme Name: 圧着DM
Theme URI: https://eikou-print.net
Description: 圧着DM用テーマ
Author: booknext
Author URI: https://eikou-print.net
Version: 0.7.0
Text Domain: eikou-print.net
License: MIT
License URI: http://opensource.org/licenses/MIT
Tags: 圧着,栄光
.
Licensed under the MIT license.
*/

@import"css/parts.css";
@import"css/font-awesome.min.css";

@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

.g_round {font-family: "Rounded Mplus 1c"; }


/*****************************************************

全体共通設定

*****************************************************/

body{ margin:0; padding:0; color:#555; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"  font-style:normal;}

img       {border:none;}
img       { vertical-align:bottom;}
a         {text-decoration: none; overflow:hidden; color:#006b92;}
a:hover   {color:; text-decoration:underline; color:#FF0000;}

/**floatクリア設定**/
.clear    {clear:both; margin:0; padding:0; height:0; width:0;}
.clear hr {display:none; border:none; height:0px;}

.clear2    { border-bottom:1px solid #ccc; padding:5px 0 0 0; margin:0 0 5px 0; clear:both; }
.clear2 hr {display:none; border:none; height:0px;}

/**ライン設定**/
hr.style-border { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

/**タイトル**/
h1{ background:#eee; font-size:14px; font-weight: 300; line-height:12px; font-weight:normal; margin:0; padding:5px; text-align:right; color:#555; border-bottom: 5px solid #004D8B;}


/*フォントnoto設定　デフォルト h1{ font-weight: 900; } */

h2{ font-weight: 700; }
h3{ font-weight: 500; }
h4{ font-weight: 400; }
h5{ font-weight: 300; }

/**リンク画像の半透明設定**/
a img.img_link{ background:none!important; }
a:hover img.img_link{ opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background:none !important; }



/**サイドh3**/
.contents_side h3{ background:#f6f7f7; font-size:110%; color:#34495e; border:solid 1px #ccc; margin:0; padding:10px; border-radius:3px 3px 0 0; border-bottom: none; }
.contents_side ul{ list-style:none; margin:0 0 10px 0; padding:0; border:solid 1px #ccc; border-radius:0 0 3px 3px;}
.contents_side li{ padding:10px 10px; border-bottom: solid 1px #ccc; }
.contents_side li:last-child { border-bottom: none;}

/****************************************************

bootstrap カスタマイズ

****************************************************/
/*パンくず設定*/
.breadcrumb{ border-radius: 0px; background-color: transparent;}

/**パソコン**/
@media (min-width: 768px){ .pc_disp{ display:none; } .space_top{ margin:30px;}}
/**モバイル**/
@media (max-width: 767px) { .sp_disp{ display:none;} .space_top{ margin:10px;}}

/* .row の左右のネガティブマージンを0にする */
.row-0 { margin-left: 0; margin-right: 0; }
.row-0 > [class*="col-"] { padding-left: 0; padding-right: 0; }
.row-10 { margin-left: -5px; margin-right: -5px; }
.row-10 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.row-20 { margin-left: -10px; margin-right: -10px; }
.row-20 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.row-30 { margin-left: -15px; margin-right: -15px; }
.row-30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
.row-40 { margin-left: -20px; margin-right: -20px; }
.row-40 > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

/**画像縮小**/
.img_small img{ width:90%; text-align:center;}
.img_size_100 { width: 100%; }
.img_size_90 { width: 90%; }
.img_size_80 { width: 80%; }

/**スペース調整**/
.none_space{ margin:0; padding:0;}

/**高さ合わせ調整col**/
.row-eq-height { display: flex; flex-wrap: wrap; }
/**safari対策**/
.row-eq-height:before,
.row-eq-height:after,
.row:before { content: normal; }

/**　タイトルデザイン　**/
.thumnail_main_title{ margin:30px 0;}
.thumnail_main_title  h2 { color:#00ACD3; position: relative; margin-top: 20px; text-align:center; font-weight:900 ; font-size:180%;}
.thumnail_main_title  h2.title { margin-top: 0; }
.thumnail_main_title  h2.title:before { content: ""; display: block; border-top: solid 2px #00ACD3; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; }
.thumnail_main_title  h2.title span { padding: 0 20px; position: relative; z-index: 5;}

.thumnail_main_title_white{ margin:30px 0;}
.thumnail_main_title_white  h2 { color:#fff; position: relative; margin-top: 20px; text-align:center; font-weight:900 ; font-size:180%;}
.thumnail_main_title_white  h2.title { margin-top: 0; }
.thumnail_main_title_white  h2.title:before { content: ""; display: block; border-top: solid 1px #fff; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; }
.thumnail_main_title_white  h2.title span { padding: 0 20px; position: relative; z-index: 5;}


/**パンクズ設定**/
.pain{ border-radius:3px; background:#eee; text-align:left; padding:5px; margin:0 0 10px 0;}


/*****************************************************

レイアウト設定

*****************************************************/

#body_contents{ background:#fff;  }
#contents{ width:950px; margin:0 auto; }
#main_contents{ width:690px; float:right;}
#side_left{ width:242px; float:left; }


/*****************************************************

ヘッダー設定


*****************************************************/
header h2{ margin:0 10px; padding:0; background: url(../images/default/head/rogo.png) no-repeat; width:260px; height:129px; text-indent:-9999px; float:left; }
header h2 a{ display:block; width:260px; height:129px;}
header{ margin:0; padding:0; background:url(../images/default/head/head_back.gif) repeat-x; }
header hgroup{ width:950px; margin:0 auto; }
.head_right{ width:660px; float:right;}
.head_right p{ margin:0;}

.btn_order a:hover{ background: #fed400;}
.btn_order a{ background: #F44336; display: block; text-decoration: none; color: #fff; padding: 2px 2px 3px 2px; border-radius: 5px 5px 0 0; font-size: 120%; width: 180px; float: left; text-align: center; border: solid 2px #004D8B;}
.btn_order a { color: #fff;}
.btn_order a:hover { color: #F44336;}

header nav { color:#fff;}
header nav a{ color:#fff; text-decoration:none;}
header nav ul{ margin:0; list-style:none;}
header nav ul li{ padding:10px; float:left; text-align:center;}
header nav ul:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
header nav ul li a:hover{ color:#fed400; text-decoration:none;}
/*****************************************************


フッター設定

*****************************************************/

footer{ clear:both; text-align:center;}
footer ul{ margin: 0; list-style: none; padding: 5px;}
footer li{ margin: 0; list-style: none; padding: 0;}

/*****************************************************

サイドメニュー設定

*****************************************************/
.btn_newuser {
	display:block; border-radius:5px;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none; font-size:120%; font-weight:bold;
	line-height: 54px;
	outline: none;
}
.btn_newuser::before,
.btn_newuser::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_newuser,
.btn_newuser::before,
.btn_newuser::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn_newuser {
	position: relative; border-radius:5px;
	z-index: 2;
	background-color: #84c900;
	border: 2px solid #b6e74d;
	color: #fff;
	line-height: 50px;
	overflow: hidden;
}
.btn_newuser:hover {
	color: #fff; border-radius:5px;
}
.btn_newuser::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.btn_newuser:hover::after {
	top: 0;
	background-color: #5c8b00;
}
a.login{ margin:-25px 0 0 -13px; display:block; width:240px;}
nav.other_box{ background:#f6f7f7; margin:5px 0; padding:10px; border:3px solid #e9eaea;} 


h3.title_acchaku{ background:url(../images/default/side_title_acchaku.png) no-repeat;}
h3.title_pocket{ background:url(../images/default/side_title_pocket.png) no-repeat;}
h3.title_sassi{ background:url(../images/default/side_title_sassi.png) no-repeat;}
h3.title_other{ background:url(../images/default/side_title_other.png) no-repeat;}

nav.other{ margin:10px;} 
nav.other ul{ list-style:none; margin:0; padding:0;}
nav.other ul li{ padding:5px; border-bottom:1px solid #eee;} 
nav.other a{ text-decoration:none}


nav.pop_menu{ background:#fff; border-radius:3px;  margin:5px;} 


h4.side_flat { margin:0; padding:5px; background:#f6f7f7; text-align:left; font-size: 100%;}
h4.side_flat span{ display:table-cell; width:50px; text-align:left; vertical-align:bottom;}
h4.side_flat img{border-radius:50%; border:2px solid #e9eaea; background:#ecf0f1; }
h4.side_flat a{ display:table-cell; vertical-align: middle; padding:10px 5px; font-size:120%; text-decoration:none; }

ul.menu_navi,ul.menu_navi ul{ margin:0; list-style:none; padding:0; }
ul.menu_navi ul{ display:none;position:absolute;left:220px; top:0px; background-color:#004f8d;  }
ul.menu_navi li:hover>*{ display:block;}
ul.menu_navi li{ position:relative; display:block;white-space:nowrap;font-size:0; width:100%;}
ul.menu_navi li:hover{ z-index:1;}
* html ul.menu_navi li a{ display:inline-block; ;}
ul.menu_navi>li{ margin:0; color:#fff;}
ul.menu_navi a:active, ul.menu_navi a:focus{ outline-style:none;}
ul.menu_navi a{ display:block; vertical-align:middle; text-align:left;text-decoration:none; font-size:14px;  cursor:pointer; padding:13px; border-bottom:1px solid #e9eaea; 
 background-size: 200% 100%; 
background-image: linear-gradient(to right, transparent 50%, rgba(0, 60, 107, 1) 50%);
transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .8s ease;
}
ul.menu_navi a:hover{color:rgba(255, 255, 255, 1);
    background-color:rgba(0, 60, 107, 1);
    background-position: -100% 100%;}

ul.menu_navi ul li{ float:none;margin:0; }
ul.menu_navi ul li a{ float:none;margin:0; color:rgba(255, 255, 255, 1);}
ul.menu_navi a.menu { border-bottom:1px solid #e9eaea;}
ul.menu_navi a.none{ border:none;}



ul.mypage_navi,ul.mypage_navi ul{ margin:0; list-style:none;padding:0; border-radius:3px; background:ccc; }
ul.mypage_navi ul{ display:none;position:absolute;left:180px; top:5px; box-shadow:0px 0px 5px #ccc; background-color:#FFFFFF;  }
ul.mypage_navi li:hover>*{ display:block;}
ul.mypage_navi li{ position:relative; display:block;white-space:nowrap;font-size:0; width:100%;}
ul.mypage_navi li:hover{ z-index:1;}
* html ul.mypage_navi li a{ display:inline-block;}
ul.mypage_navi>li{ margin:0;}
ul.mypage_navi a:active, ul.mypage_navi a:focus{ outline-style:none;}
ul.mypage_navi a{ display:block; vertical-align:middle; text-align:left;text-decoration:none; font-size:12px;  cursor:pointer; padding:10px; border-bottom:1px solid #eee;}
ul.mypage_navi ul li{ float:none;margin:0;}
ul.mypage_navi a.menu { border-bottom:1px solid #eee;}
ul.mypage_navi a.none{ border:none;}

.side_banner_space{ background:#fff; border-radius:3px; box-shadow:rgba(207, 207, 207, 0.529412) 0px 0px 3px 3px; margin:5px;} 


/*============================================================
//  新着ニュース
//==========================================================*/

#news_tittle{ width:150px; font-size:12px; margin:-15px 0 0 -20px; background:#00a2e5; padding:5px 10px; text-align:center; color:#fff; border-radius:5px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); border:2px solid #fff; box-shadow: 2px 2px 3px #999; }

#news_tittle2{ width:150px; font-size:12px; margin:-15px 0 0 -20px; background:#83b400; padding:5px 10px; text-align:center; color:#fff; border-radius:5px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); border:2px solid #fff; box-shadow: 2px 2px 3px #999; }

ul#news { margin:0; padding:0; list-style:none; padding:10px; }
ul#news li{ border-bottom:1px solid #eee; padding:8px 5px;}
ul#news li:hover{ background:#eee; }
.cmyk_bar{ padding:2px; margin:5px 0 0 0;
background: #00a2e5; /* Old browsers */
background: -moz-linear-gradient(left,  #00a2e5 0%, #00a2e5 25%, #ff42bf 25%, #ff42bf 50%, #fff225 50%, #fff225 75%, #787878 75%, #787878 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a2e5), color-stop(25%,#00a2e5), color-stop(25%,#ff42bf), color-stop(50%,#ff42bf), color-stop(50%,#fff225), color-stop(75%,#fff225), color-stop(75%,#787878), color-stop(100%,#787878)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00a2e5 0%,#00a2e5 25%,#ff42bf 25%,#ff42bf 50%,#fff225 50%,#fff225 75%,#787878 75%,#787878 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00a2e5 0%,#00a2e5 25%,#ff42bf 25%,#ff42bf 50%,#fff225 50%,#fff225 75%,#787878 75%,#787878 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00a2e5 0%,#00a2e5 25%,#ff42bf 25%,#ff42bf 50%,#fff225 50%,#fff225 75%,#787878 75%,#787878 100%); /* IE10+ */
background: linear-gradient(to right,  #00a2e5 0%,#00a2e5 25%,#ff42bf 25%,#ff42bf 50%,#fff225 50%,#fff225 75%,#787878 75%,#787878 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2e5', endColorstr='#787878',GradientType=1 ); /* IE6-9 */ }

/*============================================================
//  カート商品選択デザイン
//==========================================================*/

.h2_item{ text-align:center;} 
.main_title { margin:5px 0; background:url(../images/order/icon4c.gif) no-repeat 0 2px; padding: 0 0 5px 24px; border-bottom:1px solid #ccc; font-size:14px; color:#444; width: width:90%;}

.printtbl{ border:1px solid #acacac; padding:10px; margin:10px 3px; color:#444;  box-shadow:rgba(207, 207, 207, 0.5) 0px 0px 3px 3px; border-radius:5px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}

.printtbl a{ text-decoration:none; color:#444;}
.printtbl p{ margin:0; padding:5px; font-size:12px; text-align:left;}

/***　選択済み　****/
.hit { margin:1px; padding:5px; border-radius:3px; border:2px solid #F93; font-size:12px; font-weight:bold; box-shadow:rgba(207, 207, 207, 0.5) 0px 0px 3px 3px; width:100%; 
background: #fffbc1; /* Old browsers */
background: -moz-linear-gradient(top,  #fffbc1 0%, #ffd232 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbc1), color-stop(100%,#ffd232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffbc1 0%,#ffd232 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fffbc1 0%,#ffd232 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fffbc1 0%,#ffd232 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fffbc1 0%,#ffd232 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbc1', endColorstr='#ffd232',GradientType=0 ); /* IE6-9 */}
.hit .tbls{}
.hit .tbc{ }
.hit .tbr{ }

/***　未選択　***/
.printtbl .none { padding:5px; margin:1px; border:1px solid #ccc; font-size:12px; border-radius:3px;  width:100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
.printtbl .none .tbls{ }
.printtbl .none .tbc{ }
.printtbl .none .tbr{ }

.cart_more{ font-size:12px; padding:5px; text-align:right;}
.cart_more a{ text-decoration:underline;}
.cart_more a:hover{ color:#CC0000;}

/***　オプション料金　***/
.options{ border:1px solid #acacac; padding:10px; margin:10px 3px; color:#444;  box-shadow:rgba(207, 207, 207, 0.5) 0px 0px 3px 3px; border-radius:5px;
background: #edf6ff; /* Old browsers */
background: -moz-linear-gradient(top,  #edf6ff 0%, #c9ecff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf6ff), color-stop(100%,#c9ecff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #edf6ff 0%,#c9ecff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #edf6ff 0%,#c9ecff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #edf6ff 0%,#c9ecff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #edf6ff 0%,#c9ecff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf6ff', endColorstr='#c9ecff',GradientType=0 ); /* IE6-9 */}

/*** 入稿カレンダー ***/
.tbldata{ border:1px solid #ccc; border-radius:5px;}
.tbldata td{ padding:10px;}
.tbldata_title{ background:#93c900; text-align:center; color:#fff; font-size:14px; font-weight: bold;}
.cal_dat{ font-size:18px; font-weight: bold; color:#CC0000;}

/*** カートボタン ***/
.submitbtn{ text-align:center;}


/*** 金額リスト ***/
.pricelistbox{ border:1px solid #CCCCCC; padding:10px; background:#FFFFFF;}
.cart_item2{ background:#FFCC00;}
.price_cation{ padding:5px 0; font-size:12px; color:#555555; line-height:20px; }
.price_cation strong{ color:#FF3300;}
/***希望入稿受付***/
.tbl_box{ background:#ccc; border-radius:3px;}
.tbl_boxw{ border:1px solid #fff;}
/**データ入稿受付日**/
.step1t{ background:#235d9e; padding:3px; color:#fff; text-align:center;}
.step1d{ background:#fff; padding:3px; text-align:center;}
/**印刷日**/
.step2t{ background:#31a9ee; padding:3px; color:#fff; text-align:center;}
.step2d{ background:#fff; padding:3px; text-align:center;}
/**納品日**/
.step3t{ background:#ee0000; padding:3px; color:#ffea00; text-align:center;}
.step3d{ background:#fffed3; padding:3px; color:#CC0000; font-weight:bold; text-align:center;}
/**発送予定日**/
.hassou{ background:#2666ae; text-align:center; color:#fff;}
.hassou_day{ padding:0px; color:#fff; margin:0px; font-weight:bold; text-align:center;}
/**部数金額選択**/
.busuu{ text-align:center; background:#efefef; padding:5px 0;}
.kingaku{ background:#FFFFFF; text-align:right; padding:5px 0;} 

/***金額表示***/
.priceend{ background:#cccccc;}
.pricetitle{ background:#eee; border:1px solid #FFFFFF; font-weight:bold; padding:5px; text-align:center;}
.pricetitle2{ background:#eee; border:1px solid #FFFFFF; font-weight:bold; padding:5px; }
.pricetext{ background:#fff; padding:6px;}
.pricetbl{ border:3px solid #FFCC00;}

/*** カートプライス ***/
#yenyen{ font-size:18px; font-weight:bold; color:#FF0000;}
#volvol { font-size:18px; font-weight:bold; color:#FF0000;}
#sdsd { font-size:18px; font-weight:bold; color:#235d9e;}
#eexp { font-size:18px; font-weight:bold; }

/**注文情報テーブル**/
.tbl_title_back{ background:url(../images/cart/tbl_title_back.gif) repeat-x top #119bdb; border:1px solid #fff; padding:5px; color:#fff;}
.tbl_title2_back{ background:url(../images/cart/tbl_subtitle_back.gif) repeat-x bottom #fff; border:1px solid #fff; padding:5px; color:#444;}
.big_price{ font-size:18px; font-weight:bold; color:#FF0000;}


/*****************************************************

圧着トップ設定

*****************************************************/

#acchaku_top .top_right{ width:170px; float:right; margin:0 0 10px 0;}
#acchaku_top .top_left{ width:500px; float:left;}



/*****************************************************

トップエフェクト
*****************************************************/
/* Effect 01 */
.top_efect01 figure { margin:0; padding:0; text-align:center; color: #fff; position: relative; overflow: hidden; display: block; }
.top_efect01 figcaption h5{ font-size:120%; margin:15px 0;}
.top_efect01 figcaption { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgba(88,106,120,.8); -webkit-transition: .3s; transition: .3s; opacity: 0; }
.top_efect01 figure:hover figcaption { opacity: 1; }
.top_efect01 figure a{ display:block; color:#fff; text-decoration:none; height:100%;}






ul.golden{ margin:0; padding:0;}
.banner_top_01{ width:210px; float:left; margin:0 15px 10px 0; background:#fff;}
.banner_top_02{ width:210px; float:left; margin:0 0 10px 0; background:#fff;}
.banner_top_03{ width:210px; float:right; margin:0; background:#fff;}
.banner_top_04{ width: 446px; float:left; margin:0 0 10px 0; background:#fff;}
.banner_top_05{ width: 446px; float:right; margin:0 0 10px 0; background:#fff;}
.banner_second_01{ width:330px; display:block; float:left; margin:0 0 10px 0; background:#fff;}
.banner_second_02{ width:330px; display:block; float:right; margin:0 0 10px 0; background:#fff;}
.top_calendar{ width:450px; margin:3px 0 0 0; float:left;}
.top_supports{ width:219px; margin:8px 0 0 0; float:right; }

a.deco_01{ text-decoration: none;}

.lineh_100{ line-height: 100%;}
.lineh_110{ line-height: 110%;}
.lineh_120{ line-height: 120%;}
.lineh_130{ line-height: 130%;}
.lineh_140{ line-height: 140%;}
.lineh_150{ line-height: 150%;}
.lineh_160{ line-height: 160%;}
.lineh_170{ line-height: 170%;}
.lineh_180{ line-height: 180%;}
.lineh_190{ line-height: 190%;}
.lineh_200{ line-height: 200%;}
.lineh_300{ line-height: 300%;}
.lineh_400{ line-height: 400%;}


ul.list_left{ list-style: none; margin: 0; padding: 0;}
ul.list_left li{ list-style: none; margin: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
ul.list_left li a{ display: block; padding: 5px; text-decoration: none; font-size: 100%;}
ul.list_left li a:hover{ background: #efefef;   }
ul.list_left li:last-child{ list-style: none; margin: 0; border-bottom: none; }

ul.list_right{ list-style: none; margin: 0; padding: 0;}
ul.list_right li{ list-style: none; margin: 0; border-bottom: 1px solid #ccc; } 
ul.list_right li a{ display: block; padding: 5px; text-decoration: none; font-size: 100%;}
ul.list_right li a:hover{ background: #efefef;   }
ul.list_right li:last-child{ list-style: none; margin: 0;  border: none; }

/*** サイドメニュー ***/
.side_title_01{  background: #f5c740; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_02{  background: #a1c865; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_03{  background: #a35e9d; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_04{  background: #ea596f; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_05{  background: #29a9e0; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_06{  background: #efefef; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_06 a{text-decoration: none; }
.side_title_07{  background: #699aac; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}
.side_title_08{  background: #ff9400; padding: 7px; color: #fff; margin: 0; font-family: "Rounded Mplus 1c"; font-weight: 700; border-radius: 5px; font-size: 120%;}


ul.sonota_list{ margin: 0; padding: 0; list-style: none;}
ul.sonota_list li{ margin: 0; padding: 10px; list-style: none; border-bottom: 1px solid #ccc;  }
ul.sonota_list li:last-child{ list-style: none; margin: 0;  border: none; }

ul.menu_list{ margin: 0; padding: 0; list-style: none;}
ul.menu_list li{ margin: 3px 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc;}
ul.menu_list li:last-child{ border-bottom: none; }
ul.menu_list li a{ display: block; padding: 6px 0px 9px 35px;}
ul.menu_list li.icon_01{ background: url(/images/newtop/icon_01.jpg) no-repeat ;}
ul.menu_list li.icon_02{ background: url(/images/newtop/icon_02.jpg) no-repeat ;}
ul.menu_list li.icon_03{ background: url(/images/newtop/icon_03.jpg) no-repeat ;}
ul.menu_list li.icon_04{ background: url(/images/newtop/icon_04.jpg) no-repeat ;}
ul.menu_list li.icon_05{ background: url(/images/newtop/icon_05.jpg) no-repeat ;}
ul.menu_list li.icon_06{ background: url(/images/newtop/icon_06.jpg) no-repeat ;}
ul.menu_list li.icon_07{ background: url(/images/newtop/icon_07.jpg) no-repeat ;}
ul.menu_list li.icon_08{ background: url(/images/newtop/icon_08.jpg) no-repeat ;}
ul.menu_list li.icon_09{ background: url(/images/newtop/icon_09.jpg) no-repeat ;}
ul.menu_list li.icon_10{ background: url(/images/newtop/icon_10.jpg) no-repeat ;}

ul.sp-head-menu{ margin: 0; padding: 0; list-style: none; font-size: 150%;}
ul.sp-head-menu li{ margin: 3px 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc;}
ul.sp-head-menu li:last-child{ border-bottom: none; }
ul.sp-head-menu li a{ display: block; padding:10px 10px;}

ul.head-menu{ margin: 0; padding: 0 ; text-align: center;}
ul.head-menu li{ padding: 0 5px; display: inline;}
ul.head-menu a{color:#fff; text-decoration:none;}
ul.head-menu a:hover{color:#fed400; text-decoration:none;}

nav.bar-head{ background: #004D8B; padding: 10px 0; margin-bottom: 10px; } 
@media (min-width: 576px) {

}

@media (min-width: 768px) {
.head-menu{ font-size:10px; }

}

@media (min-width: 992px) {
.head-menu{ font-size:12px; }
}

@media (min-width: 1200px) {
.head-menu{ font-size:14px; }
}


.sp { background: #004D8B; color: #fff;
  padding:10px; margin-bottom: 10px;
 
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  margin: 10px 0 0 0 ;
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 330px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  color: #333;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo-erea{text-align:center;margin:auto;}



/*============================================================
// 共通価格表デザイン
//==========================================================*/

#gloden_item{ margin:0 0 10px 0;}

.item_box{ background:#fff; border-radius:5px; padding:10px; margin:0 0 10px 0;}
.item_box .item_left{ width:210px; height:230px; float:left;}
.item_box .item_left .item_img{ border:1px solid #ccc;}
.item_box .item_left span.item_icon{ z-index:0; width:70px; height:70px;	margin:0; padding:0; position: relative; left: -10px; top: -230px; display:block;}

.item_box .item_right{ width:400px; float:right;}
.item_box .item_right h2{ margin:0; padding:5px 0 10px 0; font-size:18px;}
.item_box .item_right ul{ background:#fff8d5; line-height:18px; border-radius:5px; padding:5px 10px; margin:5px; list-style:none;}

/**購入する**/
a.btn_cart_s { background:url(/images/table/btn_cart_s.png) no-repeat; display:block; width:288px; height:57px; text-indent:-9999px; margin:0 0 10px 0;}
a:hover.btn_cart_s { background:url(/images/table/btn_cart_sb.png) no-repeat; }

a.btn_cart_b { background:url(/images/table/btn_cart_b.png) no-repeat; width:376px; height:68px; display:block; margin:0 auto; text-indent:-9999px;}
a:hover.btn_cart_b { background:url(/images/table/btn_cart_bb.png) no-repeat;}

/**新規会員登録**/
a.btn_new { background:url(/images/table/btn_new.gif) no-repeat; display:block; width:172px; height:39px; text-indent:-9999px; float:left;}
a:hover.btn_new { background:url(/images/table/btn_newb.gif) no-repeat;}
/**テンプレートダウンロード**/
a.btn_temp { background:url(/images/table/btn_temp.gif) no-repeat; display:block; width:109px; height:39px; text-indent:-9999px; float:left;}
a:hover.btn_temp { background:url(/images/table/btn_tempb.gif) no-repeat;}
/**DMダウンロード**/
a.btn_dm { background:url(/images/table/btn_dm.gif) no-repeat; display:block; width:104px; height:39px; text-indent:-9999px; float:left; }
a:hover.btn_dm { background:url(/images/table/btn_dmb.gif) no-repeat;}


.price_h3{ background:url(/images/table/title_kakaku_back.png) no-repeat; padding:15px 30px 0 55px; margin:0; height:40px; font-size:14px; }
.price_cation{ text-align:right; margin:5px; color:#C00;}
.price_back{ background:#f1f1e5; border-radius:10px; padding:10px 20px; box-shadow:rgba(207, 207, 207, 0.6) 0px 0px 3px 3px;   }


/**ページジャンプ**/
a.scroll_top{ background:url(/images/table/icon_top.png) top left no-repeat; padding:0 0 0 15px; line-height:24px;}
a.scroll_top2{ background:url(/images/table/icon_top.png) top left no-repeat; padding:0 0 0 15px; line-height:24px;}


/**ずらし・コーナーカット**/
#cornercut{ padding:8px; border-radius:5px;  background:#fff; margin:0 0 5px 0; }

#cornercut img{ float:left; padding:0 10px 0 0;}

#cornercut h4{ margin:5px 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; font-size: 100%; }
#cornercut p{ margin:0; line-height:18px;}

#cornercut .box_right{ width:420px; float:left;}

/*============================================================
// 共通価格表テーブルデザイン
//==========================================================*/

.tb_title{ border: 1px solid #aeaeae; text-align:left; background:url(/images/table/tb_title_back.png) no-repeat #00b6ea; padding:5px 5px 5px 50px; color:#fff; margin:0;}
.tb_title a{ color:#FC0;}

#price_tbl table th.cmyk{ padding:20px 5px 5px 5px; background: url(/images/table/icon_cmyk.gif) center 5px no-repeat #fff;}
#price_tbl table th.cmyk_k{ padding:20px 5px 5px 5px; background: url(/images/table/icon_cmyk_k.gif) center 5px no-repeat #fff;}
#price_tbl table th.cmyk_cmyk{ padding:20px 5px 5px 5px; background: url(/images/table/icon_cmyk_cmyk.gif) center 5px no-repeat #fff;}
#price_tbl table th.k{ padding:20px 5px 5px 5px; background: url(/images/table/icon_k.gif) center 5px no-repeat #fff;}

#price_tbl table { background:#fff; border: 1px solid #aeaeae; border-collapse: collapse; border-spacing: 0; width:100%; text-align:center;}
#price_tbl table thead th { color: #666; padding: 5px; border-bottom: 1px solid #aeaeae; border-left: 1px solid #aeaeae; background: #fff;
    font-weight: bold; text-align: center; line-height: 18px; }
#price_tbl table tbody th { font-family:Arial, Helvetica, sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka; font-size:14px; font-weight:normal; padding: 5px; border-bottom: 1px solid #aeaeae; border-left: 1px solid #aeaeae; text-align:right; }
	
#price_tbl table td {  font-family:Arial, Helvetica, sans-serif; font-size:14px; padding: 5px; border-bottom: 1px solid #aeaeae; border-left: 1px solid #aeaeae;}
#price_tbl table thead,table tfoot { background-color:#fff;}
#price_tbl table tbody th.hover,td.hover { background-color: #fff9cb;}
#price_tbl table tbody tr:nth-child(2n+1) { background: #f3f3f3;}

/*価格表レスポンシブ*/
.table-price  {
    overflow-y: auto;
    height: 400px;
    width: 100%;
    margin: 0 auto;
  }
  .table-price table {
    margin: 0 auto;
    padding: 0;
    border-collapse: collapse;
  }
  .table-price th, .table-price td {
    border: 1px solid #999;
    padding: 6px;
    white-space: nowrap; text-align: right;
  }

	.table-price th { background: #fff; color: }  

	.table-price tr:first-child th { text-align: center; }
	.table-price tr th:first-child { text-align: right;}
.table-price thead  {z-index: 999}
.table-price2 {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    z-index: 1; 
  }
.table-price tr:first-child th,
  .table-price tr th:first-child {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    z-index: 1; 
  }
	
	.table-price tr:nth-child(2n+1){ background: #eee;}
  .table-price tbody tr:first-child th:first-child {
    z-index: 10;
  }
  .table-price thead tr:first-child th:first-child {
    z-index: 11;
  }
  .table-price tr:first-child th:before,
  .table-price tr th:first-child:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-top: 1px solid #999;
  }
	
.table-price td:hover{ background: #FFE824;}

/*============================================================
// 新しい　共通価格表テーブルデザイン　2013.05.03
//==========================================================*/
.g_Base { /* Base grid container */ position : relative; padding : 0px; width : 100%; height : 100%; line-height : 100%; font-size : 12px; background-color : #fff; white-space : nowrap; overflow : hidden; cursor : default; direction : ltr; -webkit-tap-highlight-color : transparent;}
.g_BaseResize { /* Used as control for resizing the grid */ position : absolute; z-index : 5; bottom : 0px; right : 0px; background-color : #ccc; cursor : nw-resize; -webkit-user-select : none;}
.g_BaseResize:hover {	background-color : #c5ec2a;}
.g_RS {/* Used as control for resizing a grid column */ display : none; width : 4px; cursor : e-resize; webkit-user-select : none;}
.g_ResizeDragger {/* Displays as vertical ruler when resizing a column */ position : absolute; z-index : 5; top : 0px; 
width : 3px; background-color : #c5ec2a; }
.g_EmptySetMsg { /* Displayed when no rows are rendered in the grid body */ padding : 10px; font-style : italic; }
.g_Head { /* Base header container */ position : absolute; z-index : 2; top : 0px; left : 0px; overflow : hidden; }
.g_Body { /* Base body container */ width : 100%; height : 100%; overflow : scroll;}
.g_Foot { /* Base footer container */ position : absolute; z-index : 2; left : 0px; overflow : hidden; }
.g_HeadFixed { /* Base header fixed container if fixedCols > 0 */ position : absolute; z-index : 3; top : 0px; left : 0px; overflow : hidden; }
.g_BodyFixed { /* Base body fixed container if fixedCols > 0 */ position : absolute; *position : static; z-index : 1; top : 0px; left : 0px; overflow : hidden;}
.g_BodyFixed2 { /* Inner base body fixed container if fixedCols > 0. Used for IE7 support */*position : absolute; *z-index : 1; *top : 0px; *left : 0px; *overflow : hidden;}
.g_FootFixed { /* Base footer fixed container if fixedCols > 0 */ position : absolute; z-index : 3; bottom : 0px; left : 0px; overflow : hidden;}
.g_Cl { /* Grid column container */ display : inline-block; *display : inline; zoom : 1; vertical-align : top; overflow : hidden; }
.g_HR { /* Grid header cell */ padding : 4px 12px 4px 6px !important; text-align:center; border-width : 0px 1px 1px 0px; border-color : #ccc !important; zoom : 1; background-color : #e1f3f5; background-position : 0px 0px; background-repeat: repeat-x; font-weight : bold; color : #333 !important; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; -o-user-select : none; user-select : none; }
.g_BR { /* Grid body cell */ border-width : 0px 0px 1px 0px; }
.g_FR { /* Grid footer cell */ border-width : 1px 1px 0px 0px; border-color : #ccc !important; background-color : #eee; background-position : 0px -19px; background-repeat: repeat-x; }
.g_C { /* Grid cell (all) */ font-family:Arial, Helvetica, sans-serif; font-size:120%; padding : 6px 12px 6px 6px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  color : #333; height : 1.5em; text-align:right; line-height : 1.5em; vertical-align : top; white-space : nowrap; visibility : hidden; cursor : default; overflow : hidden; }
.g_SH { /* Label container for checkbox / radio selection element */ display : inline-block;  *display : inline; zoom : 1; width : 15px;}
.g_Cb, .g_Rd { /* Checkbox and radio selection elements */ margin : -1px 0px 0px 0px; padding : 0px; width : 15px; height : 15px; max-height : 1.0em; vertical-align : middle; overflow : hidden;}
.g_Rd { margin-top : -2px; }
@media print {
 /* Print overrides */ .g_Base, .g_Head, .g_Body, .g_Foot { overflow : visible; }
	.g_HeadStatic, .g_FootStatic { margin-left : 0px !important; }
	.g_BodyFixed2 { margin-top : 0px !important; }
}

.tbl_p{ width:626px; border:2px solid #ccc;}
.p_grid{width:100%;height:100%; overflow:auto;}
.tbl_width{ width:100px;}




/*============================================================
//  ポケットフォルダ関連デザインパーツ
//==========================================================*/

#pocket{ }
#pocket h2{ text-align:center;}
#pocket .box_left{ float:left; width:230px;}


.pocket_sub_left{ width:380px; float:left;}
.pocket_sub_right{ width:400px; float:right; padding:0 0px; text-align:center;}


/**ボタン価格表・ダウンロード**/
#pocket ul{ margin:0; padding:0; list-style:none;}
#pocket li{ width:225px; height:48px; margin:0 auto; }
#pocket li a{ display:block; width:225px; height:48px; text-indent:-9999px;}

#pocket .btn_01 a { background:url(/pocketfolder/images/btn_price.png);}
#pocket .btn_01 a:hover { background:url(/pocketfolder/images/btn_price.png) 0 -48px;}
#pocket .btn_02 a { background:url(/pocketfolder/images/btn_down.png);}
#pocket .btn_02 a:hover { background:url(/pocketfolder/images/btn_down.png) 0 -48px;}

/**アイコンパーツ**/
.icon_box{ margin:30px 0px 10px 0px; border:3px solid #a6e7ff; background:#fff; border-radius:10px; padding:5px;}
.icon_box h4{ margin:-25px 0 0 0 ;}
.icon_box p{ margin:3px; float:left; width:125px;}

.icon_box_b5 { margin:30px 0px 10px 0px; border:3px solid #cfe274; background:#fff; border-radius:10px; padding:5px; float:left; width:45%;}
.icon_box_b5 h4{ margin:-25px 0 0 0 ;}
.icon_box_b5 p{ margin:3px; float:left; width:125px;}

.icon_box_a6 { margin:30px 0px 10px 0px; border:3px solid #ebc77b; background:#fff; border-radius:10px; padding:5px; float:right; width:45%;}
.icon_box_a6 h4{ margin:-25px 0 0 0 ;}
.icon_box_a6 p{ margin:3px; float:left; width:125px;}

.icon_box_price{ margin:5px; padding:5px; border-radius:10px; background:#fff;}



/**A4ブルーバージョン**/
.pocket_a4{  border:2px solid #08a7e2; border-radius:5px; margin:10px 0;}

.pocket_a4 h4{ background: #08a7e2; margin:0 0 5px 0; border-radius:3px 3px 0px 0px; padding:10px 10px 10px 85px; color:#fff; font-size:18px; }

.pocket_a4 h6{ width:70px; padding:2px 2px 2px 35px; border:2px solid #08a7e2; background:#fff; margin:-20px 0 0 0; border-radius:3px;  font-size:14px; line-height:20px;  }

.pocket_a4 h5{ font-size:18px; line-height:18px; margin:0; padding:5px;}
.pocket_a4 span{ font-size:14px; line-height:14px;}
.pocket_a4 .icon{ padding:3px; margin:-40px 0 0 0; float:left;}
.pocket_a4 .icon2{ padding:3px; margin:-35px 0 0 -10px; width:44px; float:left}

.pocket_a4 .discr{ background:#08a7e2; border-radius:5px; clear:both; padding:10px; margin:15px 5px 5px 5px;}
.pocket_a4 .discr p{ padding:10px; background:#fff; margin:10px 0 0 0; border-radius:3px;}
.pocket_a4 .discr strong{ display:block; clear:both; margin:10px 0; color:#fff; font-size:18px;}


/**B5グリーンバージョン**/
.pocket_b5 { border:2px solid #8ad100; border-radius:5px; margin:10px 0 10px 0;}

.pocket_b5 h6  { width:70px; padding:2px 2px 2px 35px; border:2px solid #8ad100; background:#fff; margin:-20px 0 0 0; border-radius:3px;  font-size:14px; line-height:20px;  }

.pocket_b5 h4 { background: #8ad100; margin:0 0 5px 0; border-radius:3px 3px 0px 0px; padding:10px 10px 10px 85px; color:#fff; font-size:18px; }

.pocket_b5 h5{ font-size:18px; line-height:18px; margin:0; padding:5px;}
.pocket_b5 span{ font-size:14px; line-height:14px;}
.pocket_b5 .icon{ padding:3px; margin:-40px 0 0 0; float:left;}
.pocket_b5 .icon2{ padding:3px; margin:-35px 0 0 -10px; width:44px; float:left}

.pocket_b5 .discr{ background:#8ad100; border-radius:5px; clear:both; padding:10px; margin:15px 5px 5px 5px;}
.pocket_b5 .discr p{ padding:10px; background:#fff; margin:10px 0 0 0; border-radius:3px;}
.pocket_b5 .discr strong{ display:block; clear:both; margin:10px 0; color:#fff; font-size:18px;}


/**A6オレンジバージョン**/
.pocket_a6 { border:2px solid #ffba00; border-radius:5px; margin:10px 0 10px 0;}

.pocket_a6 h6  { width:70px; padding:2px 2px 2px 35px; border:2px solid #ffba00; background:#fff; margin:-20px 0 0 0; border-radius:3px;  font-size:14px; line-height:20px;  }

.pocket_a6 h4 { background: #ffba00; margin:0 0 5px 0; border-radius:3px 3px 0px 0px; padding:10px 10px 10px 85px; color:#fff; font-size:18px; }

.pocket_a6 h5{ font-size:18px; line-height:18px; margin:0; padding:5px;}
.pocket_a6 span{ font-size:14px; line-height:14px;}
.pocket_a6 .icon{ padding:3px; margin:-40px 0 0 0; float:left;}
.pocket_a6 .icon2{ padding:3px; margin:-35px 0 0 -10px; width:44px; float:left}

.pocket_a6 .discr{ background:#ffba00; border-radius:5px; clear:both; padding:5px; margin:15px 5px 5px 5px;}
.pocket_a6 .discr p{ padding:10px; background:#fff; margin:10px 0 0 0; border-radius:3px;}
.pocket_a6 .discr strong{ display:block; clear:both; margin:10px 0; color:#fff; font-size:18px;}




.tb-right{ border-right: solid #AEAEAE 3px;}
.tb-top{ border-top: solid #AEAEAE 3px;}