@charset "UTF-8";

/* Init
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6, address, blockquote, center, dir, div, dl, fieldset, form, hr, isindex, menu, noframes, ol, p, pre, table, ul {
	display : block;
	font-weight: normal;
}
a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code, dfn, em, font, i, iframe, img, input, kbd, label, map, object, q, ruby, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var {
	display : inline;
}
* {
	margin : 0;
	padding : 0;
}

/* Body
-------------------------------------------------- */
body {
	color : #666;
	font : normal normal normal 75%/1.8 "ҥ饮γѥ Pro W3", "HiraKakuPro-W3", "Osaka", "Helvetica", "Arial", "ͣ Хå", sans-serif;
	text-align : center;
	background-image: url(/common/images/bg_body.gif);
	background-color: #E6E6E6;
}
hr {
	clear: both;
	margin: 0px;
	visibility: hidden;
}
h2 {font-size : 130%;}
h3 {font-size : 120%;	font-weight : bold;}
h4 {font-size : 110%;}
h5 {font-size : 105%;}
h6 {font-size : 100%;}

/* Anchor
-------------------------------------------------- */
a {text-decoration : none;}
a:link {color : #3399CC;}
a:visited {color : #3399CC;}
a:hover {
	color : #FF0066;
	text-decoration: underline;
}
a:active {color : #c00;}
img {border : none;}

/* Container and Wrapper
-------------------------------------------------- */
#inbox {
	width : 980px;
	margin-left : auto;
	margin-right : auto;
	padding: 0px;
	background-color: #FFFFFF;
}
#container {
	width : 940px;
	margin-left : auto;
	margin-right : auto;
	padding: 0px;
}
#wrapper {
	float : right;
	width : 733px;
}
.main {
	text-align: left;
	border: 1px solid #E6E6E6;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(/common/images/bg_main.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


/* Header
-------------------------------------------------- */
#header {
	width: 940px;
}
#header #data {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 42px;
	text-align: right;
	line-height: 100%;
	padding-top: 9px;
	font-weight: bold;
	padding-bottom: 5px;
}

#header h1 {
	font-size: 10px;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
}
#header h2 {
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
	line-height: 100%;
	text-align: right;
	letter-spacing: 0.1em;
	margin: 0px;
}
#header ul {
	display: block;
	clear: both;
	height: 70px;
	background-image: url(/common/images/bg_header_ul.gif);
	text-align: right;
	background-repeat: repeat-x;
}
#header li {
	display: inline;
	height: 70px;
}
#header li strong {
	font-weight: normal;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
}


