/*
犬の種類ガイド
up date:2007.7 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4コンテンツ-
■5ナビゲーション
■6フッター
Mac ie5 Only Stylesのバックスラッシュ（エンマーク）が消えるので
再保存時は、必ずエンマークを２個並べて保存してください
エンマークがエスケープ文字になるのを回避します
*/

/* Mac ie5 Only Styles	*/
/*\*//*/
@import "/include/templates/macie5.css.tmpl";
/**/

/*■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);
margin-bottom:20px;
}
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:790px;
text-align:center;
margin: 0px auto 0 auto;
text-align:left;
}
#contentwrapper{
width:	790px;
background:url(/upload_images/template/bg_tbl.gif);
}

#navigation{
margin-left:75px;
width: 715px;
line-height: 100%;
}
#top #navigation{
margin-left:60px;
width: 730px;
line-height: 100%;
}

/*■3ヘッダー*/
#headerwrapper{
width:790px;
height:53px;
background:#D8E3F1;
}
#headerwrapper #icon{
float:left;
width:384px;
}
#headerwrapper #icon img{
margin:14px 0 0 32px;
}
#headerwrapper #headerlink{
float:left;
width:406px;
height:53px;
background:url(/upload_images/template/header.gif) no-repeat;
}
#article #headerwrapper #headerlink img.nav1{
margin-left:36px;
}
#article #headerwrapper #headerlink img.nav2{
margin-left:10px;
}
#top .top-mr{
width:790px;
height:83px;
background:url(/upload_images/template/bg_top.gif) no-repeat;
}
#top #maintitle{
background:url(/upload_images/template/bg_tbl.gif) repeat-y;
}
#top #maintitle h1 img{
margin:0px 0 41px 153px;
}
#top #top-ill img{
margin:0px 0 0 42px;
}
#article #maintitle{
height:110px;
background:url(/upload_images/template/bg_top2.gif) no-repeat;
}
#article #maintitle img{
margin:0px 0 0 32px;
}

/*■4コンテンツ*/

#article #contentwrapper{
background:url(/upload_images/template/bg_tbl.gif) repeat-y;
}
#article #contentwrapper .content{
margin-left:22px;
width:768px;
}
#article #contentwrapper .ill{
float:left;
margin:34px 0 5px 0;
width:346px;
text-align:center;
}
#article #contentwrapper .element{
float:left;
width:370px;
}
#article #contentwrapper .element h2{
margin-bottom:22px;
font-size:130%;
line-height:105%;
color:#4F7DAC;
font-weight:bold;
letter-spacing:0.1em;
}
#article #contentwrapper .element p{
margin-bottom:15px;
font-size:90%;
line-height:160%;
color:#333;
}

/*■5ナビゲーション*/

#top img.navtitle{
margin:20px 0 31px 233px;
}
#article img.navtitle{
margin:26px 0 0 27px;
}
#navi-1stgroup{
}
#navi-1stgroup,#navi-2group,#navi-3group{
float:left;
}
#top #navigation .cate{
margin:0 0 3px 0;
}
#top #navigation ul{
padding-right:20px;
margin-bottom:25px;
list-style-type:none;
}
#top #navigation li{
padding:4px 0 4px 0;
font-size:83%;
line-height:105%;
font-weight:bold;
}
#navigation li a{
color:#0066CC;
text-decoration:none;
}
#navigation li a:hover{
color:#f06;
text-decoration:none;
}
#navigation li a:visited{
color:#993399;
}


#article #navwrapper{
background:#D8E3F1;
}
#article #navigation li{
padding:3px 0 3px 0;
font-size:70%;
line-height:105%;
font-weight:bold;
}
#article #navigation .cate{
margin:0 0 3px 0;
}
#article #navigation ul{
padding-right:20px;
margin-bottom:15px;
list-style-type:none;
}


/*■6フッター*/
#footermr{
clear:both;
width: 790px;
height:37px;
background:url(/upload_images/template/bg_btm.gif) no-repeat;
}
#footerwrapper{
clear:both;
width: 790px;
background:#D8E3F1;
}
#footer{
padding:20px 0 30px 0;
}
#footer p{
text-align:center;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}
#footer p a{
color:#666;
text-decoration:none;
}
#footer p a:hover{
text-decoration:underline;
}

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