﻿@charset "utf-8";

#index #header{margin-bottom:12px;}



/*isoƂ̃j[o[
----------------------------------*/
#index #header ul{list-style:none;margin:0;padding:0;font-weight:bold;}
#index #header ul li{float:left;text-align:center;border:1px solid #333;margin-right:6px;}
#index #header ul li.no{margin-right:0;}
#index #header ul li span{color:#0068b7;}
#index #header ul li a{display:block;width:128px;padding:5px 0;text-decoration:none;background:url(../index/navibar.jpg) no-repeat 0 -4px;}
#index #header ul li a:hover{color:#666;background:url(../index/navibar.jpg) no-repeat 0 -38px;}
/*IE6IE7̃nbN*/
#index #header ul li{/display:inline;}
#index #header ul li a{/padding:5px 0 6px 0;}
/*SafarinbN*/
html:not(:nth-child(n)) #index #header ul li a{padding:5px 0 7px 0;}
html:not(:nth-child(n)) #index #header ul li a , x:not(:target):-moz-system-metric(mac-graphite-theme){padding:5px 0;}


#index #header #subnavi{list-style-type:none;margin:0;padding:0;font-weight:bold;}
#index #header #subnavi li{float:left;border:none;margin:0 2px 4px 0; text-align:left !important;}
#index #header #subnavi li.no{margin-right:0;}
#index #header #subnavi li a{display:block;width:240px;color:#fff;padding:3px 15px;background:url(../index/index-subnavi-back.gif) no-repeat left top;}
#index #header #subnavi li a:hover{background-position:-270px top;color:#333;}
/*IE6IE7̃nbN*/
#index #header #subnavi li{/margin:0 3px 4px 0;}
#index #header #subnavi li a{/width:240px;padding:3px 14px;}


/*NNn*/
#index .newyear{ color:#e60012;line-height:1.0;}
#index .newyear span{font-weight:bold;}


/*what`s new*/
#index .topnews{
border:2px solid #DE903C;
padding-bottom:5px;
margin-top:18px;
}
#index .topnews h3{
background-color:#DE903C;
font-size:105%;
color:#FEF1AE;
padding:2px 5px;
}
#index .topnews h3 span{
font-size:80%;
font-weight:normal;
margin-left:1em;
}

#index .topnews p{
border-bottom:1px dashed #b5b5b5;
padding:0 5px 6px 22px;
}
#index .topnews p.day{
border-bottom:none;
color:#595959;
font-weight:bold;
padding:6px 5px 0 22px;
background:url(../index/topnews_arrow.gif) no-repeat 5px 9px;
}
#index .topnews p.no{
border-bottom:none;
padding:0 5px 0 21px;
}

/**/
#after{  
-moz-border-radius:8px;  
-webkit-border-radius:8px;  
border-radius:8px;  
}  

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






