﻿@charset "utf-8";
/* CSS Document */
/* ------------------------------------
	Website:			Saiyo	
 -------------------------------------- */
* { padding: 0; margin: 0; outline:0; }

body { background:#143258; font-family: Mairio,"MS PGothic"; padding:34px 0px 0px; }
a { color: #5a5a5a; text-decoration:none;}
a:hover, a:active { color: #a11d2a; text-decoration:none;}
a img, fieldset { border: none; }
img { behavior: url(iepngfix.htc); }

#wrapper { width:940px; margin:0 auto; overflow:hidden; letter-spacing:1px;}
#wrapper, x:-moz-any-link { letter-spacing:0;} /* FireFox 2 */
html>/**/body #wrapper, x:-moz-any-link, x:default { letter-spacing:1px;} /* FireFox 3 */
	#wrapper-left { background:url(../images/bg/i-life_bg_left.png) repeat-y left; }
	#wrapper-right { background:url(../images/bg/i-life_bg_right.png) repeat-y right; }
	
/* Header */
	#header { width:900px; overflow:hidden; background:#fff; margin:0 auto; }
		#header h1 { height:22px; background:#005496; font-size:14px; color:#E8D881; font-weight:500; padding:8px 0 0 15px;}
		#header #banner { margin:10px 0 0 20px; float:left; _margin:10px 0 0 10px; }
		#header .tel { margin:10px 20px 0 0; float:right; font-size:11px; line-height:120%; color:#3C3C3C; width:240px; overflow:hidden; }
			.tel .symbol{ float:left; margin:5px 10px 20px 0;}
			.tel p { margin-top:5px; font-size:10px;}
		#header ul { float:left; width:750px; overflow:hidden; margin:0 0 0 20px; margin/*\**/:10px 0 10px 20px\9; #margin:10px 0 0 20px; _margin:10px 0 0 10px; }
			#header ul li { float:left; padding:0 9px 0 0; list-style:none;}
			#header ul li a { color:#9f1d29; font-size:12px; background:url('../images/navigation/i-red-arrow.gif') no-repeat; padding:0 0 0 20px;}
			#header ul li a:hover { color:#133157; background:url('../images/navigation/i-blue-arrow.gif') no-repeat; text-decoration:none;}
/* menu-slider */
.menu {position:relative; background:url('../images/navigation/slide-bg.png') repeat-x bottom; height:51px; #height:51px; _height:52px; margin:0 20px;}
.menu , x:-moz-any-link { height:52px;} /* FireFox 2 */
html>/**/body .menu , x:-moz-any-link, x:default { height:54px;} /* FireFox 3 */
.menu ul {list-style:none; position:absolute; z-index:1; border-top:1px solid #d3d7e2; border-bottom:1px solid #d3d7e2; margin-left:-1px; #margin-left:0px; }
.menu ul li {float:left; border-right:2px solid #d3d7e2; width:171px; text-align:center; list-style:none; }
.menu ul li#two-line { width:170px; #width:170px;}
.menu ul li#last { border-right:none; width:170px; #width:169px;}
.menu ul li h2 {font-size:15px;}
.menu ul li.selected a {color:#9f1d29;}
.menu ul li a { color:#133157; display:block; width:100%; background:#fff; padding:13px 0 10px;}
.menu ul li#two-line a { padding:5px 0 0; width:170px; #width:170px;}
.menu ul li a:hover { text-decoration:none!important; color:#9f1d29!important;}
.menu ul li ul, .menu ul li#two-line ul { border:none; background:none; #margin-left:-85px; position:absolute; z-index:-100; }
.menu ul li ul, x:-moz-any-link { margin-top:0;} /* FireFox 2 */
.menu ul li#two-line ul, x:-moz-any-link { margin-top:-1px;} /* FireFox 2 */
html>/**/body .menu ul li ul, .menu ul li#two-line ul, x:-moz-any-link, x:default {  margin-top:0; } /* FireFox 3 */
.menu ul li ul li { display:block; float:none; border:none!important; text-align:left; color:#113358; font-size:13px; height:28px;}
.menu ul li ul li.show-list { #margin-bottom:5px; _margin-bottom:0px; }
.menu ul li ul li a, .menu ul li#two-line ul li a { color:#113358; background:url('../images/bg/list-a-trans.png') no-repeat; behavior: url(iepngfix.htc); padding:8px 0 5px 5px; width:169px; height:16px; cursor: pointer;}
.menu ul li ul li.show-list a { margin-top:6px; padding:8px 0 5px 5px; cursor:pointer;}
.menu ul li#two-line ul li.show-list a { margin-top:9px; padding:8px 0 5px 5px; cursor:pointer; _margin-top:8px;}
html>/**/body li ul li.show-list a, x:-moz-any-link, x:default { margin-top:6px!important; #margin-top:6px;}
html>/**/body li#two-line ul li.show-list a, x:-moz-any-link, x:default { margin-top:6px!important; #margin-top:9px;}

.menu ul li ul li a:hover, .menu ul li#two-line ul li a:hover { color:#113358; background:none; background:url('../images/bg/list-hover-trans.png') no-repeat!important; behavior: url(iepngfix.htc); }

#slide {position:absolute; bottom:0; height:11px; background:url('../images/navigation/arrow-trans.png'); z-index:auto; width:170px!important; behavior: url(iepngfix.htc);}
.submenu{position:absolute;z-index:1000;}
/*Content wrapper */
	#content-wrapper { margin:0 auto; width:900px; overflow:hidden; background:#ffffff; padding:10px 0 10px 0; padding/*\**/:0 0 10px 0\9; #padding:10px 0 10px 0;}
	#content-wrapper .arrow { margin:-4px 20px 0; margin/*\**/:0 20px 0\9; #margin:-2px 20px 0; background:url(../images/bg/bg-arrow.gif) repeat-x; width:860px; overflow:hidden; float:left; _float:none; }
	#content-wrapper .img-main { margin:0px 0 40px 0;}
	#content-wrapper .bottom-link{ clear:both; padding:30px 20px 0;}
	 	.bottom-link .button-right { float:right; }
		.bottom-link .button-left { float:left; }
	
	.nav-tree { height:30px; padding:10px 0 0 20px; font-size:14px; color:#7c7c7c;}
	.nav-tree span { height:17px; display:block; float:left; color:#123258; padding-right:5px;}
	.nav-tree span a { color:#123258; border-left:3px solid #a11d2a; padding:0 5px 0 10px;}
	.nav-tree a { color:#7c7c7c;}
	.nav-tree a:hover { color:#a11d2a; text-decoration:none;}
	
/*Sidebar*/	
	.sidebar { width:180px; overflow:hidden; float:left;}
		.sidebar .float-right { float:right; margin:10px 0px 0px;}
		.sidebar ul { width:178px; overflow:hidden; float:left; margin-top:10px;  }
			.sidebar ul li {font-size:14px;color:#555; list-style:none; height:41px; width:178px; background:url('../images/sidebar/list-left-bg.png') no-repeat; margin-bottom:1px; }
			.sidebar ul li a { color:#fff; font-size:12px; width:148px; height:41px; padding:0 0 0 30px; #padding:12px 0 0 30px; #height:29px; /*display:block; */ display:table-cell; #display:inline-block; vertical-align:middle; }
			.sidebar ul li a.active { background:url('../images/sidebar/list-hover-bg.png') no-repeat; #margin-bottom:1px; }
			.sidebar ul li a:hover { text-decoration:none; color:#fff;}
		/*.sidebar ul {border-top:1px solid #a8aec4; width:162px; float:right; margin-top:10px;}
			.sidebar ul li {font-size:14px;color:#555;border-bottom:1px solid #a8aec4; padding:5px 0; list-style:none;}
			.sidebar ul li a.active{color:#900;}
			.sidebar ul li a:hover{text-decoration:none;}*/
/*Content*/	
	.content { width:660px; overflow:hidden; float:right; margin:0 20px 10px 0; _margin:0 10px 10px 0;}
	.content .adoption { color:#5A5A5A; font-size:14px; padding-bottom:10px;}
	.content .adoption ul { margin-bottom:10px;}
	.content .adoption ul li{ list-style:inside; margin-left:2px; line-height:18px; }
	.content_notopmargin { width:660px; overflow:hidden; float:right; margin:0 20px 0 0; _margin:40px 10px 0 0;}
		.content h3.top { background:#adc5e6; color:#143157; padding:3px 0; #padding:3px 0 0; height:22px; margin-bottom:10px;}
			.content h3.top span { border-left:#143157 18px solid; padding:0 0 0 5px; font-size:18px;}
		.content h3 { border-top:1px solid #a8b0c3; border-bottom:1px solid #a8b0c3; padding:10px 0 8px; margin-bottom:20px; color:#516bb3; font-size:18px;}
		.content .line { padding:5px 0; overflow:hidden;}
			.line .button-left { float:left; margin-left:30px; _margin-left:20px; padding:5px 15px 5px 0; _margin-bottom:10px; width:60px; overflow:hidden; border-right:1px solid #a8b0c3;}
	  			  .button-left span { font-size:16px; color:#153157; font-weight:600; }
			.line .news { float:left; padding:5px 0 0 10px; font-size:14px; line-height:150%; color:#5A5A5A; }
		.content .border-line { background:#a8b0c3; height:1px; font-size:1px; width:660px; display:block; }
		.content .img-right { float:right; margin-left:15px;}
		.content_notopmargin .img-right { float:right; margin-left:15px;}
		.content .img-left { float:left; margin:0 15px 20px 0;}
		.content .substance { width:660px; overflow:hidden; margin-bottom:25px;}
			.substance ul { background:url(../images/red-line.gif) no-repeat top; width:332px; overflow:hidden; margin:15px 0;}
				.substance ul li { font-size:16px; font-weight: 900; line-height:175%; color:#5A5A5A; background:url(../images/red-line.gif) no-repeat bottom; padding:3px 0 3px 5px; list-style:none; }
			.substance span {font-size:11px; line-height:120%; color:#ff0000;}
				.substance .heading {font-size:18px; color:#A11D2A; font-weight:900;}
				.substance .notice { color:#FF0000; font-size:11px; clear:both; }
				.substance ol { margin-left:20px; #margin-left:30px;}
				.substance ol , x:-moz-any-link { margin-left:25px; } /* FireFox 2 */
				html>/**/body .substance ol , x:-moz-any-link, x:default { margin-left:20px; } /* FireFox 3 */
					.substance ol li { list-style:decimal outside; margin-bottom:20px;}
		.content p, .substance ol li{ font-size:14px; line-height:150%; color:#5a5a5a;}
		.content_notopmargin p, .substance ol li{ font-size:14px; line-height:150%; color:#5a5a5a;}
		.content .margin-bottom { margin-bottom:20px;}
			.margin-bottom span { font-size:14px; color:#5a5a5a; margin:3px 0 10px; float:left}
		.content h4 { background:url(../images/bg/bg-table-head.gif) repeat-x; width:100%; text-align:center; height:23px; padding-top:3px; margin-bottom:5px;}
		.content table.cms { background:#133157; border-spacing:1px; width:100%; font-size:14px; line-height:125%;
color:#5A5A5A; vertical-align:middle; margin-bottom:15px; }
					table.cms th { font-size:13px; color:#153157; background:#a4caeb; padding:3px 0; font-weight:500;}
					table.cms th span { color:#231F20; font-size:13px;}
					table.cms td { background:#fff; padding:15px 10px;}
					table.cms .row1 { width:20%; }
					table.cms .row2 { width:30%; }
					table.cms .row3 { width:50%; }
					table.cms .row4 { width:17%; }
					table.cms .row5 { width:33%; }
					table.cms .row6 { width:80%; font-size:16px; line-height:125%; color:#3C3C3C; }
					table.cms .blue { background:#a4caeb; font-size:13px; color:#231F20;}
					table.cms .cream { background:#f0ead8; }
					table.cms .point {font-size:12px; line-height:130%;}
						.point span { font-size:12px!important;}
					table.cms .cost { font-size:16px; }
						table.cms .cost span { font-size:16px; }
					table.cms span { color:#3c3c3c; font-size:14px;}
		.content .align-center { text-align:center;}
		.content .question { margin-bottom:10px; width:100%; overflow:hidden;}
			.question .q-decimal { margin-right:10px; float:left;}
		.content .answer { margin:0 10px 30px 0; float:left;}
		.content .contact { width:471px; overflow:hidden; margin:0 auto;}
		.content_notopmargin .contact { width:471px; overflow:hidden; margin:0 auto;}
			.contact ul	{ margin:10px 0;}
				.contact ul li {text-align:center; line-height:150%; list-style:none; }
				.contact ul li a { font-size:10px; color:#3C3C3C;}
		.content table.inqury { background:#153157; border-spacing:1px; width:100%;}
					table.inqury td { padding:7px 0 7px 18px; background:#fff; font-size:14px; line-height:125%; color:#3C3C3C; vertical-align:top; }
					table.inqury td.row1 {font-size:13px; color:#231F20; background:#a4caeb; width:120px; #width:120px; padding:10px 0 0 10px; #padding:10px 0 0 8px; }
					table.inqury td .short-input { width:115px!important; float:left; }
					table.inqury td .medium-input { width:186px!important; float:left; margin-top:10px;}
					table.inqury td .tel-no { width:60px!important; float:left; }
					table.inqury td .hyphen { margin:0 5px 0 6px; #margin:0 6px; width:auto!important; _width:6px!important; clear:none!important;}
					table.inqury td .text-date { display:block; width:110px; float:left; clear:both; margin-top:10px;}
					table.inqury td .inherit-input { width:296px;}
					table.inqury td .name { width:27px; _width:26px; display:block; float:left; text-align:right; padding-right:4px; _padding-right:3px;}
					table.inqury td .name, x:-moz-any-link { width:28px; padding-right:3px;} /* FireFox 2 */
					html>/**/body table.inqury td .name, x:-moz-any-link, x:default { width:27px; padding-right:4px;} /* FireFox 3 */
					table.inqury td .person { width:300px; float:left; margin:10px 0 0!important; }
					table.inqury td p { margin-bottom:10px; }
					table.inqury td p.insert { float:left; margin-bottom:0px;}
					table.inqury td p.insert span { margin-top:0; display:block; width:70px; float:left; clear:both;}
					table.inqury td p.insert .medium-input { margin-top:0; width:226px!important;}
					table.inqury td p.nomargin{margin:0px;}
					table.inqury td p.input_description{font-size:10px; padding:0 0 0 70px; display:block; clear:both;}
			.contact h3 { font-weight: 900; line-height: 150%; color:#A11D2A;}
			.contact .what-new { background:#a8b0c3; border-spacing:1px; width:100%; color:#a11d2a; font-size:18px; margin-bottom:10px;}
					.what-new td { vertical-align:middle; background:#fff; padding:3px 5px; line-height:125%; }
					.what-new .date { width:50px; padding:20px 5px;}
			.contact .detail { margin-bottom:0px;}
			.contact .spacer { clear:both;height:30px;}
			.contact #news_image {float:right; margin-left:15px;max-width:210px;}
		.content ul.sitemap { float:left; border-right:1px solid #a8b0c3; width:330px; overflow:hidden;}
			.content ul.sitemap li { background:url(../images/button/i_arrow03.gif) no-repeat 0 3px; padding-left:25px; font-size:16px; margin-bottom:15px;}
			.content ul.sitemap li a { color:#153157; text-decoration:none; }
/*				.content ul.sitemap li ul li { background: url(../images/button/i_arrow03.gif) no-repeat; list-style:none; font-size:14px; line-height:125%; margin:10px 0 -5px 0!important;}
					.content ul.sitemap li ul li a { color:#153157; }*/
		.content ul.sitemenu { float:left; width:292px; overflow:hidden; padding-left:18px; }
			.content ul.sitemenu li { background:url(../images/button/i_arrow03.gif) no-repeat 0 3px; list-style:none; font-size:16px; line-height:125%; padding-left:25px; margin-bottom:15px;}
			.content ul.sitemenu li a {color:#153157; text-decoration: none;}
		.content ul.inqury-list { margin-bottom:15px;}
			.content ul.inqury-list li {line-height:100%;}
		.content .web-cms { width:310px; height:280px; margin:0 20px 30px 0; float:left; _margin:0 15px 30px 0;}
		.content_notopmargin .web-cms { width:310px; height:300px; margin:0 20px 30px 0; float:left; _margin:0 15px 30px 0;}
			.web-cms .cms-head { border-top:1px solid #a8b0c3; border-bottom:1px solid #a8b0c3; padding:4px 0; font-size:18px;
color:#516CB3; overflow:hidden; margin-bottom:10px; width:100%;}
				.cms-head img {float:left;}
				.cms-head span { display:block; float:left; margin:5px 0 0 5px; }
			.web-cms dl dd, .web-cms dl dd a { font-size:11px; color:#A11D2A; margin:5px 0 10px; }
			.web-cms .button { background:url(../images/cms/btn-cms01.gif) no-repeat; outline:none; border:none; width:310px; height:18px; }
			.web-cms .button:hover { background:url(../images/cms/btn-cms01-02.gif) no-repeat; }
		.content .next-page { width:100%; clear:both; text-align:right; margin-right:15px;}
			.margin-top { margin-top:10px;}
			.next-page span { border-left:1px solid #4a5f7e; padding:0 4px 0 5px; font-size:12px; }
			.next-page span a { color: #153157;}
			.next-page span a:hover {color: #A11D2A; text-decoration:underline;}
		.content .cms-example { border-top:1px solid #a8b0c3; border-bottom:1px solid #a8b0c3; width:100%; overflow:hidden; padding:10px 0 0; height:230px;}
			.cms-example .externals { font-size:18px; color:#A11D2A; border-bottom:1px solid #a8b0c3; padding-bottom:5px; width:340px; float:left;}
				.externals span { background:url(../images/cms/i-arrow.gif) no-repeat 0 2px; padding-left:20px; }
				.externals span a {color: #153157;}
				.externals span a:hover {color:#A11D2A; text-decoration: underline;}
			.cms-example .cms-date { border-bottom:1px solid #a8b0c3; font-size:12px; color:#153157; width:340px; float:left; }	
			.cms-example .img-left { float:left; margin-right:9px; }
			.cms-example .display { width:340px; overflow:hidden; float:left; margin-top:10px; }
				.display span a{ font-size:11px; color:#A11D2A; }
		.content .demo_text{text-align:center;font-size:25px;}
		.content #demo_list{margin:0 auto;}
		.content #demo_list th{width:100px;padding:5px 10px; text-align:left;}
		.content #demo_list th+th{width:100px;padding:5px 10px; text-align:center;}
		.content #demo_list td{padding:5px 10px;text-align:left;}
		.content #demo_list td+td{width:50px;text-align:center;}
		.content .login { background:#153159; padding:8px 0 5px 23px; overflow: hidden; margin-bottom:10px; width:100%; overflow:hidden;}
			.login .icon { float:left; margin-right:20px;}
			.login .padding-top { padding-top:5px;}
		.content .user-input { float:left; width:225px; margin:3px 40px 0 0; _margin:3px 35px 0 0; overflow:hidden;}
		.content .input-left { background:url(../images/login/bg-input-left.gif) no-repeat; width:6px; height:27px; display:block; float:left;}
		.content .input-right { background:url(../images/login/bg-input-right.gif) no-repeat; width:7px; height:27px; display:block; float:left; }
		.content .input-bg { background:#fff url(../images/login/bg-input.gif) repeat-x; height:22px; width:200px; padding-top:5px; border:none; outline:none; color:#153159; float:left;}
		.content table.status { width:536px; margin:0 auto; font-size:16px;}
			table.status th { background:#2a5a9f; color:#fff; border-bottom:2px solid #fff; width:50%; text-align:left; padding:5px 0 5px 64px;}
			table.status td { background:#fff; color:#153159;padding:5px 0 5px 58px;}
			table.status td.row1 { padding:0;}
			table.status td.row1 span { padding:5px 0 5px 58px;}
			table.status td.row1 a { display:block; width:100%; color:#153159; padding:5px 0 5px 58px;}
			table.status td.row1 a:hover { display:block; width:100%; background:#c0d6f6; text-decoration:none; color:#153159;}
			table.status .c-icon { float:left; margin-right:10px;}
		.content .btn-center { text-align:center; padding:10px 0; width:100%; clear:both;}
		.red{color:#f00; font-size: medium;}
		#thankyou { border:1px solid #A8B0C3; padding:10px; margin-left:40px;}
		#button_send { background:url('../images/button/send.gif') no-repeat; width:71px; height:30px; border:none; outline:none; cursor:pointer; }
		#button_back { background:url('../images/button/back.gif') no-repeat; width:71px; height:30px; border:none; outline:none; cursor:pointer; }
/*Footer*/
		#pager_links_top{ margin:0px 0 10px 0; font-size:16px; text-align:right;}
		#pager_links_top #current_page{margin:0 5px;font-weight:bold;}
		#pager_links_top a{margin:0 5px;}
		
		#pager_links { text-align:right; margin:10px 0 0 0; _margin:10px 5px 0 0; font-size:16px;}
		#pager_links #current_page{margin:0 5px;font-weight:bold;}
		#pager_links a{margin:0 5px;}
		
		#pager_links_theme{clear:both;text-align:right; margin:0 0 0 0; _margin:0 5px 0 0; font-size:16px;}
		#pager_links_theme #current_page{margin:0 5px;font-weight:bold;}
		#pager_links_theme a{margin:0 5px;}
		.cms_link{margin:10px 33px 0 0px;float:left; position:relative;}
		.cms_link .txt-orange { color:#f86014; position:absolute; bottom:5px; #bottom:7px; left:25px; font-weight:600; font-size:15px;}
		.cms_link a { text-decoration:none;}
		.cms_link a:hover { text-decoration:none;}
		html>/**/body .cms_link .txt-orange, x:-moz-any-link, x:default { bottom:3px; }
		.cms_link .txt-green { color:#3c620d; position:absolute; bottom:5px; #bottom:7px; left:25px; font-weight:600; font-size:15px;}
		html>/**/body .cms_link .txt-green, x:-moz-any-link, x:default { bottom:3px; }
		.cms_link_last {margin:10px 0 0 0px;float:left; position:relative;}
		.cms_link_last .txt-brown { color:#bb3502; position:absolute; bottom:5px; #bottom:7px; left:30px; font-weight:600; font-size:15px;}
		html>/**/body .cms_link_last .txt-brown, x:-moz-any-link, x:default { bottom:3px; }
		.cms_link_last a { text-decoration:none;}
		.cms_link_last a:hover { text-decoration:none;}
		
		.text_alert{display:none;color:#F00;clear:both;padding-top:10px;font-size:10px;}
		input#submit_button {width:86px;height:37px;background: url(../images/button/btn02.png) no-repeat;border:none; cursor:pointer;}
		/*input#submit_button:hover{background: url(../images/button/btn02-02.png) no-repeat;}*/
		.thumbnail{float:left;width:311px;height:220px; overflow:hidden;margin-bottom:10px;}
	#footer { width:860px; padding:5px 20px 10px; overflow:hidden; background:#fff; margin:0 auto; clear:both; border-top:1px solid #a8b0c3; line-height:20px; color:#3C3C3C; font-size:12px; position:relative; }
	#footer .footer-list { margin:25px 0 15px 0;}
	#footer ul { width:865px; overflow:hidden;}
	#footer ul li { display:inline; list-style:none; border-left:1px solid #3C3C3C; padding:0 8px 0 13px;}
	#footer ul li.last { border-right:none;}
	#footer .copyright { font-size:13px; text-align:center; margin-top:20px; }
		#footer .scrolltop { cursor:pointer; }
		#footer a { color:#3C3C3C; text-decoration:none;}
			#footer a:hover, #footer a:active { color: #A11D2A; text-decoration: underline; }
		#footer .right { float:right;}
		#footer .logo { position:absolute; top:45px; right:13px; }
		
/* Topmenu */
.topmenu { background:#F7F7F7; border-bottom:1px solid #3e69b3; width:100%; overflow:hidden; top:0px; left:0px; position:absolute; height:30px; border-top:3px solid #3e69b3; font-family:"MS Gothic";}
.topmenu ul { width:958px; overflow:hidden; margin:8px auto 0px; font-size:11px; letter-spacing:-1px; }
.topmenu ul li { list-style:none; float:left; margin-right:10px; }
.topmenu ul li a { color:#548dd4; text-decoration:underline; }
.topmenu ul li a:hover { text-decoration:none; color:#548dd4;}
.topmenu ul li strong a{ color:#315f00;}
.topmenu ul li strong a:hover{ color:#315f00;}

/* edit 05/02/11 */
.content h3 a { color:#516bb3; font-size:18px; }
.content h3 a:hover { color:#9F1D29; }

.soudan-link, .kaigo-link { margin:10px 0 0 5px; float:left; }

