@charset "utf-8";
/* CSS Document */

/*  080520 松田　作成  */



/*********************/

/*    White DELIとは   */

/*********************/
#about {line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
* html #about {line-height:1.65em;}
#about #about_cont {margin:10px 0 40px 0; padding:0 5px; text-align:justify; text-justify:inter-ideograph;}
#about #about_cont p.tit1 {width:580px;}
#about #about_cont p {float:left; width:285px;}
#about #about_cont p span {font-weight:bold; margin:2px 0; color:#0099FF;}
#about #about_cont p span.no_wash {letter-spacing:-0.1em;}
#about #about_cont img {padding:5px 0 0 5px;}

#about #about_bag h3 { background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px; font-weight:bold;}
* html #about #about_bag h3 {font-size:14px; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px;}
#about #about_bag p {padding:10px 0 10px 0;}

#about #about_photo p {margin:0; padding:0; width:595px; text-align:center; font-size:0.9em;}

/*********************/

/*    サービス案内   */

/*********************/
#service {line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
#service span {font-weight:bold;}
#service span.blue a {color:#0099FF;}
#service .service_cont {margin:20px 0 20px 0; padding:0; text-align:justify; text-justify:inter-ideograph;}
#service .service_cont span {font-weight:bold;}
#service .service_cont p.tit1 {width:580px;}

#service #service4 ul {margin-top:10px;}
#service #service6 dl {margin-top:10px;}
#service #service6 dl dt {font-weight:bold;}

#service #service1 a#page01 {text-decoration:none;}
#service #service2 a#page02 {text-decoration:none;}
#service #service3 a#page03 {text-decoration:none;}
#service #service4 a#page04 {text-decoration:none;}
#service #service5 a#page05 {text-decoration:none;}
#service #service6 a#page06 {text-decoration:none;}


#service #flow {padding:10px 30px 10px 30px; height:120px; vertical-align:top; position:relative; margin-bottom:10px;}
#service #flow .position01 {position:absolute; top:10px; left:25px;}
#service #flow .position02 {position:absolute; top:50px; left:155px;}
#service #flow .position03 {position:absolute; top:10px; left:235px;}
#service #flow .position04 {position:absolute; top:50px; left:365px;}
#service #flow .position05 {position:absolute; top:10px; left:445px;}

#service #flow .position01,.position03,.position05 {width:120px; height:auto; text-align:center; font-weight:bold; margin-bottom:10px; font-size:120%;}
#service #flow02 .position01,.position03,.position05,.position07 {width:120px; height:auto; text-align:center; font-weight:bold; margin-bottom:10px; font-size:120%;}


#service #flow02 {padding:10px 30px 10px 30px; height:170px; vertical-align:top; position:relative;}
#service #flow02_cont {width:430px; text-align:justify; text-justify:inter-ideograph;}
#service #flow02 .position01 {position:absolute; top:10px; left:25px;}
#service #flow02 .position02 {position:absolute; top:50px; left:155px;}
#service #flow02 .position03 {position:absolute; top:10px; left:235px;}
#service #flow02 .position04 {position:absolute; top:50px; left:365px;}
#service #flow02 .position05 {position:absolute; top:10px; left:445px;}
#service #flow02 .position06 {position:absolute; top:160px; left:482px;}
#service #flow02 .position07 {position:absolute; top:240px; left:445px;}


#service1,#service2,#service3,#service4,#service5,#service6 {margin-bottom:20px;}

#service1 h3,#service2 h3,#service3 h3,#service4 h3,#service5 h3,#service6 h3 {margin:20px 0 10px 0; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px; font-weight:bold;}

* html #service1 h3,* html #service2 h3,* html #service3 h3,* html #service4 h3,* html #service5 h3,* html #service6 h3 {margin:20px 0 10px 0; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px; font-size:1.1em;}
*+html #service1 h3,*+html #service2 h3,*+html #service3 h3,*+html #service4 h3,*+html #service5 h3,*+html #service6 h3 {margin:20px 0 10px 0; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px; font-size:1.1em;}

/*********************/

/*    集荷エリア   */

/*********************/
#area {line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
#area #area_photo {margin:10px 0;}
#area #area_cont {margin:10px 0 40px 0; padding:0 5px; text-align:justify; text-justify:inter-ideograph;}
#area #area_cont p {margin:10px 0 10px 0; padding:0 10px 0 10px;}
#area #area_cont span {font-weight:bold; color:#0099FF;}
#area #area_cont a {color:#0099FF;}
#area #area_cont ul {margin:0 0 0 10px;}

