@charset "UTF-8";

/* ========== メインページ本文 ========== */

div#mainpagecontents{
margin:10px 15px;
}


/* ----- 商品イメージ ----- */

div#product_image{

/*width:523px;height:168px;
background:url(top_images/top_main_h_banner.jpg) no-repeat 0% 100%;*/


width:523px;height:240px;
background:url(top_images/top_main_h_banner-l.jpg) no-repeat 0% 100%;

float:left;
margin:0 0 5px 0;
border:solid 1px #ccc;
}

div#product_image p{
background-color:#99cccc;
}


/* ----- flash ----- */

div#advertisement_area{
height:200px;
margin-bottom:8px;
}





/* ----- 今月のおすすめ商品 ----- */

div#month_recommend{
width:247px;
float:right;
border:solid 1px #ccc;
background-color:#d0e2ee;
}

div#month_recommend h2{
margin:0 0 5px 0;
padding:6px 0;
color:#fff;font-size:14px;
text-align:center;
background-color:#6b9cbb;
}

div#month_recommend li{
list-style:none;
text-align:center;
}

div#month_recommend li img{
border:solid 1px #80bdec;
margin:2px 0;
}

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

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;
}


/* ----- 商品リスト ----- */

div#product_list{
min-height:368px;height:auto !important;height:368px;	/* min-height fast hack */
font-size:12px;
background:url(top_images/bg-roundcorner.jpg) no-repeat bottom;
clear:both;
}

div#product_list div{
width:156px;
float:left;
}

div#product_list h2{
height:37px;
text-indent:-9999px;
}

div#product_list div.print_make_list h2 {background:url(top_images/menu_icon_1.jpg) no-repeat 0% 0%;}
div#product_list div.novelty_list h2    {background:url(top_images/menu_icon_2.jpg) no-repeat 0% 0%;}
div#product_list div.office_supply h2   {background:url(top_images/menu_icon_3.jpg) no-repeat 0% 0%;}
div#product_list div.meishi_system h2   {background:url(top_images/menu_icon_4.jpg) no-repeat 0% 0%;}
div#product_list div.rental_security h2 {background:url(top_images/menu_icon_5.jpg) no-repeat 0% 0%;}


div#product_list ul li{
margin:0 6px;
padding:6px 0 0 0;
line-height:1;
list-style:none;
}

div#product_list ul li a{
background:url(top_images/attention_arrow_icon.gif) no-repeat 0% 90%;
padding-left:14px;
}

div#product_list ul li a:link,
div#product_list ul li a:visited{
text-decoration:none;
}

div#product_list ul li a:hover,
div#product_list ul li a:active{
text-decoration:underline;
}

div#product_list div.print_make_list li a {color:#a80808;}
div#product_list div.novelty_list li a    {color:#0066cc;}
div#product_list div.office_supply li a   {color:#693;}
div#product_list div.meishi_system li a   {color:#f89838;}
div#product_list div.rental_security li a {color:#986838;}


/* ----- TOPページ新着情報 ----- */

div#information{
margin:20px 0 10px 0;
clear:both;
}

	/* --- キャンペーン・新着・イベント --- */

div#newly_area{
width:540px;
float:left;
}

div#newly_area h2{
/*===↓キャンペーン・新着情報3列用===↓
padding:4px 0 4px 15px;*/
/*===↓キャンペーン・新着情報4列用===↓*/
padding:0 0 2px 5px;
font-size:15px;
}

div#newly_area ul{
border:solid 1px #999;
padding:5px 5px 5px 15px;
}

div#newly_area ul.new_info{
background-color:#feffe6;
/*===↓キャンペーン・新着情報3列用===↓
margin-bottom:18px;*/
/*===↓キャンペーン・新着情報4列用===↓*/
margin-bottom:8px;
}

div#newly_area ul.event_info{
background-color:#fde8ff;
}

div#newly_area ul li{
list-style-type:none;
font-size:12px;line-height:1.3;
padding: 3px 0 3px 70px;
text-indent: -75px;
}

div#newly_area ul li span{
color:#666;
font-weight:bold;
background:url(top_images/point_icon.gif) no-repeat 95% 0;
padding:0 20px 0 0;
}

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

div#newly_area ul li a:hover,
div#newly_area ul li a:active{
color:#f33;
}

div#newly_area ul li a em{
font-weight:bold;font-style:normal;
}


	/* --- 人気の定番商品 --- */

div#regular_assort{
width:232px;
float:right;
border:solid 1px #ccc;
background-color:#d0e2ee;
}

