@charset "UTF-8";
/* CSS Document */

@import url("default.css");
@import url("common.css");

body{
text-align:center;
background:#ffffff;
color:#333333;
line-height:1.3;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*--------------------
	Link
--------------------*/

a,
a:link {
color:#009900;
text-decoration:underline;
}
a:visited {
color:#009900;
text-decoration:none;
}
a:hover {
color:#669900;
text-decoration:none;
}
a:active {
color:#669900;
text-decoration:none;
}

/*--------------------
	Layout
--------------------*/

#wrapper{
width:760px;
margin:0 auto;
background:#FCE5DF url(../images/bg_body.jpg) no-repeat;
}

/*///////////////////////////////////////////

                  header

///////////////////////////////////////////*/

#header{
margin:0 auto;
height:240px;
position:relative;
}
#header h1{
margin:0;
padding:0;
text-align:left;
}
#header h1 img{
margin-top:50px;
margin-left:130px;
width:515px;
height:131px;
}
#header #clover{
position:absolute;
left:59px;
top:28px;
margin:0;
padding:0;
display:block;
}



/*///////////////////////////////////////////

                  contents

///////////////////////////////////////////*/

#contents{
background:url(../images/bg_bottom.jpg) no-repeat left bottom;;
}

/* abstract */
#abstract{
background:url(../images/img_package.gif) 98% 95% no-repeat;
margin-bottom:10px;
}
#abstract p{
text-align:left;
font-size:90%;
margin:0 20px;
}
#kathysmotif,
#flockyprint{
width:50%;
float:left;
margin-right:-1px;
display:inline;
}
ul#example{
float:left;
margin:0;
padding:0;
list-style:none;
text-align:left;
display:inline;
}
ul#example li{
float:left;
display:inline;
margin-bottom:0;
}
li#example1{
width:370px;
}
li#example2{
width:125px;
}
li#example3{
width:115px;
}
li#example4{
width:145px;
}
#ironprint{
float:left;
text-align:left;
width:572px;
display:inline;
}
#ironprint h2{
margin-left:20px;
width:380px;
margin-bottom:5px;
}
#howto{
background:#ffffff;
border:2px solid #FEDE84;
margin-left:20px;
}
#howto dl{
float:left;
width:185px;
padding-bottom:20px;
text-align:left;
font-size:75%;
margin-right:-1px;
display:inline;
}
#howto dl#process1{
margin-left:15px;
}
#howto dl#process2{
}
#howto dl#process3{
width:160px;
}
#howto dl dd{
width:145px;
}
#howto dl#process2 dd{
width:160px;
}

/* items */

#items{
zoom:1;
position:relative;
}

/* table layout */

table{
margin:0 auto 20px;
position:relative;
color:#000066;
}
table caption{
margin-bottom:5px;
position:relative;
}
table#motif{
width:740px;
}
table#motif caption{
padding-left:10px;
}
caption span{
display:block;
font-size:75%;
position:absolute;
top:5px;
right:0px;
color:#333333;
}
table td{
}
table#motif col{
width:185px;
}
table#motif td.white{
background:url(../images/icon_star.gif) no-repeat 147px 210px;
}
table#motif dl{
width:165px;
padding:0 10px 10px;
}
table#motif dl dt{
margin:0;
padding:0;
text-align:center;
}
table#motif dl dt img{
display:block;
width:165px;
height:205px;
margin:0 auto;
}
table#line{
width:732px;
}
table#line caption{
padding-left:6px;
}
table#line col{
width:122px;
}
table#line td.white{
background:url(../images/icon_star.gif) no-repeat 88px 325px;
}
table#line dl{
width:110px;
padding:0 6px;
}
table#line dl dt{
margin:0;
padding:0;
height:320px;
text-align:center;
}
table#line dl dt img{
display:block;
width:110px;
margin:0 auto;
}
table dl dd{
margin:0;
padding:0;
}
table dd.type,
table dd.variation{
font-weight:bold;
font-size:80%;
}
table#motif dd.type,
table#motif dd.variation{
display:inline;
}
table dd.number{
font-size:65%;
}


/* note */

p.note{
font-size:75%;
text-align:right;
margin-right:30px;
}
p.note img{
vertical-align:middle;
}

/* up to top */

p.uptotop{
text-align:right;
margin-top:30px;
margin-right:30px;
}
.uptotop a{
}


/* copyright */

#copyright{
height:42px;
}
#copyright p{
margin:0;
padding:0;
font-size:75%;
color:#660000;
line-height:2em;
}