/*Rec*/
#index .back{background:url(../index/sidebar-back.jpg) repeat-y left bottom;vertical-align:top;}
#index .main{float:right;width:410px;}
#index .main h2{margin-bottom:5px;}
#index .main .lead{border:1px #333;border-style:solid none;padding:3px 0;}
#index .handling{width:410px;margin-top:18px;}
#index .handling div h2{background:none;height:auto;text-indent:0;margin-bottom:2px;}
#index .handling .print{width:220px;float:left;}
#index .handling .print .no{margin-top:0 !important;}
#index .handling .print .offset,
#index .handling .print .digital{float:none;margin-top:32px;}
#index .handling .print .offset .lead{margin-bottom:4px;border:none;padding:0;}
#index .handling .print .offset h3{font-size:115%;background:url(../index/index-arrow01.gif) no-repeat 4px -2px;border-bottom:1px solid #a0a0a0;border-left:1px solid #a0a0a0;margin-top:5px;}
#index .handling .print .offset h3 a:link,
#index .handling .print .offset h3 a:visited{color:#00639f;text-decoration:none;padding-left:20px;}
#index .handling .print .offset h3 a:hover{color:#70F;text-decoration:none;padding-left:20px;}
#index .handling .print .digital .lead{color:#e83e3a;margin-bottom:0;border:none;border-bottom:1px dashed #a0a0a0;padding:0 0 4px 0;}
#index .handling .print .digital h3{font-size:105%;font-weight:normal;background:url(../index/index-arrow02.gif) no-repeat 4px 0;border-bottom:1px dashed #a0a0a0;margin-top:4px; padding-bottom:2px;}
#index .handling .print .digital h3 a:link,
#index .handling .print .digital h3 a:visited{color:#00639f;text-decoration:none;padding-left:18px;}
#index .handling .print .digital h3 a:hover{color:#70F;text-decoration:none;padding-left:18px;}
#index .handling .service{width:172px;float:right;}
#index .handling .service .full{border:6px #abc494;border-style:none solid;color:#15a79a;font-size:130%;font-weight:bold;padding:0 8px;margin-bottom:3px;}
#index .handling .service .push{width:172px;}
#index .handling .service .push img{margin-top:14px;}
#index .handling .service .push div{float:none;border:1px #a0a0a0;border-style:none solid;padding:0 8px;width:154px;margin-bottom:-14px;}

/*#index .handling .service .push div{
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border:1px solid #a0a0a0;
background-color:#fff;
padding:8px 9px;
margin-top:16px;
behavior:url(css/border-radius.htc);
}*/

#index .handling .service .push div h4 a{display:block;text-indent:-9999px;background:url(../index/index-h4title.gif) no-repeat;width:150px;height:22px;}
#index .handling .service .push div h4.soft a{background-position:left top;height:44px;}
#index .handling .service .push div h4.soft a:hover{background-position:right top;}
#index .handling .service .push div h4.inspect a{background-position:left -50px;}
#index .handling .service .push div h4.inspect a:hover{background-position:right -50px;}
#index .handling .service .push div h4.check a{background-position:left -100px;height:44px;}
#index .handling .service .push div h4.check a:hover{background-position:right -100px;}
#index .handling .service .push div h4.proof a{background-position:left -150px;height:44px;}
#index .handling .service .push div h4.proof a:hover{background-position:right -150px;}
#index .handling .service .push div h4.design a{background-position:left -200px;height:44px;}
#index .handling .service .push div h4.design a:hover{background-position:right -200px;}
#index .handling .service .push div h4.low a{background-position:left -250px;}
#index .handling .service .push div h4.low a:hover{background-position:right -250px;}
#index .handling .service .push div h4.high a{background-position:left -300px;}
#index .handling .service .push div h4.high a:hover{background-position:right -300px;}
#index .handling .service .push div h4.address a{background-position:left -350px;height:44px;}
#index .handling .service .push div h4.address a:hover{background-position:right -350px;}
#index .handling .service .push div ul{margin:0 0 0 15px;}
#index .handling .service .push div p{padding-left:1em;text-indent:-1em;}

#index .home{margin-top:16px;width:410px;}
#index .home h3{margin:14px 0 -6px 0;}
#index .home div{border:1px solid #a0a0a0;padding:8px;width:392px;margin-top:10px;}
#index .home div img{float:left;margin-right:8px;}
#index .home .lef{float:left;width:182px;}
#index .home .rig{float:right;width:182px;}
#index .home h4{font-size:160%;margin-top:-6px;}
#index .home h4 img{float:none;margin:6px 0 4px 0!important;}
#index .home h4.art{color:#15a79a;text-align:center;}
#index .home h4.liking{color:#209ccd;text-align:center;}
#index .home div.cook h4{padding-left:145px;}
#index .home div.cook p{padding-left:166px;}

