@charset "utf-8";

/* common -------------- */

body {
	margin: 0 auto;
	padding: 0;
	font-size:90%;
	background: #fff;
	background:  url(/images/common/bg2.gif) bottom center repeat-y;
}

a {
	text-decoration: none;
	color: #1B8A56;
}
	a:hover {
		color: #808080;
	}
form {
	padding:0 auto;
}
img {
	border: 0;
}
	img.border {
		border:1px solid #ddd;
	}
li {
	list-style:none;
}

input.f-submit {
	position:relative;
	top:3px;
}
.clear {
	clear:left;
	font-size:0px;
	height:0px;
	line-height:0px;
}
.notice {
	color: #ff3300;
}
.spacer { 
	height:15px;
}

li span.summary {
	font-weight:bold
}

/* layout -------------- */

#bg {
	width: 850px;
	margin: 0 auto;
}

#wrapper {
	background:  url(/images/common/bg5.gif) 10px repeat-y;
	margin-top:10px;
	padding: 0 10px 0;
	color: #303030;
	width: 830px;
}

#toplinks {
	color:#999;
	background:#fff;
	width:820px;
	height: 32px;
	text-align:right;
	margin:0;
}
	#toplinks h2 {
		font-size:1em;
		font-weight:normal;
		margin:0;
		padding:0;
	}
	#toplinks h3 {
		font-size:1em;
		margin:0;
		padding:0;
	}
	#toplinks a {
		display: inline;
		margin:auto 2px 8px;
		padding-left:-3px;
		color: #548A1E;
	}
	#toplinks a:hover {
		text-decoration:underline;
	}

#header {
	background: #fff;
	clear: left;
	margin: 0;
}
	#header h1#title {
		float: left;
		height:auto;
		margin-top:-20px;
		margin-bottom:0;
	}
	#header h1#title a {
		padding-left: 5px;
	}
	#header #title-info {
		float: right;
		width: 280px;
		height: auto;
		padding: 10px;
		margin: 8px 8px 0 0;
		border: 2px solid #fff;	
		background: #FFF5D9;
		color: #808080;
	}
		#header #title-info p {
			margin: 0;
		}
		
#headimage {
	padding-bottom:3px;
}

#leftnavi, .left-etc {
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
	#leftnavi ul {
		width: 200px;
		margin: 0;
		padding: 0;
	}

#leftnavi li a {
	outline:0;
	height:24px;
	display:block;
	text-indent:-9999px;
}
	#leftnavi li a.home {
		background:url(/images/common/menu_home.gif) no-repeat;
	}
	#home #leftnavi li#active a, #leftnavi li a:hover.home {
		background:url(/images/common/menu_home02.gif) no-repeat;
	}
	#leftnavi li a.service {
		background:url(/images/common/menu_service.gif) no-repeat;
	}
	#service #leftnavi li#active a, #leftnavi li a:hover.service {
		background:url(/images/common/menu_service02.gif) no-repeat;
	}
		#leftnavi li a.service-basic {
			background:url(/images/common/menu_service_basic.gif) no-repeat;
		}
		#servicebasic #leftnavi li#active a, #leftnavi li a:hover.service-basic {
			background:url(/images/common/menu_service_basic02.gif) no-repeat;
		}
		#leftnavi li a.service-plus {
			background:url(/images/common/menu_service_plus.gif) no-repeat;
		}
		#serviceplus #leftnavi li#active a, #leftnavi li a:hover.service-plus {
			background:url(/images/common/menu_service_plus02.gif) no-repeat;
		}
		#leftnavi li a.service-easy {
			background:url(/images/common/menu_service_easy.gif) no-repeat;
		}
		#serviceeasy #leftnavi li#active a, #leftnavi li a:hover.service-easy {
			background:url(/images/common/menu_service_easy02.gif) no-repeat;
		}
		#leftnavi li a.service-feature {
			background:url(/images/common/menu_service_feature.gif) no-repeat;
		}
		#servicefeature #leftnavi li#active a, #leftnavi li a:hover.service-feature {
			background:url(/images/common/menu_service_feature02.gif) no-repeat;
		}
		#leftnavi li a.service-system {
			background:url(/images/common/menu_service_system.gif) no-repeat;
		}
		#servicesystem #leftnavi li#active a, #leftnavi li a:hover.service-system {
			background:url(/images/common/menu_service_system02.gif) no-repeat;
		}
		#leftnavi li a.service-rules {
			background:url(/images/common/menu_service_rules.gif) no-repeat;
		}
		#servicerules #leftnavi li#active a, #leftnavi li a:hover.service-rules {
			background:url(/images/common/menu_service_rules02.gif) no-repeat;
		}
		#leftnavi li a.service-flow {
			background:url(/images/common/menu_service_flow.gif) no-repeat;
		}
		#serviceflow #leftnavi li#active a, #leftnavi li a:hover.service-flow {
			background:url(/images/common/menu_service_flow02.gif) no-repeat;
		}
	#leftnavi li a.template {
		background:url(/images/common/menu_template.gif) no-repeat;
	}
	#template #leftnavi li#active a, #leftnavi li a:hover.template {
		background:url(/images/common/menu_template02.gif) no-repeat;
	}
		#leftnavi li a.template-layout {
			background:url(/images/common/menu_template_layout.gif) no-repeat;
		}
		#templatelayout #leftnavi li#active a, #leftnavi li a:hover.template-layout {
			background:url(/images/common/menu_template_layout02.gif) no-repeat;
		}
		#leftnavi li a.template-background {
			background:url(/images/common/menu_template_background.gif) no-repeat;
		}
		#templatebackground #leftnavi li#active a, #leftnavi li a:hover.template-background {
			background:url(/images/common/menu_template_background02.gif) no-repeat;
		}
		#leftnavi li a.template-category01 {
			background:url(/images/common/menu_template_category01.gif) no-repeat;
		}
		#templatecategory01 #leftnavi li#active a, #leftnavi li a:hover.template-category01 {
			background:url(/images/common/menu_template_category0102.gif) no-repeat;
		}
		#leftnavi li a.template-category02 {
			background:url(/images/common/menu_template_category02.gif) no-repeat;
		}
		#templatecategory02 #leftnavi li#active a, #leftnavi li a:hover.template-category02 {
			background:url(/images/common/menu_template_category0202.gif) no-repeat;
		}
		#leftnavi li a.template-category03 {
			background:url(/images/common/menu_template_category03.gif) no-repeat;
		}
		#templatecategory03 #leftnavi li#active a, #leftnavi li a:hover.template-category03 {
			background:url(/images/common/menu_template_category0302.gif) no-repeat;
		}





