/*
エステサイト
up date:2007.7 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■4-2サブナビ
■5コンテンツ
■6フッター
■7アイコン表示（印刷、上へ戻る）
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);
}
img{border:none;}
ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.comment,.hide,h1{
position:absolute;
top:-9999px;
left:-9999px;
}
.clear{
clear:both;
font-size:4px;
}

/*■2レイアウト*/
#wrapper{
width:862px;
text-align:center;
margin: 0px auto 0px auto;
text-align:left;
background:#fff;
background:url(/upload_images/template/bg_wrapper.gif);
}
#navigation{
margin:0 0 0 6px;
width: 850px;
line-height: 100%;
background:#FFD9D9;
border-top:#FF6666 1px solid;
border-bottom:#FF6666 1px solid;
text-align:center;
}
#contentwrapper{
margin: 0px auto 0px auto;
width: 850px;
background:url(/upload_images/template/bg_content.jpg) repeat-x;
}
#contentwrapper #subnav{
width:232px;
float:left;
margin-bottom:40px;
}
#contentwrapper #content{
width:618px;
float:left;
}

/*■3ヘッダー*/
#maintitle{
width:856px;
height:160px;
background:url(/upload_images/template/bg_header.jpg) right no-repeat;
}
#maintitle img{
margin:20px 0 23px 23px;
}
#maintitle h1{
font-size: 140%;
color:#666;
}

/*■4ナビゲーション*/
#navi-menu ul{
list-style-type:none;
}
#navi-menu  li{
text-align:left;
float:left;
display:block;
padding:13px 5px 11px 20px;
}
#navi-menu a{
display: block;
font-size:83%;
color:#666;
line-height:100%;
font-weight:bold;
text-decoration:none;

}
/*width:105px;*/
#navi-menu a:hover,#navi-menu a:visited:hover {
color:#EC0000;
text-decoration:underline;
}
/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
#navi-menu a.selected,#navi-menu a.selected:visited:hover {
color:#EC0000;
text-decoration:none;
}
#navi-footermr{
margin:0 0 0 6px;
height:4px;
background:url(/upload_images/template/bg_nav.gif) no-repeat;
font-size:4px;
}

/*■4-2サブナビ*/
#contentwrapper #subnav ul{
list-style-type:none;
}
#contentwrapper #subnav ul li{
margin:0px 0 14px 5px;
padding-left:10px;
font-size:70%;
line-height:105%;
background:url(/upload_images/template/subnav_icon.gif) 0px 1px  no-repeat;
}
#contentwrapper #subnav ul li a{
color:#666;
text-decoration:none;
}
#contentwrapper #subnav ul li a:hover{
text-decoration:underline;
}
#contentwrapper #subnav ul li.toppage{
background-image:none;
}
#contentwrapper #subnav ul li.toppage a{
color:#333;
}
#catlink{
margin:0 0 15px 0;
padding:5px 0 5px 0;
width:212px;
text-align:center;
background:url(/upload_images/template/bg_subnav_cat.gif) no-repeat;
font-size:90%;
color:#eee;
font-weight:bold;
}
#catlink a{
color:#eee;
text-decoration:none;
}
#catlink a:hover{
color:#fff;
text-decoration:underline;
}

/*■5コンテンツ*/
.breadcrumb{
margin:0 0 34px 26px;
padding-top:8px;
font-size:75%;
}
.breadcrumb a{
color:#999;
text-decoration:underline;
}
.breadcrumb a:hover{
color:#666;
text-decoration:none;
}
.breadcrumb span{
color:#666;
text-decoration:none;
}
#contentwrapper h2#page-title{
margin:0 0 38px 20px;
padding:13px 0 11px 0px;
width:810px;
font-size:110%;
color:#FF3366;
line-height:100%;
font-weight:bold;
background:#fff;
}
#contentwrapper h2#page-title span{
margin-right:14px;
padding:13px 16px 11px 14px;
background:url(/upload_images/template/bg_cat.gif);
color:#666;
}
#cat #contentwrapper h2#page-title{
color:#666;
}

