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


/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin-bottom:30px;
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background:#FFFFEC;
}
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:800px;
margin: 0 auto 0px auto;
text-align:left;
background:#fff;
}
#header{
width:800px;
height:153px;
text-align:left;
background:url(/upload_images/template/header_bg.jpg) no-repeat;
}
#contentwrapper{
width:800px;
text-align:left;
background:#fff url(/upload_images/template/wrapper_bg.gif) repeat-y;
}
#contentwrapper #navigation{
float:left;
width:280px;
margin-bottom:20px;
}
#contentwrapper #content{
float:left;
width: 480px;
margin:0px 0 20px 0px;
}

/*■3ヘッダー*/
#header img{
margin:29px 0 0 44px;
}

/*■4ナビゲーション*/
#navigation ul#n1{
list-style-type:none;
margin:0 0 30px 20px;
}
#navigation ul#n1 li{
width:220px;
padding:0;
margin-bottom:4px;
vertical-align: top;
}
#navigation ul#n1 li a{
width:195px;
background:#DFE3EF url(/upload_images/template/nav.jpg) no-repeat;
padding:12px 0px 10px 25px;
display:block;
font-size:83%;
line-height:105%;
color:#666;
font-weight:bold;
text-decoration:none;
border-bottom:#97A5CA 1px solid;
}
#navigation ul#n1 li a:hover,
#navigation ul#n1 li a.selected{
color:#336600;
background:#BDE9BD url(/upload_images/template/nav_f2.jpg) no-repeat;
border-bottom:#81A061 1px solid;
}

#catlink{
margin:0 40px 10px 20px;
padding:8px 8px 8px 8px;
background:#eee;
border:#ccc 1px solid;
font-size:80%;
color:#666;
font-weight:bold;
}
#navigation ul#n2{
list-style-type:none;
margin-left:29px;
margin-bottom:38px;
}
#navigation ul#n2 li{
margin:0 40px 3px 0px;
padding:0 0px 0px 11px;
background:url(/upload_images/template/nav2.gif) 0 5px no-repeat;
}
#navigation ul#n2 li a{
font-size:80%;
line-height:100%;
color:#666;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
}
#navigation ul#n2 li a:visited{
}
#navigation .toppage{
margin-left:22px;
}
#navigation .toppage a{
font-size:83%;
line-height:100%;
color:#666;
text-decoration:none;
font-weight:bold;
}


/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
padding-top:19px;
margin:0 0 19px 20px;
font-size:83%;
color:#333;
line-height:110%;
}
.breadcrumb a{
color:#F35458;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
text-decoration:none;
color:#333;
}

/*記事*/
#content #page-title-mr1{
height:4px;
background:url(/upload_images/template/pagetitle1.gif) no-repeat;
font-size:2px;
}
#content #page-title-mr2{
height:4px;
background:url(/upload_images/template/pagetitle3.gif) no-repeat;
font-size:2px;
}
#content #page-title{
margin:0px 0 40px 0px;
background:url(/upload_images/template/pagetitle2.gif) repeat-y;
}
#content #page-title #category{
padding:11px 5px 0px 23px;
font-size:90%;
line-height:100%;
font-weight:bold;
color:#475786;
}
#content #page-title h2{
padding:8px 5px 8px 23px;
font-size:130%;
font-weight:bold;
line-height:125%;
color:#333;
}
#content #art{
width:480px;
margin:0 0 0 0px;
}
#content h3{
padding:9px 5px 7px 22px;
background:#F1F3F8 url(/upload_images/template/h3_bg.gif) no-repeat;
font-size:100%;
line-height:100%;
color:#333;
border:#97A5CA 1px solid;

}
#content p{
padding:0px 0px 0 0px;
margin:10px 0px 40px 4px;
font-size:87%;
line-height:160%;
color:#333;
}

/*■6フッター*/
#footerwrapper{
margin: 0 auto 0px auto;
width: 800px;
text-align:center;
background:#9AA7CC;
}
#footerwrapper p{
padding:12px 0px 17px 0;
font-size:70%;
color:#333;
font-weight:bold;
letter-spacing:0.1em;
}

/*■7アイコン*/
#content .top img{
margin:0 5px 0 0;
}
#content .top{
margin:0px 0px 0 0;
text-align:right;
}
#content .top a{
color:#666;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
text-decoration:underline;
}
/*トップページ*/
#toppage #contentwrapper{
padding-top:34px;
}
#content #page-title{
margin:0px 0 27px 0px;
}
#toppage #contentwrapper #content h2{
margin-top:0px;
padding:15px 0 8px 25px;
}
#toppage #contentwrapper #content #intro{
padding:0px 12px 12px 26px;
font-size:83%;
line-height:160%;
color:#2F499C;
}
/*カテゴリトップ*/
#categorytop #content #page-title h2{
padding:10px 5px 11px 23px;
color:#475786;
}
#categorytop #content #page-title{
margin:0px 0 24px 0px;
}
#content ul.cate{
margin:0px 0 20px 18px;
list-style-type:none;
}
#content ul.cate li a{
background:none;
padding:1px 0px 0px 21px;
height:30px;
display:block;
font-size:100%;
font-weight:bold;
line-height:100%;
color:#333;
text-decoration:none;
background:url(/upload_images/template/icon_cattop.gif) 0 2px no-repeat;
}
#content ul.cate li a:hover{
text-decoration:underline;
}

/*外部リンクコード用*/
#code{
margin:50px 45px 0 22px;
font-size:75%;
line-height:150%;
color:#888;
}
#code a{
text-decoration:underline;
color:#888;
}