@charset "Shift_JIS";

/* reset */
*{
padding: 0;
margin: 0;
border: none;
font: normal 100% sans-serif;
line-height: 150%;
text-decoration: none;
}


/* default */
body{
background-color: #fff;
color: #333;
width: 720px;
margin: 0 auto;
}
a{
color: #999;
}
a:hover{
text-decoration: underline;
}
em{
font-size: 110%;
}
strong{
font-size: 300%;
font-weight: bold;
margin: 0.5em 0 0.5em;
}
li{
list-style-type: none;
}
.strike{
text-decoration: line-through;
}
.clear{
clear: both;
}
#analyze{
margin-top: 50px;
text-align: right;
}


/* header */
#header{
background: url(sozai/header.gif) no-repeat;
width: 720px;
height: 100px;
margin-bottom: 20px;
position: relative;
}
#header h1{
position:absolute;
top: 9px;
left: 15px;
width: 275px;
height: 85px;
background: url(sozai/logo.gif) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#header h1 a{
display: block;
width: 275px;
height: 85px;
}
#menu{
width: 235px;
height: 88px;
margin-right: 10px;
margin-left: auto;
}
#menu li{
float: left;
margin-top: 46px;
height: 42px;
}
#menu li#menuToday{width: 82px;margin-right: 5px;}
#menu li#menuMiffy{width: 64px;margin-right: 5px;}
#menu li#menuEtc{width: 79px;}

#menu li a{
display: block;
float: left;
height: 42px;
text-indent: -9999px;
overflow: hidden;
}
#menu li#menuToday a{width: 82px;background-image: url(sozai/menu_todaylog.gif);}
#menu li#menuMiffy a{width: 64px;background-image: url(sozai/menu_miffy.gif);}
#menu li#menuEtc a{width: 79px;background-image: url(sozai/menu_etc.gif);}
#menu li a:hover{background-position: 0 -42px;}
#menu li a#current{background-position: 0 -84px;}


/* main */
#main{
clear: both;
width: 700px;
margin: 0 auto;
position: relative;
}


/* footer */

#footer{
clear: both;
width: 720px;
margin-top: 30px;
padding-top: 10px;
background: url(sozai/footer.gif) no-repeat top left #999;
}
#footer ul{
padding-right: 10px;
padding-bottom: 10px;
text-align: right;
background: url(sozai/footerunder.gif) no-repeat bottom left #999;
}
#footer ul li{
display: inline;
margin-left: 1em;
}
#footer ul li a{
color: #fff;
}
#footer ul li a:hover{
text-decoration: underline;
color: #eee;
}


/* top */
#top h2{
background: url(sozai/toph2.gif) left center no-repeat;
padding-left: 10px;
}
#todaysone{
background: url(sozai/todaysone.jpg) 0 0 no-repeat;
height: 208px;
width: 467px;
margin: 50px auto 50px 57px;
}
#todaysone h2{
display: none;
}
#todaysone img{
margin-top: 3px;
margin-left: 193px;
}

#contentMemo a{
display: block;
float: left;
position: absolute;
top: 180px;
left: 618px;
background: url(sozai/icon_memo.gif) top left no-repeat;
width: 82px;
height: 28px;
text-indent: -9999px;
overflow: hidden;
}
#contentMemo a:hover{background-position: 0 -28px;}

#update{
position: relative;
margin-bottom: 20px;
}
#update h2{
display: inline;
margin-right: 1em;
}
#update ul{
display: inline;
}
#update li{
display: inline;
font-size: 90%;
margin-right: 1em;
}
#update li#everyday{
font-size: 80%;
color: #F1834D;
margin-left: 2em;
}

#content h2{
margin-bottom: 5px;
}
#content em.kind{
color: #aaa;
}
#content div{
float: left;
width: 210px;
}
#content h3{
width: 200px;
height: 57px;
margin-right: auto;
margin-left: auto;
}
#content h3 a{
display: block;
float: left;
width: 200px;
height: 57px;
text-indent: -9999px;
overflow: hidden;
background-position: 0 0;
}
#content h3 a:hover{background-position: 0 -57px;}
#content #contentTodaylog h3 a{background-image: url(sozai/content_todaylog.jpg);}
#content #contentMiffy h3 a{background-image: url(sozai/content_miffy.jpg);}
#content #contentEtc h3 a{background-image: url(sozai/content_etc.jpg);}
#content div p{
clear: both;
padding: 5px 15px;
margin-bottom: 30px;
}
#contentTodaylog{
margin-left: 35px;
}
#contentMiffy p{
border-right: 1px dashed #ccc;
border-left: 1px dashed #ccc;
}


