@charset "UTF-8";


/* ----- コンテンツ領域見出し ----- */

div#contentszone h2{
font-size:18px;font-weight:bold;
background:url(/top_images/heading2_bg.gif) repeat-x 0% 0% #e9e9e9;
border-left:solid 10px #4898d8;
margin:20px 10px 10px 10px;
padding:8px 10px 8px 10px;
}

div#contentszone h3{
font-size:16px;font-weight:bold;
color:#333;
background:url(/top_images/heading2_bg.gif) repeat-x 0% 0% #e9e9e9;
border-left:solid 7px #f89838;
margin:25px 10px 10px 10px;
padding:6px 8px 4px 8px;
clear:both;
}

div#contentszone h4{
width:60%;
font-size:14px;font-weight:bold;
background:url(/top_images/heading2_bg.gif) repeat-x 0% 0% #e9e9e9;
border-left:solid 7px #98d848;
margin:15px 20px 10px 15px;
padding:5px 8px 3px 8px;
clear:both;
}


/* ----- コンテンツ領域内共通設定 ----- */

div#contentszone p{
margin:5px 20px;
line-height:1.35;
}


div#contentszone dl{
margin:5px 15px 5px 20px;line-height:1.35;
}

div#contentszone dt{
font-weight:bold;
color:#36f;
}

div#contentszone dd{
margin-left:15px;
margin-bottom:5px;
}


div#contentszone ul{
margin:5px 15px 5px 40px;
}

div#contentszone ol{
margin:5px 15px 5px 50px;
}

div#contentszone li{
line-height:1.35;
}

div#contentszone address{
margin:5px 20px;
font-style:normal;
text-align:right;
line-height:1.35;
}

div#contentszone table{
border:solid 1px #999;
border-collapse:collapse;border-spacing:0;
font-size:14px;
margin:5px 15px 5px 25px;
}

div#contentszone table thead{
/*background-color:#c6e8f8;*/
background-color:#f2fcfc;
}

div#contentszone td,
div#contentszone th{
border:solid 1px #999;
line-height:1.35;
padding:3px 15px;
}

div#contentszone table th{
font-weight:normal;
text-align:center;
}

caption{
font-weight:bold;
padding-bottom:3px;
}


dl table{
margin-left:0 !important;margin-right:0 !important; 
}


dl ul,dl ol{
margin-left:20px !important;margin-right:0 !important;
padding-left:0 !important;
}

dl li{
margin-left:0 !important;margin-right:0 !important;
padding-left:0 !important;
}


td ul{
margin:5px 15px 5px 20px !important;
}

td ol{
margin:5px 15px 5px 30px !important;
}

td dl{
margin:5px 15px 5px 5px !important;
}


div#contentszone div.googlemap{	/* --- googlemap --- */
margin:5px 20px 5px 0;
}


div#contentszone blockquote{
margin:5px 20px;
border:dashed 1px #ccc;
background:url(/top_images/paper.gif) no-repeat 10px 10px transparent;
padding:5px 0 5px 15px;
}

.bold_black{
font-weight;bold;
}

/* ----- フロート汎用 ----- */

.floatleft{float:left;}
.floatright{float:right;}
.clearfloat{clear:both;}

img.floatleft{
float:left;
margin:0 10px 10px 0;
}

img.floatright{
float:right;
margin:0 0 10px 10px;
}



/* -----  ----- */

p#locationdispnavi{	/* パンくずリスト */
border:solid 1px #ddd;
margin:5px 10px !important;
padding:5px 15px;
font-size:87%;color:#999;
}


p.entrylink,
p.categorylink{	/* --- エントリー・カテゴリーへのリンク --- */
text-align:right;
clear:both;
}


/* ----- 記事リストフロート ----- */
/* 2008.11.28 デザイン変更で追加：検索結果表示でも使用しています */

div.articles{
margin:10px;
}

div.articles div.oddnumarticle,
div.articles div.evennumarticle{
width:370px;
border:solid 1px #ccc;
margin-bottom:5px;
}

div.articles div.oddnumarticle{
float:left;
}

div.articles div.evennumarticle{
float:right;
}

div.articles h3,div.articles h4{
margin:0 !important;
width:auto !important;
}

div.articles p{
margin:5px 10px !important;
}

div.articles p.goarticle{
border-top:dashed 1px #ccc;
padding:5px;
margin:10px 5px 0 !important;
text-align:right;
}


