@charset "UTF-8";

/*------------------------------------------
	Default Reset & Base Style Sheet
	『実践Web Standards Design』より抜粋・修正
	Last Update 2009-08-24

	1-1.Yahoo UI Library Fonts CSS
	1-2.Universal selector
	1-3.Structure Module
	1-4.Text Module
	1-5.Hypertext Module
	1-6.List Module
	1-7.Edit Module
	1-8.Forms Module
	1-9.Table Module
	1-10.Image Module
	1-11.Object Module

	2-1.global classes
	2-2.basic structure
	2-3.header
	2-4.contents
	2-5.sidebar
	2-6.footer

	3-1.Google Map

------------------------------------------*/


/*------------------------------------------
	1-1.Yahoo! UI Library: Font CSS

	Copyright (C) 2006 Yahoo! Inc. All rights reserved.
	http://developer.yahoo.com/yui/license.txt
------------------------------------------*/

body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}

/*------------------------------------------
	1-2.Universal selector
------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #333;
	font-size: 100%;
/*	font-weight: normal;
	font-style: normal;*/
}

/*------------------------------------------
	1-3.Structure Module
------------------------------------------*/

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*------------------------------------------
	1-4.Text Module
------------------------------------------*/

p,
pre,
address,
cite {
	margin: 0.5em 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 20px;
	font-weight: bold;
}

h1 {
	font-size: 189%;
}

h2 {
	font-size: 159%;
}

h3 {
	font-size: 144%;
}

h4 {
	font-size: 122%;
}

h5 {
	font-size: 107%;
}

h6 {
	font-size: 107%;
}

pre {
	padding: 0.5em 10px;
	border: 3px solid #eee;
	width: auto;
	_width: 95%;
	overflow: scroll;
	color: #3d4263;
	font-family: "Osaka-等幅", monospace;
}

pre[title]:before {
	margin-bottom: 0.4em;
	padding: 0 10px;
	display: block;
	content: attr(title);
	color: black;
	background-color: #eee;
}

blockquote {
	margin: 1.5em 20px 1.5em 40px;
	padding: 1px;
	background-color: #eee;
}

blockquote * {
	color: #888;
}

blockquote[title]:before {
	margin: 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title);
	background-color: #fff;
}

blockquote[cite]:after {
	padding: 0.1em 20px;
	display: block;
	content: attr(cite);
	color: #333;
	text-align: right;
}

cite {
	display: block;
	color: #333;
	text-align: right;
}

em,
strong {
	font-style: normal;
	font-weight: bold;
}

code {
	font-family: "Osaka-等幅", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em;
	background-color: #f5f5f5;
	font-family: "Osaka-等幅", monospace;
	text-transform: uppercase;
}

/*------------------------------------------
	1-5.Hypertext Module
------------------------------------------*/

a:link {
	color: #005585;
}

a:visited {
	color: #485270;
}

a:hover {
	color: #b83800;
}

/*------------------------------------------
	1-6.List Module
------------------------------------------*/

ul,
ol,
dl {
	margin: 1em 20px;
	padding: 1px 10px;
	list-style-position: inside;
}

ul,
ol {
	padding-left: 25px;
}

li,
dt,
dd {
	font-size: 100%;
}

dt {
	
}

dd {
	color: #666;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0 10px;
}

/*------------------------------------------
	1-7.Edit Module
------------------------------------------*/

del {
	color: #666;
	text-decoration: line-through;
}

del[datetime]:before {
	content: "\00ff08"attr(datetime)"\00524a\009664\00ff09";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]:before {
	content: "\00ff08"attr(datetime)"\004fee\006b6e\00ff09";
}

/*------------------------------------------
	1-8.Forms Module
------------------------------------------*/

form {
	margin: 0.5em 20px;
	padding: 1px 0;
}

form dl,
form p {
	margin: 0.5em 10px;
}