#index .side{float:left;width:186px;}
#index .side #info .manageradvice{text-align:center;margin-left:-12px;font-size:105%; margin-bottom:2px;}
#index .side #info .manageradvice a:link,
#index .side #info .manageradvice a:visited{color:#B00C08;text-decoration:none;border-bottom:1px solid #B00C08;}
#index .side #info .manageradvice a:hover{color:#70F;text-decoration:none;border-bottom:1px solid #70f;}
#index .side #info .telfax{color:#000;font-weight:bold;font-size:105%;}
#index .side .mailpdf,
#index .side .linkcarend{border-bottom:5px solid #fff;padding:3px 6px 3px 29px;font-weight:bold;font-size:110%;background-repeat:no-repeat;background-position:13px 6px;}
#index .side .mailpdf{background-image:url(../index/arrow04.gif);}
#index .side .linkcarend{background-image:url(../index/arrow05.gif);}
#index .side .datamake{border:none;padding:3px 0 3px 14px;font-weight:bold;margin-bottom:0;}
#index .side .datamake span{background:url(../index/arrow05.gif) no-repeat -1px center;padding-left:14px;}
#index .side .point h4{margin:5px 0 -3px 14px;}
#index .side .point p{border-top:7px solid #fff;text-align:center;padding-top:6px;}
#index .side .point p.lead{border:none;text-align:left;padding:6px 0 3px 14px;}

#index .develop{vertical-align:top;border-left:18px solid #fff;background-color:#ecf4d9;}

#index .develop .bnr{
background-color:#fff;
text-align:center;
padding-bottom:6px;
}
#index .develop .bnr div{
display:block;
padding:8px 0 10px 0; 
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border:1px solid #a0a0a0;
-moz-box-shadow: 0 3px 3px #ADADAD;
-webkit-box-shadow: 0 3px 3px #ADADAD;
}

#index .develop .bnr div p{margin:0 0 2px 0;}


#index .develop h3{text-indent:-9999px;background:url(../index/index-h3title.gif) no-repeat center top;width:162px;height:32px;margin:6px 8px 2px 8px;}
#index .develop .certify{margin:4px 8px -8px 8px;}
#index .develop .certify p{font-weight:bold;text-align:center;margin:0 !important;}
#index .develop .certify p strong{color:#1E3BD0;}
#index .develop h4{margin:4px 8px;text-align:center;border-top:1px solid #a0a0a0;padding-top:4px;}
#index .develop h4.no{border-top:none;}
#index .develop h4 a:link,
#index .develop h4 a:visited{color:#1057a7;text-decoration:none;}
#index .develop h4 a:hover{color:#70f;text-decoration:none;}
#index .develop p{margin:4px 15px;}
#index .develop img.pic{margin:0 15px;}
#index .develop img.mgn{margin:2px 9px;}

/*IE6IE7̃nbN*/
#index .handling .print .offset,
#index .handling .print .digital{/margin-top:30px;}
#index .home{/margin-top:0;}
#index .home h3{/margin:16px 0 -6px 0;}
#index .handling .service .push div{/margin-top:-2px;/margin-bottom:-15px;}
#index .handling .service .push img{/margin-top:15px;}




/*̑
----------------------------------*/
/*ЃT[rX*/
#inspect h2,
#check h2,
#text h2{margin-bottom:12px;}
#inspect h3,
#check h3,
#text h3{margin:18px 0 10px 0;}
#inspect .problem,
#check .problem,
#text .problem{margin:0 30px;}

