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

/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin:14px 4px 50px 4px;
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:787px;
margin: 0 auto 0px auto;
text-align:left;
}
#header{
width:787px;
height:239px;
text-align:left;
background:url(/upload_images/template/header.gif) no-repeat;
}
#contentwrapper{
width:787px;
text-align:left;
background:url(/upload_images/template/contentwrapper_bg.gif) repeat-y;
}
#contentwrapper #navigation{
float:right;
width:223px;
margin-bottom:30px;
}
#contentwrapper #content{
float:left;
width: 553px;
margin:0px 0 55px 0px;
}

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

/*■4ナビゲーション*/
#navwrap{
}
#navwrap ul#n1{
width:508px;
padding-top:10px;
margin:0 0 10px 23px;
list-style-type:none;
}
#navwrap ul#n1 li a{
width:460px;
height:22px;
margin-bottom:1px;
padding:8px 10px 0px 38px;
background:url(/upload_images/template/nav.gif) no-repeat;
font-size:17px;
line-height:100%;
color:#4D93B6;
display:block;
font-weight:bold;
text-decoration:none;
vertical-align: top;
}
#navwrap ul#n1 li a.selected{
background:url(/upload_images/template/nav_f2.gif) no-repeat;
color:#3874AF;
}
#navwrap ul#n1 li a:hover{
background:url(/upload_images/template/nav_f2.gif) no-repeat;
color:#3874AF;
}

#navigation img{
margin:0px;
}
#catlink{
width:174px;
padding:8px 15px 10px 16px;
font-size:87%;
line-height:110%;
color:#4483AB;
font-weight:bold;
background:url(/upload_images/template/subnav_bg.gif) repeat-y;
}
#navigation .subnav-bar{
width:205px;
height:2px;
font-size:1px;
background:url(/upload_images/template/subnav_bar.gif) no-repeat;
}
#navigation ul#n2{
width:177px;
padding:17px 15px 5px 13px;
list-style-type:none;
background:url(/upload_images/template/subnav_bg.gif) repeat-y;
}
#navigation ul#n2 li{
margin-bottom:7px;
padding:0 0px 5px 11px;
background:url(/upload_images/template/subnav.gif) 0 4px no-repeat;
}
#navigation ul#n2 li a{
font-size:87%;
line-height:105%;
color:#333;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
color:#cc0099;
}
/*color:#cc0099;*/
#navigation ul#n2 li a:visited{
}

#navigation .n3{
width:172px;
padding:10px 15px 8px 18px;
font-weight:bold;
background:url(/upload_images/template/subnav_bg.gif) repeat-y;
font-size:83%;
}
#navigation .n3 a{
font-weight:bold;
color:#666;
text-decoration:none;
}
#navigation .n3 a:hover{
text-decoration:underline;
}

#navigation .subnav-mr{
height:13px;
font-size:4px;
background:url(/upload_images/template/subnav_footer.gif) no-repeat;
}

/*■5コンテンツ*/
#content #content-area{
width:530px;
margin-left:23px;
background:url(/upload_images/template/pagetitle_bg.jpg) no-repeat;
}

/*パンくず*/
.breadcrumb{
margin:0px 20px 0px 7px;
height:52px;
font-size:78%;
color:#84ADCD;
line-height:120%;
}
.breadcrumb a{
color:#84ADCD;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
color:#84ADCD;
text-decoration:none;
}
#content #category{
height:26px;
padding:0px 60px 0 19px;
font-size:14px;
color:#3874AF;
font-weight:bold;
line-height:105%;
}
#content-area #page-title{
}
#content-area #page-title h2{
height:36px;
padding:0px 40px 0px 18px;
font-size:130%;
line-height:100%;
color:#660066;
font-weight:bold;
}

/*記事*/
#content-area #art{
width:502px;
margin:18px 0 0 3px;
background:url(/upload_images/template/art_bg2.gif) repeat-y;
}
#content-area #art-1{
width:502px;
height:23px;
font-size:4px;
background:url(/upload_images/template/art_bg1.gif) no-repeat;
}
#content-area #art-footer{
clear:both;
width:502px;
height:14px;
font-size:4px;
background:url(/upload_images/template/art_footer.gif) no-repeat;
}
#content-area h3{
margin:0 0 7px 29px;
padding:4px 0px 0px 7px;
font-size:120%;
line-height:105%;
color:#3874AF;
font-weight:bold;
background:url(/upload_images/template/h3_icon.gif) repeat-y;
border-left:5px solid #7AAEC8;
}
/*border-left:5px solid #7AAEC8;
border-left:5px solid #4D93B6;
*/
#content-area p{
padding:0px 30px 0px 28px;
margin-bottom:27px;
font-size:90%;
line-height:150%;
color:#333;
}
#content-area #art img{
float:right;
width:200px;
height:200px;
padding:0px 28px 10px 18px;
}

/*■6フッター*/
#footerwrapper{
width:787px;
height:43px;
background:url(/upload_images/template/footer.gif) no-repeat;
}
#footerwrapper p{
padding-top:18px;
margin:0 15px 0 0;
text-align:right;
font-size:70%;
color:#ccc;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#ccc;
text-decoration:underline;
}
#footerwrapper p a:hover{
text-decoration:none;
}

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

/*カテゴリトップ*/
#catetop #content ul.n2{
margin:28px 0 0px 12px;
list-style-type:none;
}
#catetop #content ul.n2 li{
margin-bottom:4px;
}
#catetop #content ul.n2 li a{
background:none;
padding:0px 0px 0px 17px;
height:33px;
display:block;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#4483AB;
text-decoration:none;
background:url(/upload_images/template/catetop.gif) no-repeat;
}
#catetop #content ul.n2 li a:hover{
background:url(/upload_images/template/catetop_f2.gif) no-repeat;
color:#cc0099;
text-decoration:underline;
}
/*color:#7C3E91;*/
#catetop #contentwrapper #content{
margin:0px 0 80px 0px;
}
#catetop #content #content-area{
background:url(/upload_images/template/pagetitle2_bg.jpg) no-repeat;
}
#catetop #content-area #page-title h2{
height:49px;
padding:0px 40px 0px 18px;
font-size:130%;
line-height:100%;
color:#660066;
font-weight:bold;
}

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