/*********************/

/*    WEB注文   */

/*********************/
#order #form {font-size:0.9em; width:595px;}
#order #form th { background:#CCCCCC; border:#333 1px solid; font-size:150%;}
#order #form td{border:#333 1px solid;}
#order #form textarea.textinput {width:260px;}
* html #order #form textarea.textinput {width:330px;}
*+html #order #form textarea.textinput {width:330px;}
* html #order #form h3 {font-size:1.0em;}
*+html #order #form h3 {font-size:1.0em;}
#order .frm_btn {width:595px; height:auto; text-align:center; margin:5px auto;}

#order #kiyaku {width:595px; height:200px; overflow:scroll;}

/*********************/

/*    料金表   */

/*********************/
#charge {widht:595px; line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
#charge #rate {margin:20px 0 30px 0; padding-bottom:20px; background:url(../../imgdir/common/dot.gif) repeat-x bottom;}
#charge #rate .rate_tit {font-weight:bold; margin:10px 0 10px 0;}
#charge #rate p.rate_tit02 {padding:0 10px; margin-top:10px;}

#charge table {border-collapse:collapse; margin:10px 0pt 5px; width:100%;}
#charge th {border:1px solid #CCCCCC; border-collapse:collapse; margin:10px 0pt 5px; line-height:140%;}
#charge td {border:1px solid #CCCCCC; border-collapse:collapse; margin:10px 0pt 5px; line-height:140%; text-align:center; padding:6px 8px;}

#charge #charge_img_area {widht:0px; padding-left:50px; margin-top:20px;}
#charge #charge_left_img {float:left; width:120px;margin-right:60px;}
#charge #charge_center_img{float:left; width:120px; margin-right:60px;}
#charge #charge_right_img{float:left; width:120px; margin-right:60px;}
#charge .text_gray {color:#666666; font-weight:bold;}
#charge .order_banner {width:300px; margin:0 auto ; margin-top:20px}

* html #charge {widht:595px; line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
* html #charge #charge_img_area {widht:0px; padding:0; margin:0; padding-left:50px; margin-top:20px;}
* html #charge #charge_left_img {float:left; width:120px;margin-right:0px;}
* html #charge #charge_center_img{float:left; width:120px; margin-right:0px;}
* html #charge #charge_right_img{float:left; width:120px; margin-right:0px;}
* html #charge .text_gray {color:#666666; font-weight:bold;}
* html #charge .order_banner {width:300px; margin:0 auto ; margin-top:20px}

/*********************/

/*    パブリシティ   */

/*********************/
#publicity {line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
* html #publicity {line-height:1.65em;}
#publicity #publicity_cont {margin:10px 0 40px 0; padding:0 5px; text-align:justify; text-justify:inter-ideograph;}
#publicity #publicity_cont p.tit1 {width:580px;}
#publicity #publicity_cont p {float:left; width:285px;}
#publicity #publicity_cont p span {font-weight:bold; margin:2px 0; color:#0099FF;}
#publicity #publicity_cont p span.no_wash {letter-spacing:-0.1em;}
#publicity #publicity_cont img {padding:5px 0 0 5px;}

#publicity #publicity_bag h3 { background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px; font-weight:bold;}
* html #publicity #publicity_bag h3 {font-size:14px; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px;}
#publicity #publicity_bag p {padding:10px 0 10px 0;}

#publicity #publicity_photo p {margin:0; padding:0; width:595px; text-align:center; font-size:0.9em;}

#publicity #publicity_book_img_area {widht:555px; padding-left:50px; margin-top:50px;}
#publicity #publicity_left_img {float:left; width:120px;margin-right:60px;}
#publicity #publicity_center_img{float:left; width:120px; margin-right:60px;}
#publicity #publicity_right_img{float:left; width:120px; margin-right:60px;}

* html #publicity #publicity_book_img_area {widht:555px; padding:0; padding-left:50px; margin:0; margin-top:50px;}
* html #publicity #publicity_left_img {float:left; width:120px;margin-right:60px;}
* html #publicity #publicity_center_img{float:left; width:120px; margin-right:60px;}
* html #publicity #publicity_right_img{float:left; width:120px; margin-right:30px;}
/*********************/