/*f[^ؖ*/
#inspect .inspect{font-size:150%;font-weight:bold;background:url(../index/check-inspect-lead.gif) no-repeat left center;color:#eb6100;padding-bottom:6px;}
#inspect .problem h3{margin:18px 0 0 0;}
#inspect .problem p{font-size:105%;}
#inspect .problem div{background:url(../index/check-inspect_box-m.gif) repeat-y;width:500px;}
#inspect .problem div h4{font-size:130%;padding:0 0 2px 10px;border-bottom:2px dashed #f3b6c2;}
#inspect .problem div h4 span{font-size:80%;color:#000;font-weight:normal;margin-left:14px;}
#inspect .problem div h4 a:link,
#inspect .problem div h4 a:visited{color:#ec6e65;text-decoration:none;}
#inspect .problem div h4 a:hover{color:#70f;text-decoration:none;}
#inspect .problem div p{margin:4px 14px 0 28px;}
#inspect h3.sub{color:#fff;font-size:175%;padding:0 6px;background-color:#ef974f;margin:36px 0 12px 0;}
#inspect .sub{margin-left:36px;}
#inspect .sub p{font-size:125%;font-weight:bold;color:#f09850;margin-bottom:6px;}

/*f[^`FbNEC*/
#check .check{font-size:150%;font-weight:bold;background:url(../index/check-check_lead.gif) no-repeat left center;color:#0068b5;padding:2px 0 2px 18px;}
#check .problem h3{margin:18px 0 0 0;}
#check .problem h4{margin-left:16px;font-size:130%;padding:16px 0 1px 6px;border-bottom:1px solid #92c6ec;border-left:1px solid #92c6ec;width:310px;}
#check .problem h4 span{font-size:80%;color:#000;font-weight:normal;margin-left:14px;}
#check .problem h4 a:link,
#check .problem h4 a:visited{color:#3071b8;text-decoration:none;}
#check .problem h4 a:hover{color:#70f;text-decoration:none;}
#check .problem div{background:url(../index/check-check_line.gif) repeat-y 16px top; padding-left:20px;}
#check .problem div h4{margin-left:-4px;}
#check .problem div p{margin:0 14px 0 16px;font-size:105%;border-left:1px solid #92c6ec;border-bottom:1px solid #92c6ec;padding:4px;width:460px;}
#check .problem p.no{margin:0 14px 0 36px;font-size:105%;border-left:1px solid #92c6ec;border-bottom:1px solid #92c6ec;padding:4px;width:460px;}
#check .problem p.mt1{margin-top:1em; margin-left:16px;font-size:105%;}
#check h3.sub{color:#fff;font-size:175%;padding:0 6px;background-color:#36a7d2;margin:36px 0 12px 0;}
#check .sub{margin-left:36px;}
#check .sub p{font-size:125%;font-weight:bold;color:#36a7d2;margin-bottom:6px;}
#check .sub .attention{font-size:105%;color:#36a7d2;margin-top:16px;font-weight:normal;}

/*Z@*/
#text .text{font-size:150%;font-weight:bold;color:#17902d;border:1px solid #005557;border-left:12px solid #005557;padding:1px 0 1px 3px;margin-bottom:3px;}
#text .problem{border:1px solid #000;margin-top:18px;padding-bottom:12px;}
#text .problem h3{margin:0 0 -6px 0;}
#text .problem h4{margin:0 16px;font-size:130%;padding:16px 0 1px 0;border-bottom:1px solid #003b3d;color:#17902d;}
#text .problem p{margin:2px 14px 0 16px;font-size:105%;}
#text .problem p.mt1{margin:1em 14px 0 16px;font-size:105%;}
#text h3.sub{color:#fff;font-size:175%;padding:0 6px;background-color:#009379;margin:36px 0 12px 0;}
#text .sub{margin-left:36px;}
#text .sub p{color:#000;}
#text .sub p strong{font-size:130%;color:#009379;margin-bottom:6px;}
#text .sub .problem{padding:8px;margin:16px 20px 0 0;}
#text .sub .problem h4{font-size:125%;padding:0;margin:0 0 6px 0;border-bottom:none;color:#17902d;}
#text .sub .problem p{margin:0 0 3px 0;padding-left:1em;text-indent:-1em;}
#text .sub .problem p.mt15{margin:1.5em 0 0 1em;}
/*IE6IE7̃nbN*/
#text .sub .problem h4{/font-size:120%;}

