@charset "utf-8";

*{margin:0;padding:0;}

body{
color:#000;
background:#fff url(images/body_bg.gif) repeat-y top center;
text-align:center;
font-size:12px;font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

/* IE7背景ずれ対策 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6背景ずれ対策 */
* html body {
padding-left: 1px;
}


/* ========== ボックスレイアウト ========== */

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


div#header{

}

div#contentwrapper{

}

div#sidemenu{
width:255px;float:left;
}

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

div#contentzone{
margin:20px 17px 10px;
}

div#shoppinginfo{

}

div#footer{

}

div#introduce{

}


/* --- clearfix --- */

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

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

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


/* ========== ヘッダー（#header） ========== */

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

div#header{
background:url(images/header_bg.jpg) no-repeat 0px 0 transparent;
margin:0 -25px;padding:0 25px;
	/* IE対策（ネガティブマージンではみ出す部分が表示されない）に幅とrelativeを指定 */
max-width:950px;min-width:950px;width:auto !important;width:1000px;
position:relative;
}

div#sitedesc{
width:680px;float:left;
height:158px;overflow:hidden;
position:relative;left:0;top:0;
}

div#sitedesc h1{
font-size:12px;font-weight:normal;
padding:5px 10px;
}

div#sitedesc h1 a{
text-decoration:none;color:#fff;
}

div#sitedesc p{
text-indent:-9999px;
}

div#sitedesc a#mainlogo{
position:absolute;top:45px;left:0;
display:block;width:420px;height:110px;
}

div#returntopmenu{
width:240px;float:right;color:#999;
}

div#returntopmenu ul{
padding:5px 10px;
}

div#returntopmenu ul li{
list-style-type:none;
display:inline;
margin:2px 8px;
}

div#returntopmenu ul li a{
text-decoration:none;color:#fff;
}

div#returntopmenu ul li a:hover{
text-decoration:underline;color:#efefef;
}


/* ========== ヘッダーメニュー（ul#headermenu） ========== */

ul#headermenu{
background:url(images/header_menu.gif) no-repeat 0 0 transparent;
height:58px;
}

ul#headermenu li{
list-style-type:none;
float:left;
}

ul#headermenu li a{
display:block;height:51px;
background-image:url(images/header_menu.gif);
background-repeat:no-repeat;
background-color:transparent;
text-indent:-9999px;
}

#head-top     {width:130px;background-position:0 0;}	/* のぼり旗TOP */
#head-design  {width:138px;background-position:-130px 0;}	/* のぼりデザイン */
#head-company {width:104px;background-position:-268px 0;}	/* 会社概要 */
#head-guide   {width:135px;background-position:-372px 0;}	/* ご利用ガイド */
#head-data    {width:164px;background-position:-507px 0;}	/* データ作成ガイド */
#head-faq     {width:141px;background-position:-671px 0;}	/* よくある質問 */
#head-inquiry {width:138px;background-position:-812px 0;}	/* お問い合わせ */


/* ========== サイドメニュー（#sidemenu） ========== */

div#directorymenu,div#loginmenu,div#originalnoborimenu,div#noborioptionsmenu,
div#noboriguidemenu,div#companyinfomenu,div#businesscalendar{
margin:10px 10px 15px 15px;
}

div#directorymenu h3 a,div#originalnoborimenu h3 a,div#noborioptionsmenu h3 a{
display:block;width:100%;height:20px;
}

div#originalnoborimenu li,div#noborioptionsmenu li,
div#noboriguidemenu li,div#companyinfomenu li{
list-style-type:none;
}



/* ---------- カテゴリメニュー（#directorymenu） ---------- */

div#directorymenu{
padding-bottom:14px;
background:url(images/sidemenu_directorybottom.gif) no-repeat 0 100% transparent;
}

div#directorymenu h3{
min-height:53px;height:auto !important;height:63px;
padding-top:10px;
background:url(images/sidemenu_directory.gif) no-repeat 0 0 transparent;
}