fieldset {
	border: 1px solid #ddd;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

input,
textarea {
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica "ヒラギノ角ゴ Pro W3", sans-serif;
	background-color: #f5f5f5;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 8px;
}

/*------------------------------------------
	1-9.Tables Module
------------------------------------------*/

table {
	margin: 0 20px 0.5em 20px;
	border: 1px solid #aaa;
	background-color: #eee;
}

th,
td {
	padding: 0 10px;
}

th {
	color: #fff;
	background-color: #999;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}

/*------------------------------------------
	1-10.Image Module
------------------------------------------*/

/*
a img {
	border: 3px solid #ccc;
}
a:hover img {
	border: 3px solid #bccd56;
}
*/
a img {
	border: 0;
}

/*------------------------------------------
	1-11.Object Module
------------------------------------------*/

object,
embed {
	margin: 1em 20px;
}

/*------------------------------------------
	2-1.Standard classes
------------------------------------------*/

.justifyleft,
.align_left {
	text-align: left;
}

.justifycenter,
.align_center {
	text-align: center;
}

.justifyright,
.align_right {
	text-align: right;
}

.floatleft,
.float_left {
	float: left;
	margin: 0 15px 10px 0;
}

.floatright,
.float_right {
	float: right;
	margin: 0 0 10px 15px;
}

.halfleft,
.half_left {
	float: left;
	width: 48%;
}

.halfright,
.half_right {
	float: right;
	width: 48%;
}

.clear {
	clear: both;
}

.width200 {
	width: 200px;
}

.width234 {
	width: 234px;
}

.sub {
	font-size: 85%;
}

.large {
	font-size: 120%;
}

.larger {
	font-size: 135%;
}

a:link,
a:visited {
	color: #6600ff;
	text-decoration: underline;
}

a:hover {
	color: #ff0066;
	text-decoration: none;
}

/*------------------------------------------
	2-2.Base Structure
------------------------------------------*/

body {
	background-color: #ffffff;
	color: #000000;
	fonr-size: 11pt;
	margin: 0;
	padding: 16px 0;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	text-align: center;
}

#wrapper {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: ffffff;
	color: #000000;
	text-align: left;
}

#wrapper #header {
	position: relative;
	width: 800px;
	height: 208px;
}

#wrapper ul#globalmenu {
	width: 800px;
	height: 38px;
	overflow: hidden;
	margin: 0 0 16px 0;
	padding: 0;
}

#wrapper ul#globalmenu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#wrapper #main,
#wrapper #main_top {
	width: 800px;
	margin: 16px 0 16px 0;
	padding: 0;
}

#wrapper #main #contents {
	position: relative;
	padding: 28px 0 0 0;
	float: right;
	width: 548px;
}

#wrapper #main_top #contents {
	padding: 0;
	float: right;
	width: 548px;
}

#wrapper #main #contents #breadcrumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 745px;
	height: 24px;
	padding: 0;
	font-size: 95%;
}

#wrapper #main #side,
#wrapper #main_top #side {
	float: left;
	width: 236px;
	font-size: 90%;
}

#wrapper #main:after,
#wrapper #main_top:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#wrapper #footer {
	clear: both;
	width: 800px;
	height: 130px;
	margin: 16px 0 0 0;
	background: #ffffff url(../img/footer.gif) no-repeat left bottom;
	color: #ffffff;
	font-size: 13px;
	text-align: left;
	line-height: 1;
}

#wrapper #footer_logo1 {
	width: 795px;
	margin: 16px 0 0 5px;
}

#wrapper #footer_logo2 {
	width: 795px;
	margin: 8px 0 0 5px;
}

#wrapper #footer_logo3 {
	width: 795px;
	margin: 8px 0 0 5px;
}

#wrapper #footer_logo4 {
	width: 795px;
	margin: 8px 0 0 5px;
}

/*------------------------------------------
	2-3.Header
------------------------------------------*/

#header h1 {
	width: 800px;
	height: 208px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 32px;
	text-align: center;
	line-height: 50px;
}

#header h1 a {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}
#header h1 a img {
	border: 0;
}

/*------------------------------------------
	2-3-1.Global Menu
------------------------------------------*/

