@charset "utf-8";

/*--------------------------------------
	Style Name : Structure Style Sheet

	Common Style
	Accessibility
	body
	header-area
	header
	content-area
	content
		main-content
		sub-content
	footer-area
	footer
--------------------------------------*/


/*	Common Style
--------------------------------------*/

#header,
#content,
#mainvisual,
#footer {
	margin:0 auto;
	width:780px;
	text-align:left;/* for IE */
}

/*	Accessibility
--------------------------------------*/

#header #global-nav h2,
#header .guide-nav h2,
#topic-path dt,
#search legend,
#footer .guide-nav h2 {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
}

/*--------------------------------------
	body
--------------------------------------*/

body {
	text-align:center;/* for IE */
	background:#FFF url(../img/bg.jpg) center repeat-y;
}

/*--------------------------------------
	div#header-area
--------------------------------------*/

#header-area {
	background:url(../img/texture_header_01.gif) repeat-x left bottom;
}

/*--------------------------------------
	div#header
--------------------------------------*/
#header {
	position:relative;
	color:#666;
	margin:10px auto;
}

#header div#logo_area {
	width:325px;
	float:left;
	vertical-align:middle;
}

#header div#logo_area img {
	padding:0 10px 0 0;
	float:left;
}

#header div#logo_area h1 {
	font-size:10px;
	margin:15px 0 0 0;

}

#header div#nav_area {
	width:445px;
	float:right;
}

#header div#nav_area span.j10 {
	font-size:10px;
}

#header ul li{
	float:left;
	margin-right:5px;
}

#header ul li#company {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:0 10px;
	height:40px;
}

#header ul li#company p{
	margin-top:1em;
}


#header ul li#company a {
	text-decoration:none;
	color:#333;
}

#header ul li#company a:hover {
	text-decoration:none;
	color:#32b4d7;
}

/*--------------------------------------
	div#mainvisual
--------------------------------------*/
div#mainvisual{
	clear:both;
	text-align:center;
}

div#mainvisual p.main{
}


/*--------------------------------------
	div#content
--------------------------------------*/
#content {
	display:inline-block;
	height:1%;
	min-height:1%;
	line-height:2;
	/* \*/display:block;/* */
}

#content:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

/*--------------------------------------
	div#maincontent
--------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#maincontent{
	width:740px;
	margin:0 auto;
	margin-top:10px;
}

div#maincontent div.section{
	clear:both;
	padding-top:20px;
	margin-bottom:15px;
}

div#maincontent div.section div.unit{
	margin-top:-40px;
	float:right;
	width:660px;
}

div#maincontent div#sec1{background:url(../img/icon_01.gif) no-repeat;}
div#maincontent div#sec2{background:url(../img/icon_02.gif) no-repeat;}
div#maincontent div#sec3{background:url(../img/icon_03.gif) no-repeat;}
div#maincontent div#sec4{background:url(../img/icon_04.gif) no-repeat;}

div#maincontent div.section div.unit div.image{
	width:160px;
	float:right;
}

div#maincontent div.section div.unit div.text{
	width:480px;
	float:left;
	font-size:12px;
}

div#maincontent div.section h2.icon_header{
	padding:0 0 0 85px;
	color:#72c736;
	height:75px;
}


div#maincontent div.section div.unit div.text p{
	margin-left:5px;
}

div#maincontent div#sec5{
	clear:both;
	padding:20px;
}

div#maincontent div#sec5 div.block{
	background:#f4f4f4;
}

div#maincontent div#sec5 div.block dl{
	padding:20px;
}

div#maincontent div#sec5 div.block dd{
	width:140px;
	padding:5px 0;
	float:left;
}

div#maincontent div#sec5 div.block dt{
	margin-left:140px;
	padding:5px 0;
}

div#maincontent div#sec6{
	text-align:center;
	padding:0 0 30px 0;
}


/*--------------------------------------
	div#footer
--------------------------------------*/

#footer {
	clear:both;
	width:780px;
	margin:0 auto;
 border-top:1px solid #72c736; 
}

#footer p{
		
	margin:10px 5px;
	color:#562a11;
	font-weight:10px;
}