/* CSS Document */

@import url("../css/base.css");


body { margin: 0; padding: 0; text-align: center; color: #333; font-size: 13px; font-family:"Meiryo", sans-serif; background: url(../img/bg000.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: 150px; color: #FFF; position:relative;}

#header h1 { margin: 0; padding: 0; width: 820px; height: 60px; top: 45px; left: 20px; background: url(../img/sennbann.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; z-index: 9999;}

#header p#cmt { margin: 0; padding: 0; top: 17px; left: 30px; font-size: 11px; position: absolute; z-index: 97;}
#header p#URL { margin: 0; padding: 0; top: 17px; left: 650px; font-size: 10px; letter-spacing: 0.4em; position: absolute; z-index: 97;}

/*
* 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: 110px; 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 0 50px; width: 960px; height: auto; text-align: left;}
#main-con #main { margin: 20px 0 120px 0; padding: 0; width: 630px; float: left;}
#main-con #main .subcop { margin: 10px 0 20px 0; padding: 0; font-size: 16px;}
#main-con #main h2 { margin: 0 0 5px 0; padding: 0; width: 630px; height: 70px; background: url(../img/midasi.png) 0 0 no-repeat; text-indent: -9999px;}
#main-con #main p { margin: 15px 0 10px 0; padding: ; line-height: 150%;}




#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 #right { margin: 20px 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 .bana { margin: 10px 0 10px 0; padding: 0; width: 300px; height: 215px;}

#main-con #right #bb01 { margin: 10px 0; 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: 14px;}
#main-con #right #bb01 #bb02 dd { margin: 0; padding: 0;}


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

/* dtl cart */
#main-con2 #main #sd-dt img { margin: 0; padding: 0;}/* border: #BBB solid 1px;*/
#main-con2 #main #sd-dt input { padding: 5px;}
#main-con2 #main #sd-dt h3 { margin: 10px auto; padding: 0; color: #090; font-weight: normal; font-size: 24px;}
#main-con2 #main #sd-dt table { margin: 0 auto 30px; padding: 0; background: #CCC; text-align: center; clear: both;}
#main-con2 #main #sd-dt table th { background: #F6F6F9; font-size: 12px; font-weight: normal;}
#main-con2 #main #sd-dt table td { background: #FFF; font-size: 15px; text-align:left;}
#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;}

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


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


/* main index.php */
#main-con #main #info1 { margin: 0 0 50px 0; padding: ;  height:370px;}
#main-con #main #info1 #title1h { margin: 0 0 15px 0; padding: 3px 0 3px 0; height:30px; background-color: #FFD93E; position: relative; top: 0; }
#main-con #main #info1 #title1 { margin:  0 0 0 5px; padding: 3px 0 3px 0; width: 625px; height:30px; background-color: #000000; position:absolute; bottom: 5px; box-shadow: -1px 1px 2px #755800;}
#main-con #main #info1 #title1 p { margin: 0 0 0 10px; padding: 0; height: 30px; color:#FFFFFF; font-size:20px;}
#main-con #main #info1 #img1 { margin: 0 0 0 0; padding: 0; width:630px; height:320px; }
#main-con #main #info1 #img1 .img1 { margin: 0 0 15px 0; padding: 0; }
#main-con #main #info1 #img1 .img2 { margin: 0 0 15px 15px; padding: 0; }
#main-con #main #info1 #img1 .img3 { margin: 0; padding: 0; }
#main-con #main #info1 #img1 .img4 { margin: 0 0 0 15px; padding: 0; }
#main-con #main #info2 { margin: 0 0 20px 0; padding: ; height: 380px;}
#main-con #main #info2 h3 { margin: 5px 0 0 0; padding: 0; font-size: 21px; font-weight: 100;}
#main-con #main #info2 p { margin: 0; padding: 0; font-size: 15px;}
#main-con #main #info2 #title2h { margin: 0; padding: 3px 0 3px 0; height:30px; background-color: #FFD93E; position: relative; top: 0; }
#main-con #main #info2 #title2 { margin: 0 0 0 5px; padding: 3px 0 3px 0; width: 625px; height:30px; background-color: #000000; position:absolute; bottom: 5px; box-shadow: -1px 1px 2px #755800;}
#main-con #main #info2 #title2 p { margin: 0 0 0 10px; padding: 0; height: 30px; color:#FFFFFF; font-size:20px;}
#main-con #main #info2 #img2 { margin: 15px 0 0 0; padding: 0; width: 630px; height: 260px;}
#main-con #main #info2 #img2 ul {margin: 0 auto; padding: 0; overflow: hidden; list-style: none; }
#main-con #main #info2 #img2 ul li {margin: 0; padding: 0; float:left;}
#main-con #main #info2 #img2 ul li p {margin: 110px 14px 0 13px; padding: 0; width: 20px; height: 30px; background-image:url(../img/arw4.png); text-indent: -9999px;}
/*sihn-list.php*/
#main-con2 #main .tugite { width: 295px; float:left;}
#main-con2 #main .tugite a:hover{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;}
#main-con2 #main .tugite dl { margin: 0; padding: 0;}
#main-con2 #main .tugite dt { margin: 0; padding: 0; font-size: 15px;}
#main-con2 #main .tugite dd { margin: 0; padding: 0; font-size: 13px;}
#main-con2 #main .nozuru { margin: 0 0 0 20px; width: 295px; float:left;}
#main-con2 #main .nozuru a:hover{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;}
#main-con2 #main .nozuru dl { margin: 0; padding: 0;}
#main-con2 #main .nozuru dt { margin: 0; padding: 0; font-size: 15px;}
#main-con2 #main .nozuru dd { margin: 0; padding: 0; font-size: 13px;}
/*sihn-list.php stb.php下*/
#main-con2 #main #info3 { margin: 30px 0 0 0; padding: 0;}
#main-con2 #main #info3 #title3h { margin: 0 0 15px 0; padding: 3px 0 3px 0; height:30px; background-color: #FFD93E; position: relative; top: 0; }
#main-con2 #main #info3 #title3 { margin:  0 0 0 5px; padding: 3px 0 3px 0; width: 605px; height:30px; background-color: #000000; position:absolute; bottom: 5px; box-shadow: -1px 1px 2px #755800;}
#main-con2 #main #info3 #title3 p { margin: 0 0 0 10px; padding: 0; height: 30px; color:#FFFFFF; font-size:20px;}
#main-con2 #main #info3 h3 { margin:  5px 0 0 0; padding: 0; font-size: 20px;}
#main-con2 #main #info3 p { margin: 0; padding: 0; font-size: 15px;}
#main-con2 #main #info3 #text { margin: 5px 0; padding: 0; border: #999 solid 1px;}
#main-con2 #main #info3 #text #tex { margin: 0; padding: 10px; border: #FFF solid 2px; background: url(../img/bg-rt.png); color: #333;}
#main-con2 #main #info3 #text #tex ul { margin: 0; padding: 0; font-size: 18px;}
#main-con2 #main #info3 #text #tex ul li { margin: 10px 0 10px 0; padding: 0 0 0 18px; list-style: none; background: url(../img/arw3.png) 0 10px no-repeat;}