/*X^btKT[rX*/
#common #staffvisit{font-size:105%;}
#common .visit p.lead{padding-left:1em;}
#common p.sub{color:#da4060; padding:0 0 5px 5px;border-bottom:1px solid #000;border-left:1px solid #000;font-size:165%; margin-bottom:6px;}
#common p.sub span{ color:#000; background:url(../index/arrow10.gif) no-repeat; padding-left:17px; font-size:70%; font-weight:normal;}
/*#common .visit p.lead a:link,
#common .visit p.lead a:visited{color:#da4060;border-bottom:1px solid #da4060;text-decoration:none;font-weight:bold;}
#common .visit p.lead a:hover{color:#70F;border-bottom:1px solid #70F;text-decoration:none;font-weight:bold;}*/
#common .visit{border:1px solid #000; margin:18px 25px; padding-bottom:13px;}
#common .visit h4{background:url(../index/datacheck-back.jpg) repeat-x;font-size:120%;padding:4px 0 3px 18px;margin-bottom:8px; text-align:left;}
#common .visit h5{margin:2px 18px; font-size:110%; border-bottom:1px solid #000; padding-bottom:1px;}
#common .visit p{margin:0 18px;}


/*f[^쐬AhoCX*/
#advice h2{}
#advice .check{border-top:1px solid #000;padding-top:7px;}
#advice .check h3{border-left:16px solid #EAEC50;color:#666;font-size:120%;padding:3px 3px 3px 9px;margin:14px 0 3px 0;
background:url(../flowchart/parts/common-advice_h3titleback.gif)  center center #FEFFB0;}
#advice .check h4{border-bottom:1px solid #06F;color:#06F;margin:2em 0 -0.8em 0;font-size:115%;}
#advice .check p.lead{font-size:110%; margin-top:0 !important;}
#advice .check p.lead strong{color:#f00; font-size:120%; font-weight:normal;}
#advice .check p,
#advice .check ul,
#advice .check ol{margin-top:1em; font-size:105%;}
#advice .check div{border:1px solid #000; padding:5px; margin-top:1em;}
#advice .check div p{margin-top:0;font-size:105%; color:#f00;}
#advice .check div ul{margin-top:0;font-size:105%;}

/*J_[p*/
#common #calendarout{border:1px solid #666629;width:778px;background-color:#D9D9A2;padding:15px;}
#common #calendarin{vertical-align:top; padding:66px 80px 12px 80px;background:url(../index/cal_title.jpg) no-repeat center 12px #fff;}

/*TCg}bv*/
#sitemap h2{background-color:#d6f5c9;color:#1970E8;font-size:150%;padding:6px;margin-bottom:18px;}
#sitemap .item{width:606px;}
#sitemap .item h3{margin-top:18px;color:#3A6A74;font-size:120%;border-bottom:1px solid #3A6A74;}
#sitemap .item h3.no{margin-top:0}
#sitemap .item .lef{float:left;width:294px;}
#sitemap .item .rig{float:right;width:294px;}
#sitemap .item p{background:url(../index/map_arrow.gif) no-repeat 4px 3px;padding-left:20px;font-weight:normal;font-size:105%;margin-top:4px;}
/*#sitemap .item ul{font-size:90%;margin:0 0 0 36px;}*/

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


