html, body {
	height: 100%;
}
body { 
	background-color : #ffffcc;
	background-image : url('http://www.animatechpro.com/images/back.gif');
	background-repeat: repeat-y;
	color: #000;
	color            : #006600;
	font-size        : x-small;
	padding: 0px;
	margin: 0;
}
a{
	color            : #006600;
	text-decoration  : none;
	font-size        : x-small;
	font-weight      : bold;
}

a:hover{
	color            : #ff9900;
	text-decoration  : underline;
	font-size        : x-small;
	font-weight      : bold;
}
img {
	border:none;
}
div {
	margin:0;
}
h1,h2 {
	padding: 2px 10px;
	margin: 0.5em 0;
}
h3 {
	text-align:center;
}
h4 {
	text-align:center;
	margin-top: 30px;}
h5 {
	margin: 0.5em 0;
}
h6 {
	margin: 0.5em 0;
	text-align:center;
}
#wrapper {
	padding-left : 30px;
	padding-right : 30px;
}
#header {
	width: 100%;
	background: #ffffcc;
	border: 1px solid #999999;
	margin:30px 0 100px 0;
	padding: 10px auto 0 auto;
}
#column-left{
	width: 17%;
	float: left;
}
#column-center {
	width: 58%;
	float: left;
	height: 100%;
	padding:0 1em 1em 1.3em;
	margin-top: -80px;
	display: inline;
}
#column-right{
	margin-left:75%;
}
body[id=mose] #column-right  {
	margin-left:79%;
}
#footer {
	width: 100%;
	clear: both;
	text-align:center;
}
#search-box{
	position: absolute;
	top: 10px; right: 20px;
	width: 210px;
	text-align: center;
}
#search-box form input {
	font-size: 85%;
}
#search-box form #submit {
	font-size: 85%;
	background: #006600;
	color: #ffffff;
	padding: 1px 4px;
	border-style: solid;
	border-width: 1px;
	border-color :#66cc66 #006600 #006600 #66cc66;
}
#search-box form #q {
	width: 100px;
	font-size: 85%;
	border:  1px solid #336633;
	background: #ccffcc;
	padding: 2px;
}
#search-box form #q:hover, #search-box form #q:focus {
	background: #ffffff;
}
#linkbar ul{
	text-align: center;
	margin: 10px 0 0 0;
}
#linkbar ul li{
	padding-left: 1em;
	margin-top: 0.5em;
	display: inline;
}
#linkbar ul li a {
	font-weight: bold;
	border: none;
}
div.article, div.article-united {
	background: #ffffff;
	border: 1px solid #006600;
	margin: 20px 0 0 0;
	width: 100%;
}
div.article .date, div.article-united .date {
	border-left:solid 16px #006600;
	margin-top:0;
	text-align: left;
	padding-left:5px;
}
div.article-united .date {
	border-left:solid 16px #006600;
	margin-top:0;
	text-align: left;
	padding-left:5px;
}
div.article .title {
	text-align: left;
	padding-left:4px;
}
.article-united .title {
	text-align: left;
	padding-left: 10px;
}
.article .cat {
	padding:5px 10px 0 0;
	float: right;
}
.article-united .cat {
	padding: 5px 10px 2px 10px;
}
div.article code, div.article-united code {
	text-align: left;
	color: #99cc99;
	padding-left: 7px;
}
.article-content{
	padding: 0em 1em .5em 1em;
}
.article-posted {
	clear: both;
	margin : 20px auto 0 20px;
	color : #aaa;
	font-size : 11px;
	letter-spacing : 0;
	text-align: right;
}
.article-bottom {
	text-align : right;
	padding-right : 2em;
	padding-top : 0.8em;
	padding-bottom: 0.5em;
	clear: both;
}
div.article-nav {
	text-align: center;
	width: 230px;
	margin: 1em auto;
	font-size: 90%;
}
.comment-div {
	background-color : #ffffff;
	text-align : left;
	line-height: 1.5;
	margin: 1.5em 1em 1em 1.5em;
}
.comment-div .comment-body{
	padding-left: 1em;
}
.comment-cntrl {
	padding-left: 0.5em;
}
.comment-cntrl img {
	vertical-align: middle;
}
.owner-comment {
	width: 18px;
	height: 18px;
}
hr.dot-line {
	border-width: 0;
	border-bottom: dotted 2px #006600;
	width: 100%;
	margin: 0.7em auto 1em auto;
}
.comment-div h5{
	color: #ff6600;
	text-align: left;
}
img.smiley{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	cursor:pointer;
	margin:0 3px 0 0;
}
img.home-icon {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	border: none;
}
textarea#c_com {
	width: 97%;
	background: #ffffff;
}
.createLink {
	cursor: pointer;
	font-size: 13px;
}
.createLink img {
	width: 21px;
	height: 20px;
	border: 1px solid #006600;
	vertical-align: top;
}
.comment-quoted {
	text-align: left;
	margin: 1em;
	padding: 0 .5em 0 0.5em;
	background: #ffffff;
}
.comment-quoted p#quoted-comment {
	margin: -1em 0 0 1.5em;
	border-left: solid 2pt #006600;
	padding: 0 1em 0 0.5em;
}
.quote-button img {
	vertical-align: top;
}
div.show-list {
	width: 70%;
	margin: 3em auto;
}
div.show-list ul {
	list-style: url(Images/dlmark.png);
	padding-left: 2em;
}
div.quote, blockquote {
	border-left : 2px solid #ffffcc;
	border-right : 2px solid #ffffcc;
	background-color : #ffffff;
	padding : 5px;
	margin: 1em 2em 1em 1em;
	color : #006600;
}
.underline {
	text-decoration: underline;
}
ul.decimal {
	list-style-type: decimal;
	padding-left: 2em;
	background: #ffffff;
}
q {
	margin: 1em;
	color : #006600;
}
pre{
	background : #ffffff;
	border   : dotted 1px #66cc66;
	margin   : 0 1em 0 1em;
	padding  : 10px;
	color    : #006600;
	overflow : auto;
	width    : 93%;
}
.google-it {
	color : #006600;
	cursor : pointer;
}
dl dt {
	background: url(Images/dlmark.png) center left no-repeat;
	padding: 5px 0 0 12px;
}
dl dd {
	padding: 0 2em 0 1em;
	margin-bottom: 0.8em;
	line-height: 145%;
	color: #006600;
}
.attached {
	clear: both;
	color: #006600;
	margin-top: 20px;
}
span.stars img {
	width: 16px; height: 16px;
}
dl.trackback{
	text-align:left;
	width:95%;
	margin-left:1em;
	margin-right : 1em;
	padding-left: 1em;
	border-left : dotted 3px #006600;
	border-bottom: dotted 2px #006600;
}
dl.trackback dt { 
	color: #006600;
	padding-left: 0.5em;
}
dd.tb-footer{
	color:#006600;
	text-align: right;
}
hr.separator {
	width: 12px;
	height: 12px;
	background: #006600;
	margin :auto;
	text-align: center;
}
hr.dot-line {
	border-width: 0;
	border-bottom: dotted 2px #006600;
	width: 100%;
	margin: 0.7em auto 1em auto;
	clear: both;
}
hr.clear {
	clear:both;
	height: 1px;
	margin: -1px 0 10px 0;
	border: none;
	width: 100%;
	visibility: hidden;
}

