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

/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin-bottom:30px;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center;
background:url(/upload_images/template/bg.gif) repeat-x;
}
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レイアウト*/
/*ナビゲーション部分右２ピクセルあきを作るため、全体プラス２ピクセルした。実際は772ピクセル*/
#wrapper{
width:774px;
margin: 0 auto 0px auto;
text-align:left;
}
#header{
width:774px;
height:85px;
text-align:left;
}
#navwrap{
width:774px;
}
#contentwrapper{
width:772px;
text-align:left;
background:url(/upload_images/template/content_bg.gif) repeat-y;
}
#contentwrapper #navigation{
float:left;
width:244px;
margin-bottom:10px;
}
#contentwrapper #content{
float:left;
width: 528px;
margin:0px 0 25px 0px;
}

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

/*■4ナビゲーション*/
#navwrap ul#n1{
list-style-type:none;
}
#navwrap ul#n1 li{
width:256px;
margin-right:2px;
padding:0 0px 0px 0;
background:url(/upload_images/template/navbg2.gif) repeat-y;
border-top:#9c9c9c 2px solid;
float:left;
}
#navwrap ul#n1 li.selected{
background:url(/upload_images/template/navbg2_f2.gif) repeat-y;
}
#navwrap ul#n1 li a{
height:21px;
margin-left:8px;
padding:9px 0 0 14px;
background:url(/upload_images/template/nav.gif) 0 10px no-repeat;
display:block;
font-size:13px;
line-height:105%;
color:#282828;
font-weight:bold;
text-decoration:none;
}
#navwrap ul#n1 li a:hover{
color:#ff0000;
}
#navwrap .navwrap-mr{
width:772px;
height:2px;
background:#9c9c9c;
clear:both;
font-size:1px;
}
#catlink{
margin:0 10px 0 18px;
padding:12px 0px 16px 0;
font-size:90%;
color:#454545;
font-weight:bold;
}
#navigation img{
margin-left:18px;
}
#navigation ul#n2{
margin:0 10px 22px 18px;
list-style-type:none;
}
#navigation ul#n2 li{
margin-bottom:5px;
padding:0 0px 4px 0;
padding-left:18px;
background:url(/upload_images/template/subnav.gif) 0 2px no-repeat;
}
#navigation ul#n2 li a{
font-size:90%;
color:#000;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
}
#navigation ul#n2 li a:visited{
color:#000;
}
#navigation .n3{
margin:0 0 0px 18px;
text-decoration:none;
}
#navigation .n3 a{
font-size:83%;
font-weight:bold;
color:#333;
text-decoration:none;
}
#navigation .n3 a:hover{
text-decoration:underline;
}

/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
padding-top:21px;
margin:0px 0 28px 18px;
font-size:78%;
color:#666;
line-height:110%;
}
.breadcrumb a{
color:#666;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
color:#666;
text-decoration:none;
}

/*記事*/
#content #category{
margin:0 0 7px 4px;
font-size:83%;
color:#333;
font-weight:bold;
line-height:105%;
}
#content #category span{
color:#666;
}
#content #page-title{
background:url(/upload_images/template/pagetitle.gif) no-repeat;
}
#content #page-title h2{
margin-bottom:12px;
padding:18px 0 30px 17px;
line-height:105%;
font-size:130%;
color:#246F00;
font-weight:bold;
}
#content #art{
margin-left:4px;
width:500px;
}
#content h3{
padding:0px 0px 8px 2px;
font-size:100%;
line-height:120%;
color:#246F00;
font-weight:bold;
border-bottom:#828282 1px dashed;
}
#content p{
padding:8px 5px 0px 2px;
margin-bottom:45px;
font-size:87%;
line-height:170%;
color:#333;
}
#content #art table{
clear:both;
margin-bottom:60px;
border-top:#c9c9c9 1px solid;
}
#content #art table td{
text-align:left;
vertical-align:top;
padding:13px 12px 11px 4px;
font-size:87%;
line-height:130%;
color:#333;
border-bottom:#c9c9c9 1px solid;
}
#content #art table td strong{
color:#2D8800;
}
#content #art img{
float:right;
width:216px;
height:216px;
margin:0px 0 12px 12px;
border:#767676 1px solid;
}

/*■6フッター*/
#footerwrapper{
width:772px;
padding-top:16px;
text-align:center;
background:url(/upload_images/template/content_bg.gif) repeat-y;
border-top:#9c9c9c 2px solid;
border-bottom:#9c9c9c 2px solid;
}
#footerwrapper #linkfooter a{
background:url(/upload_images/template/subnav.gif) no-repeat;
padding-top:2px;
padding-left:16px;
margin-right:19px;
font-size:70%;
color:#333;
text-decoration:none;
}
#footerwrapper #linkfooter a:hover{
text-decoration:underline;
}
#footerwrapper #seo{
width:681px;
padding:18px 0 10px 0;
margin:0 auto 0 auto;
text-align:left;
background:url(/upload_images/template/bar.gif) bottom no-repeat;
font-size:75%;
line-height:130%;
color:#666;
}
#footerwrapper p{
padding:13px 0 11px 0;
font-size:70%;
color:#333;
letter-spacing:0.1em;
}

/*■7アイコン*/
#content .top img{
margin:0 5px 0 0;
}
#content .top{
width:500px;
margin:0px 2px 0 0;
text-align:right;
}
#content .top a{
color:#333;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
text-decoration:underline;
}

/*トップページ*/
#toppage #contentwrapper{
width:772px;
text-align:center;
background:url(/upload_images/template/content_bg.gif) repeat-y;
}
#toppage #contentwrapper #top1{
padding:47px 0 41px 0;
}
#toppage #contentwrapper #top2{
}
#toppage #contentwrapper #top3{
width:728px;
text-align:right;
padding:14px 0 37px 0;
}
#toppage #footerwrapper{
padding-top:0px;
}
#toppage #footerwrapper #seo{
padding:10px 0 10px 0;
}

/*カテゴリトップ*/
#catetop #content ul{
margin:0px 0 20px 8px;
list-style-type:none;
}
#catetop #content ul li a{
background:none;
padding:1px 0px 0px 25px;
height:33px;
display:block;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#333;
text-decoration:none;
background:url(/upload_images/template/catetop.gif) no-repeat;
}
#catetop #content ul li a:hover{
background:url(/upload_images/template/catetop_f2.gif) no-repeat;
color:#ff0000;
}
#catetop #contentwrapper #content{
margin:0px 0 40px 0px;
}

/*外部リンクコード用*/
#code{
margin:40px 30px 0 18px;
font-size:70%;
line-height:150%;
color:#666;
}
#code a{
text-decoration:underline;
color:#666;
}

#toppage #code{
width:679px;
margin:20px auto 5px auto;
text-align:left;
font-size:70%;
line-height:150%;
color:#666;
}