/*
トップス
up date:2008.2 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;
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;
}
#content #art .clear{
clear:both;
font-size:1px;
margin-bottom:0px;
}

/*■2レイアウト*/
#wrapper{
width:784px;
margin-left:45px;
text-align:left;
background:url(/upload_images/template/content_bg.gif) repeat-y;
}
#header{
width:750px;
margin:0 0 0 17px;
height:88px;
text-align:left;
background:url(/upload_images/template/header.gif) center bottom no-repeat;
border-bottom:3px solid #333333;
}
#navigation{
width:750px;
margin:19px 17px 0 17px;
}
#catlink{
padding:0 0 6px 5px;
font-size:78%;
color:#666;
font-weight:bold;
border-bottom:2px solid #333333;
}
#contentwrapper{
width:750px;
margin:40px 17px 26px 17px;
}
#footerwrapper{
width: 784px;
text-align:center;
background:url(/upload_images/template/footer.gif) center bottom no-repeat;
}
#footerwrapper #linkfooter{
width:750px;
text-align:center;
margin:0 auto 0 auto;
padding-top:17px;
border-top:2px solid #333333;
}

/*■3ヘッダー*/
#header img.tit{
margin:0px;
width:629px;
height:64px;
}
/*パンくず*/
.breadcrumb{
text-align:right;
padding:13px 21px 8px 0px;
font-size:70%;
color:#999;
line-height:100%;
}
.breadcrumb a{
color:#999;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
text-decoration:none;
color:#999;
}

/*■4ナビゲーション*/
ul#n1{
list-style-type:none;
margin-left:4px;
}
ul#n1 li{
text-align:left;
margin-right:24px;
float:left;
display:block;
}
ul#n1 a{
padding:0px 0 0 24px;
background:url(/upload_images/template/nav.gif) no-repeat;
display: block;
font-size:88%;
color:#666;
line-height:100%;
font-weight:bold;
text-decoration:none;
}
ul#n1 a:hover{
color:#E30000;
text-decoration:underline;
}
/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
ul#n1 a.selected{
color:#E30000;
text-decoration:none;
background:url(/upload_images/template/nav_f2.gif) no-repeat;
}
ul#n1 a.selected:hover{
color:#E30000;
text-decoration:underline;
background:url(/upload_images/template/nav_f2.gif) no-repeat;
}
/*サブナビ*/
#subnav-wrap{
margin:54px 0 0 0;
padding:0px;
}
#navigation ul#n2{
list-style-type:none;
padding:6px 0 0 5px;
}
#navigation ul#n2 li{
background:url(/upload_images/template/subnav.gif) 0 7px no-repeat;
padding-left:9px;
margin-right:18px;
float:left;
display:block;
}
#navigation ul#n2 li a{
font-size:70%;
line-height:100%;
color:#666;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
color:#E30000;
}

/*■5コンテンツ*/
/*記事*/
#content #page-title{
width:750px;
margin:0 0 8px 2px;
background:url(/upload_images/template/pagetitle.gif) no-repeat;
}
#content #page-title h2{
padding:10px 0 10px 42px;
font-size:105%;
color:#E30000;
font-weight:bold;
}
#content #art{
width:721px;
margin-left:11px;
margin-bottom:20px;
}
#content #art img.ill{
float:right;
padding:5px 0 14px 18px;
width:206px;
height:206px;
}
#content #art h3{
padding-bottom:8px;
font-size:93%;
line-height:105%;
color:#555;
}
#content #art p,
#content #art div{
padding:0 15px 0 0;
margin-bottom:40px;
font-size:80%;
line-height:170%;
color:#666;
}
#content p strong{
}
#content a{
color:#666;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;
}

/*■6フッター*/
#footerwrapper #linkfooter a{
background:url(/upload_images/template/subnav.gif) 0 2px no-repeat;
padding-left:11px;
margin-right:18px;
font-size:70%;
color:#666;
text-decoration:none;
}
#footerwrapper #linkfooter a:hover{
text-decoration:underline;
}
#footerwrapper p{
width:750px;
margin:0 auto 0 auto;
padding:12px 0 20px 0;
font-size:70%;
color:#666;
letter-spacing:0.1em;
border-bottom:1px solid #eeeeee;
}
#footerwrapper #seo{
width:730px;
padding:10px 0 20px 0;
margin:0 auto 0 auto;
text-align:left;
font-size:65%;
color:#888;
line-height:125%;
}

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

/*カテゴリトップ*/
#cate #content #art{
width:732px;
margin-left:0px;
}
#cate #content #art ul{
padding-bottom:30px;
list-style-type:none;
}
#cate #content #art ul li{
margin:0 0 8px 2px;
padding:10px 0 10px 42px;
background:url(/upload_images/template/pagetitle.gif) no-repeat;
}
#cate #content #art ul li a{
font-size:105%;
color:#666;
font-weight:bold;
line-height:100%;
text-decoration:none;
}
#cate #content #art ul li a:hover{
text-decoration:underline;
color:#E30000;
}

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