@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extention/init/std.css";
/*@import "extention/init/strict.css";*/
@import "extention/util.css";
@import "extention/accessibility.css";
@import "extention/noscript.css";
@import "extention/fnav/normal.css";
@import "extention/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
		background-color: transparent;
		background-image: url(../imgs/bg.gif);
		background-repeat: repeat;
		background-position: center top;
	}
	.wrap {
		background-color: transparent;
		background-image: url(../imgs/bg-head.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}

	/* pop */
	body.pop,
	html {
		background-color: transparent;
		background-image: url(../pop_imgs/bg.gif);
		background-repeat: repeat;
		background-position: center 67px;
		height: 100%;
	}
	body.iframe,
	body.shadowBox,
	html {
		background: #ffffff;
		height: 100%;
	}
	body.pop .page {
		background-color: transparent;
		background-image: url(../pop_imgs/bg-head.gif);
		background-repeat: repeat-x;
		background-position: center top;
		padding-bottom: 20px;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #666666;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff850e;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		margin-bottom: 1px;
	}
	.contentTitle {
		margin-bottom: 20px;
	}
	.contentInTitle {
		margin-bottom: 25px;
	}
	.section .title {
		margin-bottom: 20px;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}
	h1 {
　	display:block;
	text-indent: -9999px;
	width:177px;
	height:50px;
	background-image:url(../imgs/logo.gif);
	margin:0;
	padding:0;
	}
	

/* cap */
	.subTitle,
	.cap,
	.caption {
	background: none;
	color: #999999;
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 4px;
	}
	.cap {
		padding-top: 5px;
	}
	ul.caption li {
		position: relative;
		width: 100%;
	}
	ul.caption li,
	ul.caption li em,
	ul.caption li span {
		display: block;
		font-style: normal;
		line-height: 12px;
	}
	ul.caption li em {
		position: absolute;
		left: 0px;
		top: 0px;
	}	
	ul.caption li span {
		padding-left: 1.2em;
	}
	.subTitle {
	line-hegith: 12px;
	}
	.subTitle strong {
		font-weight: normal;
	}

/**
 * 4. Layout
 */
	body.base #container {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 30px;
		background-color: transparent;
		text-align: left;
	}
	body.base #containerInner01 {
		background-color: transparent;
		background-image: url(../imgs/bg-content-all.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	body.base #containerInner02 {
		padding: 15px;
		padding-bottom: 0;
		background-color: transparent;
		background-image: url(../imgs/bg-content-top.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body.base #mainContent {
		background: transparent;
	}

	/* pop */
	body.pop #container {
		width: 580px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0;
		background-color: transparent;
		text-align: left;
	}
	body.pop #containerInner01 {
		background-color: transparent;
		background-image: url(../pop_imgs/bg-content-all.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	body.pop #containerInner02 {
		padding-bottom: 30px;
		background-color: transparent;
		background-image: url(../pop_imgs/bg-content-top.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}

	/* content & menu */
	#content {
		margin: 0 15px;
	}
	#menu {
		float: left;
		width: 230px;
	}
	/* contentIn */
	#contentIn {
		float: right;
		width: 590px;
		font-size: 14px;
		line-height: 18px;
		color: #333333;
	}
	body.base #gHeader {
		position: relative;
		margin-bottom: 10px;
		padding-top: 8px;
		width: auto;
	}
	body.base #gFooterArea {
		clear: both;
		padding-top: 20px;
		background-color: #fff;
		background-image: url(../imgs/bg-foot.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	body.base #gFooter {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
	}

	/* pop */
	.pop #contentIn,
	.iframe #contentIn {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 540px;
		font-size: 14px;
		line-height: 18px;
		color: #333333;
		padding-top: 30px;
	}
	.iframe #contentIn {
		margin-left: 10px;
	}
	.shadowBox #contentIn {
		float: none;
		background: none;
		margin-left: auto;
		margin-right: auto;
		width: 580px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	body.pop #gHeader {
		position: relative;
		margin-bottom: 30px;
		width: auto;
	}

	/* gNav */
	#gNav li,
	#hNav li {
		float: left;
	}
	#gNav {
		height: 45px;
	}
	/* hNav */
	#hNav {
		position: absolute;
		right: 0px;
		top: 5px;
		width: 340px;
	}
	#hNavReserve,
	#hNavContact,
	#hNavMailContact {
		position: absolute;
		float: none;
	}
	#hNavReserve {
		right: 380px;
		top: 8px;
		width:305px;
		height:60px;
		background-image:url(../imgs/hdr-reserve_bg.jpg);
	}
	#hNavReserveList {
		position:absolute;
		left:14px;
		top:29px;
	}
	#hNavReserveList li {
		float:left;
		margin-right:9px;
	}

	#hNavContact {
		right: 40px;
		top: 26px;
	}
	
	#hNavMailContact {
		right: 0px;
		top: 26px;
	}

	/* pop */
	.pop #hNavContact {
		right: 0px;
		top: 12px;
	}
	/* breadCrumb */
	#breadCrumb {
		margin-bottom: 5px;
		margin-left: 5px;
		color: #999999;
		font-size: 10px;
		line-height: 12px;
	}
	#breadCrumb a {
		color: #db309e;
		text-decoration: underline;
	}
	#breadCrumb a:hover {
		text-decoration: none;
	}
	#breadCrumb strong {
		color: #999999;
	}
	/* menu */
	#menu #subNav {
		margin-bottom: 10px;
	}
	#menu #subNav ul {
		display: block;
	}
	#menu #subNav li ul {
		display: none;
	}
	#menu #subNav li,
	#menu #subNav a,
	#menu #subNav img,
	#menu #subNav li li {
		margin: 0;
		padding: 0;
		line-height: 0px;
		vertical-align: top;
	}
	/* hNav */
	#bNav,
	#bNav #bNavNext,
	#bNav #bNavPrev {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#bNav {
		padding: 15px;
		padding-bottom: 0;
		height: 30px;
		background-image: url(../imgs/bg-bnav.gif);
		background-repeat: repeat-x;
	}
	#bNav a {
		color: #db309e;
	}
	#bNav a:hover {
		color: #ef62bd;
		text-decoration: none;
	}
	#bNav #bNavNext {
		float: right;
		padding-right: 20px;
		background-image: url(../imgs/blt-bnav-next.gif);
		background-position: right top;
	}
	#bNav #bNavPrev {
		float: left;
		padding-left: 20px;
		background-image: url(../imgs/blt-bnav-prev.gif);
	}
	/* pagetop */
	#pagetop {
		margin-top: 13px;
		width: 78px;
		float: right;
	}
	/* copyright */
	#copyright {
		clear: both;
		padding-top: 20px;
	}
