div, dl, dd, dt, li, ul, ol {margin:0px; padding:0px;}
p {margin:0px; padding:5px 0px 5px 0px; text-indent:1em;}
body{text-align:center; font-size:11pt; background-image:url("img/back.gif"); margin:0px; padding:0px;}

#bar {margin:0px auto; padding: 0px 5px 0px 5px; text-align:left;
    width:650px; background-image:url("img/bar.jpg"); background-repeat:repeat-y;}

div#header h1 { font-size: 11pt; padding:0px; margin:0px; width:480px; float:left; color:#444;}
div#header dl { width:170px; float:right; font-size:11pt; font-weight:bold; margin-top:20px;}
div#header dt { width:40px; float:left; clear:both;}
div#header dd { width:130px; float:left;}
div#header h2 { font-size: 24pt; padding:0px; margin:0px;  font-family: "ＭＳ 明朝",serif; padding-left:20px; }

div#main {clear:both;}
div#main ul#navi{width:150px; float:left;padding-left:0px; list-style-type:none; margin-top:30px;}
div#main li { width:100px; margin: 5px 10px 0px 10px; padding:10px 0px 10px 30px; background-image:url("img/l.gif"); background-repeat:no-repeat; border-top:solid 2px #999; border-left:solid 2px #999; border-bottom:solid 2px #777; border-right:solid 2px #777; background-position:5px 10px;}
div#main div#contents{width:400px; padding:20px 75px 0px 25px; float:left;}

div#contents h4 { width:300px; border-left:solid 5px #999; border-bottom:solid 1px #999; margin:40px 10px 30px 10px; padding:5px;  }

div#contents div.ex{margin-top:30px;}
div#contents div.ex img{border:none;}
div#contents div.exback img{ border:solid 3px #fff; float:left;}
div#contents div#toptoi {border:solid 1px #00f; width:360px; margin:25px 0px 0px 20px;}
div#contents div#toptoi img{border:none; }

div#contents div.exback{ border-top:solid 1px #777;border-left:solid 1px #777;border-right:solid 1px #777; background-color:#eee; padding:5px; margin-top:10px; height:122px; text-align:left; color:#8c2; font-weight:bold; font-size:18px;}
div#contents div.comment{border-bottom:solid 1px #777;border-left:solid 1px #777;border-right:solid 1px #777; background-color:#fff; padding:5px; clear:both;}
div#contents div.exback .rightarrow{font-size:26px; padding-top:38px; height:58px; float:left;}
div#contents img.ph1 { margin-left:8px;}
div#contents div.comment p{text-indent:1em;}
div#contents span.price {color:#000; font-size:11pt; padding:38px 0px 0px 3px; font-weight:normal; height:58px; float:left;}

div#contents table#tejun{margin-top:20px;}
div#contents table#tejun tr{}
div#contents table#tejun td{padding-top:15px; vertical-align:top;border-bottom:solid 2px #aaa;}


div#photos {width:800px; margin:0px auto;}
div#photos div.ex{margin-top:30px;}
div#photos div.exback img{ border:solid 25px #fff; float:left;}
div#photos div.exback{ border-top:solid 1px #777;border-left:solid 1px #777;border-right:solid 1px #777; background-color:#eee; padding:5px; margin-top:10px; height:322px; text-align:left; color:#8c2; font-weight:bold; font-size:18px;}
div#photos div.comment{border-bottom:solid 1px #777;border-left:solid 1px #777;border-right:solid 1px #777; background-color:#fff; padding:5px; clear:both;}
div#photos div.exback .rightarrow{font-size:26px; padding-top:128px; height:158px; float:left;}
div#photos img.ph1 { margin-left:10px;}
div#photos div.comment p{text-indent:1em; text-align:left;}
div#photos div.comment img{padding-bottom:15px;}


div#footer {width:620px; float:right; margin-right:10px; padding-top:40px; text-align:right; font-size:9pt;}
div#footer #logo{width:300px; float:left; text-align:left;}
#logo #logo_keyword {font-size:9pt; color:#555;}
#logo #logo_name {font-size:28pt; font-weight:bold; font-family: "ＭＳ 明朝",serif; }
#logo #logo_acredit {font-size:9pt; color:#555;}

div#credit {width:650px; text-align:right; clear:both;}