/* -----  ----- */

a.pdflink{	/* --- PDFへのリンク --- */
background:url(/top_images/pdficon_small.gif) no-repeat 0% 50%;
padding-left:20px;padding-top:3px;
}

a.mailaddress{	/* --- メルアドリンク --- */
background:url(/top_images/mail_y.gif) no-repeat 0 5px;
padding-left:20px;padding-top:3px;
}

a.external_site{	/* --- 外部サイト・別窓リンク --- */
background:url(/top_images/blankwin.gif) no-repeat 99% 50%;
padding-right:17px;
}


/* ----- テキスト ----- */

span.attention{
color:#f00;
}

span.more_attention{
color:#f00;
font-size:14px;
}






/* ========== 販売条件[TOP用デザイン設定] ========== */

div#salesterms_area{
font-size:12px;
/*border:double 5px #c40123;
border:solid 5px #e0e0e0;*/
margin:10px 20px;	/* マージン・パディング変更の場合リンクブロックの幅も要変更 */
padding:10px 0;
}

div#salesterms_area h4{
width:100% !important;
background:url(/top_images/salesterms/salesterms_h4.gif) no-repeat 1% 50% !important;
border:none !important;
margin:0 !important;
padding:3px 0 0 22px !important;
min-height:10px;height:auto !important;height:14px;	/* min-height fast hack */
font-size:14px !important;
}

/* ----- 納期について ----- */

div#sales_delivery{
margin:0 0 5px 0;
padding:10px 20px 15px 20px;
border:solid 1px #ccc;
}

div#sales_delivery table{
border-collapse:separate;
border:1px solid #666 !important;
border-spacing:0px !important;
font-size:12px;
margin:5px 0 10px 0 !important;
}

div#sales_delivery table th,
div#sales_delivery table td{
padding:6px 25px;
border-width:1px;
border-style:solid;
}

div#sales_delivery table th{
color:#333;
background-color:#bbb;
border-color:#fff #999 #666 #cdcdcd;
text-align:right;
font-size:12px;
}

div#sales_delivery table td{
color:#2c1603;
background-color:#e4dac2;
border-color:#fff #ac9a70 #7c6638 #fffaf1;
}


div#sales_delivery table span.attention{
color:#c00;
font-size:14px;
font-weight:bold;
}

div#sales_delivery p{
margin:0;padding:0;
}

div#sales_delivery p.floatright img{
margin:0 0 0 8px;
}

div#sales_delivery a.mark{
background:url(/top_images/salesterms/mark_link.gif) 0 0 no-repeat;
padding-left:14px;
text-decoration:none;
color:#06c;
font-weight:bold;
}

div#sales_delivery a.mark:hover{
text-decoration:underline;
}

/* ----- 送料について ----- */

div#sales_carriage{
margin:10px 0;
}

div#sales_carriage p{
height:45px;
margin:0;
font-size:14px !important;
background:url(/top_images/salesterms/delivery_free.gif) no-repeat 90% 50%;
text-indent:-9999px;
}




/* ----- 販売条件詳細へ ----- */

div#salesterms_list{

}
/*
div#salesterms_list p.alert{
height:20px;
margin:10px 0 0 10px;
padding-left:23px;
background:url(/top_images/salesterms/attention.gif) no-repeat 0% 0%;
color:#c00;
}
*/

	/* --- 販売条件へ：メイン --- */
/**/

div#salesterms_list p.salesterms_main{
margin:5px 0 10px 0;
text-indent:-9999px;
background:url(/top_images/salesterms/salesterms_top.jpg) no-repeat 0% 0% #efefef;
}

div#salesterms_list p.salesterms_main a{
display:block;
width:740px;height:65px;
}

div#salesterms_list p.salesterms_main a:hover{
background:url(/top_images/salesterms/salesterms_top.jpg) no-repeat 0 -65px transparent;
}


	/* --- 販売条件へ：支払・領収書・送料リスト --- */
div#salesterms_list ul{
margin:0;padding:0;
list-style:none;
}

div#salesterms_list ul li{
margin:0;padding:0;
width:240px;height:50px;
text-indent:-9999px;
float:left;
}

div#salesterms_list ul li.menu02{
margin:0 10px;
}

div#salesterms_list ul li a{
display:block;
width:240px;height:50px;
}