div#regular_assort h2{
text-align:center;
padding:5px 0 3px 0;
color:#666;font-size:14px;
border-top:solid 3px #614d7d;
}

div#information div#regular_assort li{
list-style-type:none;
text-align:center;
}

div#information div#regular_assort li img{
border:solid 1px #80bdec;
margin:2px 0 3px 0;
}


/* ----- TOPページ商品リスト ----- */

div#justmenus_list{
clear:both;
}

div#justmenus_list h2{
min-height:23px;height:auto !important;height:30px;	/* min-height fast hack */
background:url(top_images/category_title_banner.jpg) no-repeat 0 0;
color:#fff;font-size:14px;
margin:0 0 5px 0;
padding:7px 0 0 15px;
border-bottom:solid 2px #308fbe;
}

div#justmenus_list div{
width:259px;height:160px;
float:left;
border-right:dotted 1px #999;
border-bottom:dotted 1px #999;
}

div#justmenus_list div.justmenu_right{
border-right:none;
}

div#justmenus_list div.justmenu_bottom{
border-right:dotted 1px #999;
border-bottom:none;
}

div#justmenus_list div.justmenu_bottom_end{
border-right:none;
border-bottom:none;
}

div#justmenus_list h3{
width:125px;
float:right;
margin:15px 5px 0 0;
font-size:14px;
line-height:1.4;
text-align:right;
}

div#justmenus_list h3 a:link,
div#justmenus_list h3 a:visited{
color:#0066cc;
text-decoration:none;
}

div#justmenus_list h3 a:hover
div#justmenus_list h3 a:active{
color:#0066cc;
text-decoration:underline;
}

div#justmenus_list div p{
margin:5px 10px;
line-height:1.4;
}

div#justmenus_list div img{
margin:3px 0;
float:left;
}

div#justmenus_list p.detail_links{
clear:both;
font-size:12px;
}


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


div#just_g_menus_list{
margin:10px 0 0 0;
padding:5px 0 10px 0;
clear:both;
}

div#just_g_menus_list h2{
min-height:31px;height:auto !important;height:40px;	/* min-height fast hack */
background:url(top_images/s_site_title_banner_s.jpg) no-repeat 0 0;
color:#fff;font-size:14px;
margin:5px 0 5px 0;
padding:12px 0 0 15px;
}

div#just_g_menus_list h3{
text-indent:-9999px !important;
border:none !important;
padding:5px 5px 0 10px !important;
}

div#just_g_menus_list div#just_g_top,
div#just_g_menus_list div#just_g01,
div#just_g_menus_list div#just_g02,
div#just_g_menus_list div#just_g03,
div#just_g_menus_list div#just_g04,
div#just_g_menus_list div#just_g05,
div#just_g_menus_list div#just_g06,
div#just_g_menus_list div#just_g07,
div#just_g_menus_list div#just_g08{
margin:5px 0 !important;
padding:0 !important;
width:385px;
height:155px;
}

div#just_g_menus_list div div.site_detail{
margin:0 !important;
padding:0 !important;
width:385px;
height:122px;
background:url(top_images/j_group_bg.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g_top{
background:url(top_images/j_main_group.gif) 0% 100% no-repeat;
}

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

div#just_g_menus_list div#just_g01 p.g_details a{
background:url(top_images/g_dm_hover.gif) 0 0 no-repeat;
}

div#just_g_menus_list div#just_g02 p.g_details a{
background:url(top_images/g_insatsu_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g03 p.g_details a{
background:url(top_images/g_pen_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g04 p.g_details a{
background:url(top_images/g_card_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g05 p.g_details a{
background:url(top_images/g_lighter_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g06 p.g_details a{
background:url(top_images/g_meishi_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g07 p.g_details a{
background:url(top_images/g_amuse_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div#just_g08 p.g_details a{
background:url(top_images/g_nobori_hover.gif) 0% 0% no-repeat;
}

div#just_g_menus_list div p.g_details a{
display:block;
width:385px;
height:33px;
}

div#just_g_menus_list p.g_details a:hover{
background-position:0 -33px !important;
}

div#just_g_menus_list div#just_g_top,
div#just_g_menus_list div#just_g02,
div#just_g_menus_list div#just_g04,
div#just_g_menus_list div#just_g06,
div#just_g_menus_list div#just_g08{
float:left;
}

div#just_g_menus_list div#just_g01,
div#just_g_menus_list div#just_g03,
div#just_g_menus_list div#just_g05,
div#just_g_menus_list div#just_g07{
float:right;
}

div#just_g_menus_list div img{
margin:5px 0;
float:left;
}


/* ----- 各サイト別テキストレイアウト ----- */


div#just_g_menus_list p.detail_links{
float:right;
font-size:12px;
line-height:1.4;
padding-right:10px !important;
text-align:justify;
}

div#just_g_menus_list div#just_g01 p.detail_links{
width:250px;
height:auto;
}

div#just_g_menus_list div#just_g02 p.detail_links{
width:225px;
height:auto;
padding-top:30px;
}

div#just_g_menus_list div#just_g03 p.detail_links{
width:225px;
height:auto;
padding-top:30px;
}

div#just_g_menus_list div#just_g04 p.detail_links{
width:250px;
height:auto;
padding-top:47px;
}

