@charset "Shift_JIS";


body{width: 900px; text-align: center; font-family:"Verdana", "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, sans-serif; font-size: 12px; line-height: 110%; margin: 5px auto; padding: 5px; background-image:url(../418image/bg.jpg);}



div#container{color: #333; text-align: left; margin: 0px; padding: 0px; width: 801px;}
div#container2{color: #333; text-align: left; padding:5px 0px 0px 180px; width: 621px; height: 96px; background-image:url(../418image/p2.jpg);}
div#header{width: 800px; margin: 0px; padding: 0px 0px 5px 0px; color: #333;}
div#header2{width: 800px; margin: 0px; padding: 0px 0px 5px 0px; color: #333;}
div#main{float: right; margin: 0px; padding: 0px; width: 560px;}
div#maincontents{float: left; width: 555px; background: #fff; padding: 20px 20px 20px 20px; margin: 0px 3px 3px 0px;}
div#maincontents99{float: left; width: 530px; background: #fff; padding: 10px 10px 10px 10px; margin: 0px 3px 3px 0px;}
div#maincontents2{float: left; width: 357px; height:210px; background-image:url(../418image/p6.jpg);}
div#maincontents3{float: left; width: 357px; height:20px; background-image:url(../418image/a8.jpg);}
div#maincontents4{float: left; width: 357px; height:20px; background: #fff; padding: 2px 0px 2px 0px; text-align: center;}
div#maincontents5{float: left; width: 357px; height:181px; background: #fff; padding: 2px 0px 2px 0px; text-align: center; background-image:url(../418image/ma2.jpg);}
div#maincontents6{font-size: 120%; float: left; width: 357px; height:34px; background: #fff; padding: 12px 0px 2px 30px; text-align: light; background-image:url(../418image/ma4.jpg);}
div#maincontents7{font-size: 98%; float: left; width: 357px; height:34px; background: #fff; padding: 12px 0px 2px 30px; text-align: light;}
div#right{text-align: center; float: right; margin: 0px; padding: 0px; width: 190px; background: #fff;}
/* 左の背景固定してます。例として */
div#left{float: left; width: 234px; background: #fff;}
div#left2{float: left; width: 234px; height:377px; background-image:url(../418image/p17.jpg);}
div#left3{float: left; width: 234px; height:2px;}
div#left4{float: left; width: 234px; height:40px; background-image:url(../418image/a2.jpg);}
div#left5{float: left; width: 234px; height:230px; background-image:url(../418image/a3.jpg);}
div#left6{float: left; width: 234px; height:60px;}
div#footer{clear: both; width: 800px; height:61px; background-image:url(../418image/f.jpg);}
div#footer2{padding: 26px 0px 2px 200px; font-size: 90%; color: #fff;}

table.sample{
font-size: 90%; 
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample th{
font-size: 90%; 
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#996633;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.sample td{
font-size: 90%; 
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

a:link{color:#2361B8;}
a:visited{color:#2361B8;}
a:hover{color:#2361B8;
text-decoration:underline;}
a:active{color:#2361B8;}
a       {text-decoration:none;}

a.under:link{color:#990000;}
a.under:visited{color:#990000;}
a.under:hover{color:#990000;
text-decoration:underline;}
a.under:active{color:#990000;}
a.under       {text-decoration:underline;}


h1{width: 620px; font-size: 100%; font-weight: normal; color: #0000CC; margin:0px 0px 28px 0px;}

div#left h1{width: 620px; font-size: 100%; font-weight: normal; color: #fff; margin:0px 0px 28px 0px;}
h2{font-size: 110%; color: #333;}
h3{font-size: 100%; color: #fff;}
div#left h4{font-size: 100%; color: #333; background: #fff;}
div#left h5{font-size: 100%; color: #333; background: #fff;}



div#left p{text-align: left; padding: 3px; margin: 3px; line-height: 120%;}



em{color: #333; font-style: normal; font-weight: normal; background: #fff;}



div#left strong{color: #e00; background: #fff;}



div#left ul{float: right; margin: 0px 5px; padding: 0px 5px; list-style: none;}
div#left li{font-size: 90%; padding-left: 22px; padding-bottom: 1px; padding-top: 3px; background: url(../images/list.gif) no-repeat 0% 50%;}

dt{padding-left: 10px;}
dd{padding: 3px; line-height:120%; margin: 10px;}



img{border: 0px}


hr{color: #f90; background-color: #fff;}



div.p{padding: 5px;}
div.t{background: url(../images/bottom_line.gif) repeat-x 0 0;}
div.r{background: url(../images/side_line.gif) repeat-y 100% 0;}
div.b{background: url(../images/bottom_line.gif) repeat-x 0 100%;}
div.l{background: url(../images/side_line.gif) repeat-y 0 0;}
div.lt{background: url(../images/bg_lt.gif) no-repeat 0 0;}
div.rt{background: url(../images/bg_rt.gif) no-repeat 100% 0;}
div.rb{background: url(../images/bg_rb.gif) no-repeat 100% 100%;}
div.lb{background: url(../images/bg_lb.gif) no-repeat 0% 100%;}
div.cont{padding: 10px; line-height: 150%;}



.kbb {font-size:80%; font-weight: bold; color: #333; background-color: white; text-align: center; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; border-right: 2px solid #666; border-bottom: 2px solid #666; padding-left: 1px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; margin-left: 2px; margin-right: 2px; vertical-align: top; font-family: sans-serif; display: inline;}

/* 新着情報表示用 */
div.new{width: 170px; height: 100px; overflow: auto; margin: 5px 0px; padding: 5px 0px; text-align: left; background: #fff; color: #333;}




div#header h2{margin: 0px; padding: 0px;}
div#header h3{margin: 0px; padding: 0px;}
div#header ul{list-style: none; margin: 0px 0px 0px 0px; float: right;}
div#header li{font-size: 12px; margin-right: 0px; float: left; text-align: left; padding: 2px 10px 2px 20px; background: url(../images/list.gif) no-repeat 0 50%; font-weight: bold;}

/* 本文id属性内の要素 */







/* 右側id属性内の要素 */

div#right h2{font-size:135%; width: 190px; height: 31px; background: #fff; color: #333333; text-align: center; margin: 0px; padding: 12px 0px 0px 0px;}
/* ブロック要素のものには必要に応じて背景透明指定 */
div#right h3{background: #2EA8E7; 
color: #fff; 
width:190px; 
height: 44px; 
padding:18px 0px 3px 5px;
font-size:18px;
font-weight:bold;
margin:0px 0px 10px 0px;
border-left:solid 10px #F59E35;}

div#right h4{ background: transparent; text-align: left; padding-left: 10px;}

/* 左側id属性内の要素 */

/* ボーダーでの表現例 */
div#left h2{background: #fff; color: #000; text-align: left; margin: 0px; padding: 5px 0px 5px 5px;
border-top: 1px solid #666;
border-right: 10px solid #c00;
border-bottom: 2px solid #333;
border-left: 1px solid #666;
}
div#left h3{color: #157EB7; text-align: left; margin:9px 0px 0px 20px; padding-left: 10px;}
div#left h4{text-align: left; margin:65px 0px 0px 100px; padding-left: 10px; font-weight:normal ; background: transparent;}
div#left h5{font-size:14px; color: #fff; text-align: left; margin:14px 0px 0px 8px; padding-left: 10px; background: transparent;}
div#left table{font-size: 12px; color: #fff;}
div#left ul{width:116px; list-style: none; margin: 0px 0px 0px 0px; float: light; background: url(../418image/bg22.jpg);}
div#left li{font-size: 12px; padding: 2px 10px 2px 20px; background: url(../418image/bg22.jpg); font-weight: bold;}

div#left ul2{width:116px; list-style: none; margin: 0px 0px 0px 0px; float: light; background: url(../418image/bg22.jpg);}
div#left li2{font-size: 12px; padding: 2px 10px 2px 20px; background: url(../418image/bg22.jpg); font-weight: bold;}
/* 小技半透明背景 */

/* 下側id属性内の要素 */

div#footer ul{list-style: none; margin: 0px 0px 0px 0px; float: right;}
div#footer li{font-size: 12px; margin-right: 0px; float: left; text-align: left; padding: 2px 10px 2px 20px; background: url(../images/list.gif) no-repeat 0 50%; font-weight: bold; display: inline;}

div#left333{
float: right;
margin:28px 0px 0px 100px; width: 120px
}