/*
美人の作り方
up date:2007.9 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■4-2サブナビ
■5フッター
■6コンテンツ-
■7アイコン表示（印刷、上へ戻る）
*/

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

body{
margin:0 8px 20px 8px;
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background:url(/upload_images/template/bg.gif) center top repeat;
}
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;
}
.clear{
clear:both;
font-size:1px;
}
.mr7{
clear:both;
height:7px;
font-size:1px;
}

/*■2レイアウト*/
#wrapper{
width:947px;
text-align:center;
margin: 27px auto 0px auto;
text-align:left;
background:url(/upload_images/template/bg_wrapper.gif) repeat;
}
/*height:223px;*/
#header1{
float:left;
width:410px;
padding-bottom:40px;
background:url(/upload_images/template/header1.gif) no-repeat;
}
#header2{
float:left;
width:537px;
padding-bottom:20px;
background:url(/upload_images/template/header2.jpg) no-repeat;
}
/*ページごとヘッダー*/
#top #header2{background:url(/upload_images/template/header2.gif) no-repeat;}
#cat1 #header2{background:url(/upload_images/template/header2.jpg) no-repeat;}
#cat2 #header2{background:url(/upload_images/template/header2_f2.jpg) no-repeat;}
#cat3 #header2{background:url(/upload_images/template/header2_f3.jpg) no-repeat;}
#cat4 #header2{background:url(/upload_images/template/header2_f4.jpg) no-repeat;}
#cat5 #header2{background:url(/upload_images/template/header2_f5.jpg) no-repeat;}
#cat6 #header2{background:url(/upload_images/template/header2_f6.jpg) no-repeat;}
#cat7 #header2{background:url(/upload_images/template/header2_f7.jpg) no-repeat;}
#cat8 #header2{background:url(/upload_images/template/header2_f8.jpg) no-repeat;}

#contentwrapper{
margin-top:15px;
width:947px;
}
#navigation{
float:left;
width: 277px;
margin-bottom:30px;
}
#content{
float:left;
width: 670px;
}

/*■3ヘッダー*/
#header1 img{
margin:86px 0 0 49px;
}
#headerwrapper #header2 #introduction{
padding:55px 0 0 56px;
width:420px;
font-size:83%;
line-height:155%;
color:#796A61;
}
#headerwrapper #header2 .cat{
padding:50px 0 30px 71px;
font-size:100%;
font-weight:bold;
color:#796A61;
}
#headerwrapper #header2 ul{
margin:0 0 0 84px;
}
#cat9 #headerwrapper #header2 ul{
margin:0 0 100px 84px;
}

#headerwrapper #header2 ul li{
margin:8px 3px 8px 0;
padding-left:2px;
list-style:url(/upload_images/template/icon.gif) outside;
font-weight:bold;
font-size:90%;
}
#headerwrapper #header2 ul li a{
text-decoration:none;
color:#796A61;
}
#headerwrapper #header2 ul li a:hover{
text-decoration:none;
color:#FF3366;
}

/*■4ナビゲーション*/
#nav ul{
list-style-type:none;
margin:0 0 0 25px;
}
#nav li a{
width:224px;
display: block;
text-decoration:none;
font-size:90%;
font-weight:bold;
color:#796A61;
}
#nav li a.selected{
background:url(/upload_images/template/nav.jpg) no-repeat;
}
#nav li a:hover{
color:#FF3366;
}
#nav li a{
padding:15px 0 10px 11px;
}

/*■6コンテンツ*/
#content #page-title{
padding:20px 10px 22px 20px;
margin-bottom:23px;
width:620px;
background:url(/upload_images/template/pagetitle.jpg) no-repeat;
}
#content #page-title h2{
font-size:120%;
line-height:105%;
color:#5E524A;
font-weight:bold;
}
#content #page-title h2 span{
font-size:90%;

font-weight:bold;
}
/*2段落目、3段落目*/
#content #art h3{
margin:24px 0 9px 4px;
font-size:100%;
color:#FF225A;
}
#content #art p{
margin:0 0px 24px 4px;
width:600px;
font-size:83%;
color:#333;
line-height:200%;
}
/*一番上の段落*/
#content #art .element-photo{
margin:0 22px 0 0;
width:620px;
}
#content #art .element-photo h3{
margin:24px 0 9px 4px;
font-size:100%;
color:#FF225A;
}
#content #art .element-photo p{
width:auto;
margin:0 20px 24px 4px;
}
#content #art .ill{
margin:24px 8px 10px 24px;
float:right;
}
#content #art .ill img{
border:#ccc 1px solid;
}
#content .gototop{
width:600px;
margin:0 0 7px 0;
text-align:right;
}