/**
 * 5. EachPageStyle
 */
/* pageID */
	body#index #info {
		padding-bottom: 6px;
		padding-left: 6px;
		background-color: transparent;
		background-image: url(../../imgs/bg-info-bottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body#index #infoWrap {
		width: 578px;
		background-color: transparent;
		background-image: url(../../imgs/bg-info-all.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	body#index #info li,
	body#index #info li a,
	body#index #info li em,
	body#index #info li span.wrap,
	body#index #info li span.wrap span {
		display: block;
		font-style: normal;
		font-weight: normal;
	}
	body#index #info li {
		position: relative;
		width: 566px;
		font-size: 12px;
		line-height: 15px;
		background-color: #fff;
		background-image: url(../../imgs/bg-infolist-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	body#index #info li span.wrap {
		padding: 7px 15px 6px 78px;
		background-color: transparent;
		background-image: url(../../imgs/bg-infolist-bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	body#index #info li em {
		position: absolute;
		left: 18px;
		top: 6px;
		color: #ff850e;
	}	

	body#index #info li strong {
		color: #c93594;
	}	

	body#index #info li span.wrap span {
		padding-left: 10px;
	}
	body#index #info li a {
		padding-left: 10px;
		text-decoration: none;
		background-color: transparent;
		background-image: url(../../imgs/blt-infolink.gif);
		background-repeat: no-repeat;
		background-position: left 2px;
		/background-position: left 3px;
		zoom: 1;
	}
	body#index .linkList li {
		display: inline;
	}
	body#index .linkList li img {
		margin-right: 7px;
	}
	body#index .linkList li.lastOne img {
		margin-right: 0;
	}

	/* company */
	table.infoBox {
		background: transparent url(../../company/imgs/01/bg-box.gif) repeat-x left bottom;

	}
	.infoBox tr {
		background: url(../../company/imgs/01/bg-box.gif) repeat-x left top;
	}
	.infoBox th {
		color: #6f664c;
		width: 25%;
		padding: 2px 0 1px 0;
	}
	.infoBox p {
		color: #6f664c;
		font-weight: bold;
		padding: 8px 0 8px 10px;
		height: 19px;
	}
	.shadowBox .infoBox05 th {
		color: #6f664c;
		font-size: 14px;
		font-weight: bold;
		width: 17%;
	}

	#h37 {
		height: 37px;
	}
	#h50 {
		height: 50px;
	}
	#h70 {
		height: 70px;
	}
	#h120 {
		height: 120px;
	}
	#h180 {
		height: 180px;
	}
	.infoBox th p {
		background: #f8f4e9;
	}
	.infoBox th.even p {
		background: #fbf9f3;
	}
	.infoBox td {
		padding: 10px;
		color: #333333;
	}
	.infoBox td a {
		color: #db309e;
	}
	.infoBox td a:hover {
		text-decoration: none;
	}
	.infoBox td tr {
		background: none;
	}
	.infoBox td td {
		padding: 0;
	}

	/* misc_Policy */
	#pagePolicy .section {
		margin-bottom: 15px;
		background: url(../../misc_policy/imgs/bg-box.gif) repeat-x left top;
	}
	#pagePolicy .section p {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left 16px;
		padding: 20px 5px 0px 30px;
	}
	.section p.num01 {
		background-image: url(../../misc_policy/imgs/img-01.gif);
	}
	.section p.num02 {
		background-image: url(../../misc_policy/imgs/img-02.gif);
	}
	.section p.num03 {
		background-image: url(../../misc_policy/imgs/img-03.gif);
	}
	.section p.num04 {
		background-image: url(../../misc_policy/imgs/img-04.gif);
	}
	.section p.num05 {
		background-image: url(../../misc_policy/imgs/img-05.gif);
	}
	.section p.num06 {
		background-image: url(../../misc_policy/imgs/img-06.gif);
	}
	.section p.num07 {
		background-image: url(../../misc_policy/imgs/img-07.gif);
	}

	.section p.num08 {
		background-image: url(../../misc_policy/imgs/img-08.gif);
	}

	.section p.num09 {
		background-image: url(../../misc_policy/imgs/img-09.gif);
	}

	.section p.num10 {
		background-image: url(../../misc_policy/imgs/img-10.gif);
	}

	.section p.num11 {
		background-image: url(../../misc_policy/imgs/img-11.gif);
	}

	.section p.num12 {
		background-image: url(../../misc_policy/imgs/img-12.gif);
	}

	.section p.num13 {
		background-image: url(../../misc_policy/imgs/img-13.gif);
	}

	.section p.num14 {
		background-image: url(../../misc_policy/imgs/img-14.gif);
	}

	.section p.num15 {
		background-image: url(../../misc_policy/imgs/img-15.gif);
	}

	.section p.num16 {
		background-image: url(../../misc_policy/imgs/img-16.gif);
	}

	.section p.num17 {
		background-image: url(../../misc_policy/imgs/img-17.gif);
	}

	.section p.num18 {
		background-image: url(../../misc_policy/imgs/img-18.gif);
	}

	.section p.num19 {
		background-image: url(../../misc_policy/imgs/img-19.gif);
	}

	.section p.num20 {
		background-image: url(../../misc_policy/imgs/img-20.gif);
	}


	/* misc_Policy */
	#pageRules .section {
		margin-bottom: 40px;
	}
	#pageRules .section th {
		color: #a29269;
		font-weight: bold;
		font-size: 180%;
		letter-spacing: -0.1em;
	}

	/* abc */
	.infoBox02 {
		background: #dad2c1;
	}
	.infoBox02 a {
		color: #c73091;
	}
	.infoBox02 caption {
		color: #6f664c;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.infoBox02 th {
		background: #f8f4e9;
		color: #6f664c;
		text-align: center;
		padding: 10px 0;
	}
	.infoBox02 td {
		background: #ffffff;
		padding: 8px 10px;
	}
	.infoBox02 .head {
		background: #6f664c;
		color: #ffffff;
	}

	.infoBox03 caption {
		color: #6f664c;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.infoBox03 {
		background: #dad2c1;
		font-size: 12px;
	}
	.infoBox03 .head th {
		background: #f8f4e9;
		color: #6f664c;
		padding: 5px;
		font-weight: normal;
	}
	.infoBox03 th {
		background: #ffffff;
		text-align: left;
		padding: 5px;
		font-weight: bold;
	}
	.infoBox03 th a {
		color: #c73091;
		text-decoration: underline;
	}
	.infoBox03 th a:hover {
		text-decoration: none;
	}
	.infoBox03 th td {
		padding: 0;
		font-weight: normal;
	}
	.infoBox03 th.color td {
		background: #f8f4e9;
		text-align: center;
	}
	.infoBox03 td {
		background: #ffffff;
		padding: 10px;
	}

	.infoBox04 td {
		background: #f8f4e9 url(../imgs/bg-box04.gif) repeat-x left bottom;
		padding: 15px 30px 15px 20px;
	}
	.infoBox04 .even {
		background-color: #fbf9f3;
	}
	.infoBox04 td td {
		background: none;
		padding: 0;
	}
	.infoBox04 .data {
		font-size: 12px;
	}
	.infoBox04 .title {
		font-size: 16px;
		background: url(../imgs/bg-link02.gif) no-repeat left 5px;
		padding-left: 18px;
		color: #333333;
		text-decoration: none;
	}
	.infoBox04 .title a {
		color: #c73091;
		text-decoration: underline;
	}
	.infoBox04 .title a:hover {
		text-decoration: none;
	}

	#abc .questionBox {
		border-top: 1px #e2d8b9 solid;
	}
	#abc .questionBox,
	#abc .answerBox {
		padding: 0;
		margin: 0 5px;
	}
	#abc .questionList01,
	#abc .questionList02 {
		background: url(../../faq/imgs/bg-faq-all.gif) repeat-y center top;
	}
	#abc .questionList01 .questionBox {
		background-color: #f5efe0;
	}
	#abc .questionList02 .questionBox {
		background-color: #fbf9f3;
	}
	#abc .answerBox {
		border-top: 1px #e2d8b9 dashed;
		display: none;
		text-align: center;
	}
	#abc .questionList01 td,
	#abc .questionList02 td {
		font-size: 14px;
		line-height: 22px;
		color: #333333;
		font-weight: bold;
	}
	#abc .answerBox td {
		font-weight: normal;
	}
	#abc #first {
		background: url(../../faq/imgs/bg-faq-top.gif) no-repeat center top;
		padding-top: 5px;
	}
	#abc #last {
		background: url(../../faq/imgs/bg-faq-bottom.gif) no-repeat center bottom;
		padding-bottom: 5px;
	}



	/* 相談事例 */

	#faq .questionBox {
		border-top: 1px #e2d8b9 solid;
	}
	#faq .questionBox,
	#faq .answerBox {
		padding: 20px 15px;
		margin: 0 5px;
	}
	#faq .questionList01,
	#faq .questionList02 {
		background: url(../../faq/imgs/bg-faq-all.gif) repeat-y center top;
		cursor: pointer;
	}
	#faq .questionList01 .questionBox {
		background-color: #f5efe0;
	}
	#faq .questionList02 .questionBox {
		background-color: #fbf9f3;
	}
	#faq .answerBox {
		background-color: #ffffff;
		border-top: 1px #e2d8b9 dashed;
		display: none;
	}
	#faq td {
		font-size: 14px;
		line-height: 22px;
		color: #333333;
		font-weight: bold;
	}
	#faq .answerBox td {
		font-weight: normal;
	}
	#faq #first {
		background: url(../../faq/imgs/bg-faq-top.gif) no-repeat center top;
		padding-top: 5px;
	}
	#faq #last {
		background: url(../../faq/imgs/bg-faq-bottom.gif) no-repeat center bottom;
		padding-bottom: 5px;
	}
	#faq .btAnswer,
	#faq .btClose {
		outline: 0;
		text-indent: -9999px;
		display: block;
		text-align: left;
	}
	#faq .btAnswer {
		background: url(../../faq/imgs/bt-answer.gif) no-repeat left top;
		width: 69px;
		height: 10px;
	}
	#faq .btClose {
		background: url(../../faq/imgs/bt-close.gif) no-repeat left top;
		width: 47px;
		height: 10px;
	}

	/* sitemap */
	#sitemap .section {
		background: url(../imgs/bg-box04.gif) repeat-x left top;
		padding-top: 3px;
	}

	#sitemap .infoBox04 td,
	#sitemap .infoBox04 td td {
		font-size: 16px;
	}
	#sitemap .infoBox04 td td a {
		font-size: 16px;
		color: #333333;
		text-decoration: underline;
	}
	#sitemap .infoBox04 td td a:hover,
	#sitemap .infoBox04 li a:hover {
		text-decoration: none;
	}

	#sitemap .infoBox04 li {
		background: url(../imgs/bg-box04-01.gif) repeat-x left top;
		font-size: 14px;
		padding: 9px 0 7px 0;
	}
	#sitemap .infoBox04 li a {
		font-size: 14px;
		background: url(../imgs/bg-link02.gif) no-repeat left 5px;
		padding-left: 15px;
		margin-left: 15px;
		color: #333333;
	}

	#sitemap .infoBox04 ul ul {
		padding-top: 3px;
	}
	#sitemap .infoBox04 li li {
		padding: 0;
		padding: 9px 0 7px 15px;
	}
	#sitemap .infoBox04 li li a {
		font-size: 12px;
		background: url(../imgs/bg-link03.gif) no-repeat left 5px;
		padding-left: 13px;
		margin-left: 28px;
		color: #c73091;
	}

	/* misc_info */
	#pageInfo #info {
		padding: 0;
	}
	#pageInfo #info li,
	#pageInfo #info li em,
	#pageInfo #info li span.wrap,
	#pageInfo #info li span.wrap span {
		display: block;
		font-style: normal;
		font-weight: normal;
		background: none;
	}
	#pageInfo #info li {
		position: relative;
		width: 540px;
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 25px;
	}
	#pageInfo #info li span.wrap {
		padding: 0;
	}
	#pageInfo #info li em {
		position: absolute;
		left: 0;
		top: 0;
		color: #ff850e;
	}	
	#pageInfo #info li span.wrap span {
		padding-left: 70px;
	}
	#pageInfo h4 {
		font-size: 16px;
		line-height: 16px;
		color: #c73091;
		margin-bottom: 10px;
		padding: 0 0 5px 1px;
		background: url(../../misc_words/imgs/bg-h4.gif) repeat-x left bottom;
	}
	#pageInfo h5 {
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		margin-bottom:5px;
		}

	/* misc_words */
	#pageWords h4 {
		font-size: 16px;
		line-height: 16px;
		color: #c73091;
		margin-bottom: 10px;
		padding: 0 0 5px 1px;
		background: url(../../misc_words/imgs/bg-h4.gif) repeat-x left bottom;
	}
	#pageWords h5 {
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		margin-bottom:5px;
		}

	#pageWords .section p {
		margin-bottom: 25px;
	}
	#pageWords .section strong {
		font-size: 16px;
		line-height: 20px;
	}

	/* voice */
	.caseArea {
		position: relative;
		width: 590px;
	}
	.caseArea .ques {
		position: absolute;
		top: 27px;
		left: 120px;
		color: #c73091;
		font-weight: bold;
		font-size: 16px;
	}
	.caseArea .answ {
		position: absolute;
		top: 102px;
		left: 120px;
		color: #333333;
		font-weight: bold;
	}
	.caseArea .prof {
		position: absolute;
		top: 85px;
		left: 415px;
		color: #666666;
		font-size: 14px;
		line-height: 20px;
	}
	.caseArea .prof span {
		color: #c73091;
		font-weight: bold;
		display: block;
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 20px;
	}
.bnrUnicef img {
	margin-top: 5px;
	margin-bottom: 5px;
}
.bnrUnicef {
	width: 468px;
	margin-right: auto;
	margin-left: auto;
}
.adFlash {
	background-image: url(../../imgs/frame_flash.gif);
	background-repeat: no-repeat;
	height: 215px;
	width: 356px;
	float: left;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 6px;
}
.imeA {
	ime-mode: active;
}
.imeI {
	ime-mode: inactive;
}
.p10 {
	padding: 10px;
}
.pdGSL {
	padding-top: 10px;
	padding-bottom: 10px;
}