/*
ハウスクリーニング
up date:2007.7 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■5コンテンツ-
■6フッター
■7アイコン表示（印刷、上へ戻る）
■8notfound
*/


/*■1共通指定*/
*{margin:0;padding:0;}

body{
text-align:center;
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{
position:absolute;
top:-9999px;
left:-9999px;
}

.clear{
clear:both;
font-size:1px;
}
.mr5{margin-top:5px;}
.mr15{margin-top:15px;}
.right{text-align:right;}
.center{text-align:center;}

/*■2レイアウト*/
#wrapper{
width:850px;
margin: 0px auto 0px auto;
text-align:left;
background:#fff;
}
#headerwrapper{
width:850px;
height:147px;
background:url(/upload_images/template/bg_header.jpg);
}
#contentwrapper{
width:850px;
background:url(/upload_images/template/bg_wrapper.gif);
}
#contentwrapper #navigation{
float:left;
width: 267px;
margin-bottom:45px;
background:url(/upload_images/template/bg_nav.gif) no-repeat;
}
#contentwrapper #content{
float:left;
width: 583px;
margin:18px 0 35px 0px;
}

/*■3ヘッダー*/
#headerwrapper img{
margin:36px 0 0 17px;
}

/*■4ナビゲーション*/
#navigation #n1{
margin:0 0 0 21px;
padding:16px 0 0 0;
position: relative;
}
#navigation #n1 #link1 a,
#navigation #n1 #link2 a{
position: relative;
display: block;
}
#navigation #n1 #link1 a{
width: 214px;
height:114px;
}
#navigation #n1 #link2 a{
width: 214px;
height:87px;
}
#navigation #n1 #link1 a{background: url(/upload_images/template/nav1.gif) no-repeat;height:114px;}
#navigation #n1 #link2 a{background: url(/upload_images/template/nav2.gif) no-repeat; height:87px;margin-top:20px;}
#navigation #n1 #link1 a:hover,
#navigation #n1 #link1 a:visited:hover{background: url(/upload_images/template/nav1_f2.gif) no-repeat;height:114px;}
#navigation #n1 #link2 a:hover,
#navigation #n1 #link2 a:visited:hover{background: url(/upload_images/template/nav2_f2.gif) no-repeat;height:87px;}
/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
#navigation #n1 #link1 a.selected,
#navigation #n1 #link1 a.selected:visited:hover{background: url(/upload_images/template/nav1_f3.gif) no-repeat;height:114px;}
#navigation #n1 #link2 a.selected,
#navigation #n1 #link2 a.selected:visited:hover{background: url(/upload_images/template/nav2_f3.gif) no-repeat; height:87px;}
#navigation #n1 a span{
position:absolute;
top:-9999px;
left:-9999px;
}
/*
text-indent:-5000px;
top:-9999px;
left:-9999px;
*/
#navigation ul#n2{
width:214px;
margin:0 0 0 21px;
padding-top:4px;
background:url(/upload_images/template/bg_nav2.gif) repeat-y;
list-style-type:none;
}
#navigation ul#n2 li{
width:180px;
margin:16px 0px 0 16px;
padding:2px 0px 0px 8px;
border-left:#FFCC00 3px solid;
}
#navigation ul#n2 li a{
font-size:78%;
line-height:100%;
color:#666;
font-weight:bold;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
}
.navfooter{
margin:0 0 0 21px;
width:230px;
height:40px;
background:url(/upload_images/template/bg_nav3.gif) no-repeat;
}

#navigation #n3wrapper{
width:214px;
margin:0 0 0 21px;
list-style-type:none;
}
#catlink{
margin:22px 0 15px 2px;
font-size:83%;
color:#333;
font-weight:bold;
}
#navigation ul#n3{
list-style-type:none;
}
#navigation ul#n3 li{
margin:0 0px 8px 0;
padding-left:14px;
background:url(/upload_images/template/icon_nav.gif) 0 6px no-repeat;
}
#navigation ul#n3 li a{
font-size:75%;
line-height:100%;
color:#666;
text-decoration:none;
}
#navigation ul#n3 li a:hover{
text-decoration:underline;
}

