@charset "Shift_JIS";
@font-face {
	font-family: 'girawa'; 
	font-weight: bold; 
	src: url("../css/girawa.woff") format("woff") ;
}

/* ‘æ�\ŠúƒfƒUƒCƒ“—pƒXƒ^ƒCƒ‹ƒV�[ƒg�B’Ê�Ì�u‚·‚Æ‚ç‚¢‚Õ�vfor Gecko 2004.08.31./2005.02.27./2008.06.21./2012.02.06. ‚ ‚«‚ç�™‚l */

body { 					/* –{•¶ */
	background : #D6FFDF url(../parts/v10_sailor.jpg) repeat-y top right fixed;
	color: #355;
	margin: 0 0 0 10px;
	padding: 10px 200px 10px 10px;
	line-height : 1.5;
	border-left: 15px solid #8EFFA1;
}
body:before {
	display:block;
	content:url(../parts/logo050226.png);
	margin: 0 0 0 -35px; padding: 3px 0;
}

a { text-decoration: underline; }
a:link { color: #46d}
a:visited { color: #d66 }
/* a:link:active , a:visited:active { background-color: #669; color: #f69; }*/
a:link:hover , a:visited:hover {
	color: #f06;
	background-color: #fff;
}
hr {
	display: none;
}
img { border: none; }
h1, h2, h3, h4, h5 ,h6 {
	background : #65E1A3 url(../parts/v10_taisou.jpg)  repeat-y top right fixed;
	height: 16px;
	font : bold  40px "‚c‚e‚oPOP1‘Ì","‚c‚ePOP1‘Ì","‚c‚e‚oPOP1‘ÌW9","‚e‚` ‚Û‚Û‚é","‚c‚e‚o‹É‘¾ƒSƒVƒbƒN‘Ì","‚c‚e‹É‘¾ƒSƒVƒbƒN‘Ì","TT-NIS-POP•¶Žš","Hiragino Kaku Gothic Std","Meiryo","Marker felt","Trebuchet MS", fantasy;
	color : #176;
	text-align: left;
	margin: 15px  -200px 40px -35px;
	padding : 3px 20px;
 }
h2 { 	height: 14px; 
	font : bold  32px "‚c‚e‚o‹É‘¾–¾’©‘Ì","‚c‚e‹É‘¾–¾’©‘Ì","ƒqƒ‰ƒMƒm–¾’© Pro W6","HiraKakuPro-W6","Hiragino Mincho Pro", "•½�¬–¾’©","Times New Roman", "Times", serif;
	color: #167;
	margin-bottom: 32px;
	clear: both;
}
h3 { 	height: 12px;
	font : normal 26px "‚c‚e‚o‹É‘¾–¾’©‘Ì","‚c‚e‹É‘¾–¾’©‘Ì","ƒqƒ‰ƒMƒm–¾’© Pro W6","HiraKakuPro-W6","ƒqƒ‰ƒMƒm–¾’© Pro", "•½�¬–¾’©","Times New Roman", "Times", serif;
	color: #167;
	margin-bottom: 28px;
	clear: both;
}
h4, h5, h6 { 	height: 0.5em;
	font : bold 1.1em  serif;
	color: #167;
	margin-bottom: 1.1em;
}

p {
	text-indent: 1em;
	margin : 5px;	padding: 0;
}
address {		/* index ‚Ì‚Ý? */
	margin: 1em 15px 1em 65px;
	padding: 5px 20px;
	font-style: normal;
	text-align: right;
	border: 2px dotted #fff;
}
address.headline {
	color: #35b;
	text-align: left;
	font-size: small;
	font-family: "Charcoal CY","Aharoni Bold", "Arial Black", sans-serif;
	margin: 10px -195px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid double solid solid;
	border-width: 0 0 0 45px;
}
blockquote{
	background : transparent url(../aoringo/bg/blockquote.png) no-repeat scroll top right;
	margin : 0.5em -5px 0.3em -10px;
	padding : 25px 5px 5px 15px;
	border-width : 0 8px 0 30px;
	border-style: solid solid solid double;
	border-color :  #8EFFA1;
}
ul, ol, dl  {	margin : 5px; }
ol li { margin: 5px 0 5px 0.5em }
ul { padding-left: 2.5em; }
dt { font-weight: bold; }
dd {	margin: 0 0 0.3em 3em; }
abbr {
	cursor: help;
	font-weight: normal;
	border-bottom: 1px dotted;
}
code { font-size: inherit; }
li>ul, dd>ul, dd>p, dd>blockquote, blockquote ul, blockquote>p, li blockquote {
	margin : 0;
}
blockquote h2 { background: none; margin: 5px;  height: auto;}
blockquote h3 { background: none; margin: 5px; height: auto; }
blockquote p {	color: #239;	}
q {	color: #439;	}


/* ========== common class ========== */
.button {
	border-width: 0;
	border-style: solid;
	margin: 0;
	vertical-align: text-bottom;
}
a .button, a img { border-style: solid; border-width: 0 0 1px 0; }
.link-ej {
	font: italic normal normal small/1.1 "gadget","Charcoal CY","Verdana","Trebuchet MS",sans-serif;
	margin: 0.5em 0;
	padding :2px 7px;
	text-align: right;
	color:#5a8;
}
input, textarea { border: 2px dotted #7be; color: #364;background:#efe;}
input[type="submit"] { cursor: pointer; border: 3px double #3c8; background:#ffd;}
input[type="reset"] { margin-left: 7em; cursor: pointer; border: 3px double #7be;}
p.talk { text-indent: 0; }
.direction {
	margin: 1.5em 15px 10px -10px;	padding: 3px 3px 3px 15px;
	background-color: #8EFFA1;
	text-align: center;
}
.links {
	margin: 5px 5px 1.5em  -35px; padding : 0 1em 3px 50px ;
	text-indent: 0;
	line-height: 1;
	border-color: #65E1A3; border-style: solid; border-width: 0 0 8px 0;
}
ul.links li, ul.linkbar li {
	margin: 0;	padding: 0;
	list-style-type: none;
}
.linkbar {
	margin: 1em 5px 1em  -35px; padding : 0.4em 1em 0.4em 50px ;
	border-color: #65E1A3; border-style: solid; border-width: 8px 0 8px 0;
	text-indent: 0;
	line-height: 1;
	clear: both;
}
.linkbar+.linkbar {	border-top: none; margin-top: -0.5em; }
ul.linknav {
	margin: 5px  -10px;
	padding : 5px 10px 5px 25px;
	background-color: #8EFFA1;
	clear: both;
	font-size: 80%; line-height: 1.2;
}
ul.linknav li {
	display: inline;
	border-color: #587;	border-style: solid;	border-width: 0 2px;
	margin: 0; padding: 0 0.4em;
}
ul.linknav li+li {
	border-width: 0 2px 0 0;
}
.thispage {
	color: #428;
	font-weight: bold;
}
.new {
	font-family: "Papyrus","Palatino Linotype","Georgia","Times New Roman", serif;
	font-size: large;
	font-weight: bold;
	color: #e18;
}
.Title1 span.new {
	display: block;
	margin: -1em -50px 0 0;
	padding: 0;
	text-align: right;
}
.longheading {		/* ’·‚¢Œ©�o‚µ ‘Î�ô */
	margin-bottom: 2em; 
}

/* ============= #howto ====================== */
body#howto {	padding: 10px; }
#howto h2+p, #howto h3+p, #howto div { background: url(../bg/v10ahalf.png); }
#howto .direction {
	clear: both;
	background: #8EFFA1;
	margin-right: 200px;
}
#howto .linknav { margin-right: 200px; }
#howto .links { background: transparent; margin-right: 200px;}
#howto .float-left {
	margin: 10px 10px 10px 2em;
	padding: 0.5em;
	float: left;
}
#howto .float-right {
	margin: 10px 2em 10px 10px;
	padding: 0.5em;
	float: right;
}
#howto .right {
	margin: 0.5em 1em;
	text-align:right;
}
#B001 {	 width: 320px;	}
#palette {	width: 110px;	}
#B005 {	 width: 347px;	}
#B006 {	width: 256px;	}
#B007 {	width: 350px;	}
#B009 {	width: 400px;	}
#s001 {	width: 324px;	}
#s001s {	width: 300px;	}
#s002 {	width: 300px;	}
#s003 {	width: 324px;	}
#s005 {	width: 324px;	}
#s007 {	width: 212px;	}
#s011 {	width: 167px;	}
#s012 {	width: 310px;	}
#s014 {	width: 324px;	}
#s018 {	width: 339px;	}
#s020 {	width: 339px;	}
#s022 {	width: 339px;	}
#s024 {	width: 382px;	}
#s025 {	width: 339px;	}
#howto .comment, #howto .commentr {
	margin: 0; 	padding: 0;
}
#howto .comment p, #howto .commentr p {	margin : 5px 1em 10px 1em; padding: 0;	}
#com024 { height: 340px }
/* ’ù�³‰Ó�Š—p 1998.12.20. */
#teisei {	color: #b35;	}
#howto .complete {
	font-size: x-large;
	color: #54e;
	text-align: center;
	margin : 5px 200px 30px 2em;
	border-color : #fff;
	border-width : 0px 0px 5px 0px;
	border-style : dotted;
}

/* ============= browser / designlist.html ====================== */
#brwsr ul { font-size: 85%; }
#brwsr h3 {
	font : bold 22px  "Palatino","Calisto MT","Book Antiqua","Georgia","ƒqƒ‰ƒMƒm–¾’© Pro W3","HiraMinPro-W6","Hiragino Mincho Pro", "•½�¬–¾’©","‚l‚r P–¾’©","Times New Roman", "Times", serif;

}
#designlist h3 {
/*	margin: 15px 50% 10px 0;*/
}
#brwsr .pict, #designlist .pict {
	margin: 0.5em;
	padding: 0 0.5em;
	float: left;	
	width: 100px;
	height: 90px;
}
/* P.comm {
	margin :10px 70px 10px 10px;
}
*/
#brwsr .mark { vertical-align: middle; }		/* brwsr */