/* about */
#about h2{
display: block;
text-indent: -9999px;
background-image: url(sozai/title_about.jpg);
width: 273px;
height: 30px;
margin: 0 auto 50px auto;
}
#about h3{
color: #F1834D;
}
#about p, #about dl{
margin: 0 1em;
}
#aboutSite{
margin-bottom: 30px;
}
#aboutContents, #aboutLink{
width: 350px;
float: left;
margin-bottom:30px;
}
#attention{
clear: both;
}
#about dt{
color: #999;
}
#about dd{
margin-bottom: 0.5em;
margin-left: 1em;
font-size: small;
}


/* memo */
#memo h2{
width: 120px;
height: 30px;
margin: 0 auto;
background-image: url(sozai/title_memo.jpg);
text-indent: -9999px;
}
#memo p{
text-align: center;
font-size: small;
margin-bottom: 50px;
}
#memo dl{
width: 500px;
margin-left: auto;
margin-right: auto;
}
#memo dt{
border-bottom: 1px dashed #f4834b;
border-left: 5px solid #f4834b;
padding-left: 0.5em;
}
#memo dd{
padding: 5px 1em;
margin-bottom: 3em;
}

/* mail */
#mail h2{
width: 131px;
height: 30px;
margin: 0 auto;
background-image: url(sozai/title_mail.jpg);
text-indent: -9999px;
}
#mail p#aboutMail{
text-align: center;
font-size: small;
margin-bottom: 50px;
}
.write{
border: 1px solid #ccc;
margin-bottom: 1em;
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
}
.button{
margin-right: 1em;
padding: 0 5px;
color: #F1834D;
background-color: white;
border: 1px solid #ccc;
}


/* miffy */
#miffy #main{width: 510px;}
#miffy h2{
width: 400px;
height: 100px;
margin: 0 auto 50px;
background-image: url(sozai/title_miffy.jpg);
text-indent: -9999px;
}
#miffy ol li{
float: left;
width: 40px;
height: 40px;
margin: 5px 0 5px 10px;
}
#miffy ol li a{
display: block;
width: 30px;
height: 30px;
padding: 5px;
background-image: url(sozai/frame_miffy.gif);
background-position: 0 0;
}
#miffy ol li.new a{background-position: 0 -80px;}
#miffy ol li a:hover{background-position: 0 -40px;}
#miffy #main p{
clear: both;
padding-top: 10px;
font-size: small;
text-align: right;
}


/* etc */
#etc #main{width: 510px;}
#etc h2{
width: 400px;
height: 100px;
margin: 0 auto 50px;
background-image: url(sozai/title_etc.jpg);
text-indent: -9999px;
}
#etc ol li{
float: left;
width: 40px;
height: 40px;
margin: 5px 0 5px 10px;
}
#etc ol li a{
background-image: url(sozai/frame_etc.gif);
background-position: 0 0;
display: block;
width: 30px;
height: 30px;
padding: 5px;
}
#etc ol li.new a{background-position: 0 -80px;}
#etc ol li a:hover{background-position: 0 -40px;}
#etc #main p{
clear: both;
padding-top: 10px;
margin-bottom: 20px;
font-size: small;
text-align: right;
}



/* todaylog */
#todaylog h2{
width: 400px;
height: 100px;
margin: 0 auto 50px;
background-image: url(sozai/title_todaylog.jpg);
text-indent: -9999px;
}
#todaylog ol{
width: 630px;
margin: auto;
}
#todaylog ol li{
list-style-type: disc;
list-style-position: inside;
}
#todaylog ol li.newlog .thumbnail{
width: 620px;
height: 70px;
margin-bottom: 10px;
list-style-type: none;
}
#todaylog ol li.newlog a .thumbnail{
background-image: url(sozai/frame_todaylog.gif);
background-position: 0 0;
display: block;
width: 620px;
height: 60px;
padding: 5px;
}
#todaylog ol li.newlog a img{
display: block;
float: left;
}
#todaylog ol li a:hover .thumbnail{
background-position: 0 -70px;
}