div#just_g_menus_list div#just_g05 p.detail_links{
width:220px;
height:auto;
padding-top:30px;
}

div#just_g_menus_list div#just_g06 p.detail_links{
width:200px;
height:auto;
padding-top:30px;
}

div#just_g_menus_list div#just_g07 p.detail_links{
width:250px;
height:auto;
padding-top:3px;
}

div#just_g_menus_list div#just_g08 p.detail_links{
width:225px;
height:auto;
padding-top:30px;
}


/* ----- 共通 ----- */


div#justmenus_list p a,
div#just_g_menus_list p a{
color:#06c;
text-decoration:underline;
}

div#justmenus_list p a:hover,
div#just_g_menus_list p a:hover,
div#justmenus_list p a:active,
div#just_g_menus_list p a:active{
color:#f33;
text-decoration:underline;
}


/* ----- 全商品リスト ----- */

div#commodity_area{
margin:5px 0 10px 0;
clear:both;
}

div#commodity_area h2{
margin:0 1px;
padding:7px 0 4px 15px;
border-left:solid 1px #666;
border-right:solid 1px #666;
border-top:solid 3px #614d7d;
color:#333;font-size:14px;
background-color:#e6e6e6;
}


div#commodities_list{
min-height:310px;height:auto !important;height:310px;	/* min-height fast hack */
font-size:12px;
background:url(top_images/bg-roundcorner_big.gif) no-repeat left bottom;
}

div#commodities_list div{
float:left;
}

div#commodities_list div.novelty_list,
div#commodities_list div.meishi_system_list,
div#commodities_list div.office_supply_list,
div#commodities_list div.general_print_list,
div#commodities_list div.rental_security_list{
width:195px;
}

div#commodities_list div.print_make_list,
div#commodities_list div.office_supply_list{
width:390px;
background:url(top_images/u_menu_icon_2.jpg) no-repeat right top;
}

div#commodities_list h3{
height:35px;
text-indent:-9999px;
}

div#commodities_list div.print_make_list h3      {background:url(top_images/u_menu_icon_1.jpg) no-repeat 0% 0%;}
div#commodities_list div.novelty_list h3         {background:url(top_images/u_menu_icon_3.jpg) no-repeat 0% 0%;}
div#commodities_list div.meishi_system_list h3   {background:url(top_images/u_menu_icon_4.jpg) no-repeat 0% 0%;}
div#commodities_list div.office_supply_list h3   {background:url(top_images/u_menu_icon_5.jpg) no-repeat 0% 0%;}
div#commodities_list div.general_print_list h3   {background:url(top_images/u_menu_icon_7.jpg) no-repeat 0% 0%;}
div#commodities_list div.rental_security_list h3 {background:url(top_images/u_menu_icon_8.jpg) no-repeat 0% 0%;}


div#commodities_list ul{
width:195px;float:left;
padding-bottom:10px;
}

div#commodities_list ul li{
margin:0 6px;
padding:6px 0 0 0;
line-height:1;
list-style:none;
}

div#commodities_list ul li a{
color:#06c;
padding-left:14px;
background:url(top_images/attention_arrow_icon.gif) no-repeat 0% 90%;
}

div#commodities_list ul li a:link,
div#commodities_list ul li a:visited{
text-decoration:none;
}

div#commodities_list ul li a:hover,
div#commodities_list ul li a:active{
text-decoration:underline;
}


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

p.pageutillinks{
margin-top:10px !important;
padding-top:10px !important;
text-align:right;clear:both;
}

p.pageutillinks a{
padding:0 0 10px 20px;
background:url(top_images/header_up_arrow.gif) no-repeat 0% 0%;
}


/* ----- 休業情報 ----- */

