@charset "utf-8";
* { margin:0px; padding:0px; }

body { font: normal medium/150% "ＭＳ Ｐゴシック", Osaka; color: #574529; background: #fff url(images/bck.jpg) repeat-x; text-align: center; }

a { color: #c60; text-decoration: none; }
a:hover { color: #f30; text-decoration: underline; }

img { border:none; }
img.pict { border: 1px solid #666; }
p { margin: 5px 0px; }
p#cokietail { margin: 0px 20px 20px 20px; font-size:x-small; color:#990; }
p.left { margin:0px 10px 10px 0px; float:left; font-size:small; text-align:center; border: 1px solid #666; }
p.right { margin:0px 0px 10px 10px; float:right; font-size:small; text-align:center; border: 1px solid #666; }
p.center { clear:both; text-align:center; font-size:small; border: 1px solid #666; }
p.extended { text-align:right; font-size:small; }
.small { font-size:small; }

table { margin: 15px 0px; width:100%; font-size:small; line-height:120%; border-collapse:collapse; border-bottom: 1px solid #e6e6cc; border-right: 1px solid #e6e6cc;}
th { padding:5px; text-align:left; vertical-align:top; border-top: 1px solid #e6e6cc; border-left: 1px solid #e6e6cc; background:#f9f9cc;}
td { padding:5px; border-top: 1px solid #e6e6cc; border-left: 1px solid #e6e6cc;}

dl { margin: 10px 0px; }
dt { font-weight:bold; }
dd { margin: 0px 0px 10px 15px; line-height:130%; }

.red { color:#c00; }

#container { margin: 0px auto; padding: 0px; width: 730px; text-align: left; }

#header { margin-top: 10px; }
#header h1 { margin:0px; padding:0px; }

#headerMenu { margin-top: 10px; height:50px; text-align: center; background: url(images/bck_hMenu.jpg) no-repeat; }
#headerMenu ul { padding-top: 20px; font-size: 12px; font-weight: bold; line-height:100%; list-style: none; }
#headerMenu ul li { display: inline; margin:0px; padding: 0px 5px; }

#wrapper { margin: 10px 0px; }

#main { float:right; width:530px; background: url(images/bck_main.gif) repeat-y; }

#main h2 { margin-bottom:5px; padding: 20px 10px 0px 20px; font-size: large; background: url(images/bck_h2.gif) no-repeat top; }
#main h3 { clear:both; margin: 10px 10px 5px 50px; padding: 0px; font-size: medium; border-bottom: 1px solid #e6e6cc; }
#main h4 { clear:both; margin: 20px 0px 5px 0px; padding: 0px; font-size: medium; border-bottom: 1px dotted #e6e6cc; }

#main ul { margin: 10px; }
#main ul li { margin: 5px 0px 5px 20px; }
#main ol { margin: 10px; }
#main ol li { margin: 5px 0px 5px 20px; }
#main ol.voiceList li { margin: 5px 0px 5px 20px; font-size:small; }

#mainBtm { clear:both; padding:10px; font-size:small; text-align:right; background: url(images/btm_main.gif) no-repeat bottom; }

.contents { clear:both; margin: 10px 10px 30px 50px; }

#navi { float:left; width:200px; }
#navi h2 { margin:0px; padding: 10px 0px; font-size: large; }
#navi h3 { margin:0px; padding: 30px 0px 5px 0px; font-size: medium; }
#navi ul { margin: 0px 10px 10px 0px; padding: 0px; font-weight: bold; line-height:100%; list-style: none; }
#navi ul li { margin:0px; padding: 0px 0px 5px 20px; font-size:small; }
#navi p { margin-left:20px; padding: 0px; font-size:small; }

#footer { clear:both; margin: 20px; font-size:x-small; text-align: center; color: #996; }