div#directorymenu h3 a{
display:block;width:auto;height:53px;
text-indent:-9999px;
}

div#directories{
background:url(images/sidemenu_directorybody.gif) repeat-y 0 0 transparent;
}

div#directories div{
background-color:#fff;
height:350px;overflow:scroll;
width:216px;	/* (230-7+7)：IEでは幅明示しないとダメ */
margin:0 7px;
padding-top:10px;
}

div#directories div p{
margin:10px 5px;
}

div#directories div ul{
line-height:1.35;margin-left:10px;
}

div#directories div ul ul{
margin-left:0;
}

div#directories div li{
list-style-type:none;white-space:nowrap;
}

div#directories div ul li a{
text-decoration:none;font-weight:bold;white-space:nowrap;
margin-left:4px;
padding:0 0 2px 0;
}

div#directories div ul li li a{
padding:0 0 2px 18px;
background:url(images/dirmark/page.gif) no-repeat 0 -2px transparent;
/*padding:3px 0;
display:block;width:auto;
min-height:1em;height:auto !important;height:20px;*/
}

div#directories div li img{
vertical-align:middle;
}

div#directories div li span{
color:#f60;padding-left:0.3em;
}



/* ---------- カートの中/マイページメニュー（#loginmenu） ---------- */

div#loginmenu{
background:url(/images/sidemenu_loginbody.gif) repeat-y 0 0 transparent;
}

div#loginmenu h3{
text-indent:-9999px;
min-height:77px;height:auto !important;height:77px;
background:url(images/sidemenu_login.gif) no-repeat 0 0 transparent;
}

div#loginmenu div#loginmenucontent{
padding:0 15px 10px;
background:url(images/sidemenu_loginbottom.gif) no-repeat bottom left transparent;
}

div#loginmenu p{
margin:5px 0;line-height:1.35;
}

div#loginmenu em{
font-style:normal;font-weight:bold;color:#e00;
}

div#loginmenu p#logoutbtn{	/* ログアウト */
text-align:right;
}

	/* --- カート・マイページリンク --- */

div#loginmenu div#loginmenubtns{

}

div#loginmenu div#loginmenubtns p{
margin:5px 0;width:95px;
}

div#loginmenu div#loginmenubtns p#button_cart{
float:left;
}

div#loginmenu div#loginmenubtns p#button_mypage{
float:right;
}

div#loginmenu div#loginmenubtns p a{
display:block;width:95px;
margin:0;padding:7px 0 7px;
min-height:16px;max-height:16px;height:auto !important;height:30px;
overflow:hidden;
text-align:center;
background:url(images/loginmenu_btn.gif) no-repeat 0 0 transparent;
text-decoration:none;color:#000;
}

div#loginmenu div#loginmenubtns p a:hover{
text-decoration:underline;color:#00a;
}



/* ---------- オリジナル作成メニュー（#originalnoborimenu）・関連用品メニュー（#noborioptionsmenu） ---------- */

div#originalnoborimenu,div#noborioptionsmenu{
padding-bottom:14px;
}
div#originalnoborimenu {background:url(images/sidemenu_originalbottom.gif) no-repeat 0 100% transparent;}
div#noborioptionsmenu  {background:url(images/sidemenu_optionsbottom.gif) no-repeat 0 100% transparent;}

div#originalnoborimenu h3,div#noborioptionsmenu h3{
min-height:59px;height:auto !important;height:76px;
padding-top:17px;
}

div#originalnoborimenu h3 {background:url(images/sidemenu_original.gif) no-repeat 0 0 transparent;}
div#noborioptionsmenu h3  {background:url(images/sidemenu_options.gif) no-repeat 0 0 transparent;}

div#originalnoborimenu h3 a,div#noborioptionsmenu h3 a{
display:block;width:auto;height:45px;
text-indent:-9999px;
}

div#originalnoborimenu div#originalnoborimenucontent,div#noborioptionsmenu div#noborioptionsmenucontent{
padding:0 11px;
}
div#originalnoborimenu div#originalnoborimenucontent {background:url(images/sidemenu_originalbody.gif) repeat-y 0 0 transparent;}
div#noborioptionsmenu div#noborioptionsmenucontent   {background:url(images/sidemenu_optionsbody.gif) repeat-y 0 0 transparent;}


