/* CSS Document */
@import url("bootstrap.css");
*{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	}
body		{font-family: Helvetica, "Hiragino Kaku Gothic Pro", Meiryo, "MS Gothic", Osaka, Arial, sans-serif;}
*html body	{font-family: Helvetica, "Hiragino Kaku Gothic Pro", Meiryo, "MS Gothic", Osaka, Arial, sans-serif;}
img{border:none;margin:0;padding:0;-ms-interpolation-mode: bicubic;}

. {
	height:0px;
	width:0px;
	margin:0;
	padding:0;
	clear: both;
}
input,textarea {

}

a{color:#0278EE;background:none;text-decoration:none;}
a:hover{
	color: #999999;
	text-decoration: underline;
}
a:hover img {	opacity: 0.8;filter: alpha(opacity=80);}
li{list-style-type:none;}
.clear{	clear:both;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img .border{border:1px solid #efefef;}
.bottom_border{
	padding: 0 0 15px 0;
	border-bottom:2px solid #E1DCBF;
}
.middle_border{
	background-image: url(/images/bg_bottom_line.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding: 0 0 15px 0;
}

.bottom_border_red{
	background-image: url(/images/bg_bottom_line_red.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 15px 0;
}
.bottom_border_dot{
	background-image: url(/images/dot_gray2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.bokasi_box {
	background-image: url(/images/first/bg_waku.gif);
	background-repeat: no-repeat;
	height: 105px;
	width: 675px;
	margin: 0px auto;
	padding: 20px 10px 0 20px;
}
.border{border:1px solid #ccc;}
.td_border table{
	border-collapse: collapse;
}
.td_border td{border: 1px solid #ccc;line-height: 150%;	padding: 3px;}
.td_border th{border: 1px solid #ccc;line-height: 150%;	padding: 3px;}
/*2/1画像付商品一覧テーブル*/
.itemimg_itiran table{	border-collapse: collapse;}
.itemimg_itiran td{	line-height: 150%;	padding: 3px;	border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc;}
.itemimg_itiran img{margin:3px;}
/*2/1画像付商品一覧テーブル*/

.arrow_gray {
	background-image: url(/images/arrow_gray.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
}
.arrow_blue{
	background-image:url(/images/arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 0 0 0 20px;
}
.arrow_gray a{
	background: none;
}
.arrow_green {
	background-image: url(/images/arrow_green.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
}
.arrow_green2{
	background-image: url(/images/atention_green.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
.arrow_red{
	background-image: url(/images/arrow_red.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
.arrow_tyui{
	background-image: url(/images/attention.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 0 50px;
	height: 32px;
	font-size: 16px;
}
.arrow_answer{
	background-image: url(/images/arrow_answer.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
.arrow_question{
	background-image: url(/images/faq/arrow_question.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 15px;
}
.arrow_leftmenu{
	margin: 5px 0 0 20px;
}
.arrow_leftmenu a{background-image: url(/images/arrow_green.gif);
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;}
	
.arrow_leftmenu a hover{background-image: url(/images/faq/arrow_green2.gif);
}	

.link_number {
	margin: 3px 0;
}

.link_number a{
	width: 100px;
	background-color: #6FA723;
	color: #FFFFFF;
	padding: 0px 6px;
	border-top: 1px solid #CCECA2;
	border-left: 1px solid #CCECA2;
	border-right: 1px solid #30480F;
	border-bottom: 1px solid #30480F;
	margin: 5px;
}

.link_number a:hover{
	border-bottom: 1px solid #CCECA2;
	border-right: 1px solid #CCECA2;
	border-left: 1px solid #30480F;
	border-top: 1px solid #30480F;
}
.bold{font-weight:bold;}
.center{text-align:center;}
.left{text-align:left;}
.fleft{float:left;}
.fright{float:right;}
.right{text-align:right;}
.padd5{padding:5px;}
.padd_r_5{padding-right:5px;}
.padd_l_5{padding-left:5px;}
.padd_r_10{padding-right:10px;}
.padd_r_20{padding-right:20px;}
.padd_l_10{padding-left:10px;}
.padd_l_20{padding-left:20px;}
.padd_l_100{padding-left:100px;}
.padd_top5 {padding-top: 5px;}
.padd_top10 {padding-top: 10px;}
.padd_top15 {padding-top: 15px;}
.padd_b10 {padding-bottom: 10px;}
.padd_b15 {padding-bottom: 15px;}
.padd_b5em {padding-bottom: 5em;}
.padd_tb10{padding:10px 0;}
.padd10{padding:10px;}
.padd20{padding:20px;}
.td_padd3 td{padding:3px;}
.mrg2{margin:2px;}
.mrg5{margin:5px;}
.mrg10{margin:10px;}
.mrg_tb5{margin:5px 0;}
.mrg_tb10{margin:10px 0;}
.mrg_tb15{margin:15px 0;}
.mrg_tb20{margin:20px 0;}
.mrg_r5{	margin-right: 5px;}
.mrg_r10{	margin-right: 10px;}
.mrg_r20{	margin-right: 20px;}
.mrg_left2 {margin-left: 2px;}
.mrg_left5 {margin-left: 5px;}
.mrg_left10 {margin-left: 10px;}
.mrg_left12 {margin-left: 12px;}
.mrg_left15 {margin-left: 15px;}
.mrg_left20 {margin-left: 20px;}
.mrg_left40 {margin-left: 40px;}
.mrg_left60 {margin-left: 60px;}
.mrg_top15 {	margin-top: 15px;}
.mrg_top20 {	margin-top: 20px;}
.mrg_top30 {	margin-top: 30px;}
.mrg_top100 {	margin-top: 100px;}
.mrg_top10 {	margin-top: 10px;}
.mrg_top5 {	margin-top: 5px;}
.mrg_top2 {	margin-top: 2px;}
.mrg_b50{	margin-bottom: 50px;}
.mrg_b20{	margin-bottom: 20px;}
.mrg_b15{	margin-bottom: 15px;}
.mrg_b10{	margin-bottom: 10px;}
.mrg_b5{	margin-bottom: 5px;}
.line_h150 {	line-height: 150%;}
.line_h180 {	line-height: 180%;}
.line_h200 {	line-height: 200%;}

.w970 {	width: 970px;	margin: 0px auto;}
.w910 {	width: 910px;	margin: 0px auto;}
.w725 {	width: 725px;	margin: 0px auto;}
.w700 {	width: 700px;	margin: 0px auto; padding:0 5px;}
.w600 {	width: 600px;	margin: 0px auto;}
.w500 {	width: 500px;	margin: 0px auto;}
.w200 {	width: 200px;	margin: 10px auto;}
.w230 {	width: 230px;}
.w250 {	width: 250px;}
.w300 {	width: 300px;}
.w310 {	width: 310px;}
.w320 {	width: 320px;}
.size16 {	font-size: 16px;}
.size14 {	font-size: 14px;}
.size12 {	font-size: 12px;}
.size11 {	font-size: 11px;}
.size10 {	font-size: 10px;}
.white {	color: #ffffff;}
.blue {	color:#0000FF;}
.brown {	color: #5c513d;}
.red {	color: #FF0000;}
.pink {	color: #DB1B92;}
.orange {	color: #FF6600;	line-height: 130%;}
.e_green{color:#12AE9D;}
.feature {color:#5CB7AE;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.bg_ef{background-color:#efefef;}
.bg_red {	background-color: #FF0000;	color:#fff;}
.bg_net{background-image:url(/images/bg_net.gif);padding: 10px;}
.bg_net2{background-image:url(/images/bg_net2.gif);}
.bg_blue {	background-color: #0000FF;}
.bg_green {	background-color: #A7D27B;}
.bg_beige {	background-color: #F2F0E3;}
.bg_fff {	background-color: #ffffff;}
.bg_title1 {
	background-image: url(/images/bg_h3_title.gif);
	background-repeat: repeat-x;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 20px;
}
.bg_download{
	background-image: url(/images/arrow_download.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	padding: 0 0 0px 70px;
	line-height: 25px;
}
.bg_download a{background:none;}

.underbar_beige{border-bottom:1px solid #E1DCBF;}
.underbar_blue{border-bottom:1px solid #0000FF;}
body{
	font-size:12px;
	padding-top: 5px;
	background-image: url(/images/bg_body.gif);
	background-repeat: repeat-x;
	background-color: #fefefe;
}
td{line-height:130%;}
#wrapper{
	width:970px;
	margin:0px auto;
	padding:5px 0 0 0;
	color: #595931;
	line-height: 150%;
	overflow:hidden;
}
#header {
	width: 970px;
	padding:0px;
	background: none;
	height: 160px;
}
#header .head_left {float: left;}
#header .head_right {
	float: right;
	width: 620px;
	text-align: right;
	padding: 18px 10px 10px 0px;
	background-image: url(/imagess/line_kleyon.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 0 0 10px;
}
#header .head_right h1 {
	color: #5C513D;
	font-weight: normal;
}
#header .title {
	font-weight: normal;
}

.head_menu {
	color: #3C3105;
	font-size: 11px;
	text-align: right;
}
.head_menu ul {	text-align: right;	width: 300px;	float: right;}
.head_menu li {	float: left;	margin: 0 0 0 10px;}
.header_line {
	width: 970px;
	margin: 11px 0 0 0;
}
.header_line ul {
}
.header_line li {
	float: left;
	height: 20px;
}
.header_line img {
}

.search {
	background-color: #fff;
	width: 310px;
}
.search input {
	color: #ccc;
	font-size: 11px;
}
.search .botan {float:left;border:none;margin-left:5px;}
.search .textbox {
	float:left;
	border: 1px solid #ccc;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
}
#main_sub {
	background-image: url(/images/bg_contents.gif);
	background-repeat: repeat-y;
	height: 70px;
	border-bottom: 1px solid #ABA689;
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	
}
.pankuzu {line-height: 150%;border-bottom:1px solid #E1DCBF;size:11px;}
#contents {
	padding: 10px 0;
	width: 970px;
	margin:0px auto;
	background-color: #fff;
}
#center_box {
padding-left:10px;
width:740px;
float:left;}

#center_box h2,
#center_box h1
 {
	font-size: 16px;
	font-weight:bold;
	color: #3C3105;
	background-image:url(/images/top/top_title_bg.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	padding: 0 0 0px 10px;
	margin:10px 0 5px 0;
}


/* レフトメニュー */

#left_menu {
	width: 210px;
	float: left;
	
}
.search img {margin-bottom: 5px;}

.search form {margin: 5px;}

.category {	margin:0;}
.category h2,
.category h1 {
	width: 210px;
	background-image: url(/imagess/bg_bottom_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 40px;
	line-height: 40px;
}

.category ul {
	padding-left: 5px;
	background-color: #F5F3EF;
	margin: 0;
}
.category li {
	background-image:url(/images/leftmenu/cat_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 51px;
	line-height: 51px;
}
.category li a {
	height: 51px;
	line-height: 51px;
	color: #706755;
	background:none;
	padding-left:60px;
	font-weight: bold;
	display: block;	
}
/*footer*/

#footer {
	width:970px;
	margin:15px auto;
	padding:0 0 0 0;
background-image:url(/images/top/bg_dot.gif);
	background-repeat: repeat;
	text-align: center;
	margin-bottom: 0px;
}
.footer_menu {	line-height: 20px;}
#footer table{	border-collapse: collapse;}
#footer table td{
text-align:left;padding:10px 5px;border:1px solid #E1DCBF;}
#footer .Copy {line-height: 20px;color: #666666;}
.link {	width: 950px;	padding: 10px;}
.link img {	float:left;margin: 0 5px 5px 0;}
/*//footer*/

/*---------index--------*/

.search_menu{
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:0px;
}


.search_menu h3{
	line-height:30px;
	font-size:1em;
	padding-left:30px;
	margin-top:0;
}

.search_menu img{border:1px solid #ccc;padding:3px;background-color:#fff;}


.label_ichiran{
background-image:url(/images/top/bg_dot.gif);
background-repeat:repeat;
margin: 5px 0 0 0;
padding:5px;
}

.label_ichiran_inner{
background-color:#FFFFFF;
padding:0 0 10px 15px;
}

.label_ichiran_inner img{
margin:8px 5px 0 0;
width:90px;
height:90px;
}

.label_ichiran_inner h3{
	background-image:url(/images/top/top_ichiran_arrow.gif);
	background-position: 5px 7px;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	font-size:11px;
	padding-left:22px;
	font-weight: normal;

}


.new_item {	margin: 0 0 25px 0;}
.tokutyo {
	background-repeat: no-repeat;
	background-position: top center;
	margin: 20px 0 0px 0;
	
}
.tokutyo div {
	line-height: 150%;
	font-size: 14px;
	padding: 25px 25px 0 25px;
}


.original {	margin: 0px 0 20px 0;}
.original td {}
.original td a{	color: #706755;	font-weight: bold;}
.original_pv {}
.original_pv ul {	margin: 0 0 0 10px;}
.original_pv li {	text-align: center;	float: left;	margin: 5px 5px 5px 0;}
.original_pv img {	padding: 3px;	border: 1px solid #ccc;}

.otemenu {
	margin: 20px 0;
	background-image: url(/images/bg_otebanner.gif);
	background-repeat: repeat-x;
	height: 105px;
}
.info {
	margin: 5px 0 0 0;
	padding:5px;
	height: 180px;
}
.info ul {}

.info li{
background-image:url(/images/top/dot_line.gif);
background-repeat:repeat-x;
background-position: bottom;
padding: 5px 0 5px 5px;
}

.info li a{
	background: none;
}




/*---------//index--------*/

/*--商品ページ--*/
#navi {
	clear: both;
	background-image: url(/imagess/bg_navi.gif);
	background-repeat: repeat-x;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}
#navi a {text-decoration: underline;}
.item_page {
	width: 740px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.item_img {	float: left; width:400px;	margin: 0 0 0 0;}
.item_img .border{border: 1px solid #E1DCBF;}
.pic {
	height: 400px;
	text-align:center;
	width: 400px;
	border:#E1DCBF 1px solid;
}
.pic img{width: 398px;}

.type{margin-top:12px;}
.type img{margin-right:15px;}

.item_img table{border:1px #CCCCCC solid;margin:10px 0 0 20px; }

.item_img td{
border:1px #CCCCCC solid;
padding:5px;
text-align:center;
}

.kanren {margin-top:10px;}
.kanren dl {}
.kanren dt {
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
	width: 170px;
	height:200px;
	float: left;
	margin: 0 -1px 10px 0;
	text-align: center;
	padding: 5px;
}
.kanren dt img{}

.spec {	float: left;	width: 325px;	color: #666666;	margin:0 0 0 10px;}

.spec h3 {font-size:16px;}

.spec h4 {
margin:5px 0 0 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 120%;
}

.spec table{
	border:1px solid #E1DCBF;
	width:325px;
	margin:10px 0 0 0;
	border-collapse: collapse;
}

.spec th{
border:1px solid #E1DCBF;
background-color:#F1EFE0;
padding:10px;
line-height:120%;
font-weight:normal;
}

.spec td{
border:1px solid #E1DCBF;
padding-left:10px;
}


.spec dl {
	background-color: #F4F4F4;
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
}

.spec dt {
	background-image: url(/images/dot_gray2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0 5px 0px;
}
.spec dt a {
	background-image: url(/images/arrow_spec.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 12px;
}
.spec dl .dw {
	background: none;
	background-image: url(none);
}
.spec .arrow_blue{margin:20px 0 0 50px;}

.spec a {text-decoration:none;background:none;}
.spec a:hover {text-decoration:underline;}



.dw {
	width: 270px;
	margin: 15px 0;
	height: 38px;
	line-height: 200%;
	background: none;
}
.dw img {
	float: left;
	border: none;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
.dw a {
	text-decoration:underline;
	cursor: pointer;
	color: #666666;
}
.dw a:hover {text-decoration:none}
.pagetop {
	margin: 15px 15px 0 0;
	line-height: 15px;
	
}
.pagetop a{
	/*background-image: url(/images/arrow_gray.gif);*/
	background-repeat: no-repeat;
	background-position: 650px center;
	text-align: right;
	display: block;
	text-decoration: underline;
}

.pagetop img{
	text-align: right;
	margin-right:5px;
	vertical-align: bottom;
}
/*--//商品ページ--*/

/*------カテゴリページ-----*/
.item_roop {	width: 740px;
	padding: 5px 0 20px 0px;
	
}
.item_roop350{width: 350px;}


.item_roop ul{
	padding: 5px 15px;
}

.item_roop li{
	float: left;
	text-align: center;
	width: 160px;
	margin: 5px 15px 5px 0px;
}
.item_roop350 li{
	float: left;
	text-align: center;
	width: 160px;
	margin: 5px 0 5px 5px;
	padding:2px;
}

.item_roop .img_box,
.item_roop350 .img_box {
	border: 1px solid #ccc;
	width: 150px;
	height:130px;
	padding: 15px 5px 0px 0px;
	
	
}
.item_roop div,
.item_roop350 div {
	height: 160px;
}
.img_box {
	text-align:center;
	border: 1px solid #ccc;
	padding: 15px 5px 0 5px;
	margin:5px 0;
}
.cat_spec {
	background-color: #F2F0E3;
	padding: 10px;
}
.cat_spec p {
	background-image: url(/images/bg_gray_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}



.number {
	margin: 5px;
	width:162px;
	background-color:#f7f7ee;
}
.number a{
	background-color: #807869;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
}
.number a:hover{}
.item_roop p {
border-bottom:#595931 1px dotted;
	margin: 5px 0 0 5px;
	text-align: left;
}
.corporate {
	padding: 0 0 0 15px;
}
.corporate td{
	background-image: url(/images/dot_gray2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.guide_menu {
	padding: 60px 0 0 30px;
	background-image: url(/images/guide/bg_guide.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 250px;
}
.faq_menu {
	padding: 60px 0px 20px 30px;
	background-image: url(/images/faq/bg_faq.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 370px;
}
.faq_menu a{
	background: none;
}
.faq{line-height:150%;}
.faq .arrow_answer {
	margin: 20px 0 10px 0;
	font-size: 14px;
}
.contact_menu {
	padding: 60px 00px 0 30px;
	background-image: url(/images/contact/bg_sample.gif);
	background-repeat: no-repeat;
	width: 672px;
	height: 110px;
}
.contact_menu div {
	width: 650px;
}

.original_spec {
	float: left;
	width: 300px;
	color: #666666;
}
.original_spec table {	margin: 10px 0 15px 10px;	width: 280px;}
.original_spec td {
	background-color: #F4F4F4;
	margin-bottom: 20px;
	padding: 5px;
}
.original_spec td a {
	color:#fff;
	text-decoration:none;
	width: 45px;
	display: block;
	text-align: center;
	background-color: #0278EE;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.original_spec td a:hover {
	background-color: #0158AF;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
.original_img {	float: left;	margin: 0 20px 0 10px;}
.original_img .border{border: 1px solid #D6D4CB;}
.padd_border{border: 1px solid #D6D4CB;padding:2px;margin:5px 0;}


/*-------//カテゴリページ-------*/


.gray_box{border:1px solid #666;}
.itiran_box {
	line-height: 200%;
	padding: 15px;
}
.itiran_box a{color:#FF0099;text-decoration:underline;}
.itiran_box a:hover{text-decoration:none;}


/* ---------- フォーム ---------- */
.border {	border: none;}
.button {
	font-size:9pt;
	background-color : #55AA25;
	color : #FFFFFF;
	border: 3px double #55AA25;
}
.graywaku {	border: 1px solid #cccccc;
}
#form_container {
	width: 600px;
	margin: 0px auto;
	background-color: #FFFFFF;
	padding: 0 0 20px 0;
}
#form_container .h2_title {
	margin: 0;
	padding: 0;
}
.form_container_box {
	padding: 10px 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 600px;
}

#form_footer {
	margin: 20px auto;
}
#form_footer .footer_line {
	height: 31px;
	width:600px;
}
#form_footer .footer_line .footer_menu {
	float: none;
	line-height: 31px;
	text-align: center;
	width:600px;
}



.error_msg {
	color: #990000;
	line-height: 150%;
	text-align: left;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}


.graywaku td {
	border: 1px solid #cccccc;
	text-align: left;
	line-height: 150%;
	padding: 5px;
	border-collapse: collapse;
}

.graywaku .td1 {	background-color: #E6E6E6;
	text-align: center;
	color: #333333;
	width: 150px;
	padding: 8px 0px;
}

.melmaga {	font-size: 12px;	color: #990000;	line-height: 150%;}


/* ---------- //フォーム ---------- */





/* ---------- 検索結果 ---------- */

.search_title {
	background-color: #e0e0e0;
	padding: 5px;
	font-weight: bold;
	color: #AC2976;
	margin: 10px 0;
}
.search_box {}
.search_result {}
.search_result li {
	background-image: url(/images/bg_frame.jpg);
	background-repeat: no-repeat;
	width: 150px;
	background-position: center top;
	padding: 15px 12px 15px 12px;
	float: left;
	height: 240px;
	text-align: center;
}
.search_img {
	width: 150px;
	height: 135px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0 0 0;
}

.search_result li img{
	margin:0 10px;
	padding: 0 0 5px 0;
	
}
.search_link {text-align: left;line-height: 120%;}
/*------//検索結果---------*/


.alink_arrow{
	margin: 5px 0 0 0;
	margin-left: 10px;
}
.alink_arrow a{
	color: #CC3399;
	background-image: url(/images/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 10px;
}
.alink_arrow a:hover{}

.itiran_box .input {
	border: 1px solid #ccc;
}
.color_menu td {
	text-align: center;
	line-height: 120%;
}

.zaisitu_waku {
	width: 233px;
	border: 1px solid #ccc;
	height: 165px;
}
.zaisitu_waku img{
}
.zaisitu_box {
	width: 235px;
	float: left;
	margin: 5px 10px 15px 0;
}
.sort table{border-collapse: collapse;}
.sort {
	margin: 0px auto;
}
.sort table{table-layout:fixed;}
.sort td{border: 1px solid #ccc;line-height: 150%;	padding: 3px; text-align:center;}
.sort th{border: 1px solid #ccc;line-height: 150%;	padding: 3px;}
.sort td img{margin:5px 0;}
.sort td a{border:none;margin:0;padding:0;}
.sort td a:hover{border:none;margin:0;padding:0;}
.templete td img{border:1px solid #ccc; margin:5px 0;}

/*新サイズ一覧*/
.sizetable{}
.sizetable table{table-layout:fixed;}
.sizetable td{border: 1px solid #ccc;line-height: 150%;	padding: 3px; text-align:center;}
.sizetable th{border: 1px solid #ccc;line-height: 150%;	padding: 3px;}
.sizetable td img{width:50px;height:50px;border:none;}
.sizetable td a{border:none;margin:0;padding:0;}
.sizetable td a:hover{border:none;margin:0;padding:0;}

/*jcarousel*/
pre, code, tt, {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}
/*//jcarousel*/
.jcarousel-skin-tango li{}
.event_box {
	margin: 5px 0px 0px 2px;
	float: left;
}
.bg_event_link a{
	background-image: url(/images/event/bg_btn.gif);
	background-repeat: no-repeat;
	width: 239px;
	height: 38px;
	line-height: 30px;
	text-indent: 40px;
	display: block;
}
.sizetable #t1 th {
	font-size: 10px;
}
.event_new_item {
}
.event_new_item ul {
}
.event_new_item li {
	width: 150px;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	margin: 5px;
	padding: 10px;
	height: 180px;
	background-color: #ececec;
}
.event_new_item img {
	background-color: #FFFFFF;
	padding: 5px;
}
.sonota_img li {
	float:left;
	margin-top:10px;
}

.sonota_img li img{
	border:1px solid #e0e0e0;

width:100px;
	height:100px;}

.searchbynumber{
	background-image:url(/images/leftmenu/leftmenu_searchbynumber.gif);
	width:210px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 30px 0 10px 10px;
	margin: 20px 0 0 0;
}

.searchbynumber form{
}

.searchbynumber input {color: #595931;font-size: 12px;}
.searchbynumber .botan {float:left;border:none; margin-left:5px;}
.searchbynumber .textbox {
	float:left;
	border: 1px solid #ccc;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
}

/* ---------- パッケージサンプル ---------- */
.work{
width:740px;
background-image:url(/images/bg_net.gif);
padding: 10px 0 20px 0;
}
	
	
.worklist{
float:left;
width:174px;
height:212px;
margin:10px 0 0 10px;
background-image:url(/images/work/work_bg.gif);
}

.worklist img{
margin:25px 0 0 11px;
}

.worklist p{
background-image:url(/images/arrow_blue2.gif);
background-repeat:no-repeat;
background-position:20px 2px;
margin:10px 0 0 0;
padding:0 0 0 40px;
}
/* ---------- //パッケージサンプル ---------- */

/* ---------- テンプレート ---------- */
.packagesample{
width:740px;
background-image:url(/images/bg_net.gif);
padding: 10px 0 20px 0;
}
	
	
.packagesamplelist{
	float:left;
	width:174px;
	height:220px;
	margin:10px 0 20px 10px;
	background-image:url(/images/work/work_bg.gif);
	background-repeat: no-repeat;
}

.packagesamplelist img{
	margin:25px 0 0 10px;
	border: 1px solid #ccc;
}

.packagesamplelist p{
background-image:url(/images/arrow_blue2.gif);
background-repeat:no-repeat;
background-position:20px 2px;
margin:10px 0 0 0;
padding:0 0 0 40px;
}

.package_samplelist{
	float:left;
	width:174px;
	height:220px;
	margin:10px 0 20px 10px;
	background-image:url(/images/work/work_bg.gif);
	background-repeat: no-repeat;
}

.package_samplelist img{
	margin:25px 0 0 0;
	border: 1px solid #ccc;
	max-width: 80%;
	max-height: 70%;
	width: auto;
	height: auto;
}

.package_samplelist p{
background-image:url(/images/arrow_blue2.gif);
background-repeat:no-repeat;
background-position:20px 2px;
margin:10px 0 0 0;
padding:0 0 0 20px;
}

.templete_index img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

/* ---------- //テンプレート ---------- */

/* ---------- ラベル材質特集 ---------- */
.label_kouza{
	width:740px;
	background-image:url(/images/bg_net.gif);
	padding: 10px 0 20px 0;
}

.label_kouza_list{
float:left;
width:234px;
height:212px;
margin:10px 0 0 10px;
background-image:url(/images/kouza/bg_kouza.gif);
background-repeat:norepeat;
}

.label_kouza_list img{
	margin:25px 0 0 11px;
	border: 1px solid #ccc;
}

.label_kouza_list h3{
font-size:12px;
font-weight:normal;
line-height:100%;
margin:5px 0 0 0;
padding:0 0 0 10px;
}
/* ---------- //ラベル材質特集 ---------- */

/* ---------- お手軽プリント ---------- */

.otetitle{
background-color:#f7f7ee;
border-bottom:#929250 1px dotted;
height:35px;
line-height:35px;
font-weight:bold;
padding-left:10px;
font-size:16px;
}

.textright{
text-align:right;
}
/* ---------- //お手軽プリント ---------- */

/*faq*/
.question {
	font-size:13px;
	font-weight: bold;
	background-image: url(/images/faq/bg_question.gif);
	padding: 8px 0 0 36px;
	margin: 15px 0;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 100%;
	height: 38px;
}
.answer{
	padding: 10px;
	line-height: 200%;
}

/*会社概要*/
.company {width:700px;margin:10px auto;}
.company table{	border-collapse: collapse;}
.company td{border:1px solid #E1DCBF;padding:5px;}

/*お手軽プリンtとは？explain*/
.bg_tokutyo{
	background-image: url(/images/explain/bg_kinou.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 58px;
}
.bg_tokutyo p {
	margin: 0px 5px 0 5px;
}
.graywaku input,
.graywaku textarea {
	border: 1px solid #ccc;
	background-color:#FAF9F0;
}


#center_box .button,
.form_container_box input {
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;
    /* 文字の太さをboldに指定 */
    font-weight: bold;
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 20px;
    /* 背景色を濃い青色に指定 */
    background-color: #248;
    /* 文字色を白色に指定 */
    color: #fff;
    /* ボーダーをなくす */
    border-style: none;
    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
}
 
#center_box .button:hover,
.form_container_box input:hover{
    /* 背景色を明るい青色に指定 */
    background-color: #24d;
    /* 文字色を白色に指定 */
    color: #fff;
}
.kadomaru_box {
	background-image: url(/images/zaisitu/bg_zaisitu.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 230px;
	float: left;
	margin: 10px 5px 5px 0;
	padding: 2px;
}
.kadomaru_box h2 {
	background-image: url(/images/bg_gray_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 3px 0 5px 0;
	width: 200px;
	
}
.kadomaru_box h2 a {
	color: #64B138;
	background-image: url(/images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding: 0px 0 0 15px;
	width: 200px;
	font-size:1.2em;
}
/*カタチ・サイズから探すitiran.php*/

.itiran table{
	border-collapse: collapse;
}
.itiran td{
	border: 1px solid #ccc;
	text-align:center;
	padding:2px;
}
.syurui {
	background-color: #e0e0e0;
	font-weight:normal;
	size:11px;
}
.syurui a{
	text-decoration:underline;
	color:#660000;
	
}
.katati {
	width: 100px;
	background-color: #FF9900;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.itiran tbody td a {
	background-color: #000099;
	width:50px;
	display: block;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #ffffff;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0;
}
.itiran tbody td a:hover{
	background-color: #666666;
	border-left: 1px solid #000000;
	border-right:1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #000000;
	
}


/*用途・特性*/
.youto,
.tokusei {
	background-repeat: no-repeat;
	background-position: left top;
	width: 345px;
	margin: 10px 5px 20px 0;
	float: left;
}
.youto {
	background-image: url(/images/kinou/bg_youto.gif);
}
.tokusei {
	background-image: url(/images/kinou/bg_tokusei.gif);
}
.youto ul,
.tokusei ul{
	margin: 10px 0 0 60px;
	width: 263px;
}

.youto li,
.tokusei li{
	padding: 10px 0 10px 5px;
	background-image: url(/images/bg_gray_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 240px;
	margin: 0;
}
.youto a,
.tokusei a {
	background-image: url(/images/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding: 0 0 0 20px;
	;
}
/*おすすめラベル枠　材質のご紹介/sozai/*/
.osusume_waku {
	
	width: 289px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6FA921;
	border-bottom-color: #6FA921;
	border-left-color: #6FA921;
	padding: 10px;
}
.osusume_waku .img_box{padding:10px 0;}
.howto {
	width: 702px;
	margin: 10px auto;
}
.howto_inner {
	background-image: url(/images/howto/inner_border.gif);
	background-repeat: repeat-y;
}
/*お手軽プリントノート風ボックス*/
.purple_corner700_top {
	height: 11px;
	background-image: url(/images/guide/bg_pple_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 20px;
	width: 700px;
	margin: 0px auto;padding:0;
}
.purple_corner700_mid {
	background-image: url(/images/guide/bg_pple_mid.gif);
	background-repeat: repeat-y;
	background-position: left　top;
	width: 700px;
	margin: 0px auto;
	line-height: 150%;
	padding:0;
	background-color: #F7E8FD;
}
.purple_corner700_mid table {
	margin-left: 38px;
}
.purple_corner700_mid h3 {
	margin: 0px 0 0 35px;
}


.purple_corner700_btm {
	height: 11px;
	background-image: url(/images/guide/bg_pple_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
	width: 700px;
	margin: 0px auto;
}
/*tinytips_CSS*/

.darkTip						{  }
.darkTip .content				{ width: 240px; padding: 10px; line-height:150%;border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #303030; color: #f8f8f8; }
.darkTip .bottom				{ height: 25px; background: url(/images/notch-dark.png) top center no-repeat; }

.tTip .content				{ width: 240px; padding: 10px; line-height:150%;border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #303030; color: #f8f8f8; }
.tTip .bottom				{ height: 25px; background: url(/images/notch-dark.png) top center no-repeat; }

/*イラストページ*/
#download {	padding: 5px;	width: 730px;}

#download img {	padding: 10px;	margin: 5px;max-width:100px;max-height:110px;}
#download div{	float:left;	width:120px;height: 130px;	border: 1px solid #cccccc;	text-align: center;	margin: 5px;}
.illust_box {
	float: left;
	width: 125px;
	margin: 5px 4px;
	text-align: center;
	border: 1px solid #cccccc;
	height: 140px;
	padding-top:10px;
	position: relative;
}
.bottom-text {
	position: absolute;
	bottom: 0;
	padding-left: .2em;
}
.ote_illust{margin-left:15px;}
.illust_box dt {
	height: 90px;
	margin: 5px 0 0 0;
}
.illust_box img{max-height:90px;
max-width:110px;}
.table_img img{width:180px;height:180px;}


/*トップに戻るスクロール後フェードイン*/
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}    
 
.backtotop a {
    background: #666666;
    color: #FFFFFF;
    display: block;
    padding: 14px 6px;
    margin: 0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
 
.backtotop a:hover {
    background-color: #ccc;
    color: #777777;
}
/*//トップに戻るスクロール後フェードイン*/
.useitem img {border:1px solid #ccc;padding:3px;margin:5px;}

/*pagetop20150219goto*/

.pagetop {
  text-align: center;
  margin: 0 auto;
}

.pagetop a {
  display: inline-block;
  /*color: #fff;*/
  font-size: 1.2em;
  padding: 6px 2em 4px;
  border-radius: 4px 4px 0 0;
  /*background: #000;*/
}

/* pagetop pattern2 */

.pagetop2 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
}

.pagetop2 a {
  display: table-cell;
  width: 6em;
  height: 6em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2em;
  line-height: 1;
  border-radius: 50%;
  background: #000;
  behavior: url(PIE.htc);  
}

/* pagetop pattern3 */

.pagetop3 {
  position: fixed;
  bottom: -300px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
  visibility: hidden;
  -webkit-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
}

.pagetop3.visible {
  bottom: 30px;
}

.pagetop3 a {
  display: table-cell;
  width: 60px;
  height: 60px;;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2em;
  line-height: 1;
  border-radius: 50%;
  background: #999;
  behavior: url(PIE.htc);  
}
/*//pagetop20150219goto*/

/* ----------
会社概要
---------- */
.corporate {
	padding: 0 0 0 15px;
	width: 640px;
}
.corporate td{
	background-image: url(/image/dot_gray2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height:150%;
}
.bottom_border{
	border-bottom: 5px solid #ccc;
	/*margin-right: 16px;*/
	margin-bottom: 5px;
}
.w100 {
	width: 100%;
}
.w92 {
	width: 92%;
}
.border_table table{
	border-collapse: collapse;
	margin-top: 10px;
}
.border_table td{
	border: 1px solid #ccc;
	line-height: 150%;
	padding: 3px;
}
.pagetop {
	font-size: 10px;
	padding-right: 10px;
	text-align: right;
	line-height: 12px;
	vertical-align: middle;
	height: 12px;
}.faq .li2 {
	background-image: url(/images/arrow_green.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	line-height: 25px;
	background-position: left center;
}
/*goto2016/0822*/
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}
.backtotop a {
    background: #666666;
    color: #FFFFFF;
    display: block;
    padding: 14px 6px;
    margin: 0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
 
.backtotop a:hover {
    background-color: #ccc;
    color: #777777;
}

/*glyphicon追加201704/27五島*/
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://package-design.jp/fonts/glyphicons-halflings-regular.eot');
  src: url('https://package-design.jp/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://package-design.jp/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://package-design.jp/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://package-design.jp/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://package-design.jp/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}


.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
	
}    
 
.backtotop a {
    background: #666666;
    color: #FFFFFF!important;
    display: block;
    padding: 14px;
    margin: 0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
	opacity:0.8;
}
 
.backtotop a:hover {
    background-color: #ccc;
    color: #999;
	opacity:0.6;
}


/*glyphicon追加20170427*/

.accordion{font-size: 1.2em;font-weight: normal;}
.panel-title a{color:#ffffff;}

.title_gra_blue {
padding: .5em .75em!important;
background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%)!important;
background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%)!important;
color: #fff!important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)!important;
font-size:intial;
}

.title_gra_green {
padding: .5em .75em!important;
background: -webkit-linear-gradient(top, #afd842 0%, #94b932 100%)!important;
background: linear-gradient(to bottom, #afd842 0%, #94b932 100%)!important;
color: #fff!important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)!important;
font-size:intial;
}

#header h1{font-size:1em!important;margin:0;padding:0;}
.header-nav{margin:15px 0;}
.header-nav img{margin:0 10px;}
.border-3dot-bottom{border-bottom:3px dotted #999; line-height:200%;}
.top_border{border-top:2px dotted #666;padding-top:10px;}

/*goボタン追加20171113*/
.btn-go {
    display:block;
    background-color: #F33A94;!important;
    margin:10px auto 20px;
    border-radius:5px;
    text-align:center;
    /*padding:20px 0px;
    font-size:18px;*/
    font-weight:bold;
    color: #FFF;
    border: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn-go:hover, .btn-next:focus {
	opacity: 0.7;!important;
    color: #FFF;
}
/*メルマガ使用ボタン追加20180404*/
.btn-green {
    display:block;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;background-color:rgb(72,184,121);width:580px;margin:10px auto 20px;color:rgb(255,255,255);text-align:center;text-decoration:none;border-radius:5px;padding:20px 0px;font-size:18px;font-weight:bold;
}
.btn-pink{
    display:block;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;background-color:#F33A94;width:580px;margin:10px auto 20px;color:rgb(255,255,255);text-align:center;text-decoration:none;border-radius:5px;padding:20px 0px;font-size:18px;font-weight:bold;
}

/*Web版連携*/
.web_tmp_box{}
.web_tmp{float:left; width:150px; margin:5px;text-align:center;background-color:#86C07B;padding:10px;}

/*カートツールチップ*/
.tooltip{
    color: #000;
     /*display: inline-block;                        インライン要素化 */
}
 
/* ツールチップ部分を隠す */
.tooltip span {
    display: none;
}
 
/* マウスオーバー */
.tooltip:hover {
    position: relative;
    color: #333;
}
 
/* マウスオーバー時にツールチップを表示 */
.tooltip:hover span {
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: 25px;
    font-size: 90%;
    color: #fff;
    background-color: #000;
    width: 205px;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}
 
/* フキダシ部分を作成 */
.tooltip span:before{
    content:''; 
    display:block; 
    position:absolute;                         /* relativeからの絶対位置 */
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#000; 
    transform:rotate(270deg);            /* 傾きをつける */
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}
/* ---------------------------------
季節のギフト
------------------------------------ */
#seasonGift h4 {
    padding-bottom: .5em;
    border-bottom: 1px solid #414d99;
    color: #414d99;
    margin-top: 30px;
    font-weight: bold;
    font-size: 21px;
}
#seasonGift .itemList img {
    margin-bottom: 10px;
}
#seasonGift .number01 {
	margin: 5px 0;
}
#seasonGift .number01 a{
	background-color: #807869;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	padding:5px;
}
#seasonGift .number01 a:hover{
	color: #FFFFFF;
	opacity:0.8;
	text-decoration:underline;
}
#seasonGift .title_vcenter {
    font-weight: normal;
}
#seasonGift .item_list2 {
    text-align: center;
    background-color: #fff;
    font-size: 1em;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    word-break: break-word;
}

#seasonGift .gallery {
  margin: 0 0 60px 0;
}
#seasonGift .gallery dt {
  text-align: center;
  margin: 0 0 15px 0;
}
#seasonGift .gallery dd ul {
  text-align: center;
  display: table;
}
#seasonGift .gallery dd ul li {
  display: table-cell;
  width: 25%;
  padding: 0 5px;
}
#seasonGift .box {
  max-width: 400px;          /* 横幅を固定して */
  display: inline-block; /* インラインブロック化 */
  vertical-align: top;   /* 上端を揃える */
}
/* ---------------------------------
アコーディオンボックス
------------------------------------
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #eff203;
    font-weight: bold;
    background: #093a37;
    cursor :pointer;
    transition: all 0.5s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 1.5em;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#093a3780;
}


.accbox input {
    display: none;
}
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.accbox .accshow p {
    margin: 15px 10px
}

.table-sticky th{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* ---------------------------------
カテゴリ画像スライド
------------------------------------
    @media(min-width: 992px){
      .swiper-wrapper{
        flex-wrap:wrap;
      }
      .swiper-slide{
        width: 33.3%;
      }
      .swiper-button-prev,.swiper-button-next,.swiper-pagination{
        display: none;
      }
    }
 */

/* ipone icon*/
.phone_area{  display:none;}
@media only screen and (max-width : 470px) {

.phone_area{display:block;}
}



@media screen and (max-width: 768px){
    .br-pc{
      display: none;
    }

@media screen and (min-width: 769px) {
.br-sp{
    display: none;
  }
}