﻿@charset "utf-8";
@import url("common.css");

/* -------------------------------------------------------
   Home Top
------------------------------------------------------- */
#home-top {
	width         : 100%;
	height        : 250px;
	margin        : 0;
	padding       : 0;
	border-bottom : 3px solid #A2C445;
}

#home-top-wrapper {
	width      : 900px;
	height     : 250px;
	margin     : 0 auto;
	padding    : 30px 0 0 0;
	background : url("../images/home-top-bg.gif") no-repeat;
}

#home-top-wrapper h2 {
	margin      : 0 0 5px 70px;
	padding     : 0 0 0 10px;
	border-left : 5px solid #72c236;
	color       : #2ba94f;
	font-size   : 24px;
	line-height : 30px;
}

#home-top-wrapper .sentence {
	width   : 400px;
	margin  : 30px 0 0 70px;
	padding : 0;
}

* html body #home-top-wrapper {
	padding : 0;
}

* html body #home-top-wrapper h2 {
	margin : 30px 0 5px 70px;
}

/* -------------------------------------------------------
   content
------------------------------------------------------- */
#home-left {
	float   : left;
	width   : 500px;
	margin  : 0;
	padding : 0;
}

#home-right {
	float      : right;
	width      : 348px;
	margin     : 0;
	padding    : 0;
	border     : 1px dotted #A2C445;
	text-align : center;
}

/* -------------------------------------------------------
   home-left
------------------------------------------------------- */
#content h3 {
	margin      : 0 0 5px 0;
	padding     : 0 0 0 10px;
	border-left : 5px solid #72c236;
	color       : #2ba94f;
	font-size   : 24px;
	line-height : 30px;
}

#content .site-info {
	margin  : 0;
	padding : 0 5px 0 0;
}

#content .info-left {
	float      : left;
	width      : 240px;
	margin     : 0 10px 0 0;
	padding    : 0;
	background : #f9f9f9;
}

#content .info-right {
	float      : left;
	width      : 240px;
	margin     : 0;
	padding    : 0;
	background : #f9f9f9;
}

* html body #content .info-last {
	margin : 0 -2px 0 0;
}

#content .info-left h4,
#content .info-right h4 {
	width         : 225px;
	margin        : 5px 0 5px 5px;
	padding       : 0 0 0 5px;
	border-bottom : 2px dotted #72c236;
	color         : #72c236;
	font-size     : 18px;
}

#content .info-image {
	text-align : center;
}

#content .info-left p,
#content .info-right p {
	width         : 220px;
	padding       : 0 0 0 10px;
}

/* -------------------------------------------------------
   home-right
------------------------------------------------------- */
#home-right h4 {
	margin        : 10px 10px 0 10px;
	padding       : 0 0 0 10px;
	border-bottom : 3px solid #a2c445;
	text-align    : left;
}

#home-right .news {
	text-align : left;
}

#home-right .news ul {
	margin  : 10px 10px 10px 25px;
	padding : 0;
}

/* -------------------------------------------------------
   case
------------------------------------------------------- */
#content .case-list {
	margin  : 0;
	padding : 0 5px;
}

#content .case {
	float   : left;
	width   : 260px;
	margin  : 0 30px 0 0;
	padding : 0;
}

#content .case-last {
	float   : left;
	width   : 260px;
	margin  : 0;
	padding : 0;
}

* html body #content .case-last {
	margin : 0 -2px 0 0;
}

#content .case h4,
#content .case-last h4 {
	width         : 260px;
	margin        : 0 0 5px 0;
	border-bottom : 2px dotted #72c236;
	font-size     : 18px;
}

#content .case h4 a,
#content .case-last h4 a {
	text-decoration : none;
}

#content .capcha {
	margin     : 5px 0 0 0;
	text-align : center;
}