*{
margin:0px;
padding:0px;}

/* =================================== */
/* レイアウトの設定 */
/* =================================== */
#container{
margin:0 auto 15px auto;
width:880px;
padding-bottom:10px;
text-align:left;
background:#FFF;}

#wrapper{
padding:22px 15px 18px 15px;}

#content{
width:620px;
float:right;
padding-bottom:18px;}

#border{
_height:100%;
background:#FCF6EE;
border:1px solid #DFD9CF;}

#side-left{
float:left;
width:210px;
padding-bottom:15px;}

.side-bg{
width:100%;
background:#Fbf5ee;}

#footer{
color:#FFF;
clear:both;
height:26px;
margin:0 15px;
background:url(../image/bg05.gif);}

/* =================================== */
/* メイン部分の設定 */
/* =================================== */
.main-frame{
padding:10px 17px 0 15px;
background:#FFF;}

/* =================================== */
/* ヘッダーの設定 */
/* =================================== */
/* ヘッダー */
#header{
height:85px;
padding:0 15px;
margin-bottom:15px;}

.pr{
float:right;
padding-top:12px;}

.ad{
float:right;
width:234px;
padding:15px 0 0 0;}

.ad a{
font-weight:bold;
color:#2255EE;}

.clear{
clear:both;}

/* =================================== */
/* メニューの設定 */
/* =================================== */
.header-bottom{
height:26px;
margin:0 15px;
text-align:center;
background:url(../image/bg05.gif);}

.header-bottom table{
margin:0 auto;}

.header-bottom td{
vertical-align:middle;
height:26px;}

.header-bottom ul{
text-align:center;}

.header-bottom li{
display:inline;
padding:0 12px;
border-right:1px solid #DDCCBB;}


/* =================================== */
/* トップページ */
/* =================================== */
#index-banner{
padding:0;
margin-bottom:15px;}

#index-banner table{
width:100%;}

td.info{
width:330px;
height:210px;
background:url(../image/info-bg02.jpg) no-repeat left top;}

.info div{
padding:5px 5px 5px 10px;}

.info span{
_height:100%;
color:#bbdddd;
padding:3px;
display:block;
line-height:1.6;}

td.osirase{
padding-left:10px;
vertical-align:bottom;}

td.osirase div.osi-bg{
height:210px;}

hr{
color:#BBAAAA;
background:#BBAAAA;
height:1px;
border-width:0;
margin:10px 0;
_margin:5px 0;}

#content td.osirase ul{
list-style:none;
padding:0;
margin:10px 0 0 0;}

td.osirase li{
padding:0 0 0 14px;
background:url(../image/arrow-p.gif) no-repeat left center;}

div.entry-body{
padding:10px;}

div.text{
zoom:1;
margin-bottom:25px;
padding:10px 12px 0 12px;}

table.main-btm{
width:600px;
line-height:normal;
border-collapse:collapse;}

/* メインの下部 */
.main-btm-left{
padding:5px 20px 5px 5px;}

.main-btm-right{
width:200px;}

/* 更新履歴 */
.news{
margin:10px 0 0 0;
padding:0 5px;
line-height:1;
height:155px;
overflow:auto;}

.news dt{
padding:0 0 0 10px;
color:#88BB44;
font-size:10px;
font-family:Verdana,Arial,Helvetica,sans-serif;
background:url(../image/n-icon.gif) no-repeat left center;}

.news dd{
margin:5px 0 10px 0;
padding:3px 5px;
line-height:1.5;
font-size:10px;
font-family:Verdana;
border-bottom:1px dotted #CCBBAA;}

.btm{
padding-bottom:10px;}

.pr2{
padding:5px 10px;
background:url(../image/bg_dot.gif);}

.btm00{}
.kuma{float:left;width:35px;height:43px;
background:url(../image/animal_125.gif) no-repeat center 3px;}

.fuki-bg{
width:550px;
margin-left:44px;
background:url("../image/fuki-middle.gif") repeat-y;}

.co-body{
color:#797979;
font-size:10px;
font-family:Verdana;
_height:100%;
padding:10px 15px 0 25px;
background:url("../image/fuki-top.gif") no-repeat top;}

.fuki-bottom{
width:100%;
padding-bottom:10px;
background:url("../image/fuki-bottom.gif") no-repeat bottom;}

.co-body h4{
color:#F6AA66;font-size:13px;}

#content .co-body ul{
list-style:none;
margin:0;}

#content .co-body li{
line-height:2.2;
margin-bottom:10px;
border-bottom:1px dashed #CCC;}

#content .co-body a{text-decoration:none;}

/* ページトップ */
#content .pagetop{
text-align:right;
margin:20px 0 5px 0;}