/* =================== #bbs ============= */
/* #bbs p { text-indent: 0; } */
p#selectcss {
	line-height: 1;	text-align: right;
	font-size: smaller;
	background: #8EFFA1;	color: #226;
	margin: 0 0 0 -10px;		padding: 2px 10px;
	text-indent: 0;
}
#bbs .topCGcomment,  #bbs .msg {
	margin: 10px 15px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 0 0 0 45px;
}
#bbs .topCGcomment {	margin-top: 6em; }
#bbs .topCGcomment p, #bbs .msg p {
	margin: 0;		padding: 2px 10px 7px 10px;
	line-height: 1.4;
	background: #8EFFA1;	color: #226;
	border-color: #D6FFDF; 
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
	text-indent: 0;
}
#bbs .topCGcomment p {
		padding: 0.2em 160px 0.2em 10px; /* right: 227px - 50px = 177px -> 160px */
}
#bbs .topCG {				/* �擪‚ÌCG•”•ª */
	margin: -10em -50px 10px 0; padding: 0;
	text-align: right;
}
#mainform {
	margin: 10px 0 10px -10px ;	padding: 10px 10px 10px 20px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 10px 0 0 0 ;
}
#mainform p{	text-indent: 0; }
#bbs .msg p:before { content: "�¥" }
#bbs .navibox {
	margin: 10px  15px 10px -10px;
	padding : 5px 10px 5px 25px;
	background-color: #8EFFA1;
}
#bbs .m-add {				/* �‘‚«�ž‚Ý‚Ì–¼‘O */
	margin: 0  0.3em 0 -10px; padding: 2px 0.6em 2px 3em;
	background-color: #8EFFA1;	color: #46d;
	font-size: 120%;
	font-weight: bolder;
	font-family:"‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì","HGP‘n‰pŠpºÞ¼¯¸UB","ƒqƒ‰ƒMƒmŠpƒS Pro W6","Hiragino Kaku Gothic Std","Meiryo","‚l‚r ƒSƒVƒbƒN","Arial Black",sans-serif;
	display: inline;
}
#bbs .ua { font-size: 85%; }
#bbs .host {
	font-family: "Papyrus","Tempus Sans ITC","Times New Roman","Times",serif;
	font-size: 85%;
}
.urladd {
	font-family: "Gadget","Techno","Futura","Lucida Sans Unicode","Tahoma","Verdana","Arial",sans-serif;
	background: #8EFFA1;
	margin: 0 0 0 -10px;		padding: 2px 10px 2px 2em;
}
.mesdel {
	border: 2px dotted #5ea; 
	color: #355;
	margin: 0 0 0 0.5em; padding: 0.2em;
	font-size: 80%;
}
.comment{ 					/* �‘‚«�ž‚Ý–{•¶ */
	margin: 0 0 3em 0;
	padding: 0;
}
#bbs .comment img { 	/* ‘«�Չ摜 */
	margin: 0; padding: 5px;