div#originalnoborimenu li,div#noborioptionsmenu li{
zoom:1;	/* IE隙間バグ回避 */
padding-bottom:3px;
}

div#originalnoborimenu li a,div#noborioptionsmenu li a{
display:block;
min-width:181px;width:auto !important;width:208px;	/* 230-(div:padding11*2)=208／208-27=181 */
padding:12px 0 11px 27px;margin:0 0px;
max-height:14px;height:auto !important;height:37px;
text-decoration:none;color:#666;
}
div#originalnoborimenu li a {background:url(images/sidemenu_originalanchor.gif) no-repeat 0 0 transparent;}
div#noborioptionsmenu li a  {background:url(images/sidemenu_optionsanchor.gif) no-repeat 0 0 transparent;}


div#noborioptionsmenu li span{	/* 付属品件数表示 */
color:#f60;padding-left:0.3em;
font-weight:bold;
}

	/* --- オリジナル作成料金のサブメニュー --- */

div#originalnoborimenu li#orgsizetop{

}

div#originalnoborimenu li ul{
margin:-5px 0 0;
padding:5px 0 5px;
background:url(images/orgnoborisubmenu.gif) no-repeat left bottom transparent;
}

div#originalnoborimenu li ul li{

}

div#originalnoborimenu li ul li a{
background:none transparent;
margin:2px 3px 0 25px;padding:3px 0;
height:auto !important;
width:180px !important;	/* 230-(div:padding11*2)-(a:margin25+3)=183 */
}

div#originalnoborimenu li ul li a span{
font-size:10px;
}


/* ---------- ガイドメニュー（#noboriguidemenu）・運営企業情報メニュー（#companyinfomenu） ---------- */

div#noboriguidemenu,div#companyinfomenu{
padding-bottom:20px;
background:url(images/sidemenu_guidebottom.gif) no-repeat 0 100% transparent;
}

div#noboriguidemenu h3,div#companyinfomenu h3{
height:65px;
}

div#noboriguidemenu h3 {background:url(images/sidemenu_guide.gif) no-repeat 0 0 transparent;}
div#companyinfomenu h3 {background:url(images/sidemenu_companyinfo.gif) no-repeat 0 0 transparent;}

div#noboriguidemenu h3 a,div#companyinfomenu h3 a{
display:block;width:auto;height:48px;
text-indent:-9999px;
}

div#noboriguidemenu ul,div#companyinfomenu ul{
background:url(images/sidemenu_guidebody.gif) repeat-y 0 0 transparent;
}

div#noboriguidemenu li,div#companyinfomenu li{
zoom:1;	/* IE隙間バグ回避 */
}

div#noboriguidemenu li a,div#companyinfomenu li a{
display:block;
min-width:182px;width:auto !important;width:200px;	/* 200-18 */
border-bottom:dashed 1px #999;
padding:8px 0 7px 18px;margin:0 15px;
background:url(images/sidemenu_guidemarker.gif) no-repeat 1px 7px transparent;
text-decoration:none;color:#666;font-weight:bold;
}


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



/* ---------- 営業カレンダー（#businesscalendar） ---------- */

div#businesscalendar{

}

div#businesscalendar h3{
text-indent:-9999px;height:1px;overflow:hidden;background-color:transparent;
}

div#businesscalendar h4{
color:#fff;text-align:center;font-size:16px;
padding:15px 5px 5px;
min-height:42px;height:auto !important;height:62px;
background:url(images/bcalendar_capt.gif) no-repeat 0 0 transparent;
}

div.bcalendar{
padding:2px 5px 10px;
margin-bottom:15px;
position:relative;top:-2px;
background:url(images/bcalendar_bottom.gif) no-repeat 0 100% transparent;
}