div.company_info{
margin-bottom:15px;
padding:5px 15px !important;
background-color:#fff;
border:#900 2px solid;
}

div.company_info h3{
color:#333;
font-size:14px !important;
background-color:#ccc;
padding:3px 10px !important;
}

div.company_info p{
font-size:12px !important;
margin:0 !important;
padding:5px 0 !important;
line-height:120%;
}


div.closing_info{
margin:10px 0;
padding:5px 15px !important;
background-color:#ffecec;
}

div.closing_info h3{
color:#c00;
font-size:14px !important;
background:none !important;
padding:0 !important;
}

div.closing_info p{
font-size:12px !important;
margin:0 !important;
padding:5px 0 !important;
line-height:120%;
}

div.closing_info span.bold_black{
color:#333;
font-weight:bold;
}

/* ----- 企業挨拶 ----- */

div.greeting_info{
margin:10px 0;
padding:5px 15px !important;
border:#900 2px solid;
}

div.greeting_info h3{
color:#c00;
font-size:14px !important;
background:none !important;
padding:0 !important;
}

div.greeting_info p{
font-size:12px !important;
margin:0 !important;
padding:5px 0 !important;
line-height:120%;
}

div.greeting_info p.greetingright{
text-align:right;
}

div.greeting_info span.bold_black{
color:#333;
font-weight:bold;
}



/* ========== ページ個別設定 ========== */


table.collectionsummary th{	/* --- 求人募集要項表 --- */
background-color:#ffd194;
width:115px;
}

p.applylink{	/* --- 求人募集応募するリンク --- */
text-align:center;
font-size:18px;font-weight:bold;
margin-top:15px !important;margin-bottom:15px !important;
}


	/* --- 会社概要・展示会情報 定義リスト --- */
dl.exhibitioninfo,
dl.companyinfo{

}

dl.exhibitioninfo dt,
dl.companyinfo dt{
width:9em;float:left;
padding-bottom:0.5em;
}

dl.exhibitioninfo dd,
dl.companyinfo dd{
margin-left:10.5em !important;
padding-bottom:3px !important;
zoom:1;	/* IEの行開始位置ずれ対策 */
}


	/* --- 展示会情報問合せ --- */

p.exhibition_mail{
padding:10px 10px 10px 30px;
border:solid 1px #aaa;
background:url(/top_images/right_arrow.gif) no-repeat 10px 12px #f2fcfc;
}

p.exhibition_mail a{
background:url(/top_images/mail_y.gif) no-repeat 97% 5px;
padding:3px 23px 0 0;
}

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

div#companyhistory{	/* 沿革表示部分 */
margin:10px 20px;
height:300px;
overflow:auto;
border:inset 1px #ccc;
}

ul.activities li{	/* 事業内容 */
margin-bottom:4px;
}


	/* --- 展示会情報カテゴリーでの、展示会エントリーリスト --- */

ul.exhibitionlist li{
padding-bottom:10px;
line-height:150% !important;
}



	/* --- 展示会情報の「弊社出展情報」で、ブースマップを回り込ませるとき --- */

div.insboothmap h4{	/* -- h4で回り込みを解除しない -- */
clear:none !important;
}


	/* --- TOPページご案内（休暇案内など） --- */

div#goannai{
margin:0 10px 10px;
clear:both;
}

div#goannai h3{
font-size:16px;
font-weight:bold;
border-bottom:double 3px #005adf;
margin:10px 20px 5px 10px !important;
padding:3px 8px;
clear:both;
}

div#goannai p{
margin:5px 20px;
}

div#goannai p.banner{
text-align:center;
}



p.vacationdate{	/* -- 休暇期間強調 -- */
color:#c00;font-size:18px;text-align:center;
clear:both;
border:1px #ff95a9 solid;
margin:10px 20px;
padding:5px;
background-color:#ffe4e1;
}

span.vacationdate{	/* -- 締め切り日強調 -- */
color:#c00;font-weight:bold;
}


/* ----- 2段並び記事リスト用追加設定 ----- */

div.articles p{
margin:5px 10px !important;
font-size:87%;
}

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

div.articles dd,div.articles li{
font-size:87%;
}

div.articles span.vacationdate{
font-size:115%;
}


/* ----- 再生紙古紙配合率問題お知らせ----- */

div#probleminfo{
border:1px #ff95a9 solid;
margin:10px 20px !important;
padding:5px 5px;
background-color:#ffe4e1;
}

div#probleminfo h4{
border-bottom:solid 3px #f00;
padding-bottom:2px;
margin-top:0;
}



