* {margin:0px;padding:0px;list-style:none;text-decoration:none;}
body {font-family:Meiryo, 'メイリオ', 'Lucida Grande', Verdana;font-size:12px;color:#4d4b4c;background:#fff url(http://web-marketing.zako.org/images/bkg.gif) repeat-x;}
/*++++ base ++++*/
h3 {padding:10px 0 10px 0;font-size:14px;}
a:link { text-decoration:none;color:#36C;border:0px;}
a:active {color :#36C;border:0px;}
a:visited {color :#36C;border:0px;}
a:hover	{color:#A90000;text-decoration:underline;border:0px;}
a:focus {outline:none;}
.clear {clear:both;}
.floatleft {float:left;margin:0 10px 10px 0;}
#left img.none {border:none;padding:0;}
del {text-decoration:line-through !important;}

/*++++ MAIN ++++*/
#wrapper {width:800px;margin:auto;}
#frame, #content {width:785px;margin:auto;}
/*++++ TOP ++++*/
#header {height:137px;width:800px;}
#logo {float:left;width:420px;padding-left:10px;}
#logo div{}
#logo div a{display:block;background:url(http://web-marketing.zako.org/images/logo.gif) no-repeat;height:137px;outline:none;}
#topleft {float:right;height:106px;width:350px;}
#banner-header {margin:0 0 .1em;font-size:30px;line-height:140%;	font-weight:bold;}
#banner-header a {color:#333;text-decoration:none;}
#banner-header a:hover {text-decoration:none;}
#banner-description{font-size:1em;}
h1#banner-description {position:absolute;top:50px;z-index:0;width: 350px;	margin-left: 450px;}
#searchbox {width:233px;height:36px;background:url(http://web-marketing.zako.org/images/s.gif) no-repeat;margin:20px 5px 0 10px;}
#searchbox input#s {float:left;margin:5px 0 0 6px;border:none;width:190px;color:#999;}
#searchbox #go {float:right;margin:3px 4px 0 0;width:18px;height:18px;}

/*++++ NAVI ++++*/
#nav {float:right;padding-right:10px;margin-top:8px;}
#nav ul {}
#nav ul li {display:inline;height:35px;line-height:35px;}
#nav ul li.current_page_item a {}
#nav ul li.current_page_item a:hover{background:transparent;color:#fff;}
#nav ul li a {color:#fff;float:left;text-transform:uppercase;padding:0 0 0 20px;}
#nav ul li a:hover{background:none;color:#dadada;text-decoration:none;}
#step, #step2, #step3 {
	margin: 10px 0 40px;
	padding: 0;
}
#step li, #step2 li, #step3 li {
	padding: 3px 0 6px 110px;
	margin: 0 0 20px;
	list-style: none;
}
#step h3, #step2 h3, #step3 h3 {
	font: bold 200%/100% Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	color: #666;
}
#step3 .item1 {background: url(step1.png) no-repeat;}
#step3 .item2 {background: url(step2.png) no-repeat;}
#step3 .item3 {background: url(step3.png) no-repeat;}
#step3 .item4 {background: url(step4.png) no-repeat;}
#step3 .item5 {background: url(step5.png) no-repeat;}

#step .item1 {background: url(nayami1.png) no-repeat;}
#step .item2 {background: url(nayami2.png) no-repeat;}
#step .item3 {background: url(nayami3.png) no-repeat;}
#step .item4 {background: url(nayami4.png) no-repeat;}

#step2 .item1 {background: url(kai1.png) no-repeat;}
#step2 .item2 {background: url(kai2.png) no-repeat;}
#step2 .item3 {background: url(kai3.png) no-repeat;}
#step2 .item4 {background: url(kai4.png) no-repeat;}
/*++++ INFOBAR ++++*/
#infobar {height:30px;width:795px;line-height:30px;font-size:11px;position:absolute;top:108px;z-index:10;}
#logo_ad {position:absolute; top:115px; z-index:11; margin:0; padding:0;
width:250px;}
#logo_ad table {width:100%; margin:0; padding:0;}
#browse {float:right;width:350px;background:url(http://web-marketing.zako.org/images/folder.gif) no-repeat 0 6px;padding-left:22px;}
/*++++ ENTRY ++++*/
#left {float:left;width:785px;}
.entry {width:765px;padding:10px;background:#fff;border:1px solid #dadada;margin-bottom:10px;line-height:140%;}
#left strong {background:#fbf9cd;font-size:1em;}

dl {margin:0 0 20px;font-size:1.2em;border:#ccc 1px solid;padding:3px 0 3px 10px;}
dt {font-weight:bold;margin:0;line-height:200%;margin-top:20px;}
dd {padding:0 10px 10px;margin:0 0 0 1.5em;line-height:1.5em;}
dd.jamp{padding-left:380px;}
dl dd object, dl dd iframe {margin-left:-12px;}
dt a {background:url(/images/bg/unordered_list_icon.gif) no-repeat 0em .8em;padding-left:15px;display: inline-block;}
dl.normal {background:#FAFAFA;}
dl.normal dd, dl.news-head dd {margin:0 10px 10px 15px;}
dl.normal dt, dl.news-head {}
dl.news-head dt a {color:#483D8B;}
dl.main-list {list-style:none;-webkit-border-radius:.5em;background:#F9F7ED;border:#EEE 5px solid;margin:10px 0 0;	font-size:1.2em;}
dl.main-list dt a {font-weight:bold;margin:0;line-height:200%;margin-top:8px;}
dl.main-list dd {margin:0;line-height:1.6em;}
.google-ad {width:255px;height:270px;font-size:0.9em;padding:0 5px 0 230px;}
.adsense {font-size:0.9em;padding:0 200px 10px 5px;width:522px;}
.google-ad2 {width:300px;height:300px;font-size:0.9em;padding:0;}
ul.add {border:1px solid #CCC;background:#F5F5F5;margin:10px 10px 0 0;list-style-position:inside;padding:10px;color:#4c3618;-webkit-border-radius:.5em;	border:5px solid #CCC;	font-size:14px;}
.add li {}
#left .add li img, #left .amazon img {padding:0;border:none;margin:0;}
span.ad-space {display:block;height:100px;}
.contentstyle{border:10px solid #ccc;-webkit-border-radius:.5em;margin-bottom:1em;padding:10px;	line-height:1.6em;	width:510px;}

.more {text-align:right;padding:0 10px;}
.text-right{text-align:right;padding:0 10px 0;}
.entry h2 {font:bold 20px/28px Meiryo, 'メイリオ', 'Lucida Grande', Verdana;letter-spacing:-1px;margin-bottom:10px;background:#FC6;border:#F90 1px solid;border-left:#F90 10px solid;padding:4px;}
.entry h2 a {color:#222;}
.entry h2 a:hover {text-decoration:underline;}
.entry h3, .entry h4 {padding:3px 5px 3px 0;color:#C13A01;line-height:120%;	font-size:1.2em;}
h3.tips, h3.header-label{font-size:1.5em;border:none;margin:.5em 0;font-weight:bold;padding:0;}
h4.tips, h4.header-label{font-size:1.3em;border:none;margin:.5em 0;font-weight:bold;padding:0;}
html>body .entry ul {padding:0 0 0 30px;padding-left:10px;} 
html>body .entry li {margin:7px 0 8px 10px;}
.entry ul li:before {content:"\00BB \0020";}
.entry ol {padding:0;margin:0;}
.entry ol li {}
.entry p.thumb, .entry p.image {margin: 0 0 .5em .3em;}
.entry img {border:#CCC 1px solid;padding:4px;}
img.centered {display:block;margin-left:auto;margin-right:auto;}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright {float:right;} 
.alignleft {float:left ;}
.allinfos {font-size:11px;height:20px;padding-bottom:10px;}
span.date {background:url(http://web-marketing.zako.org/images/date.gif) no-repeat;padding-left:20px;}
span.comments {background:url(http://web-marketing.zako.org/images/comment.gif) no-repeat;padding-left:20px;}
span.category {background:url(http://web-marketing.zako.org/images/posted.gif) no-repeat;padding-left:20px;}
.navigation {width:540px;padding:10px;line-height:140%;font-size:11px;}
p.picture {width:408px;}
#left p.bookmarklet {margin:10px;}
p.bookmarklet a {background:#FF9933;color:#333;border:solid 1px #aaa;	font-weight:bold;text-decoration:none;padding:.5em 2em;-webkit-box-shadow:2px 2px 2px #666;text-shadow:1px 1px 1px #88a;}
.picture {background-color:#F9F9F9;border:1px solid #CCC;padding:3px ;}
.picture img {border:1px solid #CCC;vertical-align:middle;padding:2px;}
.entry p, .contentstyle p {font-size:1.2em;line-height:1.6em;margin:0 1em 1.3em;padding-bottom:7px;}
div.pagination {background-color:#fff;color:#48b9ef;padding:10px 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:center;}
div.pagination a {color:#48b9ef;padding:2px 5px;margin:0 2px;text-decoration:none;border:2px solid #f0f0f0;}
div.pagination a:hover, div.pagination a:active {border:2px solid #ff5a00;color:#ff5a00;}
div.pagination b {padding:2px 5px;border:2px solid #ff5a00;color:#fff;font-weight:bold;background-color:#ff6c16;}
blockquote {font-size:1em;background:#eee url(../images/blockquote.gif) top left no-repeat;margin:10px 0 0;padding:37px 5px 5px 5px;border:1px solid #ccc;}
blockquote p{font-size:1em;}

#left .entry ul ul li, #beta .entry-more ul li ul li {font-size:.8em;}
dl dd ul{margin-left:-10px;font-size:1em;font-weight:bold;}
dl dd blockquote{font-size:.8em;}

dl.head-line {
	line-height:1.5;
	border:1px solid #ccc;
	border-top:none;
	font-size:1.2em;
	margin-bottom:10px;
	padding:0 0 3px;
}
dl.head-line dt {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#555;
	color: #FFF;
	padding: 5px 0 5px 5px !important;
	margin-top:0;
}
dl.head-line dt a {background:url(/images/bg/unordered_list_icon.gif) left no-repeat;padding:0 0 0 1.5em;margin-left:0;color:#FFF;}
dl.head-line dd {margin-top:10px}
#left .entry ol.head-line li a {color:#9c6229;line-height:2em;}
#left .entry ol.head-line a:hover {color:#C13A01;}
#left .entry ul li, #left .entry ul.Genre li{list-style:none;margin-top:3px;}
#left .entry ul.Genre {	border:1px #F0F0F0 solid;background:#fff;list-style:none;margin-left:0px;padding:0;}
#left .entry .Genre li {padding:5px 0 5px 12px;line-height:170%;font-size:1em;margin:0;list-style:none;}
#left .entry ul.Genre li.odd {background-color:#fffffc;}
#left .entry ul.Genre li.eve {background-color:#F6F6F6;}
#left .entry ul.Genre li a:hover {background:#FFFF99;}
.links dl {border:1px #CCC solid;background:#F5F5F5;margin:0 0 1.5em;list-style-position:inside;padding:10px;color:#4c3618;font-size:1.2em;}

/*++++ SIDEBAR ++++*/
#topsidebar h2 {font-size:11px;}
.tabberlive .tabbertabhide {display:none;}
.tabber {font-size:11px;}
.tabberlive {margin-top:1em;}
.tabberlive .tabbertab {padding:5px;border-top:0;background:#efefef;margin-bottom:10px;font-size:12px;}
.tabberlive .tabbertab h2 {display:none;font-size:12px;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}
.tabbertab p {padding-bottom:10px;line-height:140%;}
.tabbertab ul {padding:0;margin:0;}
.tabbertab ul li {padding:5px 0 6px 0;}
.tabbertab ul li {background:url(http://web-marketing.zako.org/images/bullet.gif) no-repeat 0 5px;padding-left:24px;border-bottom:1px solid #fff;}
#sidebarbottom {float:right;width:425px;}
#right {float:left;width:420px;margin-left: 10px;padding-left: 10px;}
#topsidebar {width:400px;padding:0 10px;border:1px solid #dadada;background:#fff;margin-bottom:10px;}
#lsidebar h2 {font-size:15px;margin-bottom:10px;color:#795625;}
#rsidebar h2 {font-size:15px;margin-bottom:10px;color:#795625;line-height:150%;}
#lsidebar {float:left;width:200px;padding:5px;border:1px solid #dadada;	background:#fff;background-color:#E7DDCF;}
#lsidebar .module-list, .widget_rss {background:#F3EDE4;font-weight:bold;}
#lsidebar .module-list a {display:block;width:178px;padding:5px 0;color:#36C;}
#lsidebar .module-list a:hover {background:#FFF;}
#lsidebar #translation_bar {margin:0 0 10px;}
#lsidebar #translation_bar a {margin-right:3px;}
#rsidebar {float:left;width:200px;padding:0;border:1px solid #dadada;background:#FCF9CB;margin-left:8px;}
#rsidebar .module-list {background:#FBFAE6;margin:5px;padding:5px 2px;}
#rsidebar .module-list a {color:#71685B;font-weight:bold;line-height:1.2;}
#rsidebar .module-list a:hover {text-decoration:underline;}
#sidebarbottom ul{margin:5px 0 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{padding-left:1px;padding-bottom:3px;border-bottom:1px dotted #dadada;}
li.amn{width:200px;}
#sidebarbottom p{padding:0 5px;}
.list-title {border-left:3px #FCF9CB solid;margin-top:10px;}
.list-title-s {border-left:3px #FFCB8F solid;margin-top:10px;}

/*++++ COMMENTS ++++*/
.postmetadata {padding:5px;background:#feffe5;}
#commentform p {padding-bottom:10px;}
#commentform #author {border:1px solid #dadada;height:20px;width:200px;}
#commentform #email {border:1px solid #dadada;height:20px;width:200px;}
#commentform #url {border:1px solid #dadada;height:20px;width:200px;}
#commentform #comment {border:1px solid #dadada;height:200px;width:500px;}
ul.commentlist li:before, ul.socials li:before {content:"";}
ul.commentlist li {position:relative;width:450px;margin-bottom:5px;	padding-top:15px;padding-left:50px;}
ul.commentlist li img {position:absolute;top:15px;left:0;padding:2px;}
.commentlist cite {background:#f9f9f9;padding:5px 5px 5px 10px;}
.commentlist cite a {color:#333;}
.commentlist .ctext {background:url(http://web-marketing.zako.org/images/doth.gif) repeat-x bottom;font-size:11px;}

/*++++ FOOTER ++++*/
#footer {background:#222 url(http://web-marketing.zako.org/images/footer.gif) repeat-x;width:100%;margin:15px auto 0px;height:100px;font-size:10px;}
#foo {background:url(http://web-marketing.zako.org/images/foobg.gif) no-repeat right;width:955px;margin:auto;padding:10px;height:80px;color:#fff;}
#foo a:link {color :#FF9900;border:0px;}
#foo a:active {text-decoration:underline;color :#FF9900;border:0px;}
#foo a:visited {color :#FF9900;border:0px;}
#foo a:hover	{color:#FFF;border:0px;} 
#foo ul {float:left;margin-top:10px;}
#foo ul li {display:inline;height:35px;line-height:35px;font-weight:700;}
#foo ul li.current_page_item a {}
#foo ul li.current_page_item a:hover{background:transparent;color:#fff;}
#foo ul li a {color:#fff;float:left;padding:0 20px 0 0;}
#foo ul li a:hover{background:none;color:#dadada;text-decoration:none;}

/***** Misc *****/
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 15px 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0;display:block;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
.alignright{float:right;}
.alignleft{float:left;padding-left:30px;padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border:solid 1px #9a9a9a;color:blue;margin:10px;padding:10px;	background:#f3f2ed;}
code {font-size:1em;color:#000;}

/***** image *****/
.attachment {text-align:center;}
.attachment img {padding:5px;border:1px solid #999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{padding:5px;border:1px solid #999;}
.imgright {float:right;}
.imgright img{padding:5px;border:1px solid #999;}

.AMN-large-banner{text-align:left;height:90px;width:auto;border:1px solid #dadada;margin-bottom:10px;background:#FFF;margin-right:3px;padding:0;}
.AMN-large-banner a img {border:none;}
.AMN-sponsor-rolls{height:auto;margin-right:auto;margin-left:auto;	width:200px;}
.AMN-sponsor-rolls h3{border:none !important;}
.rss-sec {background:url(http://web-marketing.zako.org/images/bg/rss-feed-big.gif) 5px 0px no-repeat;filter:alpha(opacity=25);text-indent:-1000em;float:right;margin-top:-90px;}
*+html .rss-sec, *html .rss-sec {}
.rss-sec a{display:block;height:90px;width:260px;}
/*twitter*/
.tweet {color:#333;}
.tweet .tweet_list {-webkit-border-radius:.5em;list-style-type:none;margin:0;padding:0;background-color:#F0F0F0;}
.tweet .tweet_list li {overflow:auto;padding:.5em;}
.tweet .tweet_list li a {color:#0C717A;}
.tweet .tweet_list .tweet_even {background-color:#DFDFDF;}
.tweet .tweet_list .tweet_avatar {padding-right:.5em;float:left;}
.tweet .tweet_list .tweet_avatar img {vertical-align:middle;}

ul.wp-tag-cloud {background:#FBFAE6;margin:5px 0;padding:5px 2px;line-height:1.4;font-family:Arial, Helvetica, sans-serif;font-size:13px;list-style:none;}
ul.wp-tag-cloud li {margin:0;padding:0;display:inline;font-size:100%;border:none;}
#sidebarbottom ul.tagCloud li {border:none;}
#left ul.wp-tag-cloud {background:#FFF;list-style:none;}
#left ul.wp-tag-cloud li {font-size:150%;list-style:none;}
#left ul.wp-tag-cloud li:before {content:"";}
#sidebarbottom ul.wp-tag-cloud li a {text-decoration:none;color:#c24b46;}
ul.wp-tag-cloud li.taglevel1 a {font-size:167%;font-weight:bold;color:#88261a;}
ul.wp-tag-cloud li.taglevel2 a {font-size:136%;font-weight:bold;color:#c24b46;}
ul.wp-tag-cloud li.taglevel3 a {font-size:122%;font-weight:bold;color:#bc6950;}
ul.wp-tag-cloud li.taglevel4 a {font-size:114%;color:#be8776;}
ul.wp-tag-cloud li.taglevel5 a {font-size:92%;color:#d2b298;}
ul.wp-tag-cloud li.taglevel6 a {font-size:77%;color:#d1c4c0;}
ul.wp-tag-cloud li.taglevel7 a {font-size:70%;color:#d1c4c0;}
ul.wp-tag-cloud li.taglevel8 a {font-size:65%;color:#d1c4c0;}
ul.wp-tag-cloud li a:hover {color:#000;}

.clr{
	clear:both;
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after, #beta .entry-body img:after
{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:.5px;
	font-size:.5em;
	line-height:0;
}
* html .pkg {display:block;position:static;}
.floatleft {float:left;margin:0 10px 10px 0;}
.floatright{float:right;margin:0 0 10px 10px;}
.width200 {width:200px !important;}

/* link */
a[href $='.pdf'] {padding-right:18px;background:transparent url(/images/bg/icon_pdf.gif) no-repeat center right;}
a[href *="wikipedia.org"] {background:url(/images/bg/wikipedia.png) no-repeat center right;padding-right:17px;}
a[href *="userscripts.org"] {background:url(/images/bg/face-monkey.png) no-repeat center left;padding-left:17px;}
a.kml {background:url(/images/kml_feed_small.png) no-repeat top right;padding-right:17px;}
a.hacks {background:url(/images/bg/plugin_link.png) no-repeat center right;padding-right:17px;}
a.google{background:url(/images/bg/googleIcon.gif) no-repeat center right;padding-right:17px;}
a.web-site-link, a.ajax-link, a.tool-link{background:url(/images/bg/folder_websites.png) no-repeat center right;padding-right:17px;}
a.keyword:link {text-decoration:none;color:#c00;border-bottom:1px dashed #f33;padding:0 0 1px;}
a.keyword:visited {text-decoration:none;color:#c00;border-bottom:1px dashed #f33;}
a.keyword:hover {text-decoration:none;color:#800;border-bottom:1px solid #639;}
a.keyword:active {text-decoration:none;color:#800;border-bottom:1px dashed #0cf;}

table.chart {border-collapse: collapse; margin:10px;font-size:1.2em;width:90%;}
.chart th {border: solid 1px #666;color: #000;background: #FF9999;}
.chart td {border: solid 1px #666;color: #000;background: #E9E5E5;padding:3px;}
.chart thead th {background: #F9B669;}
.chart tr.nrow td {background: #FFF;}
.broken_link, a.broken_link {text-decoration: line-through;}
.feedburnerFlare {padding-top;5px;}
#right table {border:none;width:100%;}
#right th {border:none;background:none;}
#right td {border:none;background:none;}
#left blockquote ol {border:none !important;font-weight:nomal !important;background:none !important;margin:0 !important;}

.related {background:#555;border:1px solid #555;margin:0;color:#f0f0f0 !important;padding:3px !important;margin-top:10px;}