/*
猫の種類ガイド
up date:2007.8 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;
}
#navigation{
	width: 790px;
	line-height: 100%;
	background:#FEEFCD;
}
#top #navigation{
	background:url(/upload_images/template/bg_tbl.gif);
}

/*■3ヘッダー*/
#headerwrapper{
	width:790px;
	height:53px;
	background:#FEEFCD;
}
#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:#917048;
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 2px 27px;
}
#navi-1stgroup{
margin-left:75px;
}
#navi-1stgroup,#navi-2group,#navi-3group{

}
#navigation ul{
padding-right:50px;
list-style-type:none;
float:left;

}
#navigation li{
padding:8px 0 8px 0;
font-size:90%;
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 #navigation li{
padding:6px 0 6px 0;
}

/*■6フッター*/
#footermr{
	clear:both;
	width: 790px;
	height:37px;
	background:url(/upload_images/template/bg_btm.gif) no-repeat;
}
#footerwrapper{
	clear:both;
	width: 790px;
	background:#FEEFCD;
}
#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:20px 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;
}