/* photoMiffy */
body#photoMiffy{
width: auto;
color: #555;
background-color: #FcFaf3;
}
#photoMiffy h1{
letter-spacing: 1px;
font-size: 130%;
border-bottom: 3px solid #fc6;
margin: 0 10px 20px;
padding:20px 20px 0;
}
#photoMiffy .yoko{
width: 400px;
margin: 0 auto;
background-image: url(sozai/photo_miffy.jpg);
background-repeat: no-repeat;
padding: 11px 12px 20px;
}
#photoMiffy .tate{
width: 300px;
margin: 0 auto;
background-image: url(sozai/photo_miffy_tate.jpg);
background-repeat: no-repeat;
padding: 11px 12px 20px;
}
#photoMiffy div img{
margin-bottom: 34px;
}
#photoMiffy div p{
font-size: small;
}
#photoMiffy #navi{
text-align: center;
}
#photoMiffy #close{
background-color: #fc6;
margin: 30px 0 20px;
padding:4px 10px 1px;
height: 28px;
}
#photoMiffy #close a{
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
width: 84px;
height: 28px;
background-image: url(sozai/close_miffy.jpg);
background-position: 0 0;
}
#photoMiffy #close a:hover{background-position: 0 -28px;}


/* photoEtc */
body#photoEtc{
width: auto;
color: #555;
background-color: #F6F7F7;
}
#photoEtc h1{
letter-spacing: 1px;
font-size: 130%;
background-image: url(sozai/line_photo_etc.jpg);
background-position: left bottom;
background-repeat: no-repeat;
margin-bottom: 20px;
padding:20px 20px 10px;
}
#photoEtc .yoko{
width: 400px;
margin: 0 auto;
background-image: url(sozai/photo_etc.jpg);
background-repeat: no-repeat;
padding: 11px 12px 20px;
}
#photoEtc .tate{
width: 300px;
margin: 0 auto;
background-image: url(sozai/photo_etc_tate.jpg);
background-repeat: no-repeat;
padding: 11px 12px 20px;
}
#photoEtc div img{
margin-bottom: 34px;
}
#photoEtc div p{
font-size: small;
}
#photoEtc #navi{
text-align: center;
}
#photoEtc #close{
background-color: #67ABC1;
margin: 30px 0 20px;
padding:1px 10px 3px;
height: 24px;
}
#photoEtc #close a{
display: block;
text-indent: -9999px;
overflow: hidden;
width: 81px;
height: 24px;
float: right;
background-image: url(sozai/close_etc.jpg);
background-position: 0 0;
}
#photoEtc #close a:hover{background-position: 0 -24px;}


/* archiveToday */
body#archiveToday{
width: auto;
background-color: #EFECDF;
}
#archiveToday h1{
letter-spacing: 1px;
font-size: 130%;
background-image: url(sozai/line_todaylog.jpg);
background-position: left bottom;
background-repeat: no-repeat;
margin-bottom: 20px;
padding:20px 20px 16px;
}
#archiveToday div{
width: 432px;
margin: 0 auto 20px;
}
#archiveToday div img{
display: block;
float: left;
width: 200px;
height: 200px;
background-image: url(sozai/imgbg_todaylog.jpg);
padding: 6px 7px 8px;
margin: 1px;
}
#archiveToday #navi{
text-align: center;
clear: both;
padding-top: 20px;
}
#archiveToday #close{
background-color: #748B2C;
margin: 30px 0 20px;
padding:1px 10px;
height: 32px;
}
#archiveToday #close a{
display: block;
float: right;
text-indent: -9999px;
overflow: hidden;
width: 199px;
height: 32px;
background-image: url(sozai/close_todaylog.jpg);
background-position: 0 0;
}
#archiveToday #close a:hover{background-position: 0 -32px;}