@charset "UTF-8";


*{
margin:0;padding:0;
}

body{
color:#000;
/*background-color:#7c9aab;*/
background-color:#335488;
font-size:14px;
padding-bottom:10px;
text-align:center;
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}


a img{
border:none;
}



	/* --- clearfix --- */

div#contentgroup:after,div#header:after,.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#contentgroup,div#header,.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#contentgroup,* html div#header,* html .clearfix{height: 1%;}
div#contents,div#header,.clearfix{display: block;}
/* End hide from IE-mac */

div.clearfix{
padding-bottom:4px;
}



/* ========== 基本レイアウト ========== */
/* -----  ----- */

div#maincontainer{
width:980px;
margin:10px auto 0 auto;
text-align:left;
background-color:#fff;
}

div#header{
padding:10px 10px 10px 10px;
}

div#contentgroup{
clear:both;
}

div#content{
width:810px;float:right;
}

div#contentszone{
margin:10px 15px;
padding-top:5px;
}

div#leftmenu{
width:170px;float:left;
}

div#footer{
clear:both;
padding:30px 10px 5px 10px !important;
}



/* ========== ヘッダー ========== */

/*
div#header div{
width:450px;
float:left;
}
*/

div#header div#pagetop{
width:460px;
float:left;
}

div#header div#pagetop h1 span{
font-size:14px;
position:relative;top:-50px;left:10px;
}




div#header div h1{
font-size:11px;font-weight:normal;
margin:6px 0 0;
position:relative;top:55px;left:0;
}

div#header div p a#mainlogo{
display:block;
width:450px;height:50px;
text-indent:-9999px;
background:url(top_images/just_main_logo.gif) no-repeat 0% 0%;
position:relative;top:10px;left:10px;
}



/* ----- ヘッダーメニュー ----- */

div#header li a:link,
div#header li a:visited{
text-decoration:none;
color:#333;
}

div#header li a:hover{
color:#06c;
text-decoration:underline;
}


div#header ul#header_submenu{
list-style-type:none;
margin:0 15px 0 15px;
float:right;
}

div#header ul#header_submenu li{
display:inline;
padding:0 10px;
border-left:solid 1px #000;
}

div#header ul#header_submenu li.lastlink{
border-right:solid 1px #000;
}


div#header ul#headermenu{
float:right;
margin:5px 0 0 0;
}

div#header ul#headermenu li{
list-style-type:none;
float:left;
margin:0 8px 0 0;
padding:0 0 5px 0;
}

div#header ul#headermenu li a{
padding:5px 0 5px 20px;
background:url(top_images/header_r_arrow.gif) no-repeat 0% 50%;
font-size:12px;
}



/* ========== 左メニュー ========== */

/* ----- 検索 ----- */

div#leftmenu div#search{
margin-left:10px;
height:50px;
padding:10px 0;
}

div#leftmenu div#search form#sitesearch p{
color:#666;
font-size:12px;
line-height:170%;
}

div#leftmenu div#search form#sitesearch input{
vertical-align:middle;
}

input#searchword{
margin:0 2px 0 0;
width:120px;
}


/* ----- 左メニューサイト内リンク ----- */

div#leftmenulist{
margin-left:10px;background-color:#dbe6ed;
}

div#leftmenu div#leftmenulist h4{
padding:7px 0 7px 5px;
font-size:14px;
color:#fff;
background-color:#333;
}

div#leftmenu div#leftmenulist h4#print     {border-left:solid 7px #a80808;}
div#leftmenu div#leftmenulist h4#novelty   {border-left:solid 7px #4898d8;}
div#leftmenu div#leftmenulist h4#supply    {border-left:solid 7px #98d848;}
div#leftmenu div#leftmenulist h4#business_supplies    {border-left:solid 7px #cc66cc;}
div#leftmenu div#leftmenulist h4#bc_system {border-left:solid 7px #f89838;}
div#leftmenu div#leftmenulist h4#security  {border-left:solid 7px #986838;}

div#leftmenu div#leftmenulist ul{
list-style-type:none;
font-size:12px;
margin-bottom:10px;
}

div#leftmenu div#leftmenulist ul li{
background-repeat:no-repeat;
border-bottom:dotted 1px #aaa;
}