.left-etc {
	clear: left;
	float: left;
	background:#e7e7e7;
	padding-top:10px;
}
	.left-etc div.bn a {
		outline:0;
		background: url(/images/common/bann_agency.gif) no-repeat right;
		display:block;
		text-indent:-9999px;
		margin:0 auto;
		padding:0;
		height:76px;
		width:192px;
	}
		.left-etc div.bn a:hover {
			background: url(/images/common/bann_agency_mouseover.gif);
			display:block;
			text-indent:-9999px;
		}

	.left-etc .signin {
		margin: 2px 0px 10px 0;
		padding: 10px 10px 5px 10px;
		background: #FFF5D9;
		color: #6B6B6B;
	}
		.left-etc .signin .input-text {
			width:9em;
		}

#quote {
	margin: 15px 0 0 0;
	border: 2px solid #fff;
	background: #E5EFF9 url(/images/common/plavo.gif);
	padding: 3px 3px 3px 6px;
	color: #70C256;
}

#quote a, #quote a:visited {
	display: inline;
	border: none;	
}

#top-container {
	margin:  0 10px 5px 205px;
	line-height: 1.4em;
	background:transparent url(/images/common/clanak.gif) repeat-x bottom left;
}

	#top-container h2 {
		padding:0;
		margin:0;
	}
	
	#top-container h3 {
		padding:0;
		margin:5px 0;
	}
		#privacy #top-container h3 {
				text-indent:1em;
				background: url(/images/common/bg_h.gif) bottom left repeat-x;
				padding: 5px 0;
				margin:10px 0;
				font-size: 1.1em;
			}

	#top-container p {
		margin: 0 0.8em;
		padding-bottom:1em;
	}
	#top-container p.footnote {
		font-size:0.8em;
		padding:3px auto auto 1em;
		padding-top:3px;
	}
	#top-container ul.ul03 li {
		padding:0 0 0 14px;
		background: url(/images/common/arrow03.gif) left no-repeat;
	}
	
	div.home-container1 {
		float:left;
		width:280px;
		margin:4px 6px 4px 2px;
		padding:6px;
		background:#fff;
		border:1px solid #CDB203;
	}
	
	/* container easy */
	div.container-easy {
		width:606px;
		/* background-color:#EBE3AF; */
		background-color:#f7f7f7;
		border-bottom:1px solid #A58701;
		margin:0 5px;
		padding:5px 0 10px 6px;
	}
	/* container basic */
	div.container-basic {
		width:606px;
		/* background-color:#D0E3BD; */
		background-color:#f2f2f2;
		border-bottom:1px solid #aaa;
		margin:0 5px;
		padding:5px 0 10px 6px;
	}


	/* container etc */
	table.container-etc {
		width:auto;
		margin:0 auto;
		padding:auto;
		display:block;
	}
		div.round-top-etc {
			background: url(/images/common/bg_table_etc_top.gif) no-repeat bottom left;
		}
		div.round-top-etc span {
			height: 13px;
			display: block;
		}
		div.round-body-etc {
			background: url(/images/common/bg_table_etc_body.gif) repeat-y left;
			line-height:1.2em;
			padding: 0 3.5em 0 3em;
		}
		div.round-bottom-etc {
			background: url(/images/common/bg_table_etc_bottom.gif) no-repeat top left;
			padding-bottom:5px;
		}
		div.round-bottom-etc span {
			height: 14px;
			display: block;
		}