/* Primary
-------------------------------------------------- */
#box_center {
	margin-top: 10px;
	margin-bottom: 30px;
	float : left;
}
#contents,
#contents2 {
	width : 504px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-bottom: 10px;
}
#box_center h2 {
	padding-left : 80px;
	padding-top: 12px;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 100%;
}
#box_center h2 a {
	color: #FF0066;
	font-weight: bold;
}
#box_center h3 {
	background-image: url(/common/images/i_tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	padding-left: 30px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	padding-top: 1px;
	padding-bottom: 2px;
}
h3.toppage {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.entry-title {
	background-image: url(/common/images/i_an.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.page-title {
	background-image: url(/common/images/i_web.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.entry-title p,
.page-title p {
	padding-left: 80px;
	color: #CCCCCC;
	font-size: 10px;
	padding-bottom: 0px;
	line-height: 120%;
	padding-top: 7px;
}
.entry-title ul,
.page-title ul {
	list-style-type : none;
	padding-left: 80px;
}
.entry-title ul li,
.page-title ul li {
	display : inline;
	line-height: 120%;
	padding-right: 8px;
}
ul li .genre {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: 10px;
	padding-right: 10px;
}
.entry-body {
	margin-top : 1em;
	padding-top: 20px;
	background-image: url(/common/images/bg_sha.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 5px;
	padding-left: 5px;
}
.entry-body u {
	padding-right: 30px;
	padding-bottom: 15px;
	float: left;
	display: block;
	text-decoration: none;
}
.entry-body s {
	text-decoration: none;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	background-color: #FFCC99;
	padding-right: 8px;
	padding-left: 8px;
}

/* Entry Body Text
-------------------------------------------------- */
.entry-body h4, .entry-body h5, .entry-body h6 {
	margin : 1em 0;
}
.entry-body p {
	margin : 1em 0;
}
.entry-body ul, div.entry-body ol {
	margin : 1em 0;
	list-style-position : inside;
}
.entry-body ul li, div.entry-body ol li {
	margin-left : 1em;
}
.entry-body dl {
	margin : 1em 0;
}
.entry-body dt {
	font-weight : bold;
}
.entry-body dd {
	margin-left : 1em;
}
.listmore {
	text-align: center;
	display: block;
	list-style-type: none;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}
.listmore a:hover {
	background-color: #FFFFFF;
}
.listmore ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.listmore li {
	display: inline;
	margin: 0px;
}
.listmore img {
	margin-right: 10px;
	margin-left: 10px;
}
.entry-adsense {
	margin : 2.5em 0 1em 0;
}
ul.entry-state {
	margin-top : 2em;
	list-style-type : none;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	clear: both;
	display: block;
}
ul.entry-state li {
	display : inline;
}
li.entry-category {
	background-image: url(/common/images/knewstuff.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin-top: 0;
	margin-right: 0.5em;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-right: 5px;
}
li.entry-comment {
	background-image: url(/common/images/chat.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left : 0.5em;
	padding-left: 25px;
	padding-right: 5px;
}
li.entry-trackback {
	margin-left : 0.5em;
	background-image: url(/common/images/recycled.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-right: 5px;
}
.commentfield {
	margin-bottom : 30px;
	font-size: 10px;
	line-height: 150%;
	color: #CCCCCC;
}
ul.comment-state {
	list-style-type : none;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
	background-image: url(/common/images/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
ul.comment-state li {
	display : inline;
}
li.comment-date {
	margin-right : 0.5em;
}
li.comment-author {
	margin : 0 0.5em;
	background-image: url(/common/images/personal.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
li.comment-author-site {
	margin : 0 0.5em;
}
li.comment-edit {
	margin-left : 0.5em;
	background-image: url(/common/images/package_editors.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.comform {
	border : none;
	background-image: url(/common/images/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 20px;
	padding-left: 0.5em;
	font-size: 12px;
	color: #333333;
}
input.field, textarea.field {
	padding : 0.2em;
	font-size : 100%;
	font-family : "ҥ饮γѥ Pro W3", "HiraKakuPro-W3", "Osaka", "Helvetica", "Arial", "ͣ Хå", sans-serif;
	margin-bottom: 5px;
}
input#himitu {
	margin-right : 0.5em;
}
.navi {
	margin-top : 3em;
	list-style-type : none;
	text-align : center;
	padding-top: 5px;
	background-image: url(/common/images/bg_footer.gif);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	background-position: top;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.navi a {
	color: #FFFFFF;
}
.navi a:visited {
	color: #FFFFFF;
}
.navi li {
	display : inline;
}
li.up {
	margin : 0 2em;
}


/* Secondary
-------------------------------------------------- */
#box_right {
	margin-top: 10px;
	margin-bottom: 30px;
	float : right;
	width : 190px;
	padding-bottom: 20px;
}
#appendix,
.amazonbox {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#appendix p,
.amazonbox p {
	font-size: 10px;
	padding: 5px;
}
#appendix img,
.amazonbox img {
	border: 1px solid #E6E6E6;
	padding: 1px;
}
#box_right h3,
#box_left h3 {
	padding-left : 28px;
	background-color: transparent;
	background-image: url(/common/images/i_man.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	color: #333333;
	padding-bottom: 2px;
}
#box_right ul {
	margin : 0.5em;
	list-style-type : none;
}

/* Thirdly
-------------------------------------------------- */
#box_left {
	margin-top: 10px;
	margin-bottom: 30px;
	float : left;
	width : 190px;
}
.extra {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 20px;
}
#box_left ul,
#box_right ul {
	list-style-type : none;
	font-weight: bold;
	color: #333333;
	margin: 0.2em;
}
#box_left ul a,
#box_right ul a {
	color: #333333;
	text-decoration: underline;
}
#box_left ul ul,
#box_right ul ul {
	font-weight: normal;
	padding-bottom: 10px;
}
#box_left ul ul li,
#box_right ul ul li {
	background-image: url(/common/images/i_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
#box_left ul ul a,
#box_right ul ul a {
	color: #FF0066;
	text-decoration: none;
}
#search form {
	margin : 1em 0;
}
#search fieldset {
	border : none;
}
#search legend {
	display : none;
}


/* Footer
-------------------------------------------------- */
#footer {
	clear : both;
	padding-top: 12px;
	padding-bottom: 15px;
	background-image: url(/common/images/bg_sha.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
#footer li {
	font-size: 10px;
	display: inline;
	list-style-type: none;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
th, td {
	padding : 0.2em;
}
caption, th, td {
	font-family : "Helvetica", "Arial", sans-serif;
}


/* Make Tree List Non Plug-In
-------------------------------------------------- */
#recent-comments ul, div#recent-trackbacks ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
#recent-comments ul.list-tree, div#recent-trackbacks ul.list-tree {
	margin : 1em 0;
}
#recent-comments ul li ul li, div#recent-trackbacks ul li ul li {
	margin : 0;
	padding-left : 20px;
	background : transparent url("/common/images/tree_child.gif") top left no-repeat;
}
#recent-comments ul li ul li.lastchild, div#recent-trackbacks ul li ul li.lastchild {
	background : transparent url("/common/images/tree_child_last.gif") top left no-repeat;
}


/* Make Tree List Plug-In
-------------------------------------------------- */
#comment ul, div#trackback ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
#comment ul.list-tree, div#trackback ul.list-tree {
	margin : 1em 0;
}
#comment ul li ul li, div#trackback ul li ul li {
	margin : 0;
	padding-left : 20px;
	background : transparent url("/common/images/tree_child.gif") top left no-repeat;
}
#comment ul li ul li.lastchild, div#trackback ul li ul li.lastchild {
	background : transparent url("/common/images/tree_child_last.gif") top left no-repeat;
}
.photo,
.wiki,
.word,
.blog,
.wadai {
	display: block;
	padding-bottom: 15px;
	background-image: url(/common/images/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 15px;
	clear: both;
	padding-right: 5px;
	padding-left: 5px;
}
.photo p,
.wiki p,
.word p {
	font-size: 10px;
	line-height: 130%;
	color: #CCCCCC;
	padding-bottom: 10px;
	padding-top: 6px;
}
.photo img {
	border: 1px solid #E6E6E6;
	padding: 1px;
	margin: 3px;
}
.word ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	text-align: center;
}
.word li {
	display: inline;
	padding-right: 10px;
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.blog .ss {
	float: left;
	display: block;
	padding-right: 30px;
	padding-left: 10px;
}
.blog dl {
	margin: 0px;
	display: block;
	height: 140px;
	list-style-type: none;
	padding: 0px;
}
.blog dt {
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.blog dd {
	margin: 0px;
	padding: 0px;
}
.wadai dl {
	margin: 0px;
	display: block;
	list-style-type: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.wadai dt {
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
	font-size: 12px;
	background-image: url(/common/images/kate.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.wadai dd  {
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 10px;
}

