@charset "UTF-8";

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 62.5%;
	color: #333;
	line-height: 1.3;
	background: #FFF url(../img/body/bg.gif) repeat-x;
}
a {
	color: #339933;
	text-decoration: none;
}
a:hover {
	color: #006600;
}
#container {
	width: 970px;
	margin: 0 auto;
}

/* @group Header */
#header {
	position: relative;
	width: 970px;
	height: 90px;
	padding-top: 5px;
	background: url(../img/header/bg.jpg) no-repeat left top;
}
#header h1 {
	float: left;
}
#header #description {
	float: right;
	padding-top: 5px;
}
#header ul#menu {
	position: absolute;
	top: 39px;
	left: 139px;
}
#header ul#menu {
	padding-left: 30px;
}
#header ul#menu li {
	float: left;
}
#header ul#menu li img {
	float: left;
	padding-right: 3px;
}
/* @end */

/* Content */
#content {
	float: left;
	width: 970px;
	background: url(../img/sidenavi/bg.gif) repeat-y 164px;
}

/* @group Side Menu */
#content #sidemenu {
	float: left;
	width: 192px;
}
#content #sidemenu ul,
#content #sidemenu ul li {
	clear: both;
}
#content #sidemenu ul {
	width: 192px;
}
#content #sidemenu ul li img {
	vertical-align: bottom;	
}
#content #sidemenu ul li.btnAssist {
	background: url(../img/sidenavi/btn-assist.gif) no-repeat left bottom;
}
#content #sidemenu ul li img#bnr_contact {
	padding: 10px 0 0 6px;
}
/* @end */

/* Main */
#content #main {
	float: left;
	width: 778px;
	background: url(../img/main/bg.gif) repeat-y 12px top;
}

/* @group Content Title */
#content #main #contTitle {
	float: left;
	width: 765px;
	padding: 10px 0 0 13px;
	background: #FFF;
}
#content #main #contTitle #flow {
	color: #666;
}
#content #main #contTitle #flow strong {
	color: #000;
	font-weight: normal;
}
#content #main #contTitle h3 {
	padding-top: 5px;
}
/* @end */

/* @group Content Image */
#content #main #contImg {
	float: left;
	width: 213px;
}
#content #main .imgA {
	padding-top: 80px;
}
#content #main .imgB {
	padding-top: 0px;
}
#content #main .imgC {
	padding-top: 50px;
}
#content #main .imgD {
	padding-top: 40px;
}
#content #main .imgE {
	padding-top: 0px;
}
#content #main .imgF {
	padding-top: 40px;
}
#content #main .imgContact {
	padding-top: 10px;
}
#content #main .imgPrivacy {
	padding-top: 40px;
}

/* @group for Company Info */
#content #main #presidentImg {
	float: left;
	width: 150px;
	padding: 50px 0 0 63px;
}
#content #main #presidentImg img {
 	border: 1px solid #CCC;
}
/* @end */

/* @end */

/* @group Content Main */
#content #main #contRead {
	float: left;
	width: 515px;
	font-size: 1.2em;
	padding: 50px 50px 30px 0;
}
#content #main #contRead h4 {
	color: #000;
	font-size: 1.4em;
	padding-bottom: 15px;
}
#content #main #contRead p {
	font-size: 1.1em;
	line-height: 1.6;
	padding-bottom: 15px;
}

/* @group Box */
#content #main #box {
	padding: 16px;
	margin-bottom: 10px;
	background: #EFEFEF;
}
#content #main #box #boxTitle {
	color: #006600;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
}
#content #main #box p {
	font-size: 1.1em;
	line-height: 1.3;
	padding-bottom: 0;
}
#content #main #box ul li {
	padding-bottom: 2px;
	list-style-position: inside;
	list-style-type: disc;
}
#content #main #box ul li.seminar {
	padding-top: 10px;
	margin-top: 9px;
 	border-top: 1px dotted #666;
	list-style-type: none;
}
/*
#content #main #box ol {
	position: relative;
	left: 15px;
	padding-right: 15px;
}
*/
#content #main #box ol li {
	padding-bottom: 6px;
	list-style-type: decimal;
	list-style-position: inside;
}
#content #main #box ol li ul li {
	padding: 0 0 2px 10px;
	list-style-position: inside;
	list-style-type: disc;
}
#content #main table.download {
	margin-bottom: 15px;
}
#content #main table.download td {
	padding-right: 10px;
	font-size: 0.9em;
	text-align: center;
}
#content #main table.download td a {
	display: block;
}
#content #main table.download td a img {
 	border: 1px solid #CCC;
	margin-bottom: 2px;
}
#content #main table.download td a:hover img {
 	border-color: #006600;
}
/* @end */

/* for "to Contact" */
#content #main #contRead p#toContact {
	color: #666;
	font-size: 0.9em;
	line-height: 1;
}
/* for "go Page Top" */
#content #main #goTop {
	clear: both;
	width: 765px;
	padding: 0 0 3px 13px;
	background: url(../img/main/bottom.gif) no-repeat 12px bottom;
	text-align: center;
}

/* @group for Company Info */
#content #main #overviewRead {
	float: left;
	width: 665px;
	font-size: 1.2em;
	line-height: 1.6;
	padding: 50px 50px 30px 63px;
}
#content #main #overviewRead dt,
#content #main #overviewRead dd {
	float: left;
	padding: 5px 0;
 	border-top: 1px solid #CCC;
}
#content #main #overviewRead dt.first,
#content #main #overviewRead dd.first {
	padding-top: 0;
 	border-top: none;
}
#content #main #overviewRead dt {
	clear: both;
	width: 150px;
	color: #000;
}
#content #main #overviewRead dd {
	width: 515px;
	padding-bottom: 30px;
}
#content #main #overviewRead dd ul li {
	list-style-position: inside;
	list-style-type: disc;
}
/* @end */

/* @group for Message */
#content #main #contRead #tmbBox {
	float: right;
	font-size: 0.8em;
	width: 100px;
	margin-left: 5px;
}
#content #main #contRead #tmbBox img {
 	border: 1px solid #CCC;
}
#content #main #contRead #sign {
	font-size: 0.9em;
	width: 515px;
	text-align: right;
}
#content #main #contRead #sign img {
	padding-top: 5px;
}
#content #main #contRead #box dl {
	padding-top: 12px;
}
#content #main #contRead #box dl dt {
	font-weight: bold;
	padding-bottom: 5px;
}
/* @end */

/* @group for Contact */
#content #main #contRead #box dl#contact {
	padding: 0;
}
#content #main #contRead #box dl#contact dt {
	font-weight: normal;
	padding: 10px 0 4px;
}
#content #main #contRead #box dl#contact textarea {
	width: 481px;
	height: 200px;
	margin-bottom: 5px;
}
#content #main #contRead #box dl#contact input.txt {
	width: 200px;
}
#content #main #contRead #box dl#contact input.btn {
	width: 100px;
}
/* @end */

/* @end */

/* @group Footer */
#footer {
	float: right;
	padding: 20px 1px 30px 1px;
}
#footer #footMenu {
	float: left;
	padding-right: 20px;
}
#footer address {
	float: right;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* @end */