/*׈
----------------------------------*/
#quality h2{background:url(../main_print/quality-h2title.gif) no-repeat;height:94px;text-indent:-9999px;}
#quality .lead{background:url(../main_print/quality-back.jpg) no-repeat;padding:14px 32px 32px 14px;height:558px;margin-bottom:14px;}
#quality .lead h3{font-size:140%; color:#00885f;margin-bottom:14px;}
#quality .lead img.float{float:left;margin-right:14px;}
#quality .lead p{margin:54px 0 14px 0;font-size:105%;}
#quality .lead .photo{width:560px;}
#quality .lead .photo{margin-top:14px;}
#quality .lead .photo img{float:left;margin-right:10px;}
#quality .lead .photo img.no{margin-right:0 !important;}
#quality .lead p.cameraman{text-align:right;margin:3px 0 0 0;}
#quality .tocase{font-size:105%;margin-left:auto;margin-right:auto;width:370px;}
#quality .tocase a{display:block;background:url(../main_print/quality-tocase.jpg) no-repeat 250px -1px;padding:24px 10px;border:1px solid #333;}
#quality .tocase a:hover{background:url(../main_print/quality-tocase.jpg) no-repeat 250px -90px;color:#765c2f;border:1px solid #765c2f;}
#quality .flow{font-size:105%;line-height:1.4;margin:12px 0 18px 70px;}
#quality .feature{font-size:130%; border:1px #333;border-style:solid none; font-weight:bold; padding:1px 0; text-align:center; margin-bottom:-8px;} 
#quality #featurecontents{width:606px;}
#quality #featurecontents .lef{float:left;width:258px;}
#quality #featurecontents .rig{float:right;width:258px;}
#quality #featurecontents div{border:5px solid #574f4f;border-top:none;border-left:none;padding:6px 16px 14px 12px;margin-top:20px;}
#quality #featurecontents h3{border-left:5px solid #094;padding:4px 0 3px 8px;line-height:1.0;font-size:135%;color:#094;}
#quality #featurecontents p{line-height:1.7;margin-top:5px;font-size:105%;}
/*IE6IE7̃nbN*/
#quality .lead p{/margin:56px 0 14px 0;}
/*--------------------------------*/



/*fUCf[^쐬
----------------------------------*/
#creation h2{background:url(../index/creation-h2title.gif) no-repeat;text-indent:-9999px;border-bottom:1px solid #000;margin-bottom:16px; height:46px;}
#creation .designdata{width:606px;}
#creation .designdata .results{float:left;width:366px;}
#creation .designdata .results h2{background:none;text-indent:0;border-bottom:none;margin-bottom:0;height:auto;margin:24px 0 2px 0;}
#creation .designdata .resultslink{width:366px; margin-bottom:36px;}
#creation .designdata .resultslink .lef{float:left;width:172px;position:relative;}
#creation .designdata .resultslink .rig{float:right;width:194px;}
#creation .designdata .resultslink h3 a{background-repeat:no-repeat;background-image:url(../index/creation-h3icon.gif);text-indent:-9999px;width:160px;height:46px;display:block;margin-top:21px;}
#creation .designdata .resultslink h3.pl a{background-position:left top;}
#creation .designdata .resultslink h3.pl a:hover{background-position:-200px top;}
#creation .designdata .resultslink h3.po a{background-position:20px -50px;}
#creation .designdata .resultslink h3.po a:hover{background-position:-180px -50px;}
#creation .designdata .resultslink h3.fd a{background-position:40px -100px;height:60px;position:absolute;top:128px;left:auto;width:200px;}
#creation .designdata .resultslink h3.fd a:hover{background-position:-160px -100px;}
#creation .designdata .resultslink h3.cg a{background-position:left -160px;width:194px;}
#creation .designdata .resultslink h3.cg a:hover{background-position:-200px -160px;}
#creation .designdata .resultslink h3.cp a{background-position:20px -210px;}
#creation .designdata .resultslink h3.cp a:hover{background-position:-180px -210px;}
#creation .designdata .resultslink h3.bs a{background-position:40px -260px;width:170px;}
#creation .designdata .resultslink h3.bs a:hover{background-position:-160px -260px;}
#creation .designdata .results .service{width:366px;margin-top:21px;}
#creation .designdata .results .service h3{margin-bottom:6px;}
#creation .designdata .results .comment{float:left;width:202px;padding:8px 32px 8px 8px;background:url(../index/creation-arrow.gif) no-repeat right center #e0f0e2;}
#creation .designdata .results .price{float:right;width:120px;font-size:90%;padding-left:4px;}
#creation .designdata .results .price strong{color:#e60012;font-size:200%;}
#creation .designdata .results .price strong span{font-size:65%;}
#creation .designdata .results .right{width:88px;padding:30px 32px 0 0;}
#creation .designdata .designroom{float:right;width:226px;}
#creation .designdata .designroom div{background-color:#eeeede;padding:6px;}
#creation .designdata .designroom div h4{margin-bottom:3px;}
#creation .designdata .designroom div p{margin-bottom:6px;}
#creation .designdata .designroom div .caption{text-align:right;margin:2px 14px 10px 0;}
#creation .designdata .designroom div h5{color:#c2191f;margin-bottom:2px;font-size:110%;}
/*SafarinbN*/
html:\66irst-child #creation .designdata .results .price strong{font-size:180%;}