/**/

div#salesterms_list ul li.menu01{background:url(/top_images/salesterms/salesterms_menu01.jpg) no-repeat 0 0 #efefef;}
div#salesterms_list ul li.menu02{background:url(/top_images/salesterms/salesterms_menu02.jpg) no-repeat 0 0 #efefef;}
div#salesterms_list ul li.menu03{background:url(/top_images/salesterms/salesterms_menu03.jpg) no-repeat 0 0 #efefef;}

div#salesterms_list ul li.menu01 a:hover{background:url(/top_images/salesterms/salesterms_menu01.jpg) no-repeat 0 -50px;}
div#salesterms_list ul li.menu02 a:hover{background:url(/top_images/salesterms/salesterms_menu02.jpg) no-repeat 0 -50px;}
div#salesterms_list ul li.menu03 a:hover{background:url(/top_images/salesterms/salesterms_menu03.jpg) no-repeat 0 -50px;}


/* ========== 販売条件 ここまで ========== */






/* --- ビジネスパートナー ---------------------------------------- */

div#partner_box a{
color:#666;
}

div#partner_box a:link{
color:#666;
text-decoration:underline;
}

div#partner_box a:hover{
color:#666;
text-decoration:none;
}


div#partner_box table th.title{
background-color:#fff;
padding:0;
}

div#partner_box p.summary{
font-size:14px;
}

div#partner_box p.summary span.attentio_large{
font-size:16px;
font-weight:bold;
}

div#partner_box div#company_box table{
width:735px;
margin-bottom:20px;
}

div#partner_box div#company_box table th{
padding-top:6px;
padding-bottom:6px;
}

div#partner_box div#company_box table td{
padding-top:3px;
padding-bottom:3px;
}

div#partner_box div#company_box dl{
margin:0;
padding:0;
}

div#partner_box div#company_box dl dt{
margin:0;
padding:0;
}

div#partner_box div#company_box dl dd{
margin:0;
padding:0;
font-size:12px;
}

div#partner_box p.inquiry{
text-align:right;
margin-bottom:50px;
}


/* --- 取扱い商品一覧 ------------------ */

div#related_product{
width:auto;
margin:20px;
}

div#related_product div.related_detail{
float:left;
padding:0;
margin:2px;
width:360px;
height:50px;
vertical-align: middle;
}

div#related_product div.related_detail_image{
float:left;
margin:0 15px 0 0;
border:1px solid #ccc;
width:45px;
height:45px;
}

div#related_product div.related_detail_image p{
margin:0;
padding:0;
}

div#related_product div.related_detail_text{
width:auto;
padding:0 10px 0 0;
}

div#related_product div.related_detail_text p{
font-size:11px;
margin:0;
padding:0;
}


/*----- キャンペーン情報 -----*/

div.campaign_cat{
clear:both;
padding-bottom:50px;
}

div.campaign_cat img.floatleft{
margin:0 15px 5px 0;
}

div.campaign_cat img.floatright{
margin:0;
}

div.campaign_cat p.site_link img{
margin:0 6px 0 0;
}

div.campaign_cat p.campaign_p{
height:100px !important;
font-size: 12px;
text-align: left;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 5px;
margin-left: 15px;
line-height: 140%;
}




/* --- ジャストコーポレーションとは ------------------------------------------------ */


div#beginner h4{
border:none;
background:none;
padding:0;
margin:20px 10px;
}


div#beginner div#company_box div.rental,
div#beginner div#company_box div.company,
div#beginner div#company_box div.group{
padding:10px 0;
clear:both;
}

div#beginner p.text_detail{
padding:0 0 0 45px;
}


div#beginner div#company_box div.rental p.text_detail{
min-width:400px;max-width:400px;width:auto !important;width:416px;
}

div#beginner div#company_box div.company p.text_detail{
min-width:355px;max-width:355px;width:auto !important;width:400px;
}


div#client_box{
padding-top:10px;
padding-bottom:10px;
background-color:#fff;
}


/* --- 消費税増税に関して ------------------------------------------------ */

div#tax_box p{
font-size:14px;
margin:20px 22px 20px;
line-height:1.5;
letter-spacing: 1px;
}


/* --- 会社概要 ------------------------------------------------ */

div#company_box table{
font-size:12px;
}

div#company_box table th{
width:60px;
}

div#company_box table td{
padding: 5px 10px;
}