ul#globalmenu li {
	float: left;
	display: inline;
	width: 200px;
	height: 38px;
	margin: 0;
	padding: 0;
	background-color: #ccffcc;
	color: #000000;
	font-size: 14px;
	line-height: 38px;
	list-style: inside;
	overflow: hidden;
}
ul#globalmenu li.first {
}
ul#globalmenu li.last {
}
ul#globalmenu li a {
	background-color: transparent;
	color: #000000;
}
ul#globalmenu li a img {
	border: 0;
}

/*------------------------------------------
	2-4.Contents
------------------------------------------*/

#contents .content {
	clear: both;
	margin-bottom: 16px;
	line-height: 1.5em;
}

#contents .content_left {
	float: left;
	width: 48%;
	margin-bottom: 16px;
	line-height: 1.5em;
}

#contents .content_right {
	float: right;
	width: 48%;
	margin-bottom: 16px;
	line-height: 1.5em;
}

#contents .gray {
	color: #666666;
}

#contents p.gray {
	margin : 0;
}

#contents ul {
	margin: 0 0 8px 0;
	padding: 0;
}

#contents ul li {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: outside;
}

#contents .link {
}

#contents .link ul {
	font-size: 12px;
	line-height: 1.25em;
}

#contents .link ul li {
	padding-right: 16px;
}

#contents h2 {
	position: relative;
	margin: 8px 0 8px 0;
	padding: 6px 0 2px 36px;
	border-bottom: 1px dotted #000000;
	background: transparent url(../img/icon.gif) left top no-repeat;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25em;
}

#contents h2.sub {
	font-size: 15px;
}

#contents .link h2 {
	margin-top: 10px;
	padding: 2px 0 2px 24px;
	background: url(../img/icon2.gif) left top no-repeat;
	font-size: 12px;
}

#contents h2 a {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}

#contents h2.month {
	margin: 16px 0 16px 0;
	padding: 2px 8px 2px 8px;
	border: 0;
	background: #8cc63e none;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

#contents h3 {
	margin: 16px 0 4px 0;
	padding: 0 0 0 20px;
	background: transparent url(../img/sq.gif) no-repeat 2px 7px;
	color: #478668;
	font-size: 15px;
	font-weight: bold;
}

#contents h3.large {
	font-size: 16px;
	text-decoration: underline;
}

#contents blockquote h3 {
	margin: 4px 0 8px 0;
	padding: 0;
	background: transparent none;
	text-algin: center;
}

#contents p {
	margin: 0 0 16px 0;
}

#contents table,
#contents table th,
#contents table td {
	margin: 0;
	padding: 0;
	border: 0;
}

#contents table.green {
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

#contents td.green {
	background-color: #f2efb5;
	border: 1px solid #ffffff;
}

#contents table.gray {
	margin: 0;
	border: 0;
	background-color: transparent;
	border-collapse: collapse;
}

#contents table.gray td {
	padding: 0 0 12px 0;
	border: 0;
	background-color: transparent;
	color: #666666;
	vertical-align: top;
}

#contents table.gray td p {
	margin: 0;
	color: #666666;
}

#contents table.gray td img {
	padding: 8px 8px 8px 0;
}

#contents blockquote {
	margin: 16px;
	padding: 12px;
	border: 1px solid #000000;
}

#contents .contentbody {
	font-size:13px;
	margin: 0;
	padding: 0;
}

#contents .contentitem {
	margin: 6px 0;
	padding: 0;
}

#contents .contentitem span.contentitemcategory {
	padding: 0 12px;
	background: url(http://stopchildlabour.jp/2010/skins/default/images/bgcategory.gif) center left no-repeat;
}

#contents div div.contentitem span.contentitemlink {
	padding: 0 12px 0 0;
}

#contents div div.contentitem span.contentitemcomments {
	padding: 0 12px;
	background: url(http://stopchildlabour.jp/2010/skins/default/images/bgcomment.gif) center left no-repeat;
}

#contents div div.contentitem span.contentitemedit {
	padding: 0 12px;
	background: url(http://stopchildlabour.jp/2010/skins/default/images/bgedit.gif) center left no-repeat;
	font-size: 10px;
}