/*e*/
#results h2{border-bottom:1px solid #fff;padding-bottom:15px;margin-bottom:10px;}
#results .back{background-color:#000;padding:20px;width:770px;}
#results .back p{font-weight:bold;text-align:center;}
#results p img{margin-bottom:18px;}
#results h3{font-size:150%; margin-bottom:18px;}
#results h3.panf,
#results #thinkpanf{color:#fe9;}
#results h3.cat,
#results #thinkcat{color:#cfc;}
#results h3.pos,
#results #thinkpos{color:#fcc;}
#results h3.com,
#results #thinkcom{color:#9cf;}
#results h3.dm{color:#fca}
#results table{margin:0 85px;}
#results table#thinkdm{color:#fca;font-weight:bold;}
#results h3.book,
#results #thinkbook{color:#ccf;}
/*--------------------------------*/


/*₢킹[i܂ł̗
----------------------------------*/
#flowchart h2{margin:2px 0 4px 0;}
#flowchart .lead{color:#33a02c;margin-bottom:14px;}
#flowchart h3{margin-bottom:-2px;border-top:3px solid #8bc66d;}
#flowchart .chart{width:606px;}
#flowchart .chart .flow{float:left;width:372px;}
#flowchart .chart .flow .num{float:left;width:28px;text-align:center;clear:none !important;border:1px solid #f39700;background-color:#f39700;color:#FFFDE2;font-size:145%;font-weight:bold;margin-left:0 !important;margin-top:16px;height:30px;}
#flowchart .chart .flow h4{float:left;width:316px;padding:3px 12px;border:1px solid #f39700;font-size:115%;background: url(../index/flowchart-arrow.gif) no-repeat 310px center #FFFDE2;margin-top:16px;height:24px;}
#flowchart .chart .flow p{clear:both;margin-left:30px;}
#flowchart .chart .flow .choice{color:#b00c08;margin-top:16px;}
#flowchart .chart .flow .choice .lef{float:left;width:136px;text-align:right;clear:none !important;margin-left:0;}
#flowchart .chart .flow .choice .rig{float:right;width:176px;text-align:right;clear:none !important;margin-left:0;}
#flowchart .chart .attention{float:right;width:216px;}
#flowchart .chart .attention h3{margin-bottom:-16px;}
#flowchart .chart .attention div{background-color:#f6f8da;padding:0 5px 65px 5px;}
#flowchart .chart .attention h4{font-size:115%;color:#006328;margin-top:32px;}
#flowchart .chart .attention .down{margin-top:16px;padding:0 5px 170px 5px !important;}
#flowchart .select .check{float:left;width:294px;margin-right:18px;}
#flowchart .select .make{float:right;width:294px;}
#flowchart .select .check h4,
#flowchart .select .make h4{float:left;width:238px;padding:3px 12px;border:1px solid #f39700;font-size:115%;background:url(../index/flowchart-arrow.gif) no-repeat 230px center #FFFDE2;height:24px;}
#flowchart .select{width:606px;}
#flowchart .select .check .num,
#flowchart .select .make .num{float:left;width:28px;text-align:center;border:1px solid #f39700;background-color:#f39700;color:#FFFDE2;font-size:145%;font-weight:bold;margin-left:0;height:30px;}
#flowchart .select p{clear:both;margin-left:30px;}
#flowchart .select ul{margin-left:48px;}
/*IE6IE7̃nbN*/
#flowchart .chart .flow .choice{/width:372px;}
#flowchart .chart .attention div{/padding:0 5px 70px 5px;}

