@charset "utf-8";

/*店長アドバイス専用
----------------------------------*/
/*faqトップ*/
#faq .greeting{padding:10px;background-color:#d6f5c9;}
#faq .section{border:1px solid #FFD9CC;background-color:#FFFDEE;padding:7px;margin-top:2em;}
#faq .section h3{color:#2666E9;font-size:110%;margin-bottom:1px}
#faq .section h4{border-left:6px solid #E86209;padding-left:4px;font-size:100%; color:#333;margin-top:1.2em; line-height:1.2;}
#faq .section td{vertical-align:top}
#faq .section .question td{font-weight:bold;padding-bottom:6px;}
#faq .section .quest{color:#f00;font-weight:bold;width:18px;}
#faq .section .answer{color:#f00;font-weight:bold}


/*質問一覧と回答一覧共通*/
#faq h2.answer{clear:both;color:#136798; border-left:1em solid #136798; margin:2em 0 2px 0; padding-left:4px; font-size:120%; line-height:1.0;}

/*質問一覧*/
#faq #qacategory{margin:0; padding:0;list-style:none;font-weight:bold;}
#faq #qacategory li{display:inline;float:left;text-align:center;}
#faq #qacategory li#here{display:block;padding:3px 0;width:200px;color:#fff;border:1px solid #4599CF;background-color:#4599CF;}
#faq #qacategory a{display:block;padding:3px 0;color:#333;width:200px;border:1px solid #fff;background-color:#e6e6e6;}
#faq #qacategory a:hover{color:#09F;border:1px solid #bfb6b2;background-color:#fff;}
#faq .qarange div{float:left;width:190px; margin-left:18px; }
#faq .qarange div.qal{margin-left:0;}
#faq .qarange ul{ margin:0; padding:0;list-style:none;font-size:100%;}
#faq .qarange li{ margin-bottom:7px;text-indent:-16px; padding-left:16px;}
#faq .qarange h3{font-size:115%;background-color:#8396a2;}
#faq .qarange h3 a{display:block;width:184px;padding:3px;color:#fff;}
#faq .qarange h3 a:hover{background-color:#ccc;color:#666;}
#faq .qarange p{padding:2px 0; margin-bottom:3px; border:1px #666;border-style:dashed none}
#faq .qarange li a:link{color:#333;text-decoration:none; border-bottom:1px solid #333;}
#faq .qarange li a:visited{color:#906;text-decoration:none; border-bottom:none;}
#faq .qarange li a:hover{color:#09F;border-bottom:1px solid #09f;text-decoration:none;}

/*回答一覧*/
#faq .list{width:606px;margin-top:24px;}
#faq .list h3{border-bottom:3px solid #4599CF;font-size:135%;margin-bottom:6px;color:#333;padding-bottom:2px;}
#faq .list p{font-size:105%;padding-left:24px;}
#faq .list p.quest{background:url(../information/tips_parts/advice-icon-quest.gif) no-repeat left 2px;margin-bottom:6px;}
#faq .list p.ans{background:url(../information/tips_parts/advice-icon-answer.gif) no-repeat left 2px;margin-bottom:6px;}
#faq .list h4{border-left:6px solid #4599CF;padding-left:6px;font-size:105%;color:#333;margin:18px 0 2px 24px;line-height:1.2;}
#faq .list ul.anslist,
#faq .list ol.anslist{margin-left:42px !important;padding-left:0;margin-bottom:8px;font-size:105%;}
#faq .list ul.anslist li,
#faq .list ol.anslist li{margin-top:4px;}
#faq .list .attent{border:1px dashed #AB4641; padding:4px;margin:4px 0 0 24px;}
#faq .list p.attent span{ color:#AB4641; font-weight:bold;}
#faq .list p.ind{margin-left:1em;}
#faq .totop{text-align:right;font-size:90% !important; margin-top:36px;}
#faq .totop a:link,
#faq .totop a:visited{color:#333;text-decoration:none;border-bottom:1px solid #333;}
#faq .totop a:hover{color:#70F;text-decoration:none;border-bottom:1px solid #70f;}
/*--------------------------------*/