/* ----- 増税案内 ----- */


div#leftmenu p.notice_box {
	width:auto;
	border: 1px solid #cecece;
	padding: 5px 5px 5px 5px;
	margin: 10px auto 15px auto;
	font-size: 90%;
	text-align:center;
	_zoom: 1;
background-color:#ffffdd;
}

div#leftmenu p.notice_box a {
	text-decoration: none;
}

div#leftmenu p.notice_box a:hover {
	text-decoration: underline;
color: #F00;
}



/* ----- 送料改定 ----- */

div#postage_box{
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial;
}

div#postage_box p{
font-size:12px;
margin:10px 20px;
line-height: 1.5;
}

div#postage_box span.attention{
color:#ff0000;
}

div#postage_box span.tax,
span.mtxt{
font-size:11px;
color:#333;
font-weight:normal;
}

div#postage_box span.bold{
font-weight:bold;
font-size:15px;
}

div#postage_box ol{
margin:5px 50px 5px;
font-size:13px;
}

div#postage_box ol li{
padding:3px 0 3px;
}

div#postage_box ul.attention_info{
margin:5px 20px 35px;
padding:3px 0 3px;
font-size:12px;
list-style:none;
}

div#postage_box ul.attention_info li{
margin:3px 0 3px;
}

/* --- table --- */

div#postage_box table{
/*width:100%;*/
border:solid 1px #aaa;
border-collapse:collapse;border-spacing:0;
margin:15px 0 40px 15px;
font-size:13px;
}

div#postage_box td,
div#postage_box th{
border:solid 1px #aaa;
padding:10px 26px;
text-align:center;
}

div#postage_box table th{
　font-weight:bold;
background-color:#eee;
}

div#postage_box td.state{
text-align:left;
}

div#postage_box td.new{
font-size:16px;
font-weight:bold;
color:#ff0000;
}

div#postage_box th.info{
padding:8px 15px;
text-align:left;
font-size:16px;
font-weight:bold;
}


div#postage_box table#delivery{
margin-bottom:5px !important;
}

div#postage_box table.individual th,
div#postage_box table.individual td{
padding:10px 15px;
}

div#postage_box table.individual tbody th{
padding:10px 10px;
text-align:center;
}

div#postage_box table.individual tbody td{
padding:10px 5px;
text-align:left;
}

div#postage_box table.individual tbody td.product{
text-align:center;
}

div#postage_box table.seino th,
div#postage_box table.seino td{
padding:10px 4px;
}

div#postage_box table.seino tbody th{
text-align:center;
}

div#postage_box table.seino tbody td{
text-align:left;
}

div#postage_box table.seino ul{
list-style-position:outside;
margin:0;
padding:0 0 0 3px;
}



/* ----- リクルート（求人） ----- */

div#contentszone div.recruit_box{
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
letter-spacing: 0.1em;
line-height: 1.5em;
padding:0 0 30px;
}

div#contentszone div.recruit_box p.navi{
margin:30px;
text-align:center;
}

div#contentszone div.recruit_box h4{
width:720px;
border-left:none;
border-bottom: solid 1px #cccccc;
padding-bottom: 5px;
margin:10px 0 20px 25px;
background:none;
}

div#contentszone div.recruit_box table{
font-size: 13px;
}

div#contentszone div.recruit_box table th{
border: solid 1px #cccccc;
background-color: #F3F4F6;
padding: 15px 0;
font-weight: normal;
text-align: center;
width:140px;
}

div#contentszone div.recruit_box table td {
border: solid 1px #cccccc;
padding: 15px;
}

p.recruit_btn,
p.eco_btn,
p.collabo_btn{
margin:15px 0 15px;
}

p.flyer_s{
text-align:center;
}

p.flyer_s img{
margin:15px 15px;
}


/* ----- 商品検索 ----- */

div#headersearch{
width:460px;
margin:15px 0 0;
float:right;
}

div#headersearch p{
font-size:11px;
padding:0 4px 2px;
letter-spacing: 1px;
font-family: 'Noto Sans', sans-serif;
}

/*
div#headersearch div.searchbox{
margin:0 15px 0 0;
}

div#contentszone div.searchbox{
width:420px !important;
margin:30px auto 0 !important;
}
*/

div#headersearch div.searchresult{
margin:0 15px 0 0;
}