/* カテゴリトップ */
/*■5フッター*/
#footer-mr{
clear:both;
width:947px;
height:38px;
background:url(/upload_images/template/footer.gif) no-repeat;
}
#footerwrapper{
margin: 0 auto 0px auto;
width:940px;
}
#footerwrapper p{
margin:8px 2px 0px 0;
padding:0;
text-align:right;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#666;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}

/*■6トップページ*/
.txt-link{
margin:4px 0 2px 31px;
width:880px;
}
.img-link{
margin:0 0 0 31px;
width:890px;
height:221px;
font-size:1px;
}

.txt-link ul,
.img-link ul{
list-style-type:none;
}
.txt-link ul li,
.img-link ul li{
float:left;
width:220px;
display:block;
text-align:center;
}
.img-link ul li a{
width:220px;
height:221px;
display:block;
text-decoration:none;
}
.txt-link a{
font-size:87%;
text-decoration:none;
font-weight:bold;
}
.txt-link a:hover{
text-decoration:underline;
}
.txt-link .link-1 a{color:#DA2577;}
.txt-link .link-2 a{color:#FF1550;}
.txt-link .link-3 a{color:#E034C7;}
.txt-link .link-4 a{color:#BE5405;}
.txt-link .link-5 a{color:#3A767C;}
.txt-link .link-6 a{color:#41BDFE;}
.txt-link .link-7 a{color:#591BFE;}
.txt-link .link-8 a{color:#1D3CB6;}

.img-link .link-1 a{background:url(/upload_images/template/top_img1.gif) no-repeat;}
.img-link .link-2 a{background:url(/upload_images/template/top_img2.gif) no-repeat;}
.img-link .link-3 a{background:url(/upload_images/template/top_img3.gif) no-repeat;}
.img-link .link-4 a{background:url(/upload_images/template/top_img4.gif) no-repeat;}
.img-link .link-5 a{background:url(/upload_images/template/top_img5.gif) no-repeat;}
.img-link .link-6 a{background:url(/upload_images/template/top_img6.gif) no-repeat;}
.img-link .link-7 a{background:url(/upload_images/template/top_img7.gif) no-repeat;}
.img-link .link-8 a{background:url(/upload_images/template/top_img8.gif) no-repeat;}
.img-link .link-1 a:hover{background:url(/upload_images/template/top_img1_f2.gif) no-repeat;}
.img-link .link-2 a:hover{background:url(/upload_images/template/top_img2_f2.gif) no-repeat;}
.img-link .link-3 a:hover{background:url(/upload_images/template/top_img3_f2.gif) no-repeat;}
.img-link .link-4 a:hover{background:url(/upload_images/template/top_img4_f2.gif) no-repeat;}
.img-link .link-5 a:hover{background:url(/upload_images/template/top_img5_f2.gif) no-repeat;}
.img-link .link-6 a:hover{background:url(/upload_images/template/top_img6_f2.gif) no-repeat;}
.img-link .link-7 a:hover{background:url(/upload_images/template/top_img7_f2.gif) no-repeat;}
.img-link .link-8 a:hover{background:url(/upload_images/template/top_img8_f2.gif) no-repeat;}
/*
.img-link ul li a span{
top:-9999px;
left:-9999px;
position: absolute;
font-size:2px;
}
*/
#content #category{
margin-bottom:100px;
}
#content #category ul{
list-style-type:none;
margin:24px 0 24px 4px;
}
#content #category ul li{
margin:10px 0 14px 0px;
padding-left:30px;
background:url(/upload_images/template/icon_cat.gif) 5px 1px no-repeat;
dislay:block;
}
#content #category ul a{
font-size:100%;
color:#FF225A;
text-decoration:none;
font-weight:bold;
}
#content #category ul a:hover{
text-decoration:underline;
}

/*外部リンクコード用*/
#code{
margin:65px 30px 0 35px;
font-size:70%;
line-height:150%;
color:#666;
}
#top #code{
width:932px;
margin: 8px auto 0px auto;
text-align:right;
}
#code a{
text-decoration:underline;
color:#666;
}