/* CSS Document */ body { color: #5d5b46; font: 14px/18px Georgia, "Times New Roman", Times, serif; background-color: white; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0 } div, p, ul, h2, img{margin:0px; padding:0px;} ul{list-style-type:none;} /*----TOP PANEL----*/ #topPan { font: 14px/18px Arial, Helvetica, sans-serif; margin: 0 auto; position: relative; top: 30px; width: 778px; height: 100px } #topPan ul { position: absolute; top: 0; right: 0; left: 400px; width: 150px; height: 22px } #topPan ul li { width: 50px; height: 22px; float: left } #topPan ul li a { color: red; font: 13px/16px Arial, Helvetica, sans-serif; text-decoration: none; background: white url(images/arrow1.gif) no-repeat 700px 8px; display: block; width: 350px; height: 16px } #topPan ul li a:hover { color: fuchsia; text-decoration: none; background: white url(images/image1030.gif) no-repeat 350px 8px } #topPan ul li.register{float:left; width:65px; height:22px;} #topPan ul li.register a { color: #fff; font: 13px/16px Arial, Helvetica, sans-serif; text-decoration: none; background-color: #cc0000; background-repeat: no-repeat; background-attachment: scroll; background-position: 65px 6px; display: block; padding: 0 0 0 10px; width: 65px; height: 16px } #topPan ul li.register a:hover { color: #fef0b7; text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 65px 6px } #topPan img.logo { position: absolute; top: 30px; left: 29px; width: 281px; height: 56px } #topPan p.callus { color: #fff; line-height: 24px; background: #212121 url(images/main-bg.gif) no-repeat; text-align: center; position: absolute; top: 53px; right: 115px; width: 119px; height: 25px } #topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;} /*----/TOP PANEL----*/ /*----HEADER- PANEL----*/ #headerPan { margin: 0 auto; position: relative; width: 778px; height: 228px } #headerleftPan { background-image: url(images/leftfolder.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 46px; height: 228px; float: left } /*----Header Middle Panel----*/ #headermiddlePan { width: 686px; height: 228px; float: left } /*----Menu Panel----*/ #menuPan { background-image: url(images/menu-bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0 auto; position: relative; width: 686px; height: 33px } #menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;} #menuPan ul li{width:110px; height:28px; float:left;} #menuPan ul li a { color: #2f2a28; font: bold 13px/28px Arial, Helvetica, sans-serif; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; width: 109px; height: 28px; border-right: 1px dashed #969260 } #menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;} #menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;} #menuPan ul li.contact a { color: #2f2a28; font: bold 13px/28px Arial, Helvetica, sans-serif; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; width: 110px; height: 28px; border: none } #menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;} /*----/Menu Panel----*/ #headerbodyPan { color: maroon; background-color: #fefdf1; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 42px; left: 46px; width: 686px; height: 184px; border-top: 1px solid #cdcaa3; border-bottom: 1px solid #cdcaa3 } /*---- Header Red Panel----*/ #headerleftredPan { color: white; background-image: url(images/himawari_top.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; position: absolute; top: 18px; right: 0; left: -25px; width: 740px; height: 150px } #headerleftredPan h2 { font: 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 300px 100px; text-transform: uppercase; position: absolute; top: 29px; left: 36px; width: 160px; height: 69px } #headerleftredPan h2 span { font-size: 30px; line-height: 36px } #headerleftredPan h2 span2 { font-size: 30px; line-height: 24px } #headerleftredPan p { font-size: 10px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; line-height: 17px; display: block; position: absolute; top: 24px; left: 180px; width: 100px; height: 150px } #headerleftredPan p span.largetext { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; line-height: 20px } #headermiddleredPan { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 18px; left: 265px; width: 450px; height: 150px } /*----Header MORE Panel----*/ #headermorePan { font: bold 12px/14px "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; position: absolute; top: 30px; right: 0; width: 55px; height: 123px } #headermorePan a { color: #fdfcec; text-decoration: none; background-color: #fefdf1; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 85px 0 0 8px; width: 39px; height: 60px } #headermorePan a:hover { text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 } /*----/Header MORE Panel----*/ /*----Header Middle Panel----*/ #headerrightPan { background-image: url(images/rightfolder.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 46px; height: 228px; float: left } /*----HEADER- PANEL----*/ /*----BODY PANEL----*/ #bodyPan { background-position: 20px 20px; margin-top: auto; margin-bottom: auto; position: relative; width: 686px } #bodyPan h2 { color: #d80000; font: 26px/54px "Trebuchet MS", Arial, Helvetica, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 300px; height: 54px } #bodyPan p{padding:10px 0 0;} #bodyPan p span{font-weight:bold;} #bodyPan p.date{width:174px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;} #bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;} #bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} #bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;} #bodyPan p.border { background-image: url(images/dot-line.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 0 0 14px; height: 1px } /*----Body Bottom Panel----*/ #bodybottomPan { margin: 0 auto; padding: 30px 0 0 40px; position: relative; width: 700px } /*----Bottom Left Panel----*/ #bottomleftPan { color: #d80000; font-size: 10pt; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/kani_image.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: 100px 30px; margin: 0; width: 700px; height: 200px; float: left; border-right: medium none transparent; border-bottom: medium none transparent; border-left: medium none transparent } #bottomleftPan h2 { font: 26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 22px 0 0 41px; padding: 0 0 0 65px; width: 650px; height: 58px } #bottomleftPan h2 span { color: #5d5b46; font-size: 20px; background: #fcfbed; list-style-image: url(images/ikesu.gif) } #bottomleftPan ul{width:290px; margin:15px 0 0 50px;} #bottomleftPan ul li { background-image: url(images/bullet1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 290px; height: 30px } #bottomleftPan ul li a { color: #2f2a28; font-size: 14px; line-height: 30px; text-decoration: none; background: #fefdf1 url(images/bullet1.gif) no-repeat 0 10px; display: block; padding: 0 0 0 80px; width: 210px; height: 30px } #bottomleftPan ul li a:hover { color: #2f2a28; line-height: 30px; background: #fefdf1 url(images/bullet1.gif) no-repeat 0 10px; display: block } #bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan p.more a { color: #fff; font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; background: #fefdf1 url(images/bottom-more-bg.gif) no-repeat; text-align: center; display: block; width: 270px; height: 21px } #bottomleftPan p.more a:hover { color: #fdf6b6; text-decoration: none; background: #fefdf1 url(images/bottom-more-bg.gif) no-repeat } /*----/Bottom Left Panel----*/ /*----Bottom Center Panel----*/ #bottomcenterPan { color: black; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/kani_image.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: 100px 30px; width: 720px; float: left } #bottomcenterPan h2 { color: orange; font: bold 18px/18px "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/loft_01.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 180px; height: 280px } #bottomcenterPan h3 { color: red; font: bold 12px/18px "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/loft_02.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 180px 0; width: 520px; height: 280px } #bottomcenterPan h3 span1 { color: black; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/wa01.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 260px; height: 140px } #bottomcenterPan h3 span2 { color: black; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/loft_02.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 260px; height: 140px } #bottomcenterPan h3 span3 { color: black; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/yo01.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 260px; height: 140px } #bottomcenterPan h3 span4 { color: black; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url(images/yo02.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 260px; height: 140px } #bottomcenterPan ul{width:290px; margin:15px 0 0 50px;} #bottomcenterPan ul li { background-image: url(images/bullet1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 290px; height: 30px } #bottomcenterPan ul li a { color: #2f2a28; font-size: 14px; line-height: 30px; text-decoration: none; background-image: url(images/bullet1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 10px; display: block; padding: 0 0 0 80px; width: 210px; height: 30px } #bottomcenterPan ul li a:hover { color: #2f2a28; line-height: 30px; background-image: url(images/bullet1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 10px; display: block } #bottomcenterPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomcenterPan p.more a { color: #fff; font: bold 13px/20px "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; text-decoration: none; background-image: url(images/bottom-more-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; width: 270px; height: 21px } #bottomcenterPan p.more a:hover { color: #fdf6b6; text-decoration: none; background-image: url(images/bottom-more-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 } /*----/Bottom Center Panel---*/ /*----Bottom Right Panel----*/ #bottomrightPan { color: black; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-top: 0; margin-right: 0; margin-bottom: 0; width: 700px; float: left } #bottomrightPan h2 { color: orange; font-size: 14px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-style: normal; font-variant: normal; font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 22px 0 0 10px; padding: 0; width: 700px } #bottomrightPan h3 { color: red; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-style: normal; font-variant: normal; font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 22px 0 0 41px; padding: 0 0 0 65px; top: 20px; width: 700px } #bottomrightPan h4 { color: orange; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-style: normal; font-variant: normal; font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 700px } #bottomrightPan h2 span { color: black; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 700px } #bottomrightPan h2 red { color: red; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 700px } #bottomrightPan ul { background-color: #ffffe6; margin-top: 10px; padding-top: 10px; padding-left: 10px; width: 720px; height: 100px; border-color: gray } #bottomrightPan ul li { color: white; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; text-indent: 0; list-style-type: none; display: block; margin: 0; padding: 0; float: left } #bottomrightPan ul li a { background-color: #ffffe6; text-indent: 0; display: block; top: 12px; width: 180px; height: 30px } #bottomrightPan ul li#meisai a { background-image: url(images/meisai.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative } #bottomrightPan ul li#reseave a { background-image: url(images/reseave23.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative } #bottomrightPan ul li#reseave4 a { background: url(images/reseave45.gif) no-repeat; position: relative } #bottomrightPan ul li a:hover { color: #2f2a28; line-height: 30px; background-image: url(images/bullet1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 10px; display: block } #bottomrightPan p.more a { color: #fff; font: bold 13px/20px "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; text-decoration: none; background-image: url(images/bottom-more-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; width: 270px; height: 21px } #bottomrightPan p.more a:hover { color: #fdf6b6; text-decoration: none; background-image: url(images/bottom-more-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 } /*----/Bottom Left Panel----*/ /*----FOOTER PANEL----*/ #footermainPan { color: #fff; font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #3b3b3b url(images/footerbg.gif) repeat-x; margin: 0 auto; padding: 75px 0 0; position: relative; height: 100px; clear: both } #footerPan{width:700px; position:relative; margin:0 auto;} #footerPan ul { margin: 0 auto; position: relative; width: 700px; height: 20px } #footerPan li{float:left; } #footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan p.copyright{width:220px; position:relative; margin:0 auto; background:#3B3B3B; color:#fff; font-size:11px;} #footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;} #footerPan ul.templateworld li{height:20px;} #footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;} #footerPan ul.templateworld li a:hover{text-decoration:underline;} #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;} #footerPanhtml a { color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; text-decoration: none; background: #3b3b3b url(images/html-bg-normal.gif) no-repeat; text-transform: uppercase; display: block; padding: 0 0 0 4px; width: 66px; height: 24px } #footerPanhtml a:hover { color: #fff; background: #3b3b3b url(images/html-bg-hover.gif) no-repeat } #footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;} #footerPancss a { color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; text-decoration: none; background: #3b3b3b url(images/css-bg-normal.gif) no-repeat; text-transform: uppercase; display: block; padding: 0 0 0 8px; width: 58px; height: 24px } #footerPancss a:hover { color: #fff; text-decoration: none; background: #3b3b3b url(images/css-bg-hover.gif) no-repeat } /*----/FOOTER PANEL----*/