/*用語集
----------------------------------*/
#glossary h2#title{background:url(../glossary/parts/glossary_title.gif) no-repeat left top; text-indent:-9999px; height:70px;}
#glossary p#sub{padding:0 0 24px 74px;}
#glossary .sound{margin-bottom:29px;}
#glossary .sound table{border-right:1px solid #cacaca;border-bottom:1px solid #cacaca;}
#glossary .sound tr td{width:32px;background:url(../glossary/parts/glossary_indexback.jpg) no-repeat;border-left:1px solid #cacaca;border-top:1px solid #cacaca;text-align:center;color:#999;padding:1px;}
#glossary .sound tr td a{display:block;width:32px;}
#glossary .sound tr td a:hover{color:#000;background:url(../glossary/parts/glossary_indexbackhover.jpg) no-repeat;}
#glossary #line{font-size:105%;}
#glossary #line h2{padding:1px 0 1px 25px;border-top:3px solid #92c872; font-size:130%;background:url(../glossary/parts/glossary_h2title.gif) no-repeat #e8f0c5;}
#glossary #line h3{border-top:1px solid #999; padding-top:18px;font-size:110%;margin-top:18px;}
#glossary #line h3.no{border-top:none;margin-top:0;}
#glossary #line p{color:#333;}
#glossary #line img{margin-top:4px;}
#glossary #line ul{margin:4px 0 4px 20px;}
#line p a:link,
#line p a:visited{border-bottom:2px dotted #B00C08; text-decoration:none;}
#line p a:hover{ background-color:#CCFF66; color:#333;border-bottom:none; text-decoration:none;}
#glossary #line .memo{ border:1px dashed #B06878; padding:4px; margin:2px 0;}
#glossary #line .memo ul{margin-left:19px; padding-left:0;}
#glossary #line .memo p{}
/*--------------------------------*/


/*相互リンク
----------------------------------*/
#link #title{background:url(../information/tips_parts/common-backlogo.gif) no-repeat;padding-left:174px;border-bottom:1px solid #99c;height:122px; margin-bottom:8px;}
#link #title h2{background-color:#d6f5c9;color:#1970E8;font-size:130%;padding:3px;}
#link #title p{margin:1px 0;}
#link #title .safe{border:1px solid #9099C5;font-size:105%;font-weight:bold;color:#1142AD;padding:2px 2px 2px 5px;}
#link h3{color:#136798; border-left:1em solid #136798; margin:24px 0 2px 0; padding-left:4px; font-size:120%; line-height:1.1;}
#link .category{margin:0; padding:0;list-style:none;font-weight:bold;}
#link .category li{display:inline;float:left;text-align:center;}
#link .category li.here{display:block;padding:3px 0;width:200px;color:#fff;border:1px solid #4599CF;background-color:#4599CF;}
#link .category a{display:block;padding:3px 0;color:#333;width:200px;border:1px solid #fff;background-color:#e6e6e6;}
#link .category a:hover{color:#09F;border:1px solid #bfb6b2;background-color:#fff;}
#link .linker{border-left:1px solid #647579;border-top:1px solid #647579;margin-top:16px;}
#link .linker tr th{background-color:#ff9;}
#link .linker tr th,
#link .linker tr td{border-bottom:1px solid #647579;border-right:1px solid #647579;text-align:left;}
#link .linker tr td a:link{color:#000;text-decoration:none;}
#link .linker tr td a:visited{color:#45556A;text-decoration:none;}
#link .linker tr td a:hover{color:#70F;text-decoration:none;border-bottom:1px solid #70f;}
/*--------------------------------*/


/*事例集専用
----------------------------------*/
#works h3{border:1px solid #333;border-left:8px solid #6265ad;padding:3px 10px;font-size:115%;color:#0056a8;background:url(../information/tips_parts/works_titleback.jpg) repeat-x #aed3ef;margin-bottom:-28px;}
#works h4{border-bottom:2px solid #a0a0a0;font-size:130%;margin-bottom:1px;}
#works .case{width:606px;}
#works .case div{width:580px;border:1px solid #333;margin-top:34px;padding:8px 12px;}
#works .case div .lef{float:left;width:152px;border:none;margin-top:0;padding:0;}
#works .case div .lef .img{margin-top:4px;}
#works .case div .rig{float:right;width:412px;border:none;margin-top:0;padding:0;}
#works .case div .rig .impress{border:1px #333;border-style:solid none;background-color:#f6f0de;padding:1px 7px;margin:14px 0 4px 0;}
/*--------------------------------*/


/*データお役立ち情報専用
----------------------------------*/
#data #logo{font-size:105%;line-height:1.5;}
#data .vat img{margin:2px 0 3px 0;}
#data h2#title{ background:url(../datauseful_back/parts/datauseful_title.gif) no-repeat;height:76px;text-indent:-9999px;}
#data .date{ padding-left:74px;}
#data #coment{padding-top:16px;}
#data #coment img{float:left; width:146px;}
#data #coment p{float:right;border:4px #f8cad0;width:438px;border-style:solid none;padding:8px 0; height:96px;}
#data #logo li{padding-top:4px;}
#data form{margin:2em 0 1em 0;}
/*IE6ハック*/
* html #data #coment{width:100%;}