/*    運営会社   */

/*********************/
#profile h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #profile h2 {width:580px; margin-bottom:10px;}

#profile dl {margin:30px 0 0 10px;}
#profile dl dt {height:15px; vertical-align:middle; font-weight:bold; margin-bottom:10px; border-left:solid #0099FF 4px; padding-left:7px;}
#profile dl dd {height:30px; vertical-align:middle; line-height:1.5em; margin-bottom:5px; border-bottom:1px #CCC dotted;}
#profile dl dd.musasino {height:50px; vertical-align:middle; line-height:1.5em; margin-bottom:5px; border-bottom:1px #CCC dotted;}


/*********************/

/*    店舗案内   */

/*********************/
#shop h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #shop h2 {width:580px;}
#shop table {font-size:95%;}
#shop tr {border-bottom:#CCC 1px solid;}
#shopcontents img {float: left; padding-top:10px; padding-left:10px; padding-right:10px;}
#shopcontents table {border-left:solid #CCCCCC 1px; padding-top:10px; padding-left:10px;}
#shopcontents td {padding:2px; border-bottom:#CCC 1px solid;}
#shopcontents td.tit2 {font-weight:bold;}
#shopcontents td.gmaplink {cursor:pointer;}
#shopcontents b {font-size: 14px; font-weight: bold; color: #0099FF;}


/*********************/

/*    お問合わせ   */

/*********************/
#contact h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #contact h2 {width:580px;}

#contact p {margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:20px; line-height: 160%;}
#contactcontents {margin:0 auto 0 auto;}
#contactcontents #form1 {font-size:0.9em; width:595px;}
#contactcontents #form1 th { background:#CCCCCC; border:#333 1px solid; font-size:150%;}
#contactcontents #form1 td {border:#333 1px solid;}
#contactcontents .frm_btn {width:595px; height:auto; text-align:center; margin:5px auto;}
#contact table {padding 10px;}
/*********************/

/*    サイトマップ   */

/*********************/
#sitemap h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #sitemap h2 {width:580px;}
#sitemap ul {padding:30px 30px 20px 30px; line-height:1.5em;} 
#sitemap li.menu {font-weight:bold;list-style-image:url(../../imgdir/common/icon.gif); padding:0 0 8px 2px ;}
#sitemap li.servicemenu {font-weight:bold;list-style-image:url(../../imgdir/common/icon.gif); padding:0 0 8px 2px ;}
#sitemap li.information {font-weight:bold;list-style-image:url(../../imgdir/common/icon.gif); padding:0 0 8px 2px ;}

/*********************/

/*    プライバシーポリシー   */

/*********************/
#privacy {line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
#privacy h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #privacy h2 {width:580px;}
#privacy h3 {margin:15px 0; border-bottom:solid 1px #0099FF; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px;}
* html #privacy h3 {font-size:1.1em;}
#privacy p {margin:15px;}
#privacy ol {margin:15px;}

/*********************/

/*    利用上の注意   */

/*********************/
#caution ul {text-align:justify; text-justify:inter-ideograph; padding:10px;}
#caution li {margin:15px; line-height:1.4em; background:url(../../imgdir/common/icon.gif) no-repeat 0 0.5em; text-indent:0em; padding:0 0 1px 10px;}
#caution h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #caution h2 {width:580px;}

/*********************/

/*    会員規約   */

/*********************/
#rule ul { margin:15px; padding:0;}
#rule ul li { margin:10px; padding:0; line-height:160%;}
#rule h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #rule h2 {width:580px;}
#rule h3 {margin:15px 0; border-bottom:solid 1px #0099FF; background-color:#EEEEEE; border-left:solid 7px #0099FF; padding:2px 3px 2px 10px;}
#rule p {margin:15px;}

/*********************/

/*    免責事項   */

/*********************/
#immunity {line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
#immunity h2 {width:585px; background:url(../../imgdir/common/h2bar.gif) repeat-x; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding:3px 3px 3px 10px; height:20px;}
* html #immunity h2 {width:580px;}
#immunity h3 {margin:15px 0; border-bottom:solid 1px #0099FF; padding:2px 3px 2px 10px; background-color:#EEEEEE; border-left:solid 7px #0099FF;}
#immunity p {margin:15px;}
#immunity ol {margin:15px;}