/* 	background: #9bc; */
	border: 2px dotted #5ea;
}
pre {
/*	margin : 5px 0 10px 2em; */
	margin: 0.5em 5px;
	font-family: monospace;
}
.delbox,					/* ––”ö‚Ì�í�œƒ{ƒ^ƒ“‚Ü‚í‚è */
.newbox,					/*––”ö‚Ì�V’…�‡•”•ª*/
.masterbox {					/*––”ö‚̃}ƒXƒ^�[ƒL�[•Ï�X*/
	font-size: small;
	color: #226;
	background: #8EFFA1;
	margin: 0 15px 1em -10px;		padding: 2px 10px 2px 2em;
	text-align:right;
}
div.copyright {
	font-family: "Skia", "Abadi MT Condensed Light", "Arial",sans-serif;
	margin: 15px 15px 15px -35px;	padding: 0;
	color: #556;
	text-align:right;
	border-color: #65E1A3; border-style: solid; border-width: 0 0 8px 0;
}
#bbs strong {		/* ƒGƒ‰�[•\Ž¦ */
	font-family:"‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì","HGP‘n‰pŠpºÞ¼¯¸UB","ƒqƒ‰ƒMƒmŠpƒS Pro W6","HiraKakuPro-W6","‚l‚r ƒSƒVƒbƒN","Arial Black",sans-serif;
	font-size: 150%;
	color: #33c;
}
#bbs .ref {
	font-family: "Techno","Futura","Comic Sans MS","Krungthep","Impact",sans-serif;
	color: #8ab; 
}

/* =================== #nuri ============= */
#nuri dl.notice {
	margin: 10px 15px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 0 0 0 45px;
}
#nuri dl.notice dt{
	margin: 0;		padding: 2px 10px 7px 10px;
	line-height: 1;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
}
#nuri dl.notice dd {
	margin: -5px 0 0 -60px ;	padding: 2px 0.5em 10px 2em;
	line-height: 1.4;
	background: #D6FFDF;
	border-color: #D6FFDF;
	border-style: solid;
	border-width: 0 0 0 45px;
}
#nuri dl.notice ul {
	margin: 0; padding: 0;
}
#nuri dl.notice li {
	margin: 0.3em 0 0.3em 2em; padding:0;
}
#nuri .cglist {
	margin: 20px 0 20px 20px; 
}
#nuri .tb {
	width: 110px;
	height: 100px;
	margin: 10px;
}
#nuri .title {
	margin: -120px 20px 20px 130px;
	padding: 0;
	min-height: 110px;
}
#nuri .e-title {
	font-size: 140%;
	font-weight: bold;
	font-family: "Optima ExtraBlack","Optima","Calisto MT", "Times New Roman", serif;
	display: inline;
}
#nuri .arcsize {
	font-family: "Papyrus","Tempus Sans ITC","Georgia",serif;
	color: #653;
}

/* =================== #names ============= */
#names ul {padding-left:1em; }
#names li { list-style-type: none; margin:0; padding:0;}
#names .no { font-family: serif; color: #227; font-size:smaller; }
#names .h1eng {
	font-size : smaller;
	font-family: "Comic Sans MS","Krungthep","Monaco",Sans-serif;
}
p.att {
	text-indent: 1em;
	font-size : smaller;
	margin: 5px 30px;
}
.timerecord {
	font-size : smaller;
	color: #77a;
	font-family: "Techno","Tahoma","Krungthep","Verdana",Sans-serif;
}
.cgsite {
	font-size: larger;
	font-weight: bolder;
}
/* ============= #link ====================== */
#link dl {
	color: inherit;
	margin : 5px 0; padding: 0;
}
 /* #link dl *{ border: 1px solid; } */

