/******************** body ********************/

body {
        text-align: center;
        font-size: medium;
        line-height: 180%;
        background: #FFF;
        font-family: sans-serif;
        color: #333;
        margin: 0px;
        padding: 10px 10px 0px;
}


/******************** basic ********************/

*,p,div {
        margin: 0px;
        padding: 0px;
}

a                { text-decoration: none; }
a:link                { color: #00F; }
a:visited        { color: #30C; }
a:active        { color: #F93; }
a:hover                { color: #F03; }

img, a img        { border: none; }

s {
        display: inline;
        color: #933;
        text-decoration: line-through;
        padding: 0px 4px 0px;
}

blockquote.border {
        margin: 4px 20px 4px;
        padding: 0px 10px 0px;
        font-size: small;
        font-weight: normal;
        line-height: 160%;
        border-left: solid 8px #6CF;
}

blockquote p {
        margin: 4px 4px 8px;
        padding: 0px;
}

hr {
        margin: 8px 0px 8px;
        border-bottom: solid 1px #F93;
        height: 0px;
}


/******************** BOX ********************/
div.contents {
        text-align: left;
        width: 900px;
        margin: 10px auto 0px;
        padding: 0px;
        background: transparent url("side.gif") top right repeat-y;
}
  div.header {
        width: 900px;
        height: 50px;
        margin: 0px;
        padding: 0px;
        background: transparent;
  }
    div.title {
        float: left;
        width: 700px;
        height:50px;
        background: transparent url("head.gif") top left no-repeat;
        margin: 0px;
        padding: 0px;
    }
    div.icon {
        float: left;
        width: 200px;
        height: 50px;
        background: #FFF url("icon.gif") top left no-repeat;
        margin: 0px;
        padding: 0px;
    }
    div.logo {
        width: 200px;
        height: 50px;
        background: transparent;
        margin: 0px;
        padding: 0px;
    }
  div.main {
        float: left;
        width: 700px;
        margin: 0px;
        padding: 0px;
        background: transparent;
        overflow: hidden;
  }
    div.navi {
        width: 668px;
        height: 30px;
        padding-left: 32px;
        text-align: left;
        line-height: 20px;
        font-family: "Lucida Console","OCRB","Verdana","Arial","Helvetica",sans-serif;
        font-size: 11px;
        color: #C00;
        background: transparent;
    }
    div.navi a {
        text-decoration: none;
    }
  div.side {
        float: left;
        width: 200px;
        color: #F93;
        font-family: "Tahoma","Lucida sans Unicode","Verdana","Arial","Helvetica",sans-serif;
        font-size: 10px;
        line-height: 12px;
        background: transparent;
  }
  div.footer {
        position:fixed;
        bottom: 0px;
        width: 900px;
        height: 30px;
        background: transparent url("foot.gif") top left no-repeat;
        z-index: 9;
        margin: 0px;
        padding: 0px;
  }


/******************** TOP MENU ********************/


div.title div.menu, div.main div.button, div.main div.gtb {
        position: relative;
        display: block;
        overflow: hidden;
        background: transparent;
}

div.title div.menu {
        left: 340px;
        top: 13px;
        height: 22px;
        width: 360px;
}
div.main div.button {
        clear: both;
        left: 400px;
        height: 22px;
        width: 240px;
        margin: 8px 0px 120px;
}
div.main div.gtb {
        clear: both;
        left: 600px;
        height: 22px;
        width: 100px;
        margin: 8px 0px 60px;
}

div.title div.menu ul, div.main div.button ul, div.main div.gtb ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        height: 22px;
        background: transparent;
}

div.title div.menu li, div.main div.button li, div.main div.gtb li {
        float: left;
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        height: 22px;
        background: transparent;
}

div.title div.menu li a, div.main div.button li a, div.main div.gtb li a {
        display: block;
        overflow: hidden;
        height: 22px;
        text-indent: 2000px;
        text-decoration: none;
        background: transparent;
}

div.title div.menu li a.bbs        { background: url("icon/menu_bbs.gif")   no-repeat top left; width: 34px; }
div.title div.menu li a.tech        { background: url("icon/menu_tech.gif")  no-repeat top left; width: 39px; }
div.title div.menu li a.item        { background: url("icon/menu_item.gif")  no-repeat top left; width: 38px; }
div.title div.menu li a.diary        { background: url("icon/menu_diary.gif") no-repeat top left; width: 39px; }
div.title div.menu li a.aiko	{ background: url("icon/menu_aiko.gif")  no-repeat top left; width: 40px; }
div.title div.menu li a.game	{ background: url("icon/menu_game.gif")  no-repeat top left; width: 41px; }
div.title div.menu li a.etc	{ background: url("icon/menu_etc.gif")   no-repeat top left; width: 36px; }
div.title div.menu li a.hima	{ background: url("icon/menu_hima.gif")  no-repeat top left; width: 38px; }
div.title div.menu li a.top	{ background: url("icon/menu_top.gif")   no-repeat top left; width: 35px; }


div.main div.button li a.comment   { background: url("icon/comment.gif")   no-repeat top left; width: 80px; }
div.main div.button li a.trackback { background: url("icon/trackback.gif") no-repeat top left; width: 80px; }
div.main div.button li a.gotop     { background: url("icon/go_top.gif")    no-repeat top left; width: 80px; }
div.main div.gtb    li a.gotop     { background: url("icon/go_top.gif")    no-repeat top left; width: 80px; }

div.title div.menu li a:hover, div.main div.button li a:hover, div.main div.gtb li a:hover {
	background-position: 0px -22px;
}



/******************** main block ********************/

div.main p {
	padding: 4px 10px 4px;
}

div.main ul, div.main ol, div.main dl {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

div.main li, div.main dt {
	color: #666;
	font-size: medium;
	text-align: left;
	line-height: 120%;
	margin: 2px 0px 2px 0px;
	padding: 0px;
}

div.main ol li {
	margin-left: 20px;
	list-style-type: decimal;
}

div.main ul li, div.main dt {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url("icon/li.gif") left top no-repeat;
}

div.main ul li.headline, div.main dt.headline {
	color: #06C;
	font-weight: bold;
	background: url("icon/li0.gif") left top no-repeat;
}

div.main dd {
	padding: 0px 0px 0px 20px;
	margin: 0px 10px 20px;
	color: #666;
	line-height: 160%;
}

div.main div.hrg {
	min-width: 400px;
	padding: 0px 0px 0px 20px;
	margin-bottom: 10px;
	background: transparent url("icon/hrg.gif") left bottom no-repeat;
}

div.main div.lead {
	margin: 10px 0px 16px;
	padding: 0px 20px 2px;
	width: 660px;
	text-align: right;
	font: small bold #C00;
	fon-family: "Meiryo","Osaka","MS UI Gothic",sans-serif;
	border-bottom: solid 1px #F93;
}

div.main p.trackback {
	margin: 10px 20px 10px;
	padding: 8px 16px 0px;
	border-top: dotted 1px #ccc;
	color: #666;
	font-size: small;
	line-height: 140%;
}

div.main p a {
	text-decoration: underline;
}

div.main p a:hover {
	color: #FFF;
	background: #F03;
}


div.main div.bsubject {
	background: transparent url("bbs/bsub.png") top left no-repeat;
	margin:0px;
	padding: 4px 20px 2px 30px;
	line-height:18px;
	font-size:12px;
	overflow:hidden;
}

div.main code {
	line-height: 16px;
	margin: 8px 20px 8px;
	padding: 8px 16px 8px;
	text-align: left;
	font-family: "Lucida Console","OCRB","MS Gothic",sans-serif;
	font-size: 13px;
	color: #3C1;
	background: #333;
	border-right: solid 1px #666;
	border-bottom: solid 2px #666;
	display: block;
	overflow: auto;
	white-space: nowrap;
}



/********** div.main title **********/
div.main h2, div.main h3, div.main h4, div.main h5, div.main h6, {
	font-family: "Meiryo","Osaka","MS UI Gothic","Verdana","Arial",sans-serif;
}

div.main h6 {
	margin: 2px 0px 2px 16px;
	padding: 1px 4px 2px;
	color: #19D;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	border-left: solid 12px #fc6;
}

div.main h5 {
	margin: 16px 0px 8px ;
	padding: 2px 12px 2px;
	color: #19D;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	border: solid 1px #f93;
	background: #ffe;
}

div.main h6.idl {
	margin: 0px;
	padding: 4px;
	color: #19D;
	font: small bolder;
	line-height: 120%;
	border-bottom: solid 1px #F93;
}

div.main h5.idl {
	margin: 0px;
	padding: 4px;
	color: #19D;
	font-weight: bold;
	line-height: 140%;
	border-bottom: solid 1px #F93;
	background: #efe;
}

div.main h4 {
	margin: 0px;
	padding: 1px 4px 12px 158px;
	color: #3C1;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	letter-spacing: 0px;
}

div.main h3 {
	margin: 0px;
	padding: 1px 4px 1px 156px;
	color: #19D;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
}

div.main h3.subtitle {
	font-size: 16px;
	line-height: 20px;
	font-weight: 900;
	padding: 1px 4px 1px 20px;
	margin: 40px 0px 20px;
	border-bottom: solid 1px #F93;
	color: #19D;
}

div.main h4.cont {
	margin: 0px;
	padding: 13px 2px 1px 34px;
	color: #FFF;
	font-family: "Trebuchet MS","Verdana","Arial","Helvetica",sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bolder;
	height: 18px;
	line-height: 18px;
	letter-spacing: 1px;
/*	border-left: solid 10px #3c6; */
	background: #F93 url("icon/h4cbak.gif") no-repeat bottom left;
}

div.main h3.cont {
	margin: 0px;
	padding: 2px 4px 0px 32px;
	height: 22px;
	line-height: 20px;
	text-align: left;
	color: #19D;
	font-weight: bolder;
	font-size: 16px;
	background: transparent url("icon/h3bak.gif") no-repeat top left;
}

div.main h3.contsub {
	font-size: 18px;
	padding: 10px 4px 2px 32px;
	height: 20px;
	line-height: 20px;
	font-weight: heavy;
	background: transparent url("icon/h3subbak.gif") no-repeat bottom left;
	color: #C00;
	border-bottom: solid 1px #F93;
}


div.main h4 a, div.main h3 a,div.main a h4, div.main a h3  {
	text-decoration: none;
}

div.main h3 a:hover, div.main h4 a:hover, div.main a:hover h3, div.main a:hover h4 {
	color: #F03 !important;
	text-decoration: none;
}

div.main h4.noidt, div.main h3.noidt {
	padding-left: 10px;
}


div.main h2 {
	margin: 22px 0px 20px;
	padding: 0px 30px 2px 20px;
	text-align: right;
	color: #C00;
	border-bottom: solid 1px #F93;
	font-weight: 900;
	font-size: 22px;
	line-height: 24px;
}


/******************** diary entry ********************/

div.main div.contitem {
	margin: 2px 8px 2px;
	padding: 0px;
	font-size: 11px;
	line-height: 11px;
	font-family: "Tahoma","Osaka","Meiryo",sans-serif;
	font-weight: bold;
	width: 100px;
	overflow: hidden;
	float: left;
}

div.entrybody {
	margin: 0px 0px 0px 150px;
	padding: 0px !important;
	width: 540px !important;
}
div.entrybody p, div.entryorig p {
	margin: 4px 0px 20px;
}

div.comandtbk {
	clear: both;
	width: 540px !important;
	font-size: small;
	margin: -24px 0px 0px 150px;
}
div.comandtbk ul li {
	font-size: small;
	margin: 0px;
}


/******************** side block ********************/

div.sideblock {
	margin-left: 28px;
}

div.side p {
	margin:2px;
	padding:2px;
}

div.side ul {
	padding-left: 0px;
	margin: 2px 0px 4px 0px;
}

div.side li {
	font-size: 12px;
	text-align: left;
	line-height: 14px;
	padding-left: 0px;
	margin-top: 2px;
	list-style-type: none;
	overflow: hidden;
}
div.side li li {
	padding-left: 12px;
	background: transparent url("icon/off.gif") left top no-repeat;
}
div.side li li:hover {
	background: transparent url("icon/on.gif") left top no-repeat;
}
div.side li a {
	color: #F93;
	text-decoration: none;
	font-weight: normal;
}

div.side li a:visited {
	color: #F60;
}

div.side li a:hover {
	color: #F03;
	text-decoration: underline;
}

div.side li a img {
	border: solid 1px #CCC;
}

div.side li a img:hover {
	border: solid 1px #F03;
}


/********** div.side title **********/
div.side h5 {
	margin: 60px 0px 4px;
	padding: 0px 4px 0px 30px;
	color: #19D;
	font-family: "Century Gothic","Verdana","Arial","Helvetica",sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	border-bottom: solid 1px #F93;
}
div.side h5:first-letter {
	font-weight: bolder;
	font-size: 20px;
}

div.side h6 {
	margin: 0px 0px 20px 24px;
	padding: 0px 0px 0px 6px;
	color: #C00;
	font-family: "Meiryo","Osaka","MS UI Gothic",sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 14px;
	border-bottom: solid 1px #F93;
}



/******************** image ********************/

img.L85 {
	background-image: url("icon/gb.gif");
	z-layer: 0;
	margin: 0px 8px 4px 0px;
	padding: 8px;
	border: 0px;
	float: left;
}

a img.L85:hover {
	position: relative;
	top: 1px;
	left: 1px;
	background-image: url("icon/gbp.gif");
	z-layer: 0;
	padding: 8px;
}

img.N85 {
	background-image: url("icon/gbh.gif");
	z-layer: 0;
	margin: 0px 8px 4px 0px;
	padding: 8px;
	border: 0px;
	float: left;
}

img.P26N {
	background-image: url("icon/p26bk.gif");
	z-layer: 0;
	margin: 0px 4px 2px 0px;
	padding: 10px;
	border: 0px;
	float: left;
}

img.P26 {
	background-image: url("icon/kpb.gif");
	z-layer: 0;
	padding: 8px 18px 30px 8px;
	margin: 8px;
	border: 0px;
	float: left;
}

img.P42 {
	background-image: url("icon/epb.gif");
	z-layer: 0;
	padding: 10px 8px 10px 8px;
	margin: 8px;
	border: 0px;
	float: left;
}

img.P26T {
	background-image: url("icon/p26bk.gif");
	margin: 0px 4px 2px 0px;
	padding: 10px;
	border: 0px;
	float: left;
}
div.P26R {
	background-image: url("icon/p26bk.gif");
	margin: 0px 4px 2px 0px;
	padding: 10px;
	border: 0px;
	float: left;
}
div.P26R img {
	margin:0px;
	padding:0px;
	border:none;
}

a img.P26T:hover {
	position: relative;
	top: 2px;
	left: 2px;
	background-image: url("icon/p26bk_h.gif");
	z-layer: 0;
}

/******************** Photo Thumbnail ********************/
div.main div.pthumb {
	float: left;
	width: 230px !important;
	height: 200px;
	overflow: hidden;
	font-size: 9px;
	font-family: "Meiryo","Osaka","MS UI Gothic",sans-serif;
	line-height: 14px;
	color: #999;
	text-align: left;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.main div.pthumb h3 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #19D;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
}
div.main div.pthumb h4 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #3C1;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	white-space: nowrap;
}

/******************** search result ********************/
div.main p.search {
	font-size: 12px;
	line-height: 16px;
	margin: 8px 12px 20px;
	clear: both;
}
div.main p.search b, div.main p.search b a {
	font-size: 18px;
	margin-top: 8px;
	color: #19D !important;
}
div.main p.search span.date a {
	color: #3C1;
}
div.main p.search a {
	text-decoration: none;
}
div.main p.search a:hover {
	color: #F03 !important;
	background: #FFF;
}

/******************** amazon ********************/
.amazon {
	float: right;
	text-align: center;
	font-size: 11px;
	line-height: 120%;
	padding: 0px;
	margin: 4px 20px 4px auto;
}
.amazon img.p {
	height: 120px;
	border: solid 1px #fff;
}
.amazon a {
	text-decoration: none !important;
}
.amazon img.bc {
	border: none !important;
	margin: 0px !important;
	width: 1px !important;
	height: 1px !important;
}
.amazon a:hover {
	color: #F03 !important;
	background: transparent !important;
}
.amazon a:hover img.p, .amazon img.p:hover {
	border: solid 1px #F03;
}




/******************** table ********************/
/********** no border **********/
table.noborder {
	margin: 8px;
	border: none;
}

table.noborder th {
	font-weight: bold;
	color: #339;
	font-size: small;
	line-height: 120%;
	text-align: center;
	padding: 2px;
}

table.noborder td {
	color: #666;
	padding: 2px;
}

/********** border **********/
table.b {
	margin: 8px;
	border: solid 1px #666;
	background-color: #666;
	border-collapse: collapse;
}

table.b th {
	font-weight: bold;
	background-color: #6CF;
	font-size: small;
	line-height: 120%;
	color: #030;
	text-align: center;
	padding: 2px;
	border: solid 1px #666;
}

table.b td {
	background-color: #FFF;
	color: #333;
	padding: 2px;
	border: solid 1px #666;
}

/********** horizontal border **********/
table.hborder {
	margin: 12px auto 12px auto;
	border: none;
}

table.hborder td, table.hborder th {
	margin: 0px;
	padding: 2px 8px 2px;
	border-bottom: solid 1px #ccc;
	border-collapse: collapse;
}

table.hborder td {
	font-size: small;
	line-height: 120%;
	color: #333;
}

table.hborder th {
	color: #339;
	font-size: small;
	line-height: 120%;
	text-align: center;
}

/**************************** table.htable : table with hline(after head, before foot) */
table.htable {
	margin: 4px 8px 20px;
	border: none;
}

table.htable img {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

table.htable th {
	font-family: "Verdana","Arial",sans-serif;
	font-size: small;
	font-weight: normal;
	color: #396;
	margin: 0px;
	padding: 0px 4px 0px;
}

table.htable td {
	font-family: "Verdana","Arial",sans-serif;
	font-size: normal;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 0px 4px 0px;
}

table.htable tr.tblHead th, table.htable tr.tblHead td {
	margin: 0px;
	padding: 16px 4px 0px;
	border-bottom: solid 1px #000;
	border-collapse: collapse;
}

table.htable tr.tblHead th{
	font-size: small;
	font-weight: bold;
	color: #396;
}

table.htable tr.tblFoot th, table.htable tr.tblFoot td {
	border-top: solid 1px #000;
	border-collapse: collapse;
}

/**************************** table caption */
table caption {
	color: #669;
	font-size: x-small;
	line-height: 120%;
	text-align: left;
	margin: 8px 0px 2px 20px;
	padding: 0px 4px 0px;
	font-weight: normal;
	border-left: #69c 12px solid;
}

/******************** decoration class ********************/
/********** text color **********/
.red	{ color: #f33 !important; }
.blue	{ color: #06F !important; }
.green	{ color: #080 !important; }
.orange	{ color: #f60 !important; }
.white	{ color: #fff !important; }
.gray	{ color: #999 !important; }
.lblue 	{ color: #6cf !important; }
.yellow	{ color: #fd0 !important; }

.date	{ color: #3C1 !important; }
.guide	{ color: #C00 !important; }
.name	{ color: #19D !important; }
.capt	{ color: #19D !important; }

/********** background color **********/
.bkred		{ background-color: #fcc !important; }
.bkblue		{ background-color: #9cf !important; }
.bkgreen	{ background-color: #cfc !important; }
.bkorange	{ background-color: #fc6 !important; }
.bkwhite	{ background-color: #fff !important; }
.bkgray		{ background-color: #eee !important; }
.bklblue 	{ background-color: #cff !important; }
.bkyellow	{ background-color: #ff9 !important; }

/********** text size **********/
.mini	{ font-size: 8px !important; }
.small	{ font-size: 9px !important; }
.big	{ font-size: 12px !important; }
.large	{ font-size: 14px !important; }
.huge	{ font-size: 18px !important; }

/********** text align **********/
.l	{ text-align: left !important; }
.r	{ text-align: right !important; }
.c	{ text-align: center !important; }
.vt	{ vertical-align: top !important; }
.vm	{ vertical-align: middle !important; }
.vb	{ vertical-align: bottom !important; }

/********** block position **********/
.left	{ margin: 8px; float: left; }
.right	{ margin: 8px; float: right; }
.leftf	{ margin: 0px; float: left; }
.rightf	{ margin: 0px; float: right; }

/********** text style ***********/
.serif		{ font-family: "Constantia","Garamond","MS P Mincho",serif !important; }
.sans-serif	{ font-family: "Candara","Verdana","Helvetica","Meiryo","MS UI Gothic",sans-serif !important; }


/******************** for print ********************/

@media print {

    * {
	background: transparent;
	color: #000;
	font-family: "MS P Mincho", serif;
	font-size: 9pt;
	line-height: 180%;
	margin: 0px !important;
	padding: 0px !important;
    }

    body {
	background: #FFF;
    }

    h1,h2,h3 {
	width: 100%;
	border-bottom: solid 1px #666;
	font-family: "Osaka", "MS P Gothic", sans-serif;
	font-size: 12pt;
	font-weight: bold;
    }
    h4,h5,h6 {
	width: 100%;
	border-bottom: solid 1px #666;
	font-family: "Osaka", "MS P Gothic", sans-serif;
	font-size: 10pt;
	font-weight: bold;
    }

    div.menu, div.side, div.head, div.foot {
	position: fixed;
	top: 0px;
	right: 2000px;
	display: none;
	overflow: hidden;
	height: 0px;
	width: 0px;
    }

    body, div.main, div.contents, div.navi, div.comandtbk, div.entrybody {
	width: 100% !important;
	max-width: 100%;
	margin: 0px;
    }
}