/*
モテモテ ペットを飼いたい!!
up date:2008.6 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■5コンテンツ-
■6フッター
■7アイコン表示（印刷、上へ戻る）
*/


/*■1共通指定*/
*{margin:0;padding:0;}
body{
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
margin:0 auto 0px auto;
}
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レイアウト*/
#header{
margin:0 auto 0 auto;
width:926px;
height:227px;
text-align:left;
background:url(/upload_images/template/header_bg.gif) no-repeat;
}
#wrapper-bg{
width:100%;
text-align:center;
background:url(/upload_images/template/bg.gif);
}
#wrapper{
margin:0 auto 0 auto;
padding-bottom:30px;
width:926px;
}

#contentwrapper{
width:726px;
margin:0 auto 0 auto;
text-align:left;
padding:8px 0 0 0;
background:#fff url(/upload_images/template/contentwrapper2.gif) no-repeat;
}
#content{
text-align:left;
width:662px;
margin:0 0 20px 28px;
padding-top:40px;
}

/*■3ヘッダー*/
#header img.tit{
margin:39px 0 0 272px;
}

/*■4ナビゲーション*/
#navigation{
margin:0 0 0 35px;
width:656px;
text-align:left;
background:url(/upload_images/template/gnav2.gif) repeat-y;
}
#gnav1-mr{
height:10px;
font-size:4px;
background:url(/upload_images/template/gnav1.gif) no-repeat;
}
#gnav3-mr{
height:10px;
font-size:4px;
background:url(/upload_images/template/gnav3.gif) no-repeat;
}
ul#n1{
list-style-type:none;
width:640px;
margin-left:8px;
}
ul#n1 li{
text-align:left;
margin-bottom:1px;
}
ul#n1 a{
padding:6px 50px 0 65px;
height:22px;
background:url(/upload_images/template/gnav_bg.gif) no-repeat;
display: block;
font-size:18px;
color:#4A6EFF;
line-height:100%;
font-weight:bold;
text-decoration:none;
}
ul#n1 a span{
font-size:17px;
}
ul#n1 a:hover{
background:url(/upload_images/template/gnav_bg_f2.gif) no-repeat;
}
/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
ul#n1 a.selected{
background:url(/upload_images/template/gnav_bg_f2.gif) no-repeat;
}

/*サブナビ*/
#subnav-wrap{
width:680px;
text-align:left;
margin:10px 0 0 39px;
padding:0px;
}
#catlink-wrap{
width:645px;
}
#catlink{
float:left;
padding:0px 0 0px 0px;
font-size:78%;
color:#666;
font-weight:bold;
}
#subnavlink{
float:right;
font-size:78%;
padding:0 0 0px 0px;
}
#subnavlink a{
margin-left:13px;
padding:0 0 0px 10px;
font-size:78%;
color:#666;
font-weight:bold;
text-decoration:none;
background:url(/upload_images/template/subnav2.gif) 0 2px no-repeat;
}
#subnavlink a:hover{
text-decoration:underline;
}
#subnav-wrap ul#n2{
list-style-type:none;
padding:3px 0 0 2px;
}
#subnav-wrap ul#n2 li{
background:url(/upload_images/template/subnav.gif) 0 4px no-repeat;
padding:0 0 1px 12px;
margin-right:20px;
float:left;
display:block;
}
#subnav-wrap ul#n2 li a{
font-size:78%;
line-height:100%;
color:#4A6EFF;
text-decoration:none;
}
#subnav-wrap ul#n2 li a:hover{
text-decoration:underline;
}

/*■5コンテンツ*/
/*記事*/
#content #category{
margin:0px 0 0 10px;
font-size:90%;
color:#4A6EFF;
font-weight:bold;
line-height:105%;
}
#content #category span{
padding:4px 10px 4px 6px;
background:#F2F2F2;
}
#content #page-title{
margin:14px 0 15px 8px;
background:url(/upload_images/template/pagetitle.gif) bottom no-repeat;
}
#content #page-title h2{
padding:0px 0 9px 5px;
font-size:120%;
color:#FF3366;
font-weight:bold;
}
#content #art{
width:662px;
margin:0 0 0px 0;
}
#content #art img.ill{
float:right;
padding:14px 0 10px 15px;
width:283px;
height:283px;
}
#content #art h3{
padding:5px 0 3px 41px;
margin-bottom:4px;
font-size:120%;
line-height:105%;
color:#FF3366;
background:url(/upload_images/template/h3_icon.gif) no-repeat;
}
#content #art p{
padding:0 0px 0 10px;
margin-bottom:40px;
font-size:100%;
line-height:160%;
color:#333;
}
#content #art .bar{
height:32px;
background:url(/upload_images/template/bar.gif) right top no-repeat;
}
#content p strong{
}
#content a{
color:#666;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;
}

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

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

/*カテゴリトップ*/
#catetop #content #art{
width:654px;
margin:0 0 0px 8px;
}
#catetop #content #art ul{
margin:5px 0 0 5px;
padding-bottom:30px;
list-style-type:none;
}
#catetop #content #art ul li{
margin:0 0 10px 0px;
}
#catetop #content #art ul li a{
padding:0px 0 0px 35px;
background:url(/upload_images/template/catetop.gif) no-repeat;
font-size:120%;
color:#333;
font-weight:bold;
line-height:100%;
text-decoration:none;
}
#catetop #content #art ul li a:hover{
background:url(/upload_images/template/catetop_f2.gif) no-repeat;
color:#ff3366;
}

/*トップページ*/
#toppage #content,
#catetop #content{
text-align:left;
width:662px;
margin:0 0 45px 28px;
padding-top:24px;
}
#toppage #contentwrapper,
#catetop #contentwrapper{
width:726px;
margin:0 auto 0 auto;
text-align:left;
padding:8px 0 0 0;
background:#fff url(/upload_images/template/contentwrapper.gif) no-repeat;
}

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