.date {
	text-align:right;
	margin: 0 0 5px 5px;
	padding-right:10px;
	height: 30px;
	border-top: 1px solid #eee;
	font-size: 85.01%;
	color: #808080;
	clear:right;
}
div.textright {
	text-align:right;
	margin: 0 0 5px 5px;
	padding-right:10px;
	height: 30px;
	border-top: 1px solid #eee;
	color: #808080;
	clear:right;
}
.button-contact a {
	outline:0;
	background: url(/images/common/button_contact.gif) no-repeat bottom right;
	display:block;
	text-indent:-9999px;
	margin: 0 0 0 auto;
	padding:0;
	height:27px;
	width:200px;
	clear:right;
}
.button-contact a:hover {
	background: url(/images/common/button_contact_mouseover.gif) no-repeat bottom right;
	display:block;
	text-indent:-9999px;
}

#footer {
	background:#fff;
	border-top:1px solid #e7e7e7;
	text-align: right;
	margin: 0;
	padding:10px 0;
}
	#footer p {
		text-align:center;
		color:#999;
		padding:0;
		margin:5px;
	}
		#footer p a:link, #footer p a:visited {
			color:#548A1E;
		}
		#footer p a:hover {
			text-decoration:underline;
		}

/* table ============== */

table, tr, td {
	border-collapse: collapse;
}

table.table1 td {
	text-align:center;
	border:1px solid #999;
	padding:4px;
}

table.table2 td {
	border:1px solid #999;
	padding:4px;
}

table.table3 td {
	border: 1px solid #ccc;
	padding:4px;
}
table.table3 caption {
	font-weight:bold;
}
	table.table3 td.columnname {
		border: 1px solid #ccc;
		padding:4px;
		background:#eee;
		font-weight:bold;
	}
	table.table3 th.columnname {
		border: 1px solid #ccc;
		padding:4px;
		background:#eee;
		font-weight:bold;
	}


table.table4 {
	margin-bottom:20px;
}
	table.table4 td {
		padding:2px 8px;
	}
	table.table4 td.td1 {
		border-bottom:2px solid #548A1E;
	}
	table.table4 td.td2 {
		border-bottom:1px dotted #548A1E;
	}
table.table5 {
	margin:0 auto 10px;
}
	table.table5 td {
		margin:0 auto;
		padding:0;
	}

/* #home */
#home td.concept {
	background:url(/images/top_home02.jpg);
	height:58px;
}
	#home td.concept h3 {
		display:inline;
		width:200px;
	}
		#home td.concept h3 a {
			background:url(/images/concept.gif) right no-repeat;
			display:block;
			text-indent:-9999px;
			font-size:0;
			width:155px;
			height:31px;
			padding:0;
			margin:0 18px 18px auto;
		}
		#home td.concept a:hover {
			background:url(/images/concept_mouseover.gif) right no-repeat;
			display:block;
			text-indent:-9999px;
		}

#home #top-container {
	margin:0 0 5px 5px;
}
#home td.home-left {
	background-color:#e7e7e7;
}
#home td.home-left h2 {
	padding: 0;
	margin:10px 0 0;
}
.container {
	margin:-4px 2px 10px 4px;
	padding:4px 8px;
	border:0px;
}
#home .container {
	margin:-4px 12px 10px 2px;
	background:#f7f7f7;
	border:1px solid #bbb;
}
	.container ul {
		padding: 0;
	}
	.container li.indent2 {
		margin:0 4px 6px 8px;
		padding:0 0 0 8px;
		border-bottom:1px solid #eee;
		border-left:6px solid #ddd;
	}


#home td.home-left div.easy-button a {
	outline:0;
	background:url(/images/home_button_easy.gif) right no-repeat;
	display:block;
	text-indent:-9999px;
	margin: 0 8px 0 auto;
	height:36px;
	width:294px;
}
	#home td.home-left div.easy-button a:hover {
		outline:0;
		background:url(/images/home_button_easy_mouseover.gif) right no-repeat;
		display:block;
		text-indent:-9999px;
	}

#home td.home-left .container-easy a img,
#home td.home-left .container-basic a img {
	padding:2px;
}
#home td.home-left .container-easy a:hover img,
#home td.home-left .container-basic a:hover img {
	padding:0;
	border:2px solid #888;
}
#home .date {
	margin:0;
	background:#e7e7e7;
}
#home #Map area {
	background: url(/images/concept_mouseover.gif) no-repeat;
}

/* service */

#servicefeature #top-container table.table5 td a img,
#serviceeasy #top-container table.table5 td a img,
#serviceplus #top-container table.table5 td a img,
#servicebasic #top-container table.table5 td a img {
	margin:0;
	padding:2px;
}
#servicefeature #top-container table.table5 td a:hover img,
#serviceeasy #top-container table.table5 td a:hover img,
#serviceplus #top-container table.table5 td a:hover img,
#servicebasic #top-container table.table5 td a:hover img {
	padding:0;
	border:2px solid #888;
}


/* service --- feature */

#servicefeature #top-container p.left {
	width:100px;
	display:inline;
	float:left;
	margin: 0 0 0 0.8em;
}
#servicefeature #top-container p.right {
	width:470px;
	display:inline;
	float:right;
	margin: 0 0.8em 0 0;
}