div#businesscalendar table{
width:220px;	/* 230-(5+5) */
border-collapse:collapse;border-spacing:0;
border:solid 1px #666;
background-color:#fff;
}

div#businesscalendar table caption{
/*min-height:12px;height:auto !important;height:42px;
padding-bottom:30px;
text-indent:-9999px;*/
}

div#businesscalendar table thead{
background-color:#fff;
/*border:dashed 1px transparent;*/
display:none;
}

div#businesscalendar table tbody{
/*border:solid 1px #aaa;*/
}

div#businesscalendar colgroup.sunday,
div#businesscalendar colgroup.saturday,
div#businesscalendar td.holiday{
background-color:#e7e7e7;
}

div#businesscalendar table th,
div#businesscalendar table td{
text-align:center;
padding:6px 4px;
}

div#businesscalendar table td#currentday{
color:#fff;font-weight:bold;
background-color:#f60;
border:inset 2px #f60;
}

div#businesscalendar em{
font-style:normal;font-weight:normal;
}

div#businesscalendar p{
margin-top:-10px;
text-align:right;
}

div#businesscalendar p em{
background-color:#e7e7e7;
margin:0 3px;
}

div#businesscalendar p em span{
color:#e7e7e7;
}


/* ========== ショッピング情報（#shoppinginfo） ========== */

div#shoppinginfo{
margin:10px;
background:url(images/shoppinginfo_body.gif) repeat-y 0 0 transparent;
}

div#shoppinginfo h3{
text-indent:-9999px;
height:15px;overflow:hidden;
background:url(images/shoppinginfo_head.gif) no-repeat 0 0 transparent;
}

div#shoppinginfo p,div#shoppinginfo address{
line-height:1.25;
}

div#shoppinginfo table{
margin:5px 0 5px 10px;
border-collapse:collapse;border-spacing:0;
}

div#shoppinginfo th,div#shoppinginfo td{
border:solid 1px #aaa;
padding:5px 7px;line-height:1.25;
}

div#shoppinginfo th{
text-align:center;background-color:#efefef;
font-weight:normal;white-space:nowrap;
}

div#shoppinginfo a.shoppingmarker{
padding-left:14px;
background:url(images/shoppinginfo_anchor.gif) no-repeat 0 0 transparent;
}

	/* ----- 納期・お届け ----- */

div#shoppingnotices{
margin:0 25px;
background:url(images/shoppingnotices_delimita.gif) repeat-y 440px 0 transparent;
}

div#shoppingnotices h4{
margin:10px 0 5px;
padding:2px 10px;
min-height:16px;height:auto !important;height:20px;
font-size:14px;/*color:#fff;
background:url(images/shoppingnotices_heading.gif) no-repeat 0 0 transparent;*/
text-indent:-9999px;
}

div#shoppingnotices h4#sinfo-deliverydate {background:url(images/shoppingnotices_heading-deliv.gif) no-repeat 0 0 transparent;}
div#shoppingnotices h4#sinfo-transport    {background:url(images/shoppingnotices_heading-tport.gif) no-repeat 0 0 transparent;}
div#shoppingnotices h4#sinfo-payment      {background:url(images/shoppingnotices_heading-payment.gif) no-repeat 0 0 transparent;}
div#shoppingnotices h4#sinfo-receipt      {background:url(images/shoppingnotices_heading-receipt.gif) no-repeat 0 0 transparent;}


div#shoppingnotices p{
margin:5px 0 5px 10px;
}

div#shoppingnotices table{
width:415px;
}

div#shoppingdeliveryinfo{
width:425px;float:left;
}

div#shoppingpaymentinfo{
width:425px;float:right;
}

div#shoppingnotices td li{
margin-left:15px;padding:3px 0;
}

div#shoppingnotices td li img{
vertical-align:middle;
}

	/* ----- 問合せ・会社情報 ----- */

div#shoppingcontact{
clear:both;
margin:15px 25px 0;padding-top:15px;
border-top:solid 2px #ccc;
}

div#shoppinginquiry{
width:425px;float:left;
}