button, input.button {
	background : #006600;
	border : 1px solid #006600;
	color  : #ffffff;
	cursor : pointer;
	height : 20px;
}
#recently, #menu, #categories, #comments, #trackbacks, #archives, #others {
	margin-top : 30px;
	color : #006600;
	padding-top: 0;
}
h5.box-cap{
	background-color: #006600;
	color: #ffffff;
	padding: 1px 3px 0 5px;
	border-left: 12px solid #006600;
	margin-bottom :0;
}
.box-body{
	border: 1px solid #006600;
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 2em;
}
.box-body *{
	margin-top: 0;
	padding-top: 0;
}
.box-foot {
	margin-top: 0; padding-top: 0;
}
span.expand-icon {
	display: block;
	width: 13px;
	height: 13px;
	margin: 0px 2px 1px 0;
	background: url(Images/expand.png) 0px 0px no-repeat; 
	float: right;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li ul, 
ol li ol {
	margin-top: 2px;
}
ul li{
	margin-top: 5px; 
}
ul.menu-sidebar {
	margin: 0;
	text-align: center;
	list-style: none;
}
ul.recently-sidebar, ul.comment-sidebar, ul.trackback-sidebar { 
	margin-top: 0px;
}
ul.recently-sidebar li, ul.comment-sidebar li, ul.trackback-sidebar li {
	margin-left: 0px;
	padding: 3px 0px 2px 18px;
	background: url(Images/listmark1.png) 5px 6px no-repeat;
}
ul.comment-sidebar ul li.nest1, ul.trackback-sidebar ul li.nest1 {
	margin-top: 1px;
	margin-left: 9px;
	padding : 0px 0px 2px 20px;
	background: url(Images/nest1.png) 0px 1px no-repeat;
}
ul.comment-sidebar ul li.nest2, ul.trackback-sidebar ul li.nest2{
	margin-left: 27px;
	margin-top: 0;
	background: url(Images/nest2.png) 0px 1px no-repeat;
}
ul.comment-sidebar ul li.show-all-comments a:before {
	content: " ↓ ";
}
ul.archives-sidebar li {
	padding-right: 3em;
	text-align: right;
}
ul.others-sidebar {
	padding-top: 5px;
}
ul.others-sidebar li {
	text-align: center;
}
ul.category-list {
	list-style: url(Images/folder.png) inside square;
	margin-left: 2em;
}
ul.category-list ul li{
	list-style: url(Images/nest1.png) inside square;
	margin-left: 2em;
	padding-left: 5px;
}
ul.category-list li {
	margin-top: 7px;
	padding-left: 5px;
}
.category-nav {
	margin-top: 1.5em;
}
div.archives-list {
	width: 180px;
	padding-left: 1em;
	margin: auto;
}
div.archives-list ul {
	list-style: url(Images/folder.png) inside square;
	margin-left: 2em;
}
div.archives-list h3 {
	margin: 2em auto;
}
ul.category-sidebar {
	text-align: left;
	margin-left: 3px;
}

ul.category-sidebar li.main-category {
	background: url(Images/listmark1.png) 5px 4px no-repeat;
	padding : 0px 0px 2px 20px;
}
ul.category-sidebar li.sub-category {
	background: url(Images/nest1.png) 25px 1px no-repeat;
	padding : 0px 0px 2px 50px;
}

#calendar {
	width:100%;
}
table.calendar {
	border: 1px solid #006600;
	width : 100%;
	background-color:#ffffff;
}
table.calendar td{
	padding : 1px;
	text-align : center;
}
table.calendar-line {
	width: 640px;
	border: none;
	margin: 0 auto 20px 13%;
}
#calendar span.prev-month {
	display: block;
	text-indent: -10000px; /* 画像を指定したいときに */
	width: 20px;
	height: 20px;
	background: url(Images/prev.png) 5px 5px no-repeat;/* 背景として画像指定 */
	background-color:#006600;
	color:#ffffff;
}
#calendar .box-cap {
	padding-top: 0px;
	background-color:#006600;
	color:#ffffff;
}
#calendar span.calendar-cap {
	display: block;
	width: 99%;
	text-align: center;
	background-color:#006600;
	color:#ffffff;
}
#calendar span.next-month {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	background: url(Images/next.png) 5px 5px no-repeat;
	background-color:#006600;
	color:#ffffff;
}
#calendar span.prev-month {
	display: block;
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	background: url(Images/prev.png) 5px 5px no-repeat;
}
td.daySubmit {
	color:#ffffff;
	background-color : #99ff99;
}
td span.Sun, span.Sun {
	color : #ff0000;
}
td span.Sat {
	color : 0000ff;
}
td span.Today {
	color : #ff6633;
}
.search-form {
	background-color: #ffffff;
	border: 1px solid #006600;
	width:450px;
	margin: 3em auto auto auto;
	padding: 1em;
}