#data h2#volume{margin-bottom:8px;border-bottom:2px solid #eb6161;font-size:150%; border-left:10px solid #eb6161; padding-left:8px;}
/*#data h2#volume span.num{color:#fff;background-color:#eb6161; padding:5px; margin-right:6px;}*/
#data h2#volume span.sub{font-size:70%;font-weight:normal;margin-left:3px;}
#data h3{color:#007cc0;font-size:125%;border:2px #9eb7df; border-style:dotted none;padding:2px 6px;margin-bottom:4px;}
#data h4{border-left:1em solid #007e54;padding-left:5px;color:#007e54;font-size:100%;margin:18px 0 2px 0;line-height:1.0;}
#data h5{color:#478BF6;margin:14px 0 2px 0;border-left:5px solid #478BF6; line-height:1.0; padding-left:5px;font-size:90%;}
/*IE6ハック*/
* html #data h2#volume span{padding:6px 4px 4px 4px;}

#data .linepic{ clear:both;border-top:1px solid #333; margin-top:8px; padding-top:3px;}
#data .linepic img{float:left;}
#data .datalist{text-align:right;font-size:85%; margin-top:36px;}
#data .datalist a:link,
#data .datalist a:visited{color:#000;text-decoration:none;}
#data .datalist a:hover{color:#70F;text-decoration:none;}
#data .unclear{border:1px #000; border-style:solid none; margin-top:14px; padding:3px 12px;}

#data .explain{border:1px solid #a0a0a0;background-color:#fffcdb;padding:6px;width:592px;margin-top:2px;}
#data .explain p{float:left;width:40px;}
#data .explain .line{border-bottom:1px solid #a0a0a0;margin:6px 0;float:none;width:auto; line-height:0.0;}
#data .explain div{float:right;width:550px;}
#data .explain div ul li{padding:0 !important;}


