/*
冠婚葬祭マナーガイド
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;
background:#E6EBFF;
}
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:786px;
text-align:left;
background:url(/upload_images/template/content_bg.gif) repeat-y;
}
#header{
width:780px;
height:161px;
text-align:left;
background:url(/upload_images/template/header.jpg) no-repeat;
}
#navwrap{
width:780px;
padding-bottom:16px;
}
#contentwrapper{
width:780px;
text-align:left;
}
#contentwrapper #navigation{
float:right;
width:222px;
margin-bottom:50px;
}
#contentwrapper #content{
float:left;
width: 558px;
margin:0px 0 25px 0px;
}

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

/*■4ナビゲーション*/
#navwrap ul#n1{
list-style-type:none;
height:28px;
}
#navwrap ul#n1 li{
width:195px;
float:left;
}
#navwrap ul#n1 li.selected{
background:url(/upload_images/template/navbg2_f2.gif) repeat-y;
}
#navwrap ul#n1 li a{
height:28px;
padding:13px 0 0 28px;
background:url(/upload_images/template/nav.gif) no-repeat;
display:block;
font-size:17px;
line-height:105%;
font-weight:bold;
text-decoration:none;
}
#navwrap ul#n1 li a:hover{
text-decoration:underline;
}
#navwrap ul#n1 li.n1{background:url(/upload_images/template/nav1.gif) no-repeat;}
#navwrap ul#n1 li.n2{background:url(/upload_images/template/nav2.gif) no-repeat;}
#navwrap ul#n1 li.n3{background:url(/upload_images/template/nav3.gif) no-repeat;}
#navwrap ul#n1 li.n4{background:url(/upload_images/template/nav4.gif) no-repeat;}

#navwrap ul#n1 li.n1selected{background:url(/upload_images/template/nav1_f2.gif) no-repeat;}
#navwrap ul#n1 li.n2selected{background:url(/upload_images/template/nav2_f2.gif) no-repeat;}
#navwrap ul#n1 li.n3selected{background:url(/upload_images/template/nav3_f2.gif) no-repeat;}
#navwrap ul#n1 li.n4selected{background:url(/upload_images/template/nav4_f2.gif) no-repeat;}

#navwrap ul#n1 li.n1 a,
#c1 #content #category,
#c1 #content #page-title h2{color:#990033;}
#navwrap ul#n1 li.n2 a,
#c2 #content #category,
#c2 #content #page-title h2{color:#993300;}
#navwrap ul#n1 li.n3 a,
#c3 #content #category,
#c3 #content #page-title h2{color:#333366;}
#navwrap ul#n1 li.n4 a,
#c4 #content #category,
#c4 #content #page-title h2{color:#006633;}

#navwrap ul#n1 li.n1selected a{color:#990033;}
#navwrap ul#n1 li.n2selected a{color:#993300;}
#navwrap ul#n1 li.n3selected a{color:#333366;}
#navwrap ul#n1 li.n4selected a{color:#006633;}


#navigation img{
margin:5px 0 8px 0;
}
#catlink{
width:171px;
margin:0 0px 0 0px;
padding:16px 0px 22px 1px;
border-top:#E1D4F8 1px solid;
font-size:90%;
color:#666;
font-weight:bold;
}
#navigation ul#n2{
margin:0 10px 4px 6px;
padding-bottom:50px;
background:url(/upload_images/template/subnav_bg.jpg) bottom no-repeat;
list-style-type:none;
}
#navigation ul#n2 li{
margin-bottom:4px;
padding:0 0px 6px 10px;
background:url(/upload_images/template/subnav.gif) 0 4px no-repeat;
}
#navigation ul#n2 li a{
font-size:80%;
color:#0066CC;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
}

#navigation .n3{
width:168px;
margin:0 0px 0 0px;
padding:16px 0px 22px 4px;
border-top:#E1D4F8 1px solid;
text-decoration:none;
}
#navigation .n3 a{
font-size:83%;
font-weight:bold;
color:#666;
text-decoration:none;
}
#navigation .n3 a:hover{
text-decoration:underline;
}

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

/*記事*/

#content #category{
margin:0 0 10px 31px;
width:480px;
padding:8px 0 12px 11px;
font-size:90%;
font-weight:bold;
line-height:105%;
}
#c1 #content #category{background:url(/upload_images/template/category.jpg) no-repeat;}
#c2 #content #category{background:url(/upload_images/template/category2.jpg) no-repeat;}
#c3 #content #category{background:url(/upload_images/template/category3.jpg) no-repeat;}
#c4 #content #category{background:url(/upload_images/template/category4.jpg) no-repeat;}
#c1 #content #page-title{background:url(/upload_images/template/pagetitle_bg.jpg) no-repeat;}
#c2 #content #page-title{background:url(/upload_images/template/pagetitle_bg2.jpg) no-repeat;}
#c3 #content #page-title{background:url(/upload_images/template/pagetitle_bg3.jpg) no-repeat;}
#c4 #content #page-title{background:url(/upload_images/template/pagetitle_bg4.jpg) no-repeat;}

#content #page-title{
margin-left:31px;
width:480px;
}
#content #page-title h2{
margin-bottom:12px;
padding:21px 10px 33px 11px;
line-height:105%;
font-size:130%;
font-weight:bold;
}
#content #art{
margin-left:31px;
width:480px;
}
#content h3{
padding:12px 10px 9px 23px;
margin-bottom:9px;
background:url(/upload_images/template/h3_bg.gif) no-repeat;
font-size:100%;
line-height:120%;
color:#3D3D3D;
font-weight:bold;
}
#content p{
padding:0px 20px 0px 15px;
margin-bottom:25px;
font-size:87%;
line-height:180%;
color:#333;
}

/*■6フッター*/
#footerwrapper{
width:786px;
text-align:left;
background:url(/upload_images/template/footer_bg.gif) bottom no-repeat;
}
#footerwrapper p{
width:735px;
margin-left:20px;
padding:14px 5px 45px 0;
text-align:right;
border-top:#E1D4F8 1px solid;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#666;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}

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

/*カテゴリトップ*/
#content #art ul.n2{
margin:13px 0 20px 14px;
list-style-type:none;
}
#content #art ul.n2 li a{
background:none;
padding:3px 0px 0px 26px;
height:35px;
display:block;
font-size:100%;
font-weight:bold;
line-height:100%;
color:#3D3D3D;
text-decoration:none;
background:url(/upload_images/template/catetop.gif) no-repeat;
}
#content #art ul.n2 li a:hover{
background:url(/upload_images/template/catetop_f2.gif) no-repeat;
color:#3D3D3D;
text-decoration:underline;
}

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