@charset "utf-8";


/*+++++++++++++++++++++++++++++++++++
@import
++++++++++++++++++++++++++++++++++++*/
@import url("reset.css");

/*+++++++++++++++++++++++++++++++++++
body
++++++++++++++++++++++++++++++++++++*/
body {
	color		:#333;
}
/*+++++++++++++++++++++++++++++++++++
Common Settings
++++++++++++++++++++++++++++++++++++*/
.inner {
	width		:900px;
	margin		:0 auto;
}
.fleft 		{float:left;}
.fright 	{float:right;}
.width200 	{width:200px;}
.width220 	{width:220px;}
.width260 	{width:260px;}
.width290 	{width:290px;}
.width300 	{width:300px;}
.width320 	{width:320px;}
.width350 	{width:350px;}
.width410 	{width:410px;}
.width420 	{width:420px;}
.center 	{text-align:center;}
.right 		{text-align:right;}
.bold 		{font-weight:bold;}
.red 		{color:#e60012;}
.clear:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
span.external {
	padding-left	:17px;
	background	:url(../img/external.png) no-repeat 0 1px;
}
span.arrow {
	padding-left	:14px;
	background	:url(../img/side_arrow.png) no-repeat 0 2px;
}
* html .clear {zoom:1;}  /* IE6 */
*:first-child+html .clear {zoom:1;} /* IE7 */
.section-body:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
* html .section-body {zoom:1;}  /* IE6 */
*:first-child+html .section-body {zoom:1;} /* IE7 */
/*+++++++++++++++++++++++++++++++++++
Basic Anchor Settings
++++++++++++++++++++++++++++++++++++*/
a {
	color		:#638c0b;
	text-decoration	:none;
}
a:visited {
	color		:#638c0b;
	text-decoration	:none;
}
a:hover {
	color		:#263700;
	text-decoration	:none;
}
#main a {
	color		:#638c0b;
	text-decoration	:underline;
}
#main a:visited {
	color		:#638c0b;
	text-decoration	:underline;
}
#main a:hover {
	color		:#263700;
	text-decoration	:underline;
}
/*+++++++++++++++++++++++++++++++++++
#header
++++++++++++++++++++++++++++++++++++*/
#header {
	padding		:15px 0 13px;
	line-height	:1;
	background	:#638c0b;
}
#header h1 {
	float		:left;
}
#header ul {
	padding		:2px 2px 0 0;
	float		:right;
}
#header ul li {
	float		:left;
	margin-left	:8px;
}
/*+++++++++++++++++++++++++++++++++++
#menu
++++++++++++++++++++++++++++++++++++*/
#menu {
	background	:#638c0b;
}
#menu ul li {
	float		:left;
	padding		:0 2px;
}
#menu ul li a {
	display		:block;
	width		:146px;
	height		:38px;
}
#menu ul li a span {
	display		:none;
}
#menu ul li.home a 		{background:url(../img/menu_home_off.png) no-repeat;}
#menu ul li.home a:hover 	{background:url(../img/menu_home_on.png) no-repeat;}
#menu ul li.homec a 		{background:url(../img/menu_home_on.png) no-repeat;}
#menu ul li.service a 		{background:url(../img/menu_service_off.png) no-repeat;}
#menu ul li.service a:hover 	{background:url(../img/menu_service_on.png) no-repeat;}
#menu ul li.servicec a 		{background:url(../img/menu_service_on.png) no-repeat;}
#menu ul li.flow a 		{background:url(../img/menu_flow_off.png) no-repeat;}
#menu ul li.flow a:hover 	{background:url(../img/menu_flow_on.png) no-repeat;}
#menu ul li.flowc a 		{background:url(../img/menu_flow_on.png) no-repeat;}
#menu ul li.showcase a 		{background:url(../img/menu_showcase_off.png) no-repeat;}
#menu ul li.showcase a:hover 	{background:url(../img/menu_showcase_on.png) no-repeat;}
#menu ul li.showcasec a 	{background:url(../img/menu_showcase_on.png) no-repeat;}
#menu ul li.faq a 		{background:url(../img/menu_faq_off.png) no-repeat;}
#menu ul li.faq a:hover 	{background:url(../img/menu_faq_on.png) no-repeat;}
#menu ul li.faqc a 		{background:url(../img/menu_faq_on.png) no-repeat;}
#menu ul li.order a 		{background:url(../img/menu_order_off.png) no-repeat;}
#menu ul li.order a:hover 	{background:url(../img/menu_order_on.png) no-repeat;}
#menu ul li.orderc a 		{background:url(../img/menu_order_on.png) no-repeat;}
/*+++++++++++++++++++++++++++++++++++
#wrapper
++++++++++++++++++++++++++++++++++++*/
#wrapper {
	margin-bottom	:40px;
	padding		:45px 0 0;
	background	:url(../img/wrapper_bg.png) repeat-x;
}
#wrapper .path {
	margin-bottom	:10px;
	font-size	:1.1em;
}
/*+++++++++++++++++++++++++++++++++++
#main
++++++++++++++++++++++++++++++++++++*/
#main {
	float		:right;
	width		:650px;
	font-size	:1.3em;
}
#main p {
	margin-bottom	:1.2em;
}
#main h2 {
	margin-bottom	:20px;
	padding-bottom	:10px;
	border-bottom	:1px solid #ccc;
}
#main .banner {
	margin-top	:60px;
}
#main .pagetop {
	margin-top	:20px;
	text-align	:right;
}
#main .section {
	margin-bottom	:40px;
}
#main .section-header {
	margin-bottom	:30px;
}
#main .section-body {
	margin		:0 10px;
}
/* table */
table {
	width		:100%;
}
table th {
	padding		:8px 20px 6px 10px;
}
table th,
table td {
	border		:1px solid #9f9f9f;
}
table.green th {
	font-weight	:bold;
	vertical-align	:top;
	background	:#eef9d6;
}
table.green td {
	width		:100%;
	padding		:8px 10px 6px;
}
table.blue th {
	background	:#d7f2ff;
}
table.blue td {
	padding		:8px 25px 6px;
	text-align	:center;
}
/*+++++++++++++++++++++++++++++++++++
#side
++++++++++++++++++++++++++++++++++++*/
#side {
	float		:left;
	width		:200px;
}
#side ul {
	border-top	:1px dotted #999;
}
#side ul li {
	padding		:10px 0 8px 15px;
	font-size	:1.2em;
	border-bottom	:1px dotted #999;
	background	:url(../img/side_arrow.png) no-repeat 0 15px;
}
/*+++++++++++++++++++++++++++++++++++
#footer
++++++++++++++++++++++++++++++++++++*/
#footer {
	padding		:24px 0;
	line-height	:1;
	background	:url(../img/footer_bg.png) repeat-x;
}
#footer ul.footer-menu {
	margin-bottom	:12px;
}
#footer ul.footer-menu li {
	display		:inline;
	margin-right	:20px;
	padding-left	:12px;
	background	:url(../img/footer_arrow.png) no-repeat 0 1px;
	font-size	:1.2em;
}
#footer address {
	margin-top	:20px;
}