#contents div div.contentbody table {
}

#contents div div.contentbody table.border1 {
	border: 1px solid #000000;
	border-collapse: collapse;
}

#contents div div.contentbody table tr {
}

#contents div div.contentbody table tr td {
	vertical-align: top;
}

#contents div div.contentbody table.border1 tr th,
#contents div div.contentbody table.border1 tr td {
	margin: 0;
	padding: 1px 4px;
	border: 1px dashed #000000;
}

#contents div div.contentbody table tr td.time {
	width: 80px;
}

#contents form {
	margin: 8px 0 8px 0;
}

#contents textarea.blogparts {
	width: 330px;
	margin: 8px 0 8px 0;
	padding: 1px;
	line-height: 1.2;
}

/******** カテゴリーリスト ********/
#contents .navi2 {
	margin-bottom: 16px;
	font-size: 12px;
	text-align: center;
}

#contents .navi_cat {
	text-align: center;
	font-size: 120%;
}

/******** ページスイッチ ********/
#contents .pageswitch {
	margin: 4px 0 4px 0;
	font-size: 12px;
	text-align: center;
}

/******** Google Map ********/
#contents div.googlemap {
}
#contents div.googlemap div#map0 {
	margin: 0 auto 16px auto;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(http://stopchildlabour.jp/2010/skins/default/images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(http://stopchildlabour.jp/2010/skins/default/images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(http://stopchildlabour.jp/2010/skins/default/images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(http://stopchildlabour.jp/2010/skins/default/images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*------------------------------------------
	2-5.Sidebar
------------------------------------------*/

#side .banner {
	text-align: center;
	margin-bottom: 8px;
}

#side form {
	margin: 0 0 16px 0;
	padding: 0;
}

#side form input {
	margin: 2px 0 2px 0;
	padding: 0;
}

#side ul#menu_side {
	width: 236px;
	margin: 0 0 16px 0;
	padding: 0;
}

#side ul#menu_side li {
	width: 236px;
	height: 74px;
	margin: 4px 0 0 0;
	padding: 0;
	background-image: none;
	font-size: 14px;
	list-style: none outside;
	text-align: center;
	line-height: 74px;
}

#side ul#menu_side li.first {
	margin-top: 0;
}

#side ul#menu_side li.last {
	margin-bottom: 0;
}

#side ul#menu_side li.extra {
	height: 57px;
	line-height: 65px;
}

#side ul#menu_side li.submenu {
	width: 177px;
	height: 52px;
	margin: 4px 0 4px 59px;
	margin-top: 0;
	line-height: 60px;
}

#side ul#menu_side li.en {
	width: 236px;
	height: 36px;
	margin: 4px 0 4px 0;
	padding: 0;
	background-image: none;
	font-size: 16px;
	list-style: square inside;
	text-align: left;
	line-height: 36px;
}

#side ul#menu_side li a {
	background-color: transparent;
	color: #000000;
}

#side ul#menu_side li a img {
	margin: 0;
}

#side dl {
	margin: 0;
	padding: 0;
}

#side dl dt {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
}

#side dl dd {
	margin: 2px 0 0 0;
	padding: 0;
}

#side dl dd a {
}

/*------------------------------------------
	2-6.Footer
------------------------------------------*/

#footer .footer_text {
	height: 25px;
	padding: 10px 20px 0 20px;
}

#footer .footer_text img {
	float: left;
	padding: 15px 15px 0 0;
}

#footer .footer_text a {
	color: #000000;
}

#footer strong {
	font-size: 15px;
	font-weight: bold;
}

#footer_logo1 a,
#footer_logo2 a,
#footer_logo3 a,
#footer_logo4 a {
	height: 80px;
}

#footer_logo1 a img,
#footer_logo2 a img,
#footer_logo3 a img,
#footer_logo4 a img {
	vertical-align: middle;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(http://stopchildlabour.jp/2010/skins/default/images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(http://stopchildlabour.jp/2010/skins/default/images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(http://stopchildlabour.jp/2010/skins/default/images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}