@charset "UTF-8";
/* ===================================================
   SKITEM SKIN [TWOTONE RED] Stylesheet
			
			Design by SKITEM DESIGN WORKS
			http://skitem.jp/
			Copyright (c) SKITEM DESIGN WORKS

   01:BASE
			02:BASE LYOUT
			03:BASE TEXT
			04:BASE PARTS
			05:HEADER
			06:FOOTER
			07:SIDENAVI
			08:CONTENTS
			++++++++++++++++++++++++++
			09:CONENTS - COMMENT
			10:CONENTS - ARCHIVE
			11:CONENTS - ERROR
			12:CONENTS - MEMBER
			13:CONENTS - SEARCH
			
====================================================== */

/* 01:BASE ------------------------------------------- */
body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #3a3a3a;
  background: url(img/bg.gif) repeat-x;
  text-align: center;
  margin-top: 0;
  padding-top: 0;
}
/* 02:BASE LYOUT ------------------------------------- */
div#site {
  background: url(img/bg_site.gif) repeat-y;
  width: 780px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
}
DIV#main {
  text-align: left;
  margin: 0;
  padding: 0 0 20px 30px;
  float: left;
  width : 470px;
}
DIV#sidenavi {
  text-align: left;
  margin : 10px 20px 10px 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  float: right;
  width : 220px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : gray gray gray gray;
  padding-top : 10px;
  padding-left : 10px;
}
/* 03:BASE TEXT -------------------------------------- */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0 0 10px;
}
A:LINK{
  color : #0080c0;
  text-decoration : underline;
}
A:VISITED{
  color : #c40974;
  text-decoration : underline;
}
A:HOVER{
  color : red;
  text-decoration : underline overline;
}
A:ACTIVE{
  color : red;
  text-decoration : underline overline;
}
.txtnormal {
  font-size: 90%;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 10px;
}
/* 04:BASE PARTS ------------------------------------- */
img {
  border-style: none;
}
.clearfloat {
  clear: both;
  margin: 0;
  padding: 0;
}
.centerise {
  text-align: center;
}
/* 05:HEADER ----------------------------------------- */
DIV#header {
  background-image : url(http://www.myattic.jp/img/bg_header2.gif);
  background-repeat : no-repeat;
  height: 108px;
  text-align: left;
}
H1 {
  font-size: 120%;
  color: #FFF;
  margin: 0;
  padding : 30px 0px 0px;
  padding-left : 160px;
}
h1 a:link, h1 a:visited {
  color: #FFF;
  text-decoration: none;
}
h1 a:hover {
  color: #FFF;
  text-decoration: underline;
}
/* 06:FOOTER ----------------------------------------- */
div#footer {
  background: url(http://www.myattic.jp/img/bg_footer.gif) no-repeat left bottom;
  clear: both;
  margin: 0;
  padding: 10px 20px 20px;
}
.foottxt {
  font-size: 80%;
  line-height: 1.35;
  margin: 0px;
  padding: 0px;
}
.foottxt a:link, .foottxt a:visited {
  color: #333;
  text-decoration: none;
}
.foottxt a:hover {
  color: #999;
  text-decoration: none;
}
/* 07:SIDENAVI --------------------------------------- */
dl.navilist {
  margin: 0;
  padding: 0 0 10px;
}
.navilist DT {
  font-size: 90%;
  background-repeat : repeat-x;
  margin: 0 0 10px;
  padding: 8px 0 8px 3px;
  background-image : url(http://www.myattic.jp/cyaranews/skins/twotonered02/img/bo.gif);
  background-position : left bottom;
  font-weight : bold;
  color : gray;
}
.navilist dd {
  font-size: 90%;
  line-height: 1.35em;
  margin: 0;
  padding: 0 0 5px;
}
.navilist dd a:link, .navilist dd a:visited {
  color: #0080c0;
  text-decoration: none;
  background: url(img/point01.gif) no-repeat 0px 4px;
  margin: 0;
  padding: 0 0 5px 13px;
}
.navilist dd a:hover {
  color: red;
  text-decoration: none;
}
dl.newslist {
  /* NEWS TOPICS */
	margin: 0;
  padding: 0;
}
.newslist DT {
  font-size: 90%;
  color : gray;
  background-repeat : repeat-x;
  margin: 0 0 10px;
  padding: 8px 0 8px 3px;
  background-image : url(http://www.myattic.jp/cyaranews/skins/twotonered02/img/bo.gif);
  background-position : left bottom;
  font-weight : bold;
}
.newslist dd {
  font-size: 90%;
  line-height: 1.35em;
  margin: 0;
  padding: 0 0 5px;
}
.searchform br {
  /* SERCH FORM */
	display: none;
}
.imgbanner {
  text-align: center;
  margin: 0px;
  padding: 10px 0;
}
/* 08:CONENTS ---------------------------------------- */
DIV#contents {
  background-repeat : no-repeat;
}
div.item {
  margin: 0;
  padding: 0 0 20px;
}
DIV#main H2 {
  font-size : 100%;
  background: url(img/bg_itemtitle.gif) no-repeat left bottom;
  margin: 0 0 10px;
  padding: 0 0 2px 10px;
}
DIV#main H2 A:LINK, DIV#main H2 A:VISITED {
  color : #0080c0;
  text-decoration: none;
}
div#main h2 a:hover {
  color: red;
  text-decoration: none;
}
div.itemtxt {
  font-size: 90%;
  line-height: 1.5;
}
p.txtmore {
  font-size: 90%;
  margin: 0 0 10px;
  padding: 0;
  clear: both;
}
p.txtdata {
  font-size: 90%;
  text-align: right;
  margin: 0 0 10px;
  padding: 0;
}
p.txtnaviRight {
  font-size: 90%;
  text-align: right;
  margin: 0 0 10px;
  padding: 0;
}
p.txtnaviLeft {
  font-size: 90%;
  text-align: left;
  margin: 0 0 10px;
  padding: 0;
}
blockquote {
  color: #6D6D6D;
  margin: 10px;
  padding: 10px;
  border: 1px dotted #CCC;
}
div.leftbox {
  /* IMAGE LYOUT */
	margin: 0;
  padding: 0 10px 10px 0;
  float: left;
}
div.rightbox {
  margin: 0;
  padding: 0 0 10px 10px;
  float: right;
}
div#edit {
  /* ADD ITEM */
	margin: 0 0 10px;
  padding: 10px;
  border: 1px dotted #CCC;
}
div#edit h3 {
  font-size: 90%;
  color: #D90033;
  margin: 0 0 10px;
  padding: 0;
  border-style: none;
}
.shortcuts {
  font-size: 90%;
  line-height: 1.5;
  margin: 0 0 10px;
}
/* 09:CONENTS - COMMENT ------------------------------ */
div.comment {
  margin: 0;
  padding: 0 10px 20px;
}
div.comment h3 {
  font-size: 90%;
  color: #333;
  margin: 0 0 10px;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #333;
}
div.comment h4 {
  font-size: 90%;
  font-weight: normal;
  color: #333;
  margin: 0;
  padding: 0 0 5px;
}
div.comenttxt {
  font-size: 90%;
  line-height: 1.5;
  margin: 0;
  padding: 10px;
  border: 1px dotted #999;
}
div.commentform {
  font-size: 90%;
  line-height: 1.5;
}
/* 10:CONENTS - ARCHIVE ------------------------------ */
.archivetitle {
  font-size: 90%;
  color: #333;
}
dl.archivelist {
  margin: 0;
  padding: 0 0 0 10px;
}
.archivelist dt {
  font-size: 90%;
  font-weight: bold;
  color: #333;
  margin: 0;
  padding: 0 0 5px;
}
.archivelist dd {
  font-size: 90%;
  line-height: 1.5;
  margin: 0;
  padding: 5px 0 5px 20px;
}
/* 11:CONENTS - ERROR -------------------------------- */
h2.errortitle {
  font-size: 1em;
  color: #CC0000;
  background: url(img/bg_itemtitle.gif) no-repeat left bottom;
  margin: 0 0 10px;
  padding: 0 0 2px 10px;
}
/* 12:CONENTS - MEMBER ------------------------------- */
.memvertitle {
  font-size: 0.9em;
  color: #333;
  margin: 0 0 10px;
  padding: 0 0px 2px 0;
  border-bottom: 1px solid #333;
}
dl.memverlist {
  margin: 0;
  padding: 0 0 20px 10px;
}
.memverlist dt {
  font-size: 0.8em;
  margin: 0 0 5px;
  padding: 0 0 3px;
  border-bottom: 1px dotted #999;
}
.memverlist dd {
  font-size: 0.8em;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 5px 40px;
}
div.mailform {
  font-size: 0.8em;
  line-height: 1.5;
}
/* 13:CONENTS - SEARCH ------------------------------- */
div.search {
  margin: 0 0 30px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #999;
}
.highlight {
  background: #A3D8FF;
}
/* README -------------------------------------------- */
body#readme {
  font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  color: #4c4c4c;
  background: url(none);
  text-align: center;
  margin-top: 0;
  padding-top: 0;
}
body#readme div#site {
  background: url(none);
  text-align: left;
  width: 600px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
}
body#readme h1 {
  font-size: 1em;
  color: #4c4c4c;
  text-align: center;
  margin: 0px;
  padding: 0px 0px 20px;
}
body#readme h2 {
  font-size: 0.9em;
  color: #CC0000;
  margin: 10px 0px;
  padding: 5px 0px;
  border-top: 1px dotted #CC0000;
  border-bottom: 1px dotted #CC0000;
}
body#readme p {
  font-size: 0.8em;
  line-height: 1.5;
}
body#readme dl {
  font-size: 0.8em;
  line-height: 1.5;
  margin: 0px;
  padding: 0px 0px 10px 20px;
}
HR{
  border-top-width : 1px;
  border-top-style : dotted;
  border-top-color : gray;
  height : 1px;
}
H3{
  font-size: 90%;
  background-repeat : repeat-x;
  margin: 0 0 10px;
  padding: 8px 0 8px 3px;
  background-image : url(http://www.myattic.jp/cyaranews/skins/twotonered02/img/bo.gif);
  background-position : left bottom;
  font-weight : bold;
  color : gray;
}
H5{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  background-color : #f6f6f6;
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  letter-spacing : 3px;
}
.waku{  
  font-size : 90%;  
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  clear : both;
  font-family : Tahoma;
}
.block1{
  
  width : 50%;
  float : left;
  text-align : left;
}
.block2{
  
  margin-left : 50%;
  clear : right;
  text-align : left;
}
.blocka{
  width : 15%;
  float : left;
}
.blockb{  
  text-align : left;
  clear : right;
  margin-left : 20%;
}
.blockc{
  text-align : left;
  clear : both;
}
.setumei{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;
  background-color : #f6f6f6;
  font-size : 90%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  line-height : 22px;
}
.setumei2{
  font-family : Tahoma;
  padding-bottom : 10px;
  width : 90%;
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  font-weight : normal;  
  font-size : 100%;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-color : gray gray gray gray;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}
.tit{
  background-color : #ffe8ff;
  font-weight : bold;
}
.tit2{  
  background-image : url(http://www.myattic.jp/img/mark_031.gif);
  background-repeat : no-repeat;
  text-align : left;
  text-indent : 15px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;  
}
.titup{  
  font-weight : bold;
  background-image : url(http://www.myattic.jp/img/message_081.gif);
  background-repeat : no-repeat;
  text-align : left;
  text-indent : 22px;  
background-position : 0px center;
}
.titleft{    
  background-repeat : no-repeat;
  text-align : right;  
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
}
.listblue{
  list-style-type : disc;
  list-style-image : url(http://www.myattic.jp/img/16blue.png);
}
.listnote{
  list-style-type : disc;
  list-style-image : url(http://www.myattic.jp/img/mark_063.gif);
}
.center{
  text-align : center;
}
.little{  
  color : gray;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
}
.tit3{
  text-align : left;
}
.red{
  color : red;
}