/* =================================== */
/* リンクページ */
/* =================================== */
#link dt{
margin:8px 0 15px 0;
padding:0 0 2px 22px;
background:url(../image/yajirusi2.gif) no-repeat left center;}

#link dd{
margin-bottom:20px;
padding:0 0 5px 0;
border-bottom:1px dashed #CCC;}

/* =================================== */
/* ダウンロードページ */
/* =================================== */
#dl-menu{
width:500px;
height:65px;
background:#77BBCC;
border:1px dashed #CCC;}

#dl-menu ul{
padding:10px 10px 0 10px;}

#dl-menu li{
list-style:none;
display:inline;
margin:0 5px;}

table.dl-img{
margin:0 auto;
border-collapse:separate;}

table.dl-img td{
padding:2px;
background:#FFF;
border:1px solid #CCCCBB;}

.dl-img td.none{
background:none;
border:none;}


table.download{
width:100%;
margin:0 0 30px 0;
border-collapse:collapse;}

.download td{padding:0;}

.download td.image{width:153px;}

ul.name-list{
font-size:12px;
margin:0 !important;padding:0;}

.name-list li{
display:inline;
list-style:none;
margin:0 20px 0 0;}

.name-list .name{
margin:0;line-height:normal;
font-weight:bold;
padding:0px 20px 2px 20px;
background:url(../image/arrow.gif) no-repeat left center;}

html>/**/body .download .name-list .name{
background:url(../image/arrow.gif) no-repeat left center;}

.down{
width:250px;
margin:10px 0 0 0;
border:1px dotted #CCBBAA;
background:#FFF;}

.down dl{
padding:5px;}

.down dt{
float:left;
display:inline;
padding:0 0 0 12px;
background:url(../image/news-icon02.gif) no-repeat left center;}

.down dd{
text-align:right;}

.waku{
float:left;
padding:3px;
background:#FFF;
border:1px solid #CCC;}

ul.pagelink{
margin:15px 0 0 0;
text-align:center;
color:#999;}

.pagelink li{
display:inline;
margin:0 3px;}

.pagelink .no-l{
color:#FFF;
padding:0 3px;
background:#99CC00;}

/* HTMLCSS */
div.css,div.html{
width:90%;
border:2px solid #DDD;
background:#F6F6F6 url(../image/css.gif) no-repeat right top;}

div.css textarea,div.html textarea{
color:#7F7F7F;
width:100%;
height:100px;
font-size:12px;
background:none;
border:none;}

div.html{
background-image:url(../image/html.gif);}

.side{
width:100%;}

.side-body{
padding:10px 10px 15px 10px;}

#gazou img{
float:left;
margin:0 10px 5px 0;}

#gazou2 img{
float:left;
margin:0 15px 10px 0;}

.side dl{
margin:10px 0 0 0;}

.side dt{
padding:5px 0 0 0;
margin:10px 0 5px 0;
text-align:center;
border-top:1px dotted #CCC;}

.side ul{
margin:0 0 0 15px;
color:#CCC;}

.side ul.afili{
margin:0;
list-style:none;}

ul.afili li{
padding:0 0 4px 16px;
background:url(../image/arrow-2.gif) no-repeat left 6px;}

.afili2 li{
padding-bottom:12px;}

#ad p{color:#BBAA99;margin:0 0 35px 0;}

.copy{
text-align:center;
padding-top:3px;}

table.blog{
width:100%;
background:#DDD;
border-collapse:separate;
margin-bottom:25px;}

table.blog td{
background:#FFF;
padding:5px;
text-align:center;}

table.blog .td1{
width:50px;
background:#EEE;}

table.blog .td2{
width:70px;
background:#EEE;}

table.blog a{
font-weight:bold;
text-decoration:none;}

/*IE 5.5-7*/
div#index-banner{zoom:1;}

/*modern browser*/
div#index-banner:after{
content:".";
display:block;
height:0;
clear:both;
line-height:0;
visibility:hidden;}