/* ----- 2008どっと混む福井 会員リンク集 ----- */
/* http://webcr01.surfboard.co.jp/link.html より引用、改変 */

div#dotcomfukui dl{
clear:both;
text-align:left;font-size:12px;
border-bottom:1px dashed #FF4A81;
zoom:1;	/* IE対策 */
}

div#dotcomfukui dt a:hover{
color:#c00;
}

div#dotcomfukui dd a:link,
div#dotcomfukui dd a:visited{
text-decoration:none;
color:#000;
}

div#dotcomfukui dd a:hover{
text-decoration:underline;
color:#c00;
}

div#dotcomfukui dt{
float:left;
width:290px;
}

div#dotcomfukui dd{
margin-left:300px !important;
}




/* ----- その他相互リンク等 ----- */

div#otherlinks dl{
clear:both;
text-align:left;font-size:12px;
border-bottom:1px dashed #93df7c;
zoom:1;	/* IE対策 */
}

div#otherlinks dt a:hover{
color:#c00;
}

div#otherlinks dd a:link,
div#otherlinks dd a:visited{
text-decoration:none;
color:#000;
}

div#otherlinks dd a:hover{
text-decoration:underline;
color:#c00;
}

div#otherlinks dt{
float:left;
width:290px;
}

div#otherlinks dd{
margin-left:300px !important;
}



/* ----- チャイルドスポンサーシップ ----- */

div#childsponsership{
margin:5px -20px 5px 20px;
}

div#childsponsership p{
margin:0 10px 15px 0 !important;
float:left;width:170px;height:220px;
font-size:85%;
}



/* ----- 会社風景 印刷機部分 ----- */

p.printerphoto{
float:left;display:inline;
margin-right:20px !important;
}

div.printerdesc{
margin-left:340px;
padding-top:5px;
}

div.printerdesc ul{
font-size:85%;
}

div.printerdesc p.gotomakerspec{
font-size:85%;text-align:right;
}




/* ----- 直通電話開設案内 ----- */

span.telnum{
color:#c00;font-weight:bold;font-size:16px;
}

div#telnumchangeinfo{

}

div#telnumchangeinfo ul{
margin:5px 10px 5px 25px;
}

div#telnumchangeinfo li{
list-style-type:none;
background:url(/images/tel_redicon.gif) no-repeat 0 3px transparent;
margin-left:0;
padding:0 0 2px 22px;
min-height:18px;height:auto !important;height:20px;
}

div#telnumchangeinfo p.includecmdt{
padding:5px 10px;
border:dashed 1px #aaa;background-color:#feffe6;
}


/* ----- がっちりマンデー取材 ----- */

div#contentszone div.gacchiri_attention{
font-size:16px;
font-weight:bold;
background:#fffdc9;
margin:5px 25px;
border:dashed 1px #ccc;
padding:10px;
}
div#contentszone div.gacchiri_attention p{
background:url(/top_images/gacchiri_point.gif) no-repeat transparent;
padding-left:25px;
}

p.gacchiri{
margin-top:10px;
}



/* ----- 代理店募集 ----- */

div#contentszone div#agency_top{
margin-bottom:10px;
width:780px;
height:355px;
background:url(/company/images/agency/agency_top.jpg) no-repeat 0 0 transparent;
}

div#contentszone div#agency_top p{
margin:0;
padding:0;
padding-top:360px;
}



/* --------------------------------------------------------------*/
/* --- 切り替え画像（サイトTOPカテゴリー） ----- */

div#site_top{
margin-top:10px;
}

div#site_top div#reco_box{
width:780px;
height:230px;
margin:0;
padding:0;
background-color:#fff;
}

div#site_top div#slider{
float:left;
position:relative;
overflow:auto;
width:540px;
height:230px;
margin:0;
padding:0;
}

div#site_top div#slider ul{
position:absolute;
list-style:none;
margin:0;
padding:0;
}

div#site_top div#slider li{
width:540px;
height:220px;
margin:0;
padding:0;
float:left;
}

div#site_top div#pagination{
width:230px;
float:right;
}

div#site_top div#pagination ul{
margin:0;
padding:0;
}

div#pagination li{
list-style:none;
cursor:pointer;
margin:0 !important;
padding:0 !important;
/*border:1px solid #999;*/
}

div#pagination img{
margin-bottom:2px;
vertical-align:bottom;
}

/* ----- ジャパンホームショー2011 ----- */

div.tenjikaileft{
float:left;
margin-bottom:10px;
width:450px;
}