#link .banner, #link .banner-w, #link .banner-h120, #link .banner-h60, #link .banner-w310h200 {
	width: 210px;
/*	height: 40px; */
	clear: both;	float: left;
	margin: 0 5px 5px -10px;	padding: 3px;
	text-align: center;
	background: #8EFFA1;
	border-color : #8EFFA1;	border-width : 0 0 0 20px;	border-style : solid;
	line-height: 1;
}
#link .comment, #link .com-w, #link .com-h120, #link .com-h60, #link .com-w310h200 {
	padding: 3px;
	margin: 10px 10px 10px 235px;
	min-height: 40px;
}
#link .com-w { 	min-height: 80px; }
#link .com-h120 { 	min-height: 120px; }
#link .com-h60 { 	min-height: 60px; }
/*
#link .com-w { 	margin: 10px 10px 60px 235px; }
#link .com-h120 { 	margin: 10px 10px 100px 235px; }
#link .com-h60 { 	margin: 10px 10px 40px 235px; }
*/
#link .comment P, #link .com-w P, #link .com-h120 P, #link .com-h60 P, #link .com-w310h200 P {
	margin: 0 0 5px 0;	padding: 0;
}
#link P.ringnavi {
	font-size: 75%;
	font-family: "ƒqƒ‰ƒMƒmŠÛƒS Pro W4","Hiragino Maru Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN","Futura","Abadi MT Condensed Light", "Arial", sans-serif;
	margin: 5px 10px;
	text-indent: 0;
}
#link .site, #link dt {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Std W8","Hiragino Kaku Gothic Std","‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì","HGP‘n‰pŠpºÞ¼¯¸UB","Charcoal CY","Lucida Sans Unicode","Impact","Arial Black","MS UI Gothic",sans-serif;
	font-weight: normal;		line-height:1;
}
#link .site-eng {
	font-family: "Charcoal CY","Lucida Sans Unicode","Impact","Arial Black",sans-serif;
	line-height:1;
}

/* ============= #cgilink ====================== */
#cgilink dl {
	color: inherit;
	margin : 5px 0; padding: 0;
}

#cgilink dt {
	margin: 0 5px 0 -10px;	padding: 5px 3px 5px 200px;
	text-align: left;
	background: #8EFFA1;
	border-color : #8EFFA1;	border-width : 0 0 0 20px;	border-style : solid;
	line-height: 1;
	min-height: 40px;
}
#cgilink dt img {
	float: left;
	margin: 0 0 0 -210px;
}
#cgilink .sitename {
	font-family: "HelveticaNeue-CondensedBlack","Helvetica Neue Condensed Black","Gadget","Charcoal CY","Lucida Sans Unicode","Impact","Arial Black","‚c‚e‹É‘¾ƒSƒVƒbƒN‘Ì ","‚c‚e‚o‹É‘¾ƒSƒVƒbƒN‘Ì ","HiraKakuStd-W8","ƒqƒ‰ƒMƒmŠpƒS Pro W6","HGP‘n‰pŠpºÞ¼¯¸UB","‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì",sans-serif;
	font-weight: bold; font-size: 130%;
}

#cgilink dd {
	clear: both; 
	margin: 0 5px 10px 200px;
	padding: 5px 3px 3px 3px;
	border: 1px solid #6ea;
}
#cgilink div.update {
	background: #ffe;	color: #776;
	margin: 0 -3px -3px -3px; padding :3px ;
	text-align: right;
	font-size: 80%; line-height: 1.1;
}
#cgilink div.navi {
	margin: 5px  -10px;
	padding : 5px 10px 5px 25px;
	background-color: #8EFFA1;
	font-size: 80%; line-height: 1;
}
#cgilink div.navi p {
	margin: 0; padding: 0;
	line-height: 1;
}
#cgilink p.entry {	text-align: right;	}
#cgilink div.lead {
	margin: 0.5em 0.5em 1em 0.5em; padding: 0;
}
#cgilink fieldset {
	margin: 0 0 1em 0; padding : 0 0.5em;
	border: 2px solid #7e9;
}
#cgilink fieldset  p {
	margin: 0 0 0.2em 0; padding: 0;
	text-indent: 0;
}
#cgilink p.inp {
	margin: -0.5em 0 2em 0; padding: 0;
	text-indent: 0;
}
#cgilink legend {
	font : 120% "Charcoal CY","Lucida Sans Unicode","Impact","Arial Black","ƒqƒ‰ƒMƒmŠpƒS Std W8","Hiragino Kaku Gothic Std","‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì","HGP‘n‰pŠpºÞ¼¯¸UB",sans-serif;
}
#cgilink #collect, #cgilink #chps { margin-left: 4em;}
#cgilink p.note {
	margin-left: 5em;
	font-family: serif;	color: #335;
}
#cgilink p.note2 {
	margin-left: 5em;
	font-family: serif;	font-weight: bold;	color: #f31;
}
#cgilink div.siteinfo { margin-left: 3em; }
#cgilink div.siteinfo p { text-indent: 1em; }
#cgilink dl.setm dt {
	margin: 0.5em 0 0 0.8em;	padding: 0;
	font-weight: bold;
	background: transparent;
	border: none;
	line-height: 1.2;
	min-height: 1em;
}
#cgilink dl.setm dd {
	margin: 0 0 0 3em;
	padding: 0;
	border: none;
}