/*2007.9.29分*/
p.adv{color:#253CDA;font-weight:bold;font-size:105%;margin:12px 0 -0.5em 0;}
p.not{color:#E8312D;font-weight:bold;font-size:105%;margin:12px 0 -0.5em 0;}
/*2008.12.26分*/
#data p.customer{background-color:#FEFDDE;border:1px dashed #A6DA3A;margin-bottom:8px; padding:4px; width:480px;}
/*----------------------------------*/


/*チェックコーナーソフト別tipsその他共通
----------------------------------*/
#softtip h3,
#check h3{color:#007883;border:1px solid #007883;border-left:7px solid #007883;padding:4px 4px 4px 7px;font-size:120%;margin-bottom:4px;line-height:1.1;}
#softtip h4,
#check h4{color:#2C8DE9;border-left:5px solid #2C8DE9;padding-left:5px;font-size:105%;margin:1.3em 0 2px 0; line-height:1.1;}

#cornertitle{background:url(../information/tips_parts/common-backlogo.gif) no-repeat;padding-left:174px;border-bottom:1px solid #99c;height:122px; margin-bottom:8px;}
#cornertitle h2{background-color:#d6f5c9;color:#1970E8;font-size:130%;padding:3px;}
#cornertitle p{margin:1px 0;}
#cornertitle .safe{border:1px solid #9099C5;font-size:105%;font-weight:bold;color:#1142AD;padding:2px 2px 2px 5px;}
#cornermenu{margin-bottom:5px;}
#cornermenu ul{list-style:none; margin:0; padding:0;float:left; width:303px;}
#cornermenu ul li{padding-left:14px; background:url(../information/check_parts/icon01.gif) no-repeat left center;}
.totop{text-align:right;font-size:90% !important; margin-top:30px;}
.totop a:link,
.totop a:visited{color:#000;text-decoration:none;}
.totop a:hover{color:#70F;text-decoration:none;border-bottom:1px solid #70f;}
.imgw{width:606px;}
.imgw img{margin:2px 0;}
.imgw p{text-align:left;}
.imglef{ float:left; width:292px;}
.imgrig{ float:right; width:292px;}
.create{border-top:1px solid #000;border-left:1px solid #000;margin:1px 0;}
.create th{background-color:#FFE4A1;font-weight:normal;}
.create th,
.create td{border-bottom:1px solid #000;border-right:1px solid #000;text-align:center;}
.left th,
.left td{text-align:left;}
/*--------------------------------*/


/*チェックコーナー
----------------------------------*/
/*対応ソフト*/
#soft h2{margin-bottom:22px;}
#soft .lead{color:#007d91;font-size:115%;font-weight:bold;}
#soft .wide{border:1px solid #000; padding:12px;margin:16px 0;}
#soft .wide span{color:#9d221b;font-size:120%;}
#soft .applisoft{width:606px;}
#soft .applisoft h3{font-size:125%;border:1px solid #922887;color:#922887;padding:3px 0;margin:24px 0 16px 0;}
#soft .applisoft h3 span{background-color:#922887;padding:7px 10px;color:#fff;margin-right:10px;}
#soft .applisoft div{float:left;width:194px;}
#soft .applisoft .lef{padding-right:5px;}
#soft .applisoft .line{border:1px #333;border-style:none solid;padding:0 5px;}
#soft .applisoft .rig{padding-left:5px;}
#soft .applisoft .totop{text-align:right;margin-top:36px;}
#soft .applisoft div h4{color:#000;line-height:1.5;margin-top:38px;}
#soft .applisoft div p a{padding-left:17px;background:url(../information/tips_parts/soft_arrow.gif) no-repeat;}
#soft .applisoft div img{float:left; margin-right:3px;}
#soft .applisoft div h4.blank{ margin-top:118px;}
#soft .applisoft div h4.no{margin-top:0;}
/*IE6ハック*/
* html #soft .applisoft h3{padding:5px 0;}
* html #soft .applisoft div h4{font-size:95%;}
* html #soft .applisoft .totop{margin-top:60px;}
/*Safariハック*/
html:\66irst-child #soft .applisoft h4{font-size:100%;}
html:\66irst-child #soft .applisoft h4.blank{margin-top:130px;}


/*対応フォント一覧*/
#font h3{color:#007883;border:1px solid #007883;border-left:7px solid #007883;padding:4px 4px 4px 6px;font-size:120%;margin-bottom:3px;line-height:1.0;}
#font .fontlist{border-top:1px solid #fff;border-left:1px solid #999;}
#font .fontlist td{border-right:1px solid #999;vertical-align:top;text-align:center;border-bottom:1px solid #999;}
#font .mbgc{text-align:center;color:#fff;}
/*モリサワ*/
#font #morisawafont .mbgc{background-color:#445FEC;}
#font #morisawafont .bgc{background-color:#EBFDFF;}
/*フォントワークス*/
#font #fontworks .mbgc{background-color:#FF7E0C;}
#font #fontworks .bgc{background-color:#FFF6DA;}
/*ダイナフォント*/
#font #dynafont .mbgc{background-color:#f30;}
#font #dynafont .bgc{background-color:#FFE5C0;}
/*OSXバンドル*/
#font #osxfont .mbgc{background-color:#992577;}
#font #osxfont .bgc{background-color:#EEDBE6;}
/*Win基本書体*/
#font #basicfont .mbgc{background-color:#09B8C9;}
#font #basicfont .bgc{background-color:#D9F1FF;}
/*字多楽*/
#font #jitarakufont .mbgc{background-color:#FFB854;}
#font #jitarakufont .bgc{background-color:#FFEDDC;}
/*バリュー*/
#font #valuefont .mbgc{background-color:#99471B;}
#font #valuefont .bgc{background-color:#EEE6D1;}

/*加工の図解*/
#diagrams img{margin:3px 0;}
#diagrams p{margin-left:auto;margin-right:auto; width:600px; font-size:105%;}
#diagrams h2{width:600px;margin-left:auto;margin-right:auto;padding:3px 0;margin-top:6px; margin-bottom:10px;font-size:130%; text-align:center;}
#diagrams h2#book{background-color:#fcf;}
#diagrams h2#bind{background-color:#39AE73;color:#fff;}
#diagrams h2#fold{background-color:#f93;color:#fff;}
#diagrams h2#paper{background-color:#F5F480;}
#diagrams h2#flow{background-color:#9BE7FD;}
/*--------------------------------*/


/*低価格専用
----------------------------------*/
#low h2{background:url(../index/lowprice_title.gif) no-repeat; text-indent:-9999px;height:53px;}
#low h3{color:#007883;border:1px solid #007883;border-left:7px solid #007883;padding:4px 4px 4px 6px;font-size:120%;margin:24px 0 3px 0;line-height:1.0;}
#low h4{color:#2C8DE9;border-left:5px solid #2C8DE9;padding-left:5px;font-size:105%;margin:1.3em 0 2px 0; line-height:1.0;}
#low #price p{padding-bottom:1em;}
#low ul.low{list-style:none; padding:0.5em 0;}
#low #lowmenu{margin:0; padding:0;list-style:none;font-size:90%;font-weight:bold;}
#low #lowmenu li{display:inline;float:left;text-align:center; margin-bottom:0;}
#low #lowmenu li a{ display:block;padding:3px 0;color:#333;width:149px;text-decoration:none;border:1px solid #fff;background-color:#e6e6e6;}
#low #lowmenu li a:hover{color:#B00C08;border:1px solid #bfb6b2;background-color:#fff;}