/* 記事 */
#content #art h3{
clear:both;
padding:0 0 0px 20px;
margin:0px 0 0px 22px;
font-size:100%;
color:#EC0000;
width:540px;
background:url(/upload_images/template/icon.gif) no-repeat;
}
#content #art p{
width:566px;
margin:0px 0 35px 20px;
font-size:83%;
line-height: 180%;
}
#content #art p strong{
color:#EC0000;
}
#content #art .bar{
margin:10px 0 10px 18px;
}
#content #art .bar img{
width:564px; height:1px;
}
#content #art p .ill{
float:right;
margin:10px 0 8px 18px;
font-size:80%;
color:#666;
}
#content #art p .ill img{
width:262px; height:262px;
}

/*■5トップページ*/
#top #main-mr{
width:850px;
height:26px;
font-size:4px;
}
#top #mainarea{
margin-bottom:20px;
width:850px;
height:174px;
position: relative;
background:url(/upload_images/template/top_img.jpg) no-repeat;
}
#top #mainarea ul {
margin:0 0 0 267px;
padding:0 0 0 0px;
height: 168px;
position:relative;
list-style: none;
}
#top #mainarea ul li span{
top:-9999px;
left:-9999px;
position: absolute;
}
#top #mainarea ul li {
position: absolute;
top: 0;
}
#top #mainarea ul li , #top #mainarea ul li a {
height: 168px;
display: block;
}
.link-1 {left: 0px; width: 180px;}
.link-2 {left: 180px; width: 170px;}
.link-3 {left: 350px; width: 180px;}
.link-1 a:hover,.link-1 a:visited:hover { background: url(/upload_images/template/top_img1_f2.jpg) no-repeat;left: 0px; width: 180px;}
.link-2 a:hover,.link-2 a:visited:hover { background: url(/upload_images/template/top_img2_f2.jpg) no-repeat;left: 180px; width: 170px;}
.link-3 a:hover,.link-3 a:visited:hover { background: url(/upload_images/template/top_img3_f2.jpg) no-repeat;left: 350px; width: 180px;}
/*■5トップページ記事*/
#top #content{
width:850px;
}
#top #content #art h3{
clear:both;
padding:0 0 0px 20px;
margin:0px 0 0px 65px;
font-size:100%;
color:#FF3366;
width:720px;
background:url(/upload_images/template/icon.gif) no-repeat;
}
#top #content #art p{
width:720px;
margin:0px 0 28px 65px;
font-size:83%;
line-height: 180%;
}
#top #content #art .bar{
margin:10px 0 10px 63px;
}
#top #content #art .bar img{
width:720px; height:1px;
}

/*■5カテゴリトップ*/
#cat #content #art h3{
clear:both;
margin:0px 0 0px 22px;
padding:0 0 0 0;
background:none;
font-size:100%;
width:560px;
}
#cat #content #art h3 a{
color:#666;
text-decoration:none;
background:url(/upload_images/template/icon.gif) no-repeat;
padding:0 0 0px 20px;
}
#cat #content #art h3 a:hover{
color:#FF3366;
text-decoration:underline;
background:url(/upload_images/template/icon_f2.gif) no-repeat;
}
#cat #content #art .bar{
margin:10px 0 15px 18px;
}
#cat #content #art .bar img{
width:564px; height:1px;
}

/*■6フッター*/
#footermr{
margin: 0px auto 0px auto;
clear:both;
width:862px;
height:6px;
font-size:1px;
background:url(/upload_images/template/bg_footer.gif)
}
#footerwrapper{
background:url(/upload_images/template/bg.gif);

margin: 0px auto 0px auto;
padding:22px 0 0 0;
width: 862px;
text-align:right;
}
#footerwrapper p{
margin:2px 6px 20px 0;
color:#666;
font-size:70%;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#666;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}


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

#top #content .gototop{
margin:30px 70px 30px 0;
text-align:right;
}
#cat #content .gototop{
clear:both;
margin:130px 37px 0px 0;
text-align:right;
}

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