/* ============= #prof ====================== */
#prof .bnO {
	margin: 10px 15px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 0 0 0 45px;
	font-size: 80%;
}
#prof .caption {
	margin: 0;		padding: 2px 5px 7px 10px;
	line-height: 1;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
}
.sideA { text-align: left; }
.sideB {text-align: right; }
#prof .bnO dd {
	margin: -5px 0 0 -60px ;	padding: 2px 0.5em 10px 5em;
	line-height: 1.2;
	background: #D6FFDF;
	color: #384;
	font-family: "Techno","Gadget","Charcoal CY","Century Gothic","Abadi MT Condensed Light","Verdana",sans-serif;
	text-indent: -1em;
	border-color: #D6FFDF;
	border-style: solid;
	border-width: 0 0 0 45px;
}
.sideA+dd { text-align: left; }
.sideB+dd { text-align: right;} 
#prof .sitemap {
	margin: 10px 10px 20px 10px; padding: 0;
	font-size: 80%; line-height: 1.4em;
	color: #46c;
}
#prof .sitemap ul { margin: 0; padding: 0;}
#prof .sitemap li {
	margin: 0 0 0 3em;
	padding: 0;
	list-style: disc outside url(../parts/tree.png);
}
#prof .sitemap li.top {
	list-style: square outside none;
	margin-left: 1em; 
}
.ccl {    /* ƒNƒŠƒGƒCƒeƒBƒu�EƒRƒ‚ƒ“ƒY�Eƒ‰ƒCƒZƒ“ƒX */
	clear: both;
	border: #9a9 4px solid;
	background: #fff url(../parts/ccl_headbg.png) repeat-x top left;  color:#222;
	margin: 15px;
	padding: 12px 5%;
	text-indent:0;
	font-size: 85%;
}
.ccl img {
	display: block; margin:0 auto; padding: 0 0 10px 0;
	color: #fff;
	border:none; text-decoration: none;
}

/* ============ #cgs ================ */
	/* ==== cg00(menu) ==== */
#cgs .menu {
	margin: 10px  0 20px -15px;
}
#cgs .ll2 { }	/* •s—v */
#cgs .ll-e { font-family: "Futura Condensed","Abadi MT Condensed Light","Comic Sans MS", sans-serif; font-size: 90%;}	/* •s—v‚©? */
#cgs .categorybox {
	width: 105px;	height: 155px;
	margin: 5px; padding: 5px;
	float: left;
	line-height: 1.1;
	list-style-type: none;
	border: 1px solid #7dc;
	text-align: center;
}
#cgs .categorybox .ll { display: block; text-align: center; font-size:90%;}
#cgs .categorybox  p{
	margin: 0; padding:0;
	text-indent: 0;
}
#cgs .categorybox  .date{
	font-size: 80%;
}
	/* ==== cg0x ==== */
#cgs .menu2 {
	margin: 10px 15px 50px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 0 0 0 45px;
}
#cgs .Title1,
#cgs .TitleA {
	font :  normal 120%/1.1 "HGP‘n‰pŠpÎ߯Ìß‘Ì","‚c‚e‚oPOP1‘Ì","‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì","Hiragino Kaku Gothic Std","ƒqƒ‰ƒMƒmŠpƒS Std W8","HGP‘n‰pŠpºÞ¼¯¸UB","ŠÛƒSƒVƒbƒN�|‚l", "•½�¬ŠpƒSƒVƒbƒN","Meiryo","MS UI Gothic","Futura", "Tahoma", sans-serif;
	clear: both;
	margin: 0;
	padding: 3px 60px 0 60px;
	border-left: #D6FFDF double 21px;
	background: #8EFFA1;
	position: relative;
}
#cgs .Title1:after {
	content: " ";
	margin: 3px -60px 0 -140px ; padding: 0;
	display: block;
	height: 1em;
	background: #D6FFDF;
}

#cgs .Title1 a:link { color: #35c; }
#cgs .Te {
	font-family: "Futura","Charcoal CY","Franklin Gothic Medium","Arial",sans-serif;
	font-size: 70%;
}
#cgs .menu2 dd {
	display: none;
}
#cgs .Title1:hover + dd,
#cgs .menu2 dd:hover {
	display: block;
	position: absolute;
	margin: -1.2em 320px 0 80px ;
	padding: 3px; 
	border: #65E1A3 3px solid;
	background: #D6FFDF;
	z-index: 100;
}

#cgs .Title2 {
	font-size: 80%;
	font-family: "Skia","Candara","Trebuchet MS",sans-serif;
	color: #299;
	margin: 0;	padding: 1px 3px;
	text-indent: 0;
	display: inline;
}
#cgs .Title2 + p {
	display: inline;
}
#cgs .date {
	font-family: "Gadget","Gill Sans","Century Gothic","Franklin Gothic Medium",sans-serif;
}
#cgs .thumbnail {
	width: 50px;
	height: 50px;
	top: 3px;
	left: 5px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}
#cgs .Title1:hover  .thumbnail {
	width: 100px;
	height: 100px;
	left: -50px;
	overflow: visible;
	z-index: 500;
}
.button1 {
	position: relative;
	top: -25px;
	left: -25px;
}
#cgs .Title1:hover  .button1 {
	top: -20px;
	left: 5px;
}