div#leftmenu div#leftmenulist ul li a{
display:block;
min-height:12px;height:auto !important;height:26px;	/* min-height fast hack */
padding:6px 5px 6px 20px;
background:url(top_images/arrow_icon.gif) no-repeat 5% 50%;
}

div#leftmenu div#leftmenulist ul li a:link,
div#leftmenu div#leftmenulist ul li a:visited{
color:#333;
text-decoration:none;
background-color:transparent;
}

div#leftmenu div#leftmenulist ul li a:hover{
color:#06c;
text-decoration:underline;
background-color:#fff;
}


/* ----- 左メニューブログのディレクトリメニュー ----- */
/* ----- 【クリアファイル】leftmenu ----- */

div#contentgroup div#leftmenu div#clearfile_menu{
margin:0 15px 0 10px;
}

div#contentgroup div#leftmenu div#clearfile_menu p,
div#contentgroup div#leftmenu div#clearfile_menu h4{
margin:10px 0;
}

div#contentgroup div#leftmenu div#clearfile_menu ul li{
list-style:none;
margin-bottom:10px;
}

div#directries{
margin:0 0 15px 10px;
}

div#directries h4{
font-size:14px;
color:#fff;
background-color:#333;
border-left:solid 7px #fdd250;
}

div#directries h4 a{
color:#fff;text-decoration:none;
display:block;
padding:7px 0 7px 3px;
max-width:150px;min-width:150px;width:auto !important;width:153px;	/* min-width fast hack */
height:100%;
background-color:#333;
}

div#directries h4 a:hover{
background-color:#999;
text-decoration:underline;
}

div#leftmenu div#directries ul{
background-color:#fff4d4;
list-style-type:none;
font-size:12px;
margin-bottom:10px;
}

div#leftmenu div#directries ul li{
background-repeat:no-repeat;
border-bottom:dotted 1px #aaa;
}

div#leftmenu div#directries ul li a{
display:block;
min-height:12px;height:auto !important;height:26px;	/* min-height fast hack */
padding:6px 5px 6px 20px;
background:url(top_images/arrow_icon.gif) no-repeat 5% 50%;
}

div#leftmenu div#directries ul li a:link,
div#leftmenu div#directries ul li a:visited{
color:#333;
text-decoration:none;
background-color:transparent;
}

div#leftmenu div#directries ul li a:hover{
color:#06c;
text-decoration:underline;
background-color:#fff;
}

div#leftmenu div#directries ul li.delimitation{
background-repeat:no-repeat;
border-bottom:solid 1px #333 !important;
}

div#leftmenu div#sizelist p{
margin:0 0 10px 10px !important;
padding:0 !important;
}



/* ----- 営業カレンダー ----- */

div#leftmenu div#sidecalendar{
margin-left:10px;
padding:25px 0 0 0;
}

div#leftmenu div#sidecalendar h4{
font-size:14px;
padding:7px 0;
color:#333;
text-align:center;
background-color:#e6e6e6;
border-top:solid 3px #614d7d;
}

div#leftmenu div#sidecalendar p{
font-size:87%;
margin:15px 0 0 5px;
}

div#leftmenu div#sidecalendar table{
width:160px;
border:1px #999 solid;
text-align:center;
border-collapse:collapse;
color:#666666;
margin-bottom:5px;
font-size:87%;
}

div#leftmenu div#sidecalendar caption{
padding-top:10px;
}

div#leftmenu div#sidecalendar thead{
background-color:#d4dee0;
}

div#leftmenu div#sidecalendar thead th{
border:1px #999 solid;
font-weight:normal;
width:auto;height:26px;
}

div#leftmenu div#sidecalendar tbody th,
div#leftmenu div#sidecalendar table td{
font-weight:normal;
border:1px #999 solid;
width:auto;height:22px;
}

div#leftmenu div#sidecalendar colgroup.sunday,
div#leftmenu div#sidecalendar colgroup.saturday,
div#leftmenu div#sidecalendar td.holiday{background-color:#fbd4bd;}


/* ----- グループサイト ----- */

div#leftmenu div#group_site{
margin-left:10px;
padding:25px 0 20px 0;
color:#666;
}

