/* CSS Document */

@import url("base.css");


body { margin: 0; padding: 0; text-align: center; color: #333; font-size: 13px; font-family:"Meiryo", sans-serif; background: url(../img/bg001.png) 0 0 repeat-x;}

a { color: #333; text-decoration: underline;}
a:hover { color: #090; text-decoration: underline;}
strong { font-weight: normal;}

/* header */
#header { margin: 0 auto; padding: 0; width: 960px; height: 100px; color: #FFF; position:relative;}

#header h1 { margin: 0; padding: 0; width: 260px; height: 60px; top: 7px; left: 50px; background: url(../img/txt-ttlA.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; z-index: 9999;}
#header #h1bg { margin: 0; padding: 0; width: 360px; height: 55px; top: 0; left: 5px; background: url(../img/txt-ttlA-bg.png) 0 -15px no-repeat; text-indent: -9999px; position: absolute; z-index: 99;}

#header p#cmt { margin: 0; padding: 0; top: 9px; left: 370px; font-size: 11px; text-align: left; line-height: 190%;  position: absolute; z-index: 97;}
#header p#URL { margin: 0; padding: 0; top: 17px; left: 650px; font-size: 10px; letter-spacing: 0.5em; position: absolute; z-index: 98;}
#header p#cart { margin: 0; padding: 8px 12px 6px 33px; top: 8px; right: 0; position: absolute; z-index: 99999; font-size: 0.9em; background: url(../img/cart-icon16bw.png) 9px 9px no-repeat #111; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: #FB0 2px solid;}
#header p#cart a { color: #FFF; text-decoration: none;}
#header p#cart a:hover { color: #FF0; text-decoration: none;}

/*
* html #header .w1000 h1 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo-marl.png',sizingMethod='scale');}
*/

/* menu */
#header #menu { margin: 0 auto; padding: 0; width: 960px; height: 40px; top: 60px; left: 0; position: absolute; z-index:111;}

#header #menu #mncon { margin: 0 auto; padding: 0; width: 960px;}
#header #menu ul { margin: 0 auto; padding: 0; overflow: hidden; width: 960px; height: 40px; list-style: none; position: relative;}
#header #menu ul li a { margin: 0; padding: 0; text-indent: -9999px; position: absolute; text-decoration: none; top: 0px; height: 40px;}

#header #menu ul li#b01 a { background: url(../img/btn01.png) no-repeat 0 0; width: 162px; left: 0px;}
#header #menu ul li#b02 a { background: url(../img/btn02.png) no-repeat 0 0; width: 159px; left: 162px;}
#header #menu ul li#b03 a { background: url(../img/btn03.png) no-repeat 0 0; width: 159px; left: 321px;}
#header #menu ul li#b04 a { background: url(../img/btn04.png) no-repeat 0 0; width: 159px; left: 480px;}
#header #menu ul li#b05 a { background: url(../img/btn05.png) no-repeat 0 0; width: 159px; left: 639px;}
#header #menu ul li#b06 a { background: url(../img/btn06.png) no-repeat 0 0; width: 162px; left: 798px;}

#header #menu ul li#b01 a:hover,
#header #menu ul li#b02 a:hover,
#header #menu ul li#b03 a:hover,
#header #menu ul li#b04 a:hover,
#header #menu ul li#b05 a:hover,
#header #menu ul li#b06 a:hover { background-position: 0px -40px;}

body#top #header #menu ul li#b01 a,
body#sihn #header #menu ul li#b02 a,
body#stb #header #menu ul li#b03 a,
body#faq #header #menu ul li#b04 a,
body#about #header #menu ul li#b05 a,
body#inq #header #menu ul li#b06 a { background-position: 0px -80px;}



/* main index.php */
#main-con { margin: 10px auto; padding: 0; width: 960px; height: 800px; text-align: left;}
#main-con #main { margin: 0 0 120px 0; padding: 0; width: 630px; float: left;}
#main-con #main h2 { margin: 0 0 10px 0; padding: 0; width: 630px; height: 60px; background: url(../img/txt-topA.png) 0 0 no-repeat; text-indent: -9999px;}
#main-con #main p { margin: 0; padding: ; line-height: 200%;}
#main-con #main h3 { margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 15px;}

#main-con #main #bb01 { margin: 10px 0 20px; padding: 0; border: #999 solid 1px;}
#main-con #main #bb01 #bb02 { margin: 0; padding: 20px 30px; border: #FFF solid 2px; background: #000; color: #FFF;}
#main-con #main #bb01 #bb02 ul { margin: 0; padding: 0; font-size: 18px;}
#main-con #main #bb01 #bb02 ul li { margin: 0 0 5px 0; padding: 0 0 0 18px; list-style: none; background: url(../img/arw01.png) 0 7px no-repeat;}

#main-con #main .sum-com { margin: 10px 6px 10px 0; padding: 0; width: 120px; height: 160px; float: left; text-align: center; font-size:11px;}
#main-con #main .sum-com img { margin: 0 0 8px 0; display: block;}



#main-con #right { margin: 0 0 120px 30px; padding: 0; width: 300px; float: left;}
#main-con #right p { margin: 5px 0; padding: 0; line-height: 200%; font-size: 11px;}

#main-con #right #bb01 { margin: 0 0 10px; padding: 0; border: #999 solid 1px;}
#main-con #right #bb01 #bb02 { margin: 0; padding: 10px; border: #FFF solid 2px; background: url(../img/bg-rt.png); color: #333;}
#main-con #right #bb01 #bb02 dl { margin: 0; padding: 0;}
#main-con #right #bb01 #bb02 dt { margin: 0; padding: 10px 0 0 50px; height: 45px; background: url(../img/img-Q.png) 0 0 no-repeat; font-size: 16px;}
#main-con #right #bb01 #bb02 dd { margin: 0; padding: 0;}

#main-con #right #bb01 #bb02 { margin: 0; padding: 20px 30px; border: #FFF solid 2px; background: #000; color: #FFF;}
#main-con #right #bb01 #bb02 ul { margin: 0; padding: 0; font-size: 15px;}
#main-con #right #bb01 #bb02 ul li { margin: 0 0 5px 0; padding: 0 0 0 18px; list-style: none; background: url(../img/arw01.png) 0 7px no-repeat;}

/* 20121121追加 */
#main-con #right #bb01 #tpc { margin: 0; padding: 5px 10px; border: #FFF solid 2px; background: #F6F6F9; color: #333;}
#main-con #right #bb01 #tpc dl { margin: 0; padding: 0; line-height: 130%;}
#main-con #right #bb01 #tpc dt { margin: 10px 0 5px; padding: 0; font-size: 12px;}
#main-con #right #bb01 #tpc dd { margin: 0 0 5px; padding: 0; font-size: 11px;}


/* main-con2 */
#main-con2 { margin: 10px auto; padding: 15px 0 0 0; width: 960px; height:; text-align: left; background: url(../img/bg-mA.png) 0 0 no-repeat;}

#main-con2 p#plist { margin: 0 0 0 20px; padding: 0; font-size: 11px;}
#main-con2 p#plist a {}

#main-con2 p#pl-crt { margin: 0 0 30px; padding: 10px; font-size: 11px; text-align: center; background: #F6F6F9;}

#main-con2 #main { margin: 0 0 120px 20px; padding: 0; width: 610px; float: left;}

#main-con2 #main h2 { margin: 0 0 10px 0; padding: 0; width: 610px; height: 38px; text-indent: -9999px;}
body#sihn #main-con2 h2 { background:url(../img/ttl-seihin.png) 0 0 no-repeat;}
body#stb #main-con2 h2 { background:url(../img/ttl-setubi.png) 0 0 no-repeat;}
body#crt #main-con2 h2 { background:url(../img/ttl-crt.png) 0 0 no-repeat;}
body#faq #main-con2 h2 { background:url(../img/ttl-faq.png) 0 0 no-repeat;}
body#inq #main-con2 h2 { background:url(../img/ttl-inq.png) 0 0 no-repeat;}
body#about #main-con2 h2 { background:url(../img/ttl-about.png) 0 0 no-repeat;}

body#law-tk #main-con2 h2 { background:url(../img/ttl-tk.png) 0 0 no-repeat;}
body#law-kj #main-con2 h2 { background:url(../img/ttl-kj.png) 0 0 no-repeat;}

#main-con2 #main h3 { font-weight: normal; font-size: 15px;}
#main-con2 #main h3.arw { margin: 20px 0; padding: 0 0 0 13px; background: url(../img/arw02.png) 0 5px no-repeat;}

#main-con2 #main .arwA { margin: 20px 0 10px; padding: 0 0 0 13px; font-size: 15px; background: url(../img/arw02.png) 0 5px no-repeat;}
#main-con2 #main #sd img { margin: 0 20px 20px 0; padding: 0; border: #BBB solid 1px; float: left;}

#main-con2 #main .pdf { padding: 3px 0 5px 25px; background: url(../img/iconPDF20.png) 0 0 no-repeat; float: left; font-size: 11px;}

#main-con2 #main .cartbtnA { margin: 0; padding: 0 20px 0 0; width: 200px; height: 48px; background: url(../img/bg-cartbtnA.png) 0 0 no-repeat; border: none; cursor: pointer;}
#main-con2 #main .cartbtnB { margin: 0; padding: 0 20px 0 0; width: 200px; height: 48px; background: url(../img/bg-cartbtnB.png) 0 0 no-repeat; border: none; cursor: pointer;}
#main-con2 #main .cartbtnC { margin: 0; padding: 0 20px 0 0; width: 200px; height: 48px; background: url(../img/bg-cartbtnC.png) 0 0 no-repeat; border: none; cursor: pointer;}

/* list */
#main-con2 #main #listA { margin: 0; padding: 0;}
#main-con2 #main #listA .conA { margin: 0 20px 10px 0; padding: 0; width: 95px; height: 150px; float: left; font-size: 11px;}
#main-con2 #main #listA .conA img { margin: 0 0 5px; padding: 0; display: block;}

/* dtl cart */
#main-con2 #main #sd-dt img { margin: 0; padding: 0;}/* border: #BBB solid 1px;*/
#main-con2 #main #sd-dt input { padding: 5px 10px;}
#main-con2 #main #sd-dt h3 { margin: 10px auto; padding: 0; color: #090; font-weight: normal; font-size: 24px;}
#main-con2 #main #sd-dt .pdfbtn { margin: 0 10px 10px; padding: 5px 0 5px 40px; width: 110px; border: #BBB 1px solid; background: url(../img/iconPDF20.png) 10px 6px no-repeat #F6F6F9; float: right;}

#main-con2 #main #sd-dt #cartCM { margin: 0 0 30px 0; padding: 0; border: #CCC 1px solid; background: #FFF;}
#main-con2 #main #sd-dt #cartCM h3 { margin: 0 0 5px 0; padding: 10px; color: #FFF; font-weight: bold; font-size: 13px; background:#111;}
#main-con2 #main #sd-dt #cartCM ol { margin: 0; padding: 0 0 10px 40px;}

#main-con2 #main #sd-dt table { margin: 0 auto 20px; padding: 0; background: #BBB; text-align: center; clear: both;}
#main-con2 #main #sd-dt table th { background: #DDD; font-size: 11px; font-weight: normal;}
#main-con2 #main #sd-dt table td { background: #FFF; font-size: 13px;}
#main-con2 #main #sd-dt table td input { margin: 0; padding: 3px; font-size:14px; width: 40px; }

#main-con2 #main #sd-dt table tr.bgA td { background: #F5F5F5;}
#main-con2 #main #sd-dt table.tdce tr:nth-child(even) td { background: #F5F5F5;}
/*#main-con2 #main #sd-dt table td input { margin: 0; padding: 3px; font-size:15px; text-align: center; width: 40px; ime-mode:disabled;}*/



/* lnz
#main-con2 #main .sh-con { margin: 0 0 20px; padding: 10px; background: #EEE; border: #BBB solid 1px;}
#main-con2 #main .sh-con img { margin: 0 0 0 15px; padding: 0; border: #BBB solid 1px; float: right;}
#main-con2 #main .sh-con dl { margin: 10px 0 0 10px; padding: 0;}
#main-con2 #main .sh-con dl dt { margin: 0 0 5px; padding: 0; font-size: 16px; font-weight: bold;}
#main-con2 #main .sh-con dl dd { margin: 0; padding: 0;}
#main-con2 #main .sh-con ul { margin: 10px 0 0; padding: 0;}
#main-con2 #main .sh-con ul li { margin: 0 0 0 30px; padding: 0;}
 */
#main-con2 #main .sh-con { width:290px; height:280px ;margin: 0 10px 15px 0; padding: 5px 2px 10px; border-bottom: dotted 1px #444; float:left;}
#main-con2 #main .sh-con img { margin: 0; padding: 0; border: #999 solid 1px; display:block;}
#main-con2 #main .sh-con dl { margin: 8px 0 0 0; padding: 0;}
#main-con2 #main .sh-con dl dt { margin: 0; padding: 0; font-size: 13px;}
#main-con2 #main .sh-con dl dd { margin: 0; padding: 0; font-size: 11.5px;}



/* faq */
#main-con2 #main dl#faq { margin: 30px 0; padding: 0;}
#main-con2 #main dl#faq dt { margin: 0 0 6px; padding: 10px 0 0 60px; height: 34px; font-size: 18px; font-weight: bold; color: #369; background: url(../img/no-Q.png) 10px 0 no-repeat;}
#main-con2 #main dl#faq dd { margin: 0 0 40px; padding: 3px 0 15px 60px; font-size: 15px; background: url(../img/no-A.png) 10px 0 no-repeat;}

/* law */
#main-con2 #main dl#law { margin: 30px 20px 60px; padding: 0;}
#main-con2 #main dl#law dt { margin: 0 0 6px; padding: 0; font-size: 18px; color: #036;}
#main-con2 #main dl#law dd { margin: 0 0 30px 10px; padding: 0; font-size: 12px;}

#main-con2 #main ol#law { margin: 30px 50px 60px; padding: 0;}
#main-con2 #main ol#law li { margin: 0 0 30px; padding: 0;}
#main-con2 #main ol#law ul { margin: 10px 0 0 15px; padding: 0;}
#main-con2 #main ol#law ul li { margin: 0 0 5px; padding: 0;}

#main-con2 #right { margin: 0 0 120px 20px; padding: 0; width: 300px; float: left;}
#main-con2 #right p { margin: 5px 0; padding: 0; line-height: 200%; font-size: 11px;}
#main-con2 #right #bb01 { margin: 0 0 20px; padding: 0; border: #BBB solid 1px;}
#main-con2 #right #bb01 #bb02 { margin: 0; padding: 5px 10px; border: #FFF solid 2px; background: #F6F6F9; color: #333;}
#main-con2 #right #bb01 #bb02 dl { margin: 0; padding: 0;}
#main-con2 #right #bb01 #bb02 dt { margin: 10px 0; padding: 0; font-size: 15px;}
#main-con2 #right #bb01 #bb02 dd { margin: 0; padding: 0; font-size: 11px;}

#main-con2 #right .rmt { margin: 0 10px 10px;}
#main-con2 #right .rmt a { white-space: nowrap;}
#main-con2 #right .rmt p { margin: 0; padding: 0; line-height: 150%; font-size: 12px;}

/* 20120629 */
#main-con2 #main #sd-dt p.cart { margin: 20px auto; padding: 5px 5px 5px 30px; font-size: 12px; background: url(../img/cart-icon16.png) 10px 7px no-repeat #F5F5F5; border: #ddd 1px solid; width: 90px; }
#main-con2 #right p.cart { margin: 10px 0 20px; padding: 5px 5px 5px 35px; font-size: 12px; background: url(../img/cart-icon16.png) 10px 10px no-repeat #F5F5F5; border: #ddd 1px solid; width: 90px;}

/* 20120710 */
#main-con2 #main #sd-dt p.print { margin: 20px auto; padding: 5px 5px 5px 20px; font-size: 12px; background: url(../img/icon-printer16.png) 0 7px no-repeat; width: 100px;}



/*
body #main-con2 h2 { margin: 10px 0; padding: 0; width: 800px; height: 60px; text-indent: -9999px;}

body#access #main-con2 h2 { background:url(../img/tt-acs001.png) 0 0 no-repeat;}
body#about #main-con2 h2 { background:url(../img/tt-abt001.png) 0 0 no-repeat;}
body#inq #main-con2 h2 { background:url(../img/tt-inq001.png) 0 0 no-repeat;}
body#menu-rhs #main-con2 h2 { background:url(../img/tt-mn002.png) 0 0 no-repeat;}
body#link #main-con2 h2 { background:url(../img/tt-lk001.png) 0 0 no-repeat;}

#main-con2 h3 { margin: 40px 0 20px; padding: 0 0 0 32px; font-size: 18px; background:url(../img/m-lf.png) 0 2px no-repeat;}
#main-con2 h4 { margin: 20px 0 0; font-size: 16px; color: #060;}


*/

/* footer */
#footer { margin: 0; padding: 0; width: 100%; height: 100px; background:url(../img/ft-bg.png) 0 0 repeat-x; clear: both;}
#footer .w960 { margin: 0 auto; padding: 0; width: 960px; position: relative; text-align: right; font-size: 11px;}

#footer .w960 div#tel { margin: 0; padding: 0; width: 450px; height: 80px; top: -100px; left: 0px; background: url(../img/bn-tel.png) 0 0 no-repeat; position: absolute;}
#footer .w960 div#mail { margin: 0; padding: 0; width: 450px; height: 80px; top: -100px; left: 460px; background: url(../img/bn-mail.png) 0 0 no-repeat; position: absolute;}
#footer .w960 h6 { font-size: 12px; font-weight: normal;}



#footer .w960 p#mn { margin: 0; padding: 6px 0 0 0; color: #FFF;}
#footer .w960 p#mn a { margin: 0 6px; color: #EEE;}
#footer .w960 p#mn a:hover { color: #FF0;}
#footer .w960 p#cp { margin: 30px 0 0 0; padding: 0; color: #333;}





/*
#main-con #right ul { margin: 0; padding: 0; list-style: none; width: 350px; height: 300px; position: relative;}
#main-con #right ul li { margin: 0 0 10px; padding: 0;}
#main-con #right ul li a { text-indent: -9999px; text-decoration: none; position: absolute; width: 350px; height: 60px;}
#main-con #right ul li#bn01 a { background:url(../img/bn-002.png) 0 0 no-repeat; top: 0;}
#main-con #right ul li#bn02 a { background:url(../img/bn-001.png) 0 0 no-repeat; top: 65px;}
#main-con #right ul li#bn03 a { background:url(../img/bn-RTA.png) 0 0 no-repeat; top: 140px;}
#main-con #right ul li#bn04 a { background:url(../img/bn-blog.png) 0 0 no-repeat; top: 200px;}
*/


/* menu */
#ccm-con { margin: 0; padding: 10px; width: 99%; clear: both; background: url(../img/bg-ccm.png); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#ccm-con img { margin: 20px 30px 20px 20px; float: left;}
#ccm-con p { margin: 5px 0 15px;}

/* about */
#ad-con { margin: 0 20px 100px; padding: 0; width: 100%; height: 800px; position: relative;}

#ad-con #conA { width: 363px; height: 462px; top: 20px; left: -20px; background: url(../img/pt-ab01.png) 0 0 no-repeat; position: absolute; z-index: 2; text-indent: -9999px;}
#ad-con #conB { width: 462px; height: 363px; top: 490px; left: 330px; background: url(../img/pt-ab02.png) 0 0 no-repeat; position: absolute; z-index: 3; text-indent: -9999px;}
#ad-con #conC { width: 440px; height: 100px; top: -20px; left: 350px; position: absolute; z-index: 9;}

/* link */
#link-con { margin: 0 0 30px 15px; padding: 0; width: 380px; float: left;}
#link-con h3 { margin-top: 25px;}
#link-con ul { padding-left: 10px;}
#link-con ul li { margin-bottom: 20px; line-height: 180%; font-size: 13px; list-style: none;}
#link-con ul li a { color: #060; font-size: 14px;}
#link-con ul li a:hover { color: #C00;}


/* main-con2 mailform.php */
#main-con2 table#tblA { margin: 10px auto; padding: 0; background: #FFF; border: solid 1px #BBB;}
#main-con2 table#tblA th { background: url(../img/bg-ccm.png); color: #333; font-weight: normal; width: 140px;}
#main-con2 table#tblA td { background: #EEE;}

#main-con2 table#tblA td textarea { width: 400px;}
#main-con2 table#tblA td input { width: 300px;}