/* @group http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	/*outline: 0;*/
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	padding: .2em 0;
}

/* @end */

/* @group init */

body {
	font: small "Lucida Grande", Helvetica, "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
	line-height: 1.6em;
	color: #3f3f3f;
}
*:first-child+html body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;}
* html body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;}

a:link {color: #1f80b7;text-decoration: none;}
a:active {color: #1f80b7;text-decoration: none;}
a:visited {color: #1f80b7;text-decoration: none;}
/*a:visited {color: #81a492;text-decoration: none;}*/
a:hover {color: #003366;text-decoration: underline;}

/*a:link {color: #b83244;text-decoration: none;}
a:active {color: #b82034;}
a:hover {color: #603;text-decoration: underline;}
a:visited {color: #b85820;}*/


h1, h2, h3, h4, h5, h6 {}

p {margin: .8em 0;}
li {line-height: 1.4em;}
ul {}
ol {list-style-type: decimal;margin-left: 2em;}

textarea {width: 35em;height: 12em;line-height: 1.6em;padding: .2em;font-size: 1.1em;}

label {margin: 0 .3em;}
th label {margin: 0;}

table caption {text-align: left;font-weight: bold;color: #333;margin-bottom: .5em;line-height: 1.4em;}

dt {font-weight: bold;}
dd {margin-bottom: 1em;padding: .3em 0;}

/* @end */

/* @group com */

/* new clearfix */
.cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

.fig {}
.fig img {display: block;}
.fig span {display: block;margin-top: .5em;font-size: .85em;color: #666;line-height: 1.2em;}
.al {float: left;margin-right: 1em;}
.ar {float: right;margin-left: 1em;}

.none {display: none;}
/* @end */

body {background: transparent url(../i/bg_body.gif) repeat-y top left;}
#wrapper {width: 800px;border-top: 17px solid #58af44;}
#container {background: transparent url(../i/bg_container.gif) no-repeat top left;padding-bottom: 5em;min-height: 480px;}
* html #container {height: 480px;}
#main {float: right;width: 630px;padding-top: 160px;}
#main #contents {padding: 0 25px;}
#sub {float: left;width: 170px;padding-top: 43px;}

#sub address {margin: 1em 0;padding: 0 .7em;font-size: .9em;line-height: 1.4em;font-style: normal;}
#footer {float: right;width: 630px;}
#footer p {margin: 0 25px;padding-top: .7em;text-align: right;border-top: 3px solid #58af44;}

#menu,
#menu li {display: block;margin: 0;padding: 0;line-height: 1em;}
#menu li img {margin: 0;padding: 0;line-height: 1em;border: none;vertical-align: top;}

h1 {background: transparent url(../i/bg_h.gif) repeat-x center left;}

#updatelog li {margin: .2em 0;padding: .7em 0 .7em 18px;background: transparent url(../i/arrow_grn.gif) no-repeat left center;line-height: 1.4em;border-bottom: 1px solid #ccc;}
#updatelog li strong {color: #3163c0;font-style: normal;padding-right: 1em;display: block;}
#updatelog li strong span {font-size: x-small;font-weight: normal;color: #666;}
#toggle_container {text-align: right;}

#headline {float: left;width: 352px;}
#twitter {float: right;width: 210px;}

#sub .external {width: 120px;margin: 1em auto;padding: 1em 13px;background-color: #f4f4f4;font-size: .85em;}
#sub .external .banner {display:block;}

#sub .external dt {margin: 0;padding: 0;}
#sub .external dd {margin: 0;padding: 0;}
#sub .external img {display: block;margin: 0 auto;}
.external#myblog {text-align: center;}
.external#myblog dl {margin: 1em 0 0 0;}
.external#myyoutube ul {margin: 1em 0 0 0;}
.external#myyoutube li {padding: .5em 0;font-size: .85em;line-height: 1.2em;}
.external#myyoutube li img {margin: 0 auto .7em auto;}

/*@group override twitter widget*/
#twtr-widget-1 .twtr-tweet-wrap {padding-top: 1em;padding-bottom: 1em;}
.twtr-widget {padding-top: 15px;}
.twtr-widget .twtr-ft {position: absolute;top: 0;left: 0;}
.twtr-widget .twtr-ft div {padding: 0;}
.twtr-widget .twtr-ft .twtr-join-conv {display: none;}
/*@end*/