@charset "Shift_JIS";

@import url(moji.css);

body {
font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
margin: 0;
padding: 0;
font-size: 12px;
color:#000000;
background-color:#FFFFFF;
background-repeat:repeat-x;
background-position:top;
}

a:link {color:#0099FF;text-decoration:none;}
a:hover {color:#0033CC;text-decoration:underline;}
a:visited {color:#0099FF;text-decoration:none;}
a img {border-style:none;}
a:hover img{opacity: 0.5;filter: alpha(opacity=50);}

p {
line-height: 150%;
letter-spacing: 1px;
}

.clr{clear:both;}

/* ========TEMPLATE FRAMEWORK======== */
#top{
margin:0;
background-color:#F7F7F7;
border-bottom:1px solid #009900;
}

#wrapper  {
width:750px;
margin:0 auto;
text-align:left;
padding:0;
}

#header   {
width:750px;
margin:0;
padding-bottom:5px;
}

#container{
width:750px;
margin:0;
padding:0;
}


/* 回り込み解除 */
#menu:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ヘッダー */
h1{
width:750px;
font-size:10px;
margin:0 auto 0 auto;
padding:3px 0 3px 5px;
font-weight:normal;
color:#666666;
}

#sitename{
font-size:21px;
font-weight:bold;
margin:10px 0 0 5px;
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', sans-serif;
}

#sitename a:link {color:#000000;text-decoration:none;}
#sitename a:hover {color:#000000;text-decoration:none;}
#sitename a:visited {color:#000000;text-decoration:none;}

#header p{
margin:0;
padding-left:5px;
}

/* グローバルメニュー */
#menu{
width:750px;
margin:0;
padding:0;
background-image:url(../img/menu.jpg);
border-bottom:1px solid #A0B7D6;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
list-style-type:none;
float:left;
text-align:center;
margin:0;
padding:3px 0 0 0;
border-left:1px solid #FFFFFF;
width:149px;
font-weight:bold;
}

#menu li.home {border-left:none;width:150px;}

#menu li a{
display:block;width:149px;background-image:url(../img/menu.jpg);background-repeat:repeat-x;line-height:26px;color:#FFFFFF;text-decoration:none;}
#menu li a:hover{color:#006633;}

#menu li.home a{
display:block;width:150px;background-image:url(../img/menu.jpg);background-repeat:repeat-x;line-height:26px;color:#FFFFFF;text-decoration:none;}
#menu li.home a:hover{color:#006633;}


/* 見出し設定 */
h2 {letter-spacing:1px;}
h3 {letter-spacing:1px;}
.style01{
height:21px;
padding:3px 0 0 6px;
margin:0;
line-height:150%;
font-size:14px;
font-weight:bold;
background-image:url(../img/h_01.jpg);
background-repeat:repeat-x;
border-bottom:1px solid #C4BE77;
}
.style02{
height:21px;
padding:3px 0 0 10px;
margin:0 0 -5px 0;
line-height:150%;
font-size:14px;
font-weight:bold;
border-left:5px solid #FF6600;
border-bottom:1px solid #C4BE77;
}
.style03{
padding:3px 0 3px 10px;
margin:0 10px 0 10px;
line-height:150%;
font-size:12px;
font-weight:bold;
border-left:5px solid #FF6600;
border-bottom:1px solid #C4BE77;
}
.style04{
height:21px;
padding:3px 0 0 6px;
margin:0;
line-height:150%;
font-size:14px;
font-weight:bold;
background-image:url(../img/h_02.jpg);
background-repeat:repeat-x;
border-bottom:1px solid #C4BE77;
color:#FFFFFF;
}
.style05{
height:21px;
padding:3px 0 0 6px;
margin:0;
line-height:150%;
font-size:14px;
font-weight:bold;
background-image:url(../img/h_03.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}

.check{
background-color:#CC0000;
padding:1px 1px 1px 3px;
line-height:100%;
color:#FFFFFF;
font-size:12px;
}

/* メイン */
#main{
width:500px;
float:right;
padding:10px 0 10px 0;
}

.contents{
border:1px solid #C4BE77;
padding:1px;
margin-bottom:10px;
}

.contents p{
font-size:12px;
padding-left:10px;padding-right:10px;
line-height:150%;
}

.img_left01{float:left;margin:10px 15px 5px 10px;}

.list_box{margin:0;padding:5px 5px 1px 5px;}
.list_box a{font-size:12px;line-height:150%;}
.list_box img{border:1px solid #CCCCCC;}
.box_left{float:left;width:240px;}
.box_left dl {line-height:120%;margin:5px 0 1px 0;padding-bottom:10px;}   
.box_left dl dt {clear:left;float:left;width:120px;}   
.box_left dl dd {margin-left:130px;font-size:10px;padding:0;}

.box_right{float:right;width:240px;}
.box_right dl {line-height:120%;margin:5px 0 1px 0;padding-bottom:10px;}   
.box_right dl dt {clear:left;float:left;width:120px;}   
.box_right dl dd {margin-left:130px;font-size:10px;padding:0;}

table.table01 {
width:100%;
border-collapse:collapse;
}

table.table01 td {
padding:5px 0;
text-align:center;
}

.benner_box{
border:1px solid #C4BE77;
padding:5px;
text-align:center;
}


/* サイドメニュー */
#side{
width:234px;
float:left;
padding:10px 0 10px 0;
}

#side img{margin-bottom:10px;}

.side_box{
border:1px solid #C4BE77;
padding:1px;
margin-bottom:10px;
}

ul.category {list-style:none;margin:6px 5px 5px 5px;padding:0px;}
ul.category li {
margin:0 0 4px 0;
padding:0 0 0 10px;
font-size:12px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
border-bottom:1px dotted #A0B7D6;
background-image:url(../img/arrow_01.gif) ;
background-position:left center;
background-repeat:no-repeat;
}
ul.category li a:hover {text-decoration:none;}

ul.sidelist {list-style:none;margin:6px 5px 5px 5px;padding:0px;}
ul.sidelist li {
margin:0 0 2px 0;
padding:0 0 0 10px;
background-image:url(../img/arrow_01.gif) ;
background-position:left center;
background-repeat:no-repeat;
font-size:12px;
line-height:130%;
}
ul.sidelist li.tx {
margin:0 0 5px 0;
padding:0 0 0 10px;
background-image:none ;
font-size:12px;
line-height:130%;
}

.side_box dl {line-height:120%;margin:5px 5px 1px 5px;padding-bottom:5px;}   
.side_box dl dt {clear:left;float:left;width:100px;}   
.side_box dl dd {margin-left:110px;font-size:10px;padding:0;}
.side_box dl a{font-size:12px;line-height:150%;}

.ad{
border:1px solid #C4BE77;
padding:5px;
text-align:center;
margin-bottom:10px;
}



/* footer-banner */
.footerbanner{
margin:0 0 5px 0;
padding:5px;
text-align:center;
border:1px solid #C4BE77;
}

.footerlink{
margin:0 0 10px 0;
padding:10px 0 0 0;
text-align:center;
border-top:1px solid #C4BE77;
line-height:150%;
letter-spacing:1px;
color:#999999;
}

#footer{
margin:0;
padding:10px 0;
text-align:center;
clear:both;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
background-image:url(../img/footer.jpg);
background-repeat:repeat-x;
}


/* 運営者情報 */
table.table02 {
width:478px;
border-collapse:collapse;
margin:10px;
}

table.table02 td {padding:10px;border:solid 1px #CCCCCC;line-height:150%;}
table.table02 td.course {background-color:#F0EDE4;font-weight:bold;}