#cgs .NEWdate {	/* for cgj.html */
	color: #e63;
	font:  120% "Optima ExtraBlack","Optima-ExtraBlack","Marker felt","Copperplate Gothic Bold","Comic Sans MS",sans-serif;
}
ul.junklist li {	/* for cgj.html */
	list-style-type: none;
	/* display: inline; */
	float:left;
	margin: 5px 0.5em; padding: 0 0 0 25px;
	width: 8.5em; line-height: 1.1;
}
ul.junklist img {
	margin: 0 0.2em 0.1em -25px; padding:0;
	clear: left;
	float:left;
}
ul.junklist .date { font-size: 80%; }

	/* ==== cg07.html ==== */
#cgs .nolink { color: #35c; }
#cgs .thumbnail-82 {
	width: 50px;
	height: 50px;
	top: 3px;
	left: 5px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}
#cgs .thumbnail-82 img {
	position: relative;
	top: -20px;
	left: -110px;
}
#cgs .Title1:hover .thumbnail-82 {
	width: 210px;
	height: 182px;
	top: -80px;
	left: -50px;
	overflow: visible;
	z-index: 500;
}
#cgs .Title1:hover .thumbnail-82 img {
	top: 0;
	left: 0;
}
#cgs #akr082:hover + dd {
	margin: -1.2em 220px 0 180px ;
}

	/* ==== ŒÂ•ÊCGƒy�[ƒW ===== */
#cgs .CG {
	margin: 10px;
	padding : 10px 0 ;
	border-color : #fff;	border-width : 0 0 8px 0;	border-style : dotted;
	text-indent:0;
	text-align: center;
}
#cgs .engtitle {
/*	color: #947; */
	font-size: medium;
	font-weight: normal;
	font-family: "Techno", "Charcoal CY","Franklin Gothic Medium","Lucida Sans Unicode","Impact","Arial Black", sans-serif;
}
#cgs .story {
	margin: 10px 0 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid double solid solid;
	border-width: 0 0 0 45px;
}
#cgs .story p {
	margin: 0;		padding: 5px 10px;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
}
#cgs .comment {
/*	background-color: #c6e0fd; */
	background-color: #bfd;
	font-size: 95%;
	color: #453;
	margin: 10px 20% 10px 71px;
	padding : 10px ;
}
#cgs .comment p {	margin: 5px; }
#cgs .spec {
	margin: 10px 20% 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid double solid solid;
	border-width: 0 0 0 45px;
	font-size: 95%;
}
#cgs .spec ul, #cgs .spec dl {
	margin: 0;		padding: 10px 10px 10px 2em;
	line-height: 1.3;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
}
#cgs .spec dl {
	padding: 10px 10px 10px 1em;
}
#cgs .spec ul li {
/*	background-color: #D6FFDF; */
	color: #355;
	margin: 0; 	padding :0 5px;
}
#cgs .spec li ul {	border : none; margin: 0 -5px 0 -5px; padding: 0 0 0 2em;}
#cgs .story ul, #cg .story ol {
	margin : 5px;
}
#cgs .sign {
	font-size: small;
	color: #399;
	margin: 0 20% 0 10px;
	padding :5px;
	text-align: right;
}
#cgs .banner {
	margin: 10px 10px 10px -10px;		padding: 0 0 0 15px;
	text-indent:0;
	border-color: #8EFFA1;
	border-style: solid double solid solid;
	border-width: 0 0 0 45px;
}
#cgs p.caution {
	font-size:smaller;
	color: #74a;
	margin: 0 20% 0 50px;
}

/* ===== ‚¢‚½‚¾‚«‚à‚Ì�ìŽÒˆê—— ====== */
#cgs .TitleA {
	margin: 0;		padding: 3px 205px 3px 10px;
	min-height: 40px;
}
#cgs .TitleA + dd,
#cgs .TitleA + dd:hover {
	display: block;
	margin: 0 105px 0 -60px ;	padding: 2px 0 10px 30px;
	background: #D6FFDF;
	border-style: none;
	position: static;
}
#cgs .listbanner {
	width: 200px;
	height: 40px;
	position: absolute;
	top: 3px; right: 3px;
}
#cgs ul.listthumbs {
	margin: 5px -105px 0 10px;
}
#cgs ul.listthumbs li {
	list-style-type: none;
	display:inline;
}
#cgs .listthumbs .button1,
#cgs .listthumbs .button1:hover {
	position: static;
}
#cgs p.related {
	font-size:smaller;
	text-indent: 0;
	margin : 0 -105px 0 10px ; padding: 0;
	border-style : none;
	text-align: right;
}

/* ========== #free ================= */
#free h1 {
	font : bold  40px "girawa", "TT-NIS-POP•¶Žš","Hiragino Kaku Gothic Std","Meiryo","Marker felt","Trebuchet MS", fantasy; 
}
#free h2 {
	font : bold  32px "girawa", "TT-NIS-POP•¶Žš","Hiragino Kaku Gothic Std","Meiryo","Marker felt","Trebuchet MS", fantasy; 
}