#navigation ul#n3 li.toppage{
margin:0px 0px 8px 0;
padding-top:15px;
background-image:none;
}
#navigation ul#n3 li.toppage a{
font-weight:bold;
}

/*■5コンテンツ*/
/*カテゴリトップ*/
#content #cat-title{
width:558px;
background:#FFFAE2;
margin-bottom:18px;
border-top:#FFE155 2px solid;
border-bottom:#FFE155 2px solid;
border-left:#FFE155 2px solid;
border-right:#FFE155 2px solid;
}
#content #cat-title h2{
padding:16px 0 14px 15px;
font-size:130%;
font-weight:bold;
line-height:100%;
color:#333;
}
#content #cat-title h2 a{
color:#333;
text-decoration:none;
}
#content #cat-title h2 a:hover{
color:#333;
text-decoration:underline;
}
#content #cat-menu-wrap{
width:583px;
margin-top:36px;
}
#content h3.cat-menu{
margin:0px 0 30px 22px;
padding:3px 0 8px 25px;
background:url(/upload_images/template/icon_category.gif) no-repeat;
font-size:120%;
font-weight:bold;
line-height:110%;
color:#333;
}
#content h3.cat-menu a{
color:#0066CC;
text-decoration:none;
}
#content h3.cat-menu a:hover{
color:#FF9830;
text-decoration:underline;
}

/*パンくず*/
.breadcrumb{
width:562px;
font-size:83%;
color:#333;
line-height:110%;
}
.breadcrumb a{
color:#0033FF;
text-decoration:underline;
}
.breadcrumb a:hover{
color:#0033FF;
text-decoration:none;
}
.breadcrumb span{
color:#333;
text-decoration:none;
}

/*記事*/
#content .check{
margin-top:16px;
}
#content #category{
width:562px;
height:32px;
background:#FFE155;
}
#content #category .cat1,#content #category .cat2{
float:left;
}
#content #category .cat2{
padding-top:10px;
font-size:90%;
color:#333;
font-weight:bold;
}
#content #page-title{
width:562px;
background:url(/upload_images/template/bg_pagename.gif) repeat-y;
border-top:#FFE155 2px solid;
border-bottom:#FFE155 4px solid;
}
#content #page-title h2{
padding:16px 0 14px 17px;
font-size:130%;
font-weight:bold;
line-height:100%;
color:#0066CC;
}

#content #art{
width:583px;
}
#contentwrapper #content p{
width:542px;
margin:0 0 0 8px;
font-size:83%;
line-height:180%;
color:#000;
}
#content h3{
margin:7px 0 0px 0;
padding:25px 0 24px 12px;
background:url(/upload_images/template/bg_h3.gif) no-repeat;
font-size:100%;
line-height:108%;
color:#333;
}

/*■6フッター*/
#footermr{
width:850px;
height:9px;
font-size:1px;
background:url(/upload_images/template/bg_footer.gif);
}
#footerwrapper{
width: 850px;
margin: 0px auto 0px auto;
background:#ACCDFF;
text-align:center;
margin-bottom:20px;
}
#footerwrapper p{
padding:32px 0 20px 0;
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 3px 0 0;
}
#content .top{
margin:20px 37px 0 0;
text-align:right;
}
#content .top a{
color:#666;
text-decoration:underline;
font-size:70%;
}
#content .top a:hover{
text-decoration:none;
}

/*■個別設定*/
#top #content h2{
margin:7px 0 5px 0;
padding:48px 0 24px 118px;
font-size:130%;
line-height:110%;
color:#0066CC;
}
#top #contentwrapper #content p{
width:542px;
margin:0 0 5px 8px;
font-size:83%;
line-height:180%;
color:#000;
}
#top #content h2.image1{background:url(/upload_images/template/top1.jpg) no-repeat;}
#top #content h2.image2{background:url(/upload_images/template/top2.jpg) no-repeat;}
#top #content h2.image3{background:url(/upload_images/template/top3.jpg) no-repeat;}

#art2 #navigation ul#n2{
background:url(/upload_images/template/bg_nav2_f3.gif) repeat-y;
}
#art2 .navfooter{
background:url(/upload_images/template/bg_nav3_f3.gif) no-repeat;
}

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