/* 全体構造
----------------------------------------------------------------- */
body {
margin: 0;
padding: 20px 0 0 0;
color: #333333;
background: url(./site_images/bg_body.gif) repeat #BEDFFF;
font-size: 12px;
}
#wrapper {
margin: 0 auto 0 auto;
padding: 0;
width: 740px;
color: #333333;
background: url(./site_images/bg_content.gif) repeat-y #ffffff;
}
#pagebody {
margin: 0 20px 0 20px;
padding: 0;
width: 700px;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
img {
border: 0;
margin: 0;
padding: 0;
}
img a {
text-decoration: none;
}

/* リンク
----------------------------------------------------------------- */
a:link {
color: #333333;
background: transparent;
}
a:visited {
color: #333333;
background: transparent;
}
a:hover, a:active {
color: #000000;
text-decoration: none;
background: transparent;
}


/* ヘッダ
----------------------------------------------------------------- */
#header {
padding: 0;
height: 85px;
width: 740px;
background: #ffffff url(./site_images/bg_header.gif) no-repeat;
}
#header div#headerleft {
float: left;
padding: 10px 0 0 20px;
}
#header h1 {
width: 210px;
margin: 0 10px 0 0;
text-indent: -9999px;
font-size: 1px;
background: url(./site_images/logo.gif) no-repeat #ffffff;
}
#header h1 a {
height: 75px;
display: block;
text-decoration: none;
}
#header div#headerright p {
margin: 70px 0 0 0;
padding-right: 40px;
float: right;
font-size: 10px;
}



/* トピックス
----------------------------------------------------------------- */
#content ul#topics-ul {
list-style: none;
margin: 8px 0 0 30px;
padding: 0;
border: 0;
line-height: 150%;
letter-spacing: 1px;
}
#content ul#topics-ul li {
margin: 0;
padding: 0;
border: 0;
}



/* コンテンツ
----------------------------------------------------------------- */
#content {
float: right;
width: 510px;
}
#content div.contentbody {
margin: 10px;
border: 0;
padding: 0 0 10px 0;
width: 510px;
background: url(./site_images/bg_content_body.gif) repeat;
}

#content h2 {
clear: both;
width: 510px;
height: 26px;
margin: 0;
padding: 8px 0 0 0;
text-indent: 40px;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
color: #555566;
background: url(./site_images/title_content.gif) no-repeat;
}
#content h3 {
clear: both;
width: 510px;
height: 22px;
margin: 0;
padding: 5px 0 0 0;
text-indent: 35px;
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
color: #555566;
background: url(./site_images/title_content02.gif) no-repeat;
}
#content h6 {
clear: both;
width: 510px;
height: 22px;
margin: 0;
padding: 5px 0 0 0;
text-indent: 35px;
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
color: #555566;
background: url(./site_images/title_content03.gif) no-repeat;
}
#content div.contentbody p {
margin: 10px 30px 0 30px;
line-height: 140%;
}
#content div.contentbody p img {
margin: 5px 0 5px 0;
}
#content div.contentbody p img.right {
float: right;
margin: 5px 0 5px 10px;
}
#content div.contentbody p img.left {
float: left;
margin: 5px 10px 5px 0;
}
#content div.contentbody p#description {
padding-bottom: 20px;
}
#content div.contentbody ol {
margin-top: -20px;
padding-top: 0;
}
#content div.contentbody ol li {
margin-top: 0;
padding: 0;
}
#content div.contentbody ul.lab {
list-style: none;
letter-spacing: 3px;
line-height: 140%;
}
#content div.contentbody ul.lab li {
text-indent: 20px;
height: 1.0em;
background: url(./site_images/img_list_lab.gif) no-repeat left;
}


/* サイド・メニュー
----------------------------------------------------------------- */
#side {
float: left;
}
#side ul {
list-style: none;
margin: 10px 0 0 10px;
border: 0;
padding: 0;
}
#side li {
list-style: none;
margin: 10px 0 0 0;
border: 0;
padding: 0;
}

h2#q-link {
width: 150px;
height: 11px;
margin: 20px 0 0 10px;
text-indent: -9999px;
font-size: 1px;
background: url(./site_images/title_side_q-link.gif) no-repeat #ffffff;
}
h2#rss {
width: 150px;
height: 11px;
margin: 20px 0 0 10px;
text-indent: -9999px;
font-size: 1px;
background: url(./site_images/title_side_rss.gif) no-repeat #ffffff;
}

#navigation h2 {
width: 150px;
height: 11px;
margin: 18px 0 0 10px;
text-indent: -9999px;
font-size: 1px;
background: url(./site_images/title_side_menu.gif) no-repeat #ffffff;
}

#navigation ul {
clear: both;
margin: 0 0 0 20px;
border: 0;
padding: 15px 0 0 0;
width: 140px;
list-style: none;
letter-spacing: 1px;
}
#navigation ul li {
margin-bottom: 6px;
text-indent: 20px;
height: 1.0em;
}
#navigation ul li a {
display: block;
width: 140px;
height: 1.0em;
}
#navigation ul#blue li {
background: url(./site_images/img_list_blue01.gif) no-repeat left;
}
#navigation ul#green li {
background: url(./site_images/img_list_green01.gif) no-repeat left;
}
#navigation ul#orange li {
background: url(./site_images/img_list_orange01.gif) no-repeat left;
}
#navigation ul#pink li {
background: url(./site_images/img_list_pink01.gif) no-repeat left;
}
#side ul#rss-ul {
margin: 10px 0 0 20px;
border: 0;
padding: 0;
line-height: 140%;
font-size: 1px;
}
#side ul#rss-ul li {
margin: 10px 0 0 0;
font-size: 1px;
text-indent: -9999px;
width: 80px;
border: 0;
padding: 0;
}
#side ul#rss-ul li a {
height: 15px;
display: block;
text-decoration: none;
}
#side ul#rss-ul li#atom {
background: url(./site_images/img_atom1_0.gif) no-repeat #ffffff;
}
#side ul#rss-ul li#rss2 {
background: url(./site_images/img_rss2_0.gif) no-repeat #ffffff;
}



/* フッタ
----------------------------------------------------------------- */
#footer {
clear: both;
margin-top: 10px;
padding: 0;
width: 740px;
height: 75px;
background: url(./site_images/bg_footer.gif) no-repeat;

}
#footer div#footerbody {
padding: 0 20px 0 20px;
}
#footer p {
font-family:"ＭＳ Ｐゴシック", Osaka;
margin: 0 0 0 10px;
padding: 0;
text-indent: 0;
line-height: 140%;
color: #999999;
}