div#contentszone div.searchresult table.gsc-search-box{
width:420px !important;
}

div#contentszone table.gsc-above-wrapper-area-container,
div#contentszone table.gsc-above-wrapper-area-container td{
border:none !important;
border-bottom:solid 1px #E9E9E9 !important;
}


/*
div#contentszone div.searchbox table{
margin:0 !important;
padding:0 !important;
border:none !important;
}

div#contentszone div.searchbox table td.gsc-input,
div#contentszone div.searchbox table td.gsib_b{
margin:0 !important;
padding:0 !important;
border:none !important;
}

div#contentszone div.searchbox table td.gsc-search-button{
margin:0 !important;
padding:0 10px 0 !important;
border:none !important;
}


div#contentszone div.searchbox table td.gsib_a{
border:none !important;
padding-top:4px !important;
}
*/

div#contentszone div.searchresult table{
margin:0 !important;
padding:0 !important;
border:none !important;
}

div#contentszone div.searchresult table td.gsc-input,
div#contentszone div.searchresult table td.gsib_b{
margin:0 !important;
padding:0 !important;
border:none !important;
}

div#contentszone div.searchresult table td.gsc-search-button{
margin:0 !important;
padding:0 10px 0 !important;
border:none !important;
}


div#contentszone div.searchresult table td.gsib_a{
border:none !important;
padding-top:4px !important;
}



.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  width: 13px;
  height: 13px;
  padding: 6px 27px;
  min-width: 13px;
  margin:0 0 0 !important;
}

div.gsc-above-wrapper-area{
border:none !important;
}

div#contentszone div.searchresult table{
margin:0 auto 0 !important;
}

div#contentszone table.gsc-resultsHeader,
div#contentszone table td.gsc-twiddleRegionCell,
div#contentszone table td.gsc-configLabelCell{
border:none !important;
margin:0 auto 0 !important;
}

div#contentszone div.gcsc-branding table.gcsc-branding{
border:none !important;
margin:0 auto 0 !important;
}

div#contentszone div.gcsc-branding table td{
border:none !important;
padding:3px 4px !important;
}

div#contentszone table.gsc-table-result,
div#contentszone table.gsc-table-result td,
div#contentszone table.gsc-table-result th{
border:solid 1px #fff !important;
}

div#contentszone div.gs-title{
margin:5px 0 3px 10px;
}

div.gsc-cursor-box{
text-align: center;
margin-top:10px !important;
padding-top:10px !important;
border-top:solid 1px #E9E9E9 !important;
}

div.gsc-cursor-box div.gsc-cursor{
font-size:16px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page{
  margin-right: 14px !important;
}

input.gsc-input {
  font-size: 15px !important;
}

/* ----- TV番組 ----- */

div.tv_program{
margin:20px;
padding:5px 5px 10px;
border:2px solid #ccc;
font-size:16px;
letter-spacing: 1px;
}

div.tv_program dl dt{
margin:15px 0 0;
}


/* ----- 求人（追加） ----- */

div.job_offer_box{
font-family:"メイリオ", "ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;
}

div.job_offer_box table{
    margin: 10px 10px 10px 10px !important;
border:none !important;
}

div.job_offer_box table th,
div.job_offer_box table td{
border-top: solid 1px #ccc !important;
border-bottom: solid 1px #ccc !important;
border-right:none !important;
border-left:none !important;
}

div.job_offer_box table th{
	width:130px;
	padding:15px 10px 15px 10px !important;
	background:#f2f2f2;
	font-weight: bold;
	text-shadow: 1px 1px #f9f9f9;
	text-align: left !important;
	vertical-align: top;
}

div.job_offer_box table td{
	width:280px;
	padding:15px 10px 15px 10px !important;
	text-shadow: 1px 1px #f9f9f9;
	text-align: left !important;
	vertical-align: top;
}

div.job_offer_box table p{
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}

div.job_offer_box table dl dt{
font-weight: bold;
    color: #000 !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}

div.job_offer_box ul.job_offer_list{
margin:15px 15px 25px 50px !important;
}

div.job_offer_box ul.job_offer_list li{
margin:5px 0 5px;
}

div.job_offer_box a:link,
div.job_offer_box a:visited{
text-decoration:none;color:#333;
color:#06c;
text-decoration:underline;
}

div.job_offer_box a:hover{
text-decoration:none;color:#333;
}