/*
トリビア
up date:2008.9 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■5コンテンツ-
■6フッター
■7アイコン表示（印刷、上へ戻る）
*/

/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin-bottom:0px;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center;
background:url(/upload_images/template/bg.gif);}
img{border:none;}
ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.comment,.hide,
h1 span{
position:absolute;
top:-9999px;
left:-9999px;
font-size:4px;
}
.clear{
clear:both;
font-size:1px;
}

/*■2レイアウト*/
#wrapper{
width:876px;
margin: 0 auto 0px auto;
text-align:left;
background:#fff;
}
#header{
width:876px;
height:216px;
background:url(/upload_images/template/header_bg.gif) no-repeat;
}
#navigation{
height:104px;
background:url(/upload_images/template/nav_bg.gif) no-repeat;
}
#category{
height:85px;
background:url(/upload_images/template/cate_title_bg.gif) no-repeat;
}
#contentwrapper{
text-align:left;
background:url(/upload_images/template/contentwrapper_bg.gif) repeat-y;
}
#contentwrapper #content{
width:575px;
margin:0px 0 0px 152px;
padding:17px 0 15px 0;
}

/*■3ヘッダー*/
#header img{
margin:73px 0 0px 209px;
}
#category img{
margin:8px 0 0 151px;
}

/*■4ナビゲーション*/
#navwrap1{
margin:0 0 16px 160px;
height:33px;
}
#navwrap2{
margin:0 0 0 183px;
height:33px;
}
#navwrap1 a,
#navwrap2 a{
text-indent: -5000px;
text-decoration: none;
height:33px;
display:block;
}
#navwrap1 li,
#navwrap2 li{
height:33px;
list-style: none;
float:left;
display:block;
}

#nav1{width:156px;background:url(/upload_images/template/nav1_f2.gif) no-repeat;margin-right:12px;}
#nav2{width:214px;background:url(/upload_images/template/nav2_f2.gif) no-repeat;margin-right:12px;}
#nav3{width:153px;background:url(/upload_images/template/nav3_f2.gif) no-repeat;}
#nav4{width:232px;background:url(/upload_images/template/nav4_f2.gif) no-repeat;margin-right:35px;}
#nav5{width:234px;background:url(/upload_images/template/nav5_f2.gif) no-repeat;}

#nav1 a:hover{background:url(/upload_images/template/nav1_f3.gif) no-repeat;}
#nav2 a:hover{background:url(/upload_images/template/nav2_f3.gif) no-repeat;}
#nav3 a:hover{background:url(/upload_images/template/nav3_f3.gif) no-repeat;}
#nav4 a:hover{background:url(/upload_images/template/nav4_f3.gif) no-repeat;}
#nav5 a:hover{background:url(/upload_images/template/nav5_f3.gif) no-repeat;}

#nav1 a.selected{background:url(/upload_images/template/nav1.gif) no-repeat;}
#nav2 a.selected{background:url(/upload_images/template/nav2.gif) no-repeat;}
#nav3 a.selected{background:url(/upload_images/template/nav3.gif) no-repeat;}
#nav4 a.selected{background:url(/upload_images/template/nav4.gif) no-repeat;}
#nav5 a.selected{background:url(/upload_images/template/nav5.gif) no-repeat;}

#nav1 a.selected:hover{background:url(/upload_images/template/nav1_f3.gif) no-repeat;}
#nav2 a.selected:hover{background:url(/upload_images/template/nav2_f3.gif) no-repeat;}
#nav3 a.selected:hover{background:url(/upload_images/template/nav3_f3.gif) no-repeat;}
#nav4 a.selected:hover{background:url(/upload_images/template/nav4_f3.gif) no-repeat;}
#nav5 a.selected:hover{background:url(/upload_images/template/nav5_f3.gif) no-repeat;}

.other_category li{
list-style:none;
font-weight:bold;
}
.other_category li a{
padding:4px 2px;
font-size:18px;
display:block;
}

/*■5コンテンツ*/
/*記事*/
#content h2{
margin:8px 0;
padding:5px 12px 4px 15px;
font-size:130%;
line-height:120%;
color:#fff;
font-weight:bold;
background:#2FB98C;
}
#content div#art div,#content p{
padding:10px 10px 35px 14px;
font-size:100%;
font-weight:bold;
line-height:240%;
color:#333;
}

/*■6フッター*/
#footerwrapper{
height:103px;
background:url(/upload_images/template/footer_bg.gif) center repeat-x;
}
#footerwrapper p{
width:876px;
margin: 0 auto 0px auto;
padding:16px 0px 0px 0px;
text-align:center;
font-size:70%;
color:#fff;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#999;
text-decoration:none;
}
#footerwrapper p a:hover{
color:#CC0000;
text-decoration:none;
}

/*■7アイコン*/
#catetop #content div#art div.top{
padding:0px 0px 5px 0px;
margin:0px 2px 0 0px;
font-size:100%;
font-weight:normal;
line-height:100%;
}

#content .top{
margin:0px 2px 0 0px;
text-align:right;
}
#content .top a{
margin-left:16px;
padding-left:13px;
background:url(/upload_images/template/pagetop.gif) no-repeat;
color:#999;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
background:url(/upload_images/template/pagetop_f2.gif) no-repeat;
color:#CC0000;
}

/*■トップ、カテゴリトップ*/
#catetop #content ul{
margin:14px 0 30px 6px;
list-style-type:none;
}
#catetop #content ul li{
display:inline;
}
#catetop #content ul li a{
display:block;
width:95%;
padding:3px 0px 9px 26px;
font-size:100%;
font-weight:bold;
line-height:105%;
color:#333;
text-decoration:none;
background:url(/upload_images/template/catetop.gif) no-repeat;
}
#catetop #content ul li a:visited{
color:#3A8F81;
}
#catetop #content ul li a:hover{
color:#EA0000;
background:url(/upload_images/template/catetop_f2.gif) no-repeat;
}
/*お問い合わせ*/
#content h3{
padding:20px 10px 8px 14px;
font-size:100%;
font-weight:bold;
color:#333;
}
#content p.about{
padding:0px 10px 20px 14px;
font-size:90%;
font-weight:normal;
line-height:150%;
}

/*外部リンクコード用*/
#code{
font-size:75%;
line-height:150%;
color:#666;
}
#code a{
text-decoration:underline;
color:#666;
}