div#shoppingcompany{
width:425px;float:right;
}


div#shoppinginquiry h4{
text-indent:-9999px;
height:26px;
margin:0 0 5px;
background:url(images/shoppinginquiry_heading.gif) no-repeat 0 0 transparent;
}

div#shoppinginquiry ul{
min-height:105px;height:auto !important;height:105px;
background:url(images/shoppinginquiry_staffs.gif) no-repeat 100% 0 transparent;
}

div#shoppinginquiry ul li{
list-style-type:none;
width:132px;float:left;
}

div#shoppinginquiry ul li a{
display:block;width:132px;height:52px;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
}

#sinfo-faq     {background-image:url(images/shoppinginquiry_faq.gif);}	/* よくあるご質問 */
#sinfo-inquiry {background-image:url(images/shoppinginquiry_contact.gif);}	/* お問い合わせ */


div#shoppingcompany h4{
width:226px;height:67px;float:left;
position:relative;top:-7px;
text-indent:-9999px;
background:url(images/shoppingcompany_noborilogo.gif) no-repeat 0 0 transparent;
}

div#shoppingcompany p{
width:190px;float:right;
margin-left:7px;display:inline;
font-weight:bold;color:#f60;
}

div#shoppingcompany address{
clear:both;
border-top:solid 2px #ccc;
padding-top:5px;
}

div#shoppingcompany address img{
margin-bottom:3px;
}


/* ========== フッター（#footer） ========== */

div#footer{
background:url(images/shoppinginfo_bottom.gif) no-repeat 0 0 transparent;
	/* #shoppinginfoの終端背景。#footerと#shoppinginfoのマージンはpadding(-top)で調整 */
padding:25px 0 10px;
margin:-10px 10px 0;
}

div#footergroopsites{
margin:5px 5px 10px;padding-bottom:10px;
border-bottom:solid 7px #fe0000;
}

div#footergroopsites ul{
list-style-type:none;
text-align:center;line-height:1.5;
}

div#footergroopsites ul li{
display:inline;padding:2px 7px;
border-left:solid 1px #000;
}

div#footergroopsites ul li.terminated{
border-right:solid 1px #000;
}

div#footer p{
text-align:center;color:#666;line-height:1.35;
}


/* ========== ジャスト紹介（#introduce） ========== */

	/* ----- 概要 ----- */

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

div#introduce h3{
margin:0 0 10px;
height:57px;text-indent:-9999px;
background:url(images/introduce_heading.gif) no-repeat 0 0 transparent;
}

div#introduceexcerpt{
min-height:150px;height:auto !important;height:150px;
background:url(images/introduceexcerpt_bg.jpg) no-repeat 0 0 transparent;
/*border-bottom:dashed 2px #ccc;*/
}

div#introduceexcerpt p{
margin:0 350px 15px 30px;	/* margin-topを設定すると空間が空いてしまう… */
padding-top:15px;
font-size:14px;
}


	/* ----- ケース特許・グループサイト ----- */

div#introducecontent{
background:url(images/introducecontent_delimita.gif) repeat-y 430px 5px transparent;
}

div#patentintroduce{
width:420px;float:left;
/*border-right:dashed 2px #ccc;*/
background:url(images/patentintroduce_bg.jpg) no-repeat 0 15px transparent;
min-height:130px;height:auto !important;height:145px;
}

div#patentintroduce dl{
margin:10px 0 15px 105px;
line-height:1.35;
}

div#patentintroduce dt{
/*color:#f33;font-weight:bold;font-size:14px;*/
visibility:hidden;
}

div#patentintroduce dt img{
display:none;
}

div#patentintroduce dd{
margin:25px 0 15px 40px;
}

div#groupintroduce{
width:490px;float:right;
padding:15px 0;
}

div#groupintroduce ul{
list-style-type:none;
text-align:center;line-height:1.5;
}

div#groupintroduce ul li{
display:inline;padding:2px 7px;
border-left:solid 1px #000;
}

div#groupintroduce ul li.terminated{
border-right:solid 1px #000;
}