.search-form ul {
	list-style: square;
	margin-left:30px;
}
.search-result {
	margin: 1em;
	padding: 1em;
	border: dashed 2px #006600;
}
.search-result dt {
	margin-top: 0.7em;
}
legend {
	font   : 500 13px sans-serif;
	border   : 1px solid #006600;
	padding  : 1px;
	background: #ffffff;
}
input[type=text], input.txt {
	border : 1px solid #006600;
	background : #ffffff;
	height: 1.2em;
}
input[type=submit] {
	background : #ffffff;
	border : 1px solid #006600;
}
input[type=checkbox] {
	border-width : 0;
}
input[type=image] {
	vertical-align: middle;
}
button , input.button, button.button {
	background : #006600;
	border : 1px solid #006600;
	color : #ffffff;
	cursor : pointer;
	height : 20px;
}
p.photo-shadow {
	padding: 0;
	float:left;
	background:transparent url(Images/shadow.png) right bottom no-repeat;
	margin: 15px 2px 2px 7px
}
p.photo-noshadow {
	padding: 0;
	float:left;
	margin: 15px 2px 2px 7px
}
p.photo-shadow img, p.photo-noshadow img {
	display: block;
	position: relative;
	margin: -3px 5px 5px -3px;
	padding: 7px;
	border: 1px solid #cccccc;
	border-color: #ccc #999999 #999999 #cccccc;
	background-color: #ffffff;
}
p.photo-shadow img.borderless, p.photo-noshadow img.borderless{
	padding: 0;
}
.photo-caption {
	margin: 0px 10px 20px 20px;
	text-align: left;
	color: navy;
	clear: both;
}
.al-left {
	float: left;
}
.al-right {
	float: right;
}
.al-center {
	margin: auto;
}
.gallery {
	margin: 30px auto 30px auto;
}
.gallery table {
	margin: auto;
	width: auto;
}
.gallery p {
	color: #006600;
}
.gallery table tr td {
	text-align : center;
	vertical-align : middle;
	width: 120px;
	height: 150px;
	padding: 5px;
	margin-bottom: 10px;
	background: url(Images/slide.jpg) center center no-repeat;
}
.gallery a img {
	margin: 3px;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-color: #cccccc #999999 #999999 #cccccc;
}
.gallery p.photo-shadow {
	background: none;
	margin: 0;
}
.gallery h4 {
	text-align: center;
}
.gallery h4 a {
	text-decoration: underline;
}

.amazon-box{
	width: 350px;
	margin-left: 2em;
}
.amazon-box img.photo{
	float: left;
	margin-right: .8em;
	min-width: 80px;
	min-height: 80px;
}
.amazon-box .amazon-info {
	padding: .7em;
	margin-top: -.5em;
}
.amazon-box .amazon-info span{
	color: #006600;
}
img.micro-banner {
	width: 80px;
	height: 15px;
}
.right {
	text-align : right;
	margin : 5px 5px 3px 0;
}
.left {
	text-align : left;
	margin : 5px 5px 3px 0;
}
.center {
	text-align : center;
	width : 100%;
	margin: 0;
}
.tips {
	color : #006600;
}
td.lt {
	text-align : left;
}
.help {
	color : #006600;
}
.hidden{
	display:none;
}
.arial {
	text-decoration : none;
	letter-spacing: 0;
}
.alert {
	color : #006600;
	text-align: center;
}