/*
YouTube Fan
up date:2008.4 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.jpg);
text-align:center;
}
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:858px;
margin: 0 auto 0px auto;
padding-top:20px;
text-align:left;
background:#fff;
border-left:#333 1px solid;
border-right:#333 1px solid;
}
#header{
margin:0px 0 6px 19px;
width:820px;
height:110px;
text-align:left;
background:url(/upload_images/template/header.jpg) no-repeat;
}
#contentwrapper{
width:858px;
text-align:left;
}
#contentwrapper #navigation{
float:left;
width:299px;
margin-bottom:20px;
}
#contentwrapper #content{
float:left;
width: 530px;
margin:0px 0 25px 0px;
}
#categorytop #contentwrapper #content{
margin:0px 0 90px 0px;
}

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

/*■4ナビゲーション*/
#contentwrapper #navwrap{
width:818px;
margin-left:19px;
border:#adadad 1px solid;
}
.nav-mr{
clear:both;
font-size:1px;
background:#f3f3f3;
}
#contentwrapper ul#n1{
list-style-type:none;
margin-top:2px;
margin-left:1px;
}
#contentwrapper ul#n1 li{
width:203px;
margin-right:1px;
margin-bottom:1px;
float:left;
padding:0;
}
#contentwrapper ul#n1 li a{
margin:0px;
padding:7px 0px 5px 19px;
background:#f4f4f4 url(/upload_images/template/nav.jpg) no-repeat;
border-top:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#b7b7b7 1px solid;
border-bottom:#b7b7b7 1px solid;
display:block;
font-size:12px;
line-height:105%;
color:#4d4d4d;
font-weight:bold;
text-decoration:none;
}
#contentwrapper ul#n1 li a:hover,
#contentwrapper ul#n1 li a.selected{
color:#ff0000;
background:#F9F1F1 url(/upload_images/template/nav_f2.jpg) no-repeat;
border:#ff0000 1px solid;
}

#catlink-mr1{
margin:0 0 0 19px;
width:250px;
height:4px;
font-size:2px;
background:url(/upload_images/template/cat1.gif) no-repeat;
}
#catlink-mr2{
margin:0 0 0 19px;
width:250px;
height:2px;
font-size:2px;
background:url(/upload_images/template/cat3.gif) no-repeat;
}
#catlink{
margin:0 10px 0 19px;
padding:6px 0px 6px 12px;
width:238px;
background:url(/upload_images/template/cat2.gif) repeat-y;
font-size:95%;
color:#333;
font-weight:bold;
}
#navigation ul#n2{
margin-left:19px;
margin-bottom:20px;
padding:15px 0 10px 0;
width:248px;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
list-style-type:none;
}
#navigation ul#n2 li{
margin-left:14px;
margin-bottom:12px;
padding:0 0px 0 12px;
background:url(/upload_images/template/icon_n1.gif) 0 6px no-repeat;
}
#navigation ul#n2 li a{
font-size:83%;
line-height:100%;
color:#333;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
}
#navigation ul#n2 li a:visited{
color:#990033;
}
#navigation .n3{
margin:0 0 10px 21px;
padding:2px 0px 2px 17px;
text-decoration:none;
background:url(/upload_images/template/icon_n2.gif) 0 3px no-repeat;
}
#navigation .n3 a{
font-size:83%;
font-weight:bold;
color:#666;
text-decoration:none;
}
#navigation .n3 a:hover{
text-decoration:underline;
}

/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
margin:25px 0 20px 19px;
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 #page-title{
margin:0;
padding:0 0 0 18px;
background:url(/upload_images/template/pagetitle.jpg) no-repeat;
color:#333;
}
#content #category{
padding:11px 0 13px 0;
font-size:85%;
color:#f00;
font-weight:bold;
line-height:105%;
}
#content #page-title h2{
padding:7px 0 15px 0;
line-height:105%;
font-size:120%;
color:#333;
}
#content #art{
width:530px;
}
#content h3{
margin-top:20px;
padding:8px 0 7px 9px;
background:#666;
border-left:#cc0000 5px solid;
font-size:100%;
line-height:100%;
color:#fff;
}
#content p{
padding:10px 0px 0px 5px;
margin:0 0 10px 0px;
font-size:83%;
line-height:170%;
color:#333;
}
#content #art img{
margin:10px 0 0 5px;
border:#666 2px solid;
}
#content .cap{
width:450px;
margin:6px 0 15px 5px;
font-size:76%;
line-height:165%;
color:#333;
}

/*■6フッター*/
#footerwrapper{
margin: 0 auto 0px auto;
width: 860px;
background:url(/upload_images/template/footer.gif) no-repeat;
text-align:center;
}
#footerwrapper p{
padding:8px 0 23px 0;
font-size:70%;
font-weight:bold;
color:#666;
line-height:120%;
letter-spacing:0.1em;
}

/*■7アイコン*/
#content .top img{
margin:0 5px 0 0;
}
#content .top{
margin:20px 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 #navwrap{
margin-bottom:28px;
}
#toppage #contentwrapper #content #hajimeni{
margin-bottom:4px;
}
#toppage #contentwrapper #content h2{
margin-top:20px;
padding:13px 0 15px 13px;
background:url(/upload_images/template/top_h2.jpg) no-repeat;
line-height:105%;
font-size:120%;
color:#333;
}
#toppage #contentwrapper #content p{
padding:4px 0px 0px 5px;
}
#toppage #contentwrapper #content #intro{
padding:5px 0px 0px 5px;
font-size:83%;
line-height:170%;
color:#333;
}
/*カテゴリトップ*/
#categorytop #contentwrapper #page-title2{
padding:13px 0 15px 13px;
background:url(/upload_images/template/top_h2.jpg) no-repeat;
}
#categorytop #content #page-title2 h2{
padding:0;
line-height:105%;
font-size:120%;
color:#f00;
}
#content ul.cate{
margin:20px 0 20px 10px;
list-style-type:none;
}
#content ul.cate li a{
background:none;
margin-right:10px;
padding:0px 0px 2px 19px;
height:38px;
display:block;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#333;
text-decoration:none;
background:url(/upload_images/template/icon_cat_top.gif) 0 5px no-repeat;
}
#content ul.cate li a:hover,
#content ul.cate li a.selected{
padding:1px 0px 1px 20px;
text-decoration:underline;
}

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