/*̓eƔ̗*/
#condition h2{margin:2px 0;}
#condition h3{color:#009ee5; font-size:100%; margin-top:18px;}
#condition .flow{border-right:22px solid #fff; vertical-align:top;}
#condition .flow table{margin-top:14px;}
#condition .flow p{font-size:90%; margin:2px 0 0 0;}
#condition .ordernum{color:#0C358F;font-weight:bold;width:22px;text-align:center; font-size:115%;}
#condition .bd_a{border:1px solid #BFE2F8; border-right:none;background-color:#7C9BC1;color:#EBF5FD;text-align:center;width:22px}
#condition .bd_b{border:1px solid #BFE2F8; border-left:none;padding-left:5px; font-weight:bold;}
#condition .deliver{border:1px solid #D8442F;background-color:#FFDFDC;margin:24px 0 !important;font-weight:bold;color:#f00;padding:2px 2px 2px 48px}
#condition .attention{vertical-align:top;}
/*--------------------------------*/


/*e\
----------------------------------*/
#price h2{font-size:140%;border:1px solid #fc0;border-left:1.4em solid #fc0;color:#666;padding:2px 0 2px 5px;margin-bottom:6px;}
#price .memo{font-weight:bold;color:#5183C5;font-size:105%;}
#price .pricelist{margin-bottom:2em;font-weight:normal;font-size:105%;}
#price .pricelist h3{font-size:110%;color:#f30; border-left:5px solid #f30; padding-left:6px; line-height:1.2; margin-bottom:4px;}
#price .pricelist table{border-left:1px solid #333;border-top:1px solid #333;margin-bottom:24px;}
#price .pricelist table th{background-color:#FFE4A1;font-weight:normal;}
#price .pricelist table th,
#price .pricelist table td{border-bottom:1px solid #333;text-align:center;border-right:1px solid #333;}
#price .here{text-align:right;font-size:95%;margin-bottom:30px;margin-top:-20px;}
#price .here a:link,
#price .here a:visited{color:#00B351;border-bottom:1px solid #00B351;text-decoration:none}
#price .here a:hover{color:#70F;border-bottom:1px solid #70F;text-decoration:none}
/*--------------------------------*/


/*wb_[Rec
----------------------------------*/
#procedure h2{color:#336;border-bottom:1px solid #336;padding-bottom:2px;font-size:150%; margin-bottom:5px;}
#procedure h3{color:#B00C08;margin-top:24px;font-size:105%;}
#procedure h4{color:#000;margin-top:14px;font-size:100%;}
#procedure .list{border-left:1px solid #000; text-align:center;border-top:1px solid #000;margin:2px 0;}
#procedure .list th{background-color:#C5DEF0;}
#procedure .list th,
#procedure .list td{border-bottom:1px solid #000;vertical-align:top;border-right:1px solid #000;}
#procedure .download{margin-bottom:6px; font-weight:bold;}
#procedure .download li{margin-top:6px;}
#procedure .posting{background-color:#ffc; border:1px solid #996; padding:8px;}

/*菤\L*/
#procedure .legal{border-top:1px solid #666;border-right:1px solid #666;margin-top:2em;}
#procedure .legal th,
#procedure .legal td{border-bottom:1px solid #666;border-left:1px solid #666; padding:6px;}

#procedure .legal th{text-align:left; width:20%;background-color:#C5DEF0;color:#333;}

#procedure .legal p{text-indent:-1em; padding-left:1em;}


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