div#leftmenu div#group_site h4{
font-size:14px;
padding:7px 0;
color:#333;
text-align:center;
background-color:#e6e6e6;
border-top:solid 3px #614d7d;
}

div#leftmenu div#group_site p{
margin:10px 0 0 0;
}

div#leftmenu div#group_site img{
border:solid 1px #ccc;
}


/* ----- 携帯電話QRコード ----- */

div#leftmenu div#qr_code{
margin-left:10px;
padding:5px 0 15px 0;
color:#666;
}

div#leftmenu div#qr_code h4{
font-size:14px;
padding:7px 0;
color:#333;
text-align:center;
background-color:#e6e6e6;
border-top:solid 3px #614d7d;
}

div#leftmenu div#qr_code p{
padding:1px 0;
text-align:center;
font-size:12px;
}


/* ----- Pマーク取得 ----- */

div#leftmenu div#qualification{
margin-left:10px;padding:8px;
color:#666;
background-color:#fff;
border:solid 1px #ccc;
}

div#leftmenu div#qualification h4{
height:0;visibility:hidden;overflow:hidden;
text-indent:-9999px;
color:#666;
text-align:center;
}

div#leftmenu div#qualification p{
margin:5px 0;
text-align:center;
font-size:12px;
}

div#qualification p.comment-left{
line-height:120%;
text-align:left !important;
}


/* ----- お問い合わせご連絡先 ----- */



div#leftmenu div#inquiry{
margin-left:10px;margin-top:0;
padding:0 0 5px;
}

div#leftmenu div#inquiry h4{
margin:0;padding:0;
text-indent:-9999px;
}

div#leftmenu div#inquiry img{
border:none;
}


/* ========== フッター ========== */

/* ----- サイトメニュー ----- */

div#footer ul#footer_submenu{
list-style-type:none;
font-size:14px;
margin:5px 15px;
float:right;
}

div#footer ul#footer_submenu li{
display:inline;
padding:0 10px;
border-left:solid 1px #000;
}

div#footer ul#footer_submenu li.lastlink{
border-right:solid 1px #000;
}

div#footer ul#footer_submenu li a:link,
div#footer ul#footer_submenu li a:visited{
color:#333;
text-decoration:none;
}

div#footer ul#footer_submenu li a:hover,
div#footer ul#footer_submenu li a:active{
color:#06c;
text-decoration:underline;
}


/* ----- グループサイト ----- */

/*
div#footer div#groupsites{
padding:0 0 10px;
}

div#footer div#groupsites h4{
margin:10px auto;
height:1px;overflow:hidden;
background-color:#ccc;
text-align:center;
font-size:14px;
text-indent:-9999px;
clear:both;
}

div#footer div#groupsites ul{
list-style-type:none;
font-size:12px;
margin:3px 10px;
line-height:1.5;
}

div#footer div#groupsites ul li{
display:inline;
padding:2px 5px;
border-left:solid 1px #000;
}

div#footer div#groupsites ul li.lastlink{
border-right:solid 1px #000;
}

div#footer div#groupsites ul li a:link,
div#footer div#groupsites ul li a:visited{
color:#06c;
}

div#footer div#groupsites ul li a:hover,
div#footer div#groupsites ul li a:active{
color:#f33;
}
*/


/* ---------- 関連サイト：dl#relativeproducts ---------- */

dl#relativeproducts{
margin:30px 10px;
border-bottom:solid 1px #c8c8c3;
color:#888;font-size:10px;
}

dl#relativeproducts a{
color:#666;
}

dl#relativeproducts a:hover{
text-decoration:none;
}

dl#relativeproducts dt,
dl#relativeproducts dd{
border-top:solid 1px #c8c8c3;
padding:5px 0;
}

dl#relativeproducts dt{
width:10em;float:left;
}

dl#relativeproducts dd{
margin-left:9em;
}

dl#relativeproducts dd{
text-indent:-5px; /* 子liのpadding分だけ */
}

dl#relativeproducts ul{
line-height:1.5;
margin-left:0 !important;
}

dl#relativeproducts ul li{
display:inline;
padding:0 5px;
border-right:solid 1px #3f3532;
}

dl#relativeproducts ul li.terminate{
border:none;
}





/* ----- コピーライト ----- */

p.copyright{
margin:5px 0;
color:#666;
text-align:right;
}