#free h2:after {
	content: "["attr(title)"]";
	font: x-small "Skia","Gill Sans","Century Gothic","Tahoma",sans-serif;
	margin: 0 0 0 1em;
	display: inline;
}
#free .caution {
/*	text-align:center;*/
	color: #b65;
	margin-left: 3em;
}
.headnote {
	color: #682;
/*	text-align:center;*/
	margin: 1em 0.5em 1em -10px;	padding: 0 0 0 0.5em;
	border-color: #8EFFA1;
	border-style: solid double solid solid;
	border-width: 0 0 0 45px;
}
table.cgcount {
	margin : 5px 10px 5px 2em;
}
table.cgcount th,table.cgcount td {
	border-color: #8cf;	border-style: solid; 	border-width: 0 0 2px 0;
	padding: 2px 4px;
}
table.cgcount th {	color: #226;	background: #8EFFA1; }
table.cgcount .count { text-align: right; }
.footnote {
	color: #864345;
	font-size:smaller;
	text-indent: 1em;
	margin : 5px 1em;
	border-style : none;
}
/*  ‚¦‚¹ƒŠƒ“ƒN  free060 */
span.eselink {
	text-decoration: underline;
	color: #46d;
}
span.eselink:hover{
	color: #f06;
	background-color: #fff;
}


#free .fig0, #free .float-left { float: left; margin: 0 10px 10px 1em; }
#free .fig1, #free .float-left2 { float: left; margin: 0 10px 10px 10px; }
#free .fig1after, #free .float-left-clear { clear: left; }
#free .fig2, #free .float-right { float: right; margin: 5px 10px; }
#free .float-right-clear { clear: right; }
#free .direction { clear: both; }
#free .cgarea{
	margin : 20px 10px 5px 40px ;
}
#free .txtarea{
	margin : 5px 10px 5px 2em ;
}
#free pre {
	color: #352;
	overflow: scroll; 
}
#free056 { margin: 0 0 1em 2em; border-spacing: 3px 0; }
#free056 th { background-color: #9ed; color: #358 }
#free056 th, #free056 td { padding:  0 0.5em; }
#free056 td {
	border-width: 0 0 2px 0;	border-style: solid;	border-color: #9cb;
}
dl.sites {
	margin: 0.5em 1em; padding: 0;
}
dl.sites dd {
	margin: 0 0 0.8em 1.5em; padding : 0;
}
.ref {		/* free033 */
	font-family: "Charcoal CY","Verdana","Courier","Courier New",sans-serif;
	color: #367;
}
.sysline {
	font-family: "Futura Condensed","Futura-CondensedMedium","Futura","Abadi MT Condensed Light","Impact",sans-serif;
	color: #338;
}
.ua {
	font-family: "Georgia","Times New Roman","Times",serif;
	font-style: italic;
	color: #843;
}
#brwsr .ua {
	font: 80% "American Typewriter","Trebuchet MS","Arial",serif;
	color: #55a;
}


/* 002 */
strong.toranoana {
	font-size:1.8em;
	font-weight:bolder;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","‚c‚e‚o‹É‘¾–¾’©‘Ì","‚c‚e‹É‘¾–¾’©‘Ì","–{–¾’©�|‚l","•½�¬–¾’©","‚l‚r ‚o–¾’©", serif;
	color: #b55;
}
	.usodayo {
		font-size:small;
	}

/* 038 */
#f038 {	margin: 0 0 0 50px;	}
#bunny038 {	float: left; width: 209px;	}
#bunny038b {	margin-top: 280px;	}
/* #clear {	clear: both;	} */

/* ========== #top ================= */
#top p.link-ej {
	/* font-size:14px; */ line-height: 14px;
	margin: 150px 0 0 0; 	padding :0;
}
#top p.link-ej  br {	display: none; }
#top h1 {
	font-size:15px; line-height:15px;
	margin: -174px  0 34px -35px; padding:0;
	background : #D6FFDF url(../parts/t050702.jpg) no-repeat top right;
	border: none;
	height:150px;
}
body#top:before { display:none; }
#top h1:after {
	margin: 80px  0 10px 60px;
	display: block;
	content:url(../parts/logo050226.png);
}
#top h1 img {
	/* display: none; */
	width: 1px; height:1px;
}
#top .menulist  {
	margin: -30px 0 20px 0; padding: 0;
	line-height:1.0;
	float: left;
	width: 10em;
}
#top .menulist li  {
	list-style-type: none;
	margin: 5px 0 8px 0; 	padding: 0;
	font: medium/1.0  "–{–¾’©�|‚l","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","•½�¬–¾’©", "‚l‚r ‚o–¾’©","Textile","Tahoma",serif;
	text-align: right;
}
#top .menulist a {
	display: block; margin: 0; padding:0;
	width: 9.5em; height: 1.5em; text-align: center; line-height:1.5;
	background: #fff;
	border: dotted #37c 1px;
}
#top .time  {
	font: medium "Georgia","New York","Times", serif;
	color: #753;
	font-size: 90%;
	display:block;
}
#top .menulist .time  {
	font-size: x-small;
	padding-right: 0.8em; 
}
#top .firstinfo { margin: 0 1em 10px 175px ; padding :1.5em 0 0 0;}
#top .logo { 	/* ‚ ‚«‚ç�™‚l ‹Þ�» */
	text-align: center;
	font-family: "‚c‚e‚o’†ž²�‘‘Ì","‚c‚e’†ž²�‘‘Ì","HG�³ž²�‘‘Ì-PRO","STKaiti","KaiTi","Sand","Tempus Sans ITC",cursive;
}
#top .osusume { 	/* CG‚Ì�X�V“ú */
	font: bold 140% "‚c‚e‚o‹É‘¾ƒSƒVƒbƒN‘Ì","‚c‚e‹É‘¾ƒSƒVƒbƒN‘Ì","ƒqƒ‰ƒMƒmŠpƒS Std W8","Hiragino Kaku Gothic Std","‚c‚e‚o“Á‘¾ƒSƒVƒbƒN‘Ì","‚c‚e“Á‘¾ƒSƒVƒbƒN‘Ì","HGºÞ¼¯¸E","‚l‚r ‚oƒSƒVƒbƒN","Charcoal CY","Copperplate Gothic Bold",sans-serif;
	color: #35a;
	margin: 5px auto;	padding: 3px;
	text-align: center;
}
#top .notice  {
	font: italic normal normal 90%/1.3 "ƒqƒ‰ƒMƒm–¾’© Pro W3","•½�¬–¾’©","‚l‚r ‚o–¾’©","New York","Times New Roman",serif;
	color: #4ac;
	text-indent:0;
	margin: 1em 0;
}
#top #selection {
	background: #8EFFA1;
	clear: right;
	height: auto;
	font-size: 200%;
	margin: 1em 0.5em 0 5.5em;	padding: 0.2em;
	text-align: center;
}
#top .osusume2 {
	margin:0 1em 0 11em; padding:0 1.5em;
	background: #8EFFA1;
}
#top p.cg {
	margin:1em 1em 0 11em; padding: 1em 0.5em;
	background: #8EFFA1;
	text-align: center;
}
#top p.cg img { vertical-align: bottom; }

#top .asiato, #top .bnN , .ring {
	margin: 10px 15px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid double solid solid;
	border-width: 0 0 0 45px;
}
#top .osusume2 dl {
	margin: 0 0.5em;		padding: 5px 10px;
}
#top .osusume2 img  {
	float: left;
	margin: 0 10px 10px 0;
	border-style: solid;
	border-width: 0 0 1px 0;
}
#top  .osusume2 dt { margin: 0;	padding: 0; }
#top  .osusume2 dd { margin: 5px 5px 5px 115px;	padding: 0; min-height: 80px; }
#top .ot  {
	font: large/1.2 "‚c‚e‚o‹É‘¾ƒSƒVƒbƒN‘Ì","‚c‚e‹É‘¾ƒSƒVƒbƒN‘Ì","ƒqƒ‰ƒMƒmŠpƒS Std W8","Hiragino Kaku Gothic Std","‚c‚e‚o‘¾ŠÛƒSƒVƒbƒN‘Ì","‚c‚e‘¾ŠÛƒSƒVƒbƒN‘Ì","Charcoal CY","Comic Sans MS","MS UI Gothic",sans-serif;
}
#top .asiato form, #top .bnN  p  {
	margin: 0;		padding: 5px 10px;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
}
#top p.std { line-height: 1; margin: 0.5em 0; padding: 0; text-indent: 0; }
#top .bnN  p {	text-indent: 0; }
.ring dl  {
	margin: 0;		padding: 5px 10px;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
	line-height: 1.1;
}
.ring dt {
	margin: 0;		padding: 0;
	font-weight: bold;
}
.ring dd {
	margin: 0.5em; padding: 0 0 0 3em;
	font-size: x-small;
	font-family: "Futura", "Tahoma","Alial","‚r‚g ‚f30-P","MS UI Gothic", sans-serif;
}
#counter  {
	font: italic normal normal 75%/1.1 "gadget","Krungthep","Alial Black","Verdana","MS UI Gothic",sans-serif;
	margin: 0.5em 0;
	padding :2px 7px;
	text-align: right;
	color:#487;	text-indent:0;
}

/* ======== history ========= */
dl.rireki2 { 
	margin: 10px 15px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 0 0 0 45px;
}
dl.rireki2 dt {
	margin: 0;		padding: 2px 10px 7px 10px;
	line-height: 1;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
}
dl.rireki2 dd {
	margin: -5px 0 0 -60px ;	padding: 2px 0.5em 10px 5em;
	line-height: 1.2;
	background: #D6FFDF;
	text-indent: -1em;
	border-color: #D6FFDF;
	border-style: solid;
	border-width: 0 0 0 45px;
}
.date {
	font-family: "Optima ExtraBlack","Optima-ExtraBlack","Copperplate Gothic Bold","Gill Sans","Optima","Textile","Tahoma",sans-serif;
	font-weight: normal;
	color: #23a;
}

/* ============= #cglist ====================== */

#cglist  .list {
	margin: 0 0 0 -35px; 	padding: 10px 0 0 35px ;
	border-style: solid;
	border-color:#65E1A3;
	border-width: 5px 0 0 0;
}
#cglist .list dl {		/* rireki2 ‚Æ“¯‚¶�B */
	margin: 10px 15px 10px -10px;	padding: 0 0 0 15px;
	border-color: #8EFFA1;
	border-style: solid;
	border-width: 0 0 0 45px;
}
#cglist .list dt { 
	margin: 0;		padding: 2px 10px 7px 10px;
	line-height: 1;
	background: #8EFFA1;
	border-color: #D6FFDF;
	border-style: solid solid solid double ;
	border-width: 0 0 0 21px;
 }
#cglist .list dd {
	margin: -5px 0 0 -60px ;	padding: 2px 0.5em 10px 5em;
	line-height: 1.2;
	background: #D6FFDF;
	text-indent: -1em;
	border-color: #D6FFDF;
	border-style: solid;
	border-width: 0 0 0 45px;
}
#cglist  .mikoukai {	color: #46d ;	/* A:LINK ‚Æ‚¨‚È‚¶ */	}

address .date {
	display: block;
	margin: 0; 	padding: 0;
	font: 70%/1 "Gadget","Lucida Console","Verdana","Gill Sans Light","News Gothic MT",sans-serif;
	color: #487;
	margin-bottom: -1em;
}