@charset "UTF-8";
/* 基本構造 */
* {
font-family: 'arial', sans-serif;
}
body {
width: 972px;
margin: 0px auto;
}
img {
border: 0;
}
a img {
border-style: none;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/* コンテナ */
#headcontainer {
width: 972px;
height: 176px;
}
#header {
background-image: url(images/header.gif);
background-repeat: no-repeat;
width: 972px;
height: 156px;
text-align: right;
color: #ffffff;
}
#navi {
display: block;
position: relative;
top: 0;
left: 0;
background-image: url(images/navi_bg.gif);
background-repeat: no-repeat;
color: #99ff33;
height: 20px;
padding: 0px 186px;
clear: both;
font-size: small;
}
#container {
width: 972px;
/*background-image: url(images/dropshadow.gif);*/
background-repeat: repeat-y;
padding: 0px 6px;
margin: 0;
font-size: small;
color: #333333;
}
#menucontainer {
background: transparent;
float: left;
width: 180px;
margin: 0;
overflow: hidden;
}
#contentsbox {
background: transparent;
width: 780px;
float: left;
margin: 0;
overflow: hidden;
}
#contents {
background: transparent;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 2ex;
}
#menu_left {
background: transparent;
width: 180px;
padding-top: 20px;
margin: 0;
overflow: hidden;
}
#menu_right {
background: transparent;
width: 180px;
padding-top: 20px;
margin: 0;
overflow: hidden;
}
#footer {
position: relative;
left: -6px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
width: 972px;
height: 56px;
clear: left;
text-align: center;
font-size: small;
color: #ffffff;
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/* ヘッダー */
#header img {
border: 0;
float: left;
}
#header h1 {
position: relative;
left: 508;
color: #ffffff;
font-size: medium;
text-align: right;
padding-top: 4ex;
padding-right: 3em;
}
#header .info {
color: #ffffff;
font-size: medium;
text-align: right;
padding-right: 3em;
}
#headcontainer a:link {
color: #cccccc;
}
#headcontainer a:visited {
color: #cccccc;
}
#headcontainer a:hover {
color: #ffffff;
}
#headcontainer a:active{
color: #ffffff;
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/* サイドバー */
#menu_left .info {
color: #666666;
font-size: small;
margin: 0 10px;
}
#menu_left h2 {
background-image: url(images/menu_bg.gif);
background-repeat: no-repeat;
width: 160px;
height: 30px;
margin: 2ex auto;
text-align: center;
line-height: 30px;
font-size: 16px;
font-weight: 400;
}

#menu_right h2 {
background-image: url(images/menu_bg.gif);
background-repeat: no-repeat;
width: 160px;
height: 30px;
margin: 2ex auto;
text-align: center;
line-height: 30px;
font-size: 16px;
font-weight: 400;
}

#menu_left div {
margin-bottom: 30px;
}

#menu_right div {
margin-bottom: 30px;
}

ul {
padding: 0;
text-indent: 0;
margin: 0;
}
.menu li {
list-style: none;
margin-bottom: 4px;
border: 1px #666666;
line-height:0;
}
.menu li a {
height: auto;
display: list-item;
color:#666666;
margin: 0 10px;
font-size: small;
text-decoration: none;
border-bottom: 1px solid #666666;
line-height:normal;
}
.menu li a:hover {
display; list-item;
color:#333333;
background-color: #ccff99;
font-size: small;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #666666;
}
.menu li ul {
margin: 1ex 0 1ex 1em;
}
.menu li li a {
border: 1px solid #666666;
line-height:normal;
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/* フッター */
#footer a:link {
color: #cccccc;
}
#footer a:visited {
color: #cccccc;
}
#footer a:hover {
color: #ffffff;
}
#footer a:active{
color: #ffffff;
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/* 行揃え */
.center {
text-align: center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.imageonly {
position: relative;
left: -7px;
}

/*///////////////////////////////////////////////////////////////////////////////////*/
/* 見出し */

#contents h2 {
background-image: url(/assets/images/h2_bg.gif);
background-repeat: no-repeat;
}

#wpint h2 {
font-size: small !important;
border: 0 0 3px 0 solid #666666 !important;
background-color: transparent !important;
}


/*///////////////////////////////////////////////////////////////////////////////////*/
/* 内容 */
.whatsnew {
display: block;
border: 1px solid #999999;
margin-right: auto;
margin-left: auto;
}

.thumbs li {
list-style: none;
}

.thumbs li a {
display: block;
float: left;
}

.attention {
color: #ff0000;
font-weight: bold;
}

span　.attention {
color: #ff0000;
font-weight: bold;
font-size: large;
}

/*///////////////////////////////////////////////////////////////////////////////////*/
/* 継承 */
/* ++++++ NAVIGATION ++++++ */
#contents table {
margin-left: auto;
margin-right: auto;
}


.info img {
width: 120px;
height: 90px;
}
.calendar {
margin-left: 10px;
margin-right: 10px;
font-size: small;
color: #000000;
}
.calendar table {
margin-left: auto;
margin-right: auto;
}
.calendar td {
background-color: #ffffff;
}
.links {
margin-left: auto;
margin-right: auto;
width: 90%;
font-size: small;
}
.thanks {
margin-left: auto;
margin-right: auto;
background-color: #cccccc;
width: 90%;
font-size: small;
padding: 3px;
}
.google {
margin-left: auto;
margin-right: auto;
background-color: #cccccc;
width: 90%;
font-size: small;
padding: 3px;
}
/* ++++++ IMAGES ++++++ */
.b_info img {
width: 320px;
height: 240px;
margin: 2px;
}
.buggy_news img {
width: 160px;
height: 120px;
}
.buggy_index img {
width: 100px;
height: 75px;
}
.custom table tr td img {
width: 200px;
height: 150px;
margin: 2px;
}
.catalog img {
height: 180px;
}
.links img {
width: 140px;
margin-left: auto;
margin-right: auto;
}
.thanks img {
height: 25px;
margin-left: auto;
margin-right: auto;
}
.custom_index img {
width: 64px;
}


/* sandbox */

#capSx img{float:left; margin-right:5px;}

#itemlist {width: 100%; margin: 0px 0px;}

#itemlist li {list-style: none; float: left; width: 100px;}

#itemlist ul .list {margin: 5px 0px 5px 15px}

#itemlist .thumnail a img {border: 1px solid #C7C7BD;}

#itemlist .thumnail a:hover img {border: 1px solid #999999;}

#itemlist p {margin: 2px 0px 0px 0px; padding: 0; font-size: 12px; line-height: 1.5em;}

#itemlist p a {line-height: 1.3em}