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


/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin-bottom:30px;
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background:url(/upload_images/template/bg.jpg) 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レイアウト*/
#wrapper{
width:850px;
margin: 0 auto 0px auto;
text-align:left;
}
#header{
margin-top:21px;
width:850px;
height:104px;
text-align:left;
background:url(/upload_images/template/bg_header.jpg) no-repeat;
}
#contentwrapper-mr{
background:url(/upload_images/template/content_bg1.gif) no-repeat;
height:3px;
font-size:2px;
}
#contentwrapper-mr2{
background:url(/upload_images/template/bg_footer.gif) no-repeat;
height:3px;
font-size:2px;
}
#contentwrapper{
width:850px;
margin-top:10px;
text-align:left;
background:#fff url(/upload_images/template/content_bg.gif) repeat-y;
}
#contentwrapper #navigation{
float:left;
width:257px;
margin-bottom:20px;
background:url(/upload_images/template/bg_nav.gif) no-repeat;
}
#contentwrapper #content{
float:left;
width: 593px;
margin:0px 0 20px 0px;
}

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

/*■4ナビゲーション*/
#navigation .bar{
}
#navigation ul#n1{
list-style-type:none;
margin-left:3px;
margin-bottom:19px;
}
#navigation ul#n1 li{
width:252px;
padding:0;
}
#navigation ul#n1 li a{
background:url(/upload_images/template/nav.gif) no-repeat;
padding:13px 0px 0 14px;
height:33px;
display:block;
font-size:15px;
line-height:130%;
color:#fff;
font-weight:bold;
text-decoration:none;
}
#navigation ul#n1 li a:hover,
#navigation ul#n1 li a.selected{
background:url(/upload_images/template/nav_f2.gif) no-repeat;
}
#catlink{
margin:0 11px 10px 12px;
padding:8px 7px 8px 7px;
background:#fff;
border:#7B8F96 1px solid;
font-size:87%;
color:#CC0000;
font-weight:bold;
}
#navigation ul#n2{
list-style-type:none;
margin-left:21px;
margin-bottom:20px;
}
#navigation ul#n2 li{
margin:0 20px 5px 0px;
padding:0 0px 0px 11px;
background:url(/upload_images/template/icon.gif) 0 7px 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:#0066CC;
}
#navigation .toppage{
margin-top:15px;
margin-left:16px;
}
#navigation .toppage a{
font-size:80%;
line-height:100%;
color:#666;
text-decoration:none;
font-weight:bold;
}
#navigation .navbar{
margin:0 0 0px 12px;
width:233px;
height:6px;
}

/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
margin:22px 0 21px 30px;
font-size:83%;
color:#ccc;
line-height:110%;
}
.breadcrumb a{
color:#CC0000;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
text-decoration:none;
color:#ccc;
}

/*記事*/

#content #category{
margin:22px 0 10px 30px;
font-size:90%;
color:#004A6F;
line-height:110%;
font-weight:bold;
}
#content #category span{
background:url(/upload_images/template/icon_cat.gif) 20px 4px no-repeat #CDDCDA;
border:#006699 1px solid;
padding:3px 30px 3px 35px;
}
#content #page-title-mr1{
height:5px;
background:url(/upload_images/template/pagetitle1.gif) no-repeat;
font-size:2px;
}
#content #page-title-mr2{
height:5px;
background:url(/upload_images/template/pagetitle2.gif) no-repeat;
font-size:2px;
}
#content #page-title{
margin:0px 0 22px 30px;
background:url(/upload_images/template/pagetitle.gif) repeat-y;
}
#content #page-title h2{
padding:9px 10px 9px 12px;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#fff;
}
#content #art{
width:520px;
margin:0 0 0 35px;
}
#content h3{
padding:0px 0 13px 20px;
background:url(/upload_images/template/icon_h3.gif) no-repeat;
font-size:105%;
line-height:100%;
color:#fff;
}
#content p{
padding:0px 0px 24px 0px;
margin:0 0 0 0px;
font-size:87%;
line-height:160%;
color:#ccc;
}
#content .photo{
}
#content .cap{
width:450px;
margin:6px 0 36px 0;
font-size:76%;
line-height:165%;
color:#ccc;
}
#content a{
color:#eee;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;
}
/*名所*/
#content p.slurl{
margin:0 0 0 0;
padding:0px 0px 20px 0px;
color:#A3BEB9;
font-size:75%;
}
#content p.slurl a{
padding-left:7px;
color:#999;
text-decoration:none;
}
#content p.slurl a:hover{
color:#A3BEB9;
text-decoration:underline;
}

/*■6フッター*/
#footerwrapper{
margin: 0 auto 0px auto;
width: 850px;
text-align:right;
}
#footerwrapper p{
padding:11px 0px 20px 0;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}

/*■7アイコン*/
#content .top{
margin:10px 32px 0 0;
text-align:right;
}

/*トップページ*/
#content #topimg{
margin:31px 0 24px 30px;
}

/*カテゴリトップページ*/
#content ul.cate{
margin:22px 0 14px 30px;
list-style-type:none;
}
#content ul.cate li a{
background:none;
margin-right:50px;
padding:0px 0px 2px 15px;
height:35px;
display:block;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#fff;
text-decoration:none;
}
#content ul.cate li a:hover,
#content ul.cate li a.selected{
background:url(/upload_images/template/icon_cattop.gif) 0 5px no-repeat;
padding:1px 0px 1px 18px;
color:#999;
}

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