@charset "utf-8";
@import "init.css";

body 		{ background-color:#ffffff; color:#444444; }

header.global 		{ background-color:#ffffff;}
header.global h1 	{}
header.global h2 	{ padding:0px 0px 0px 20px; font-size:10px; line-height:1.3em;  }

.frame 		{ clear:both; width:800px; margin:0px auto 0px auto; padding:20px 0px 20px 0px; }

footer.global 				{ clear:both; margin:20px 0px 0px 0px; padding:10px 0px 50px 0px; text-align:center; border-top:solid 1px #dddddd; }
footer.global nav 			{ padding:0px 20px 10px 20px; }
footer.global nav a 		{ color:#666666; text-decoration:none; }
footer.global nav a:hover 	{ color:#999999; }
footer.global nav a img 	{ vertical-align:top; }
footer.global p small 		{ font-size:9px; }
footer.global p small a img { margin:0px 10px 0px 10px; vertical-align:baseline; }

.clear 				{ clear:both; }

input.btn-search 	{ width:120px; height:15px; padding:0px; margin:0px 0px 0px 7px; border:0px solid; background:url(img/searchanime.gif) center left no-repeat; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// index //*/
#index #main 		{ float:left; width:570px; padding:0px 0px 20px 0px; }
#index #main h1#mess{ padding:10px 0px 50px 0px; }
#index #main nav 	{ position:relative; }
#index #main nav .c1 	{ position:absolute; width:80px; }
#index #main nav .c2 	{ position:absolute; width:100px; }
#index #main nav .c3 	{ position:absolute; width:140px; }
#index #main nav a 		{ text-decoration:none; }
#index #main nav h2 	{ background:url(img/nav_grad.gif) left bottom no-repeat; }
#index #main nav .c1 h3 { width:45px; }
#index #main nav .c2 h3,
#index #main nav .c3 h3 { float:left; width:45px; }
#index #main nav h3 a	{ color:#666666; }
#index #main nav h3 a:hover	{ color:#999999; }
#index #main nav #a1 	{ top:0px; left:450px; z-index:10; }
#index #main nav #a2 	{ top:120px; left:450px; z-index:9; }
#index #main nav #a3 	{ top:0px; left:190px; z-index:8; }
#index #main nav #a4 	{ top:180px; left:340px; z-index:7; }
#index #main nav #a5 	{ top:30px; left:70px; z-index:6; }
#index #main nav #a6 	{ top:215px; left:230px; z-index:5; }
#index #main nav #a7 	{ top:130px; left:0px; z-index:4; }

#index #side 			{ float:right; width:200px; padding:0px 0px 20px 0px; }
#index #side nav,
#index #side section 	{ width:198px; border:solid 1px #cccccc; margin:0px 0px 10px 0px; }
#index #side .text 		{ width:190px; margin:1px; }

#index #info 				{}
#index #info div 			{ height:300px; overflow:scroll; overflow-y: scroll; overflow-x: hidden;}
#index #info article time 	{ display:block; padding:5px 10px 0px 10px; color:#999999; font-size:10px; border-bottom: dotted 1px #cccccc; }
#index #info article h1 	{ margin:5px 10px 10px 10px; padding:0px 0px 0px 24px; background:url(img/icon_up2.gif) left top no-repeat; }
#index #info article h1.new	{ background:url(img/icon_new.gif) left top no-repeat; }

#index #mobile 			{}
#index #mobile small 	{ display:block; padding:0px 0px 10px 0px; font-size:10px; text-align:center; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// search //*/
#search nav 		{ width:190px; padding:30px 0px 0px 0px; }
#search nav label	{ display:block; color:#6D6D98; }
#search nav form 	{ margin:20px 0px 0px 0px; }
#search nav select 	{ width:180px; }
#search nav .text 	{ width:175px; }
#search nav input.btn-search { margin:5px 0px 5px 0px; }

#search-list 			{ float:right; width:600px; padding:0px 0px 100px 0px; }
#search-list .key,
#search-list .area 		{ padding:30px 10px 0px 0px; margin:0px 0px 0px 0px; color:#6D6D98; vertical-align:bottom; }
#search-list .key em,
#search-list .area em	{ font-size:18px; }
#search-list .division 	{ padding:0px 10px 10px 0px; margin:30px 0px 0px 0px; font-size:16px; color:#6D6D98; background:url(img/area_bottom.gif) left bottom no-repeat; }
#search-list .address 	{ padding:30px 0px 5px 0px; font-size:14px; color:#6D6D98; border-bottom:solid 1px #999999; }
#search-list .notfound 		{ padding:30px 0px 0px 0px; }
#search-list .notfound img 	{ margin:0px 10px 0px 0px; vertical-align:baseline; }

#search-list article:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#search-list article 		{ display: inline-table; min-height: 1%; }
* html #search-list article { height: 1%; }
#search-list article 		{ display: block; }

#search-list article 		{ position:relative; clear:both; width:100%; margin:5px 0px 5px 0px; border-bottom:solid 1px #999999; }
#search-list article h1 	{ float:left; width:275px; padding:0px 0px 5px 25px; }
#search-list article h1 	{ background:url(../file/img/building.gif) left top no-repeat; }
#search-list article h1.new	{ background:url(../file/img/icon_new.gif) left top no-repeat; }
#search-list article h1.up	{ background:url(../file/img/icon_up2.gif) left top no-repeat; }
#search-list article h1 a 	{ color:#444444; text-decoration:none; }
#search-list article address{ float:left; width:300px; padding:0px 0px 5px 0px; }
#search-list article .close { position:absolute; display:none; left:580px; top:3px; cursor:pointer; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// attention //*/
#attention 		{ width:500px; }
#attention h1 	{ background:url(img/riyou_bg.gif) left top repeat-x;}
#attention p 	{ padding:20px 0px 20px 0px; }
#attention ul 	{ padding:20px; background-color:#99E6CC; list-style:none; }
#attention li 	{ margin-left:1.5em; text-indent:-1.5em; }
#attention li b { color:#66cc99; }
#attention footer { text-align:right; padding:10px 20px 0px 0px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// privacy //*/
#privacy 			{ }
#privacy header h1 	{ background:url(img/privacy_bg.gif) left top repeat-x;}
#privacy header p 	{ padding:20px; }
#privacy #pri-guideline { margin:0px 0px 10px 0px; padding:20px 40px 20px 20px; background-color:#fddee1; }
#privacy #pri-guideline .clear { padding:0px 0px 0px 580px; }
#privacy h2 		{ font-weight:bold; }
#privacy ol 		{ list-style:decimal; }
#privacy li.no 		{ padding:0px 0px 20px 0px; margin:0px 0px 0px 20px; }
#privacy footer address { padding:10px 0px 10px 600px; }
#privacy footer p 		{ border-bottom:solid 1px #999999;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// contact //*/
#application 		{ width:750px; }
#application #g1,
#application #g2,
#application #g3,
#application #g4,
#application ol,
#application ul 	{ float:left; }
#application ol,
#application ul 	{ margin:0px 0px 0px 15px; }
#application img 	{ display:block; }
#application ol 	{ list-style:decimal; padding:0px 0px 10px 20px; }
#application ol li 	{ padding:5px; color:#000000; }
#application table 	{ clear:both; width:100%; margin:20px 0px 20px 0px; background-color:#eeeeee; }
#application th 	{ width:140px; vertical-align:top; }
#application th,
#application td 	{ padding:15px; border-bottom:dotted 1px #000000; color:#000000; }
#application .nb th,
#application .nb td { border:none; }
#application td b 	{ font-size:14px; color:#453E94; }
#application p 		{}

#application address { padding:0px 0px 0px 10px; margin:0px 0px 0px 500px; border-left:solid 1px #999999; }
#application address em { font-size:14px; font-weight:bold; letter-spacing:2px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// contact //*/
#contact 		{ width:650px; }
#contact h1 	{}
#contact hr 	{ clear:both; border:none; border-top:solid 1px #cc6666; }
#contact th,
#contact td 	{ border-bottom:solid 1px #cc6666; }
#contact th 	{ vertical-align:top; }
#contact td 	{ width:470px; padding:10px; }
#contact b 		{ color:#ff0000; }
#contact #mes 	{ clear:both; margin:10px 0px 10px 0px; padding:10px; border:solid 2px #cc6666;}
#contact label 	{ display:block; float:left; width:60px; margin:10px 10px 0px 0px; }
#contact small 	{ font-size:10px; padding:0px 0px 0px 10px; }
#contact .error { clear:both; color:#ff0000; }
#contact select,
#contact input 	{ margin:10px 0px 0px 0px; vertical-align:middle; }
#contact textarea { width:470px;}
#contact #btn { text-align:center; background-color:#cc6666;}
#contact #btn input { margin:10px 10px 10px 10px;}

#contact #confirm p 		{ padding:10px 0px 10px 0px; }
#contact #confirm table 	{ width:100%; }
#contact #confirm table th,
#contact #confirm table td 	{ padding:5px 10px 5px 10px; border-top:solid 1px #cc6666; border-bottom:none; }
#contact #confirm table th 	{ width:200px; background-color:#eeeeee; color:#666666; }
#contact #confirm table td 	{ font-size:14px; }

#contact #finish 		{ padding:200px 0px 200px 0px; text-align:center; }
#contact #finish-error 	{ padding:160px 0px 200px 0px; text-align:center; color:#ff0000; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// contact //*/
#sitemap {}
#sitemap h1 	{ padding:0px 0px 10px 0px; font-size:18px; font-weight:bold; text-transform:uppercase; }
#sitemap ul 	{ list-style:disc; margin:0px 0px 0px 20px; }
#sitemap li a 	{ color:#6D6D98; font-size:14px; }

#sitemap .l 	{ width:350px; float:left; padding:0px 0px 30px 0px; }
#sitemap .r 	{ width:350px; float:right; padding:0px 0px 30px 0px; }
#sitemap a 		{ color:#666666; padding:0px 0px 0px 5px; }
#sitemap h2 	{ margin:15px 0px 5px 0px; padding:5px 10px 5px 5px; background-color:#6D6D98;}
#sitemap h2 a	{ color:#ffffff; font-size:18px; }
#sitemap h3 	{ margin:10px 0px 0px 0px; padding:2px 5px 2px 0px; background-color:#eeeeee; border:solid 1px #6D6D98;}
#sitemap h3 a	{ color:#6D6D98; font-size:14px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// maintenance //*/
#maintenance 	{ width:auto; padding:0px; margin:0px; }
#maintenance h1 { position:absolute; top:50%; width:100%; margin:0px auto 0px auto; color:#ff0000; text-align:center; }