@charset "UTF-8";

/* ----------------------------------------
*
*Since:  2010-02-10
*Modified:  
*
*/

/* Style Index ===============================

	01:  contentsArea
	02:  topMainMenu

========================================= */

/*
01:  contentsArea
-------------------------------------*/

body#toppage div#contents h1 {
	margin:0px;
	padding: 0px;
}

body#toppage div#contents p.paragraph {
	margin:0px;
	padding: 0px 0px 40px 0px;
	font-size: 14px !important;
	font-size: 107%;
}

/*
02:  reasonArea
-------------------------------------*/

div#reasonArea {
	width: 920px;
	margin: 0px auto 35px auto;
	padding: 3px 0px 20px 0px;
	border:1px solid #e2e2e2;
	text-align:center;
}

div#reasonArea h2 {
	margin: 0px auto 20px auto;
	padding: 0px;
}

div#reasonArea p {
	margin: 0px auto 15px auto;
	padding: 0px;
}

div#reasonArea div#reasonContainer  {
	position:relative;
	width:900px;
	height:250px;
	margin:0px auto;
	padding:0px;
}

div#reasonArea div#reasonContainer div#reason01,
div#reasonArea div#reasonContainer div#reason02,
div#reasonArea div#reasonContainer div#reason03{
	position:absolute;
	width:288px;
	margin:0px;
	padding:0px;
	background: #ffffff url("../../images/top/bg_top_reason.gif") repeat-y center top;
}

div#reasonArea div#reasonContainer div#reason01 {
	top:0px;
	left:0px;
}

div#reasonArea div#reasonContainer div#reason02 {
	top:0px;
	left:305px;
}

div#reasonArea div#reasonContainer div#reason03 {
	top:0px;
	right:0px;
}

div#reasonArea div#reasonContainer div#reason01 p,
div#reasonArea div#reasonContainer div#reason02 p,
div#reasonArea div#reasonContainer div#reason03 p{
	margin:0px;
	padding:0px;
}

div#reasonArea div#reasonContainer div#reason01 p.reasonTxt,
div#reasonArea div#reasonContainer div#reason02 p.reasonTxt,
div#reasonArea div#reasonContainer div#reason03 p.reasonTxt{
	width:265px;
	margin:10px auto;
	padding:0px;
	text-align:left;
	font-size: 12px !important;
}


/*
03:  serviceArea
-------------------------------------*/

div#serviceArea {
	width: 920px;
	margin: 0px auto 35px auto;
	padding: 3px 0px 20px 0px;
	border:1px solid #e2e2e2;
	text-align:center;
}

div#serviceArea h2 {
	margin: 0px auto 20px auto;
	padding: 0px;
}

div#serviceArea p {
	margin: 0px auto 15px auto;
	padding: 0px;
}

div#serviceArea div#syagaijinjiServiceArea  {
	width:880px;
	margin: 0px auto 10px auto;
	padding: 0px 0px 10px 0px;
	border:1px solid #e2e2e2;
	text-align:center;
}

div#serviceArea div#syagaijinjiServiceArea h3  {
	margin: 5px auto 10px auto;
	padding: 0px;
}

div#serviceArea div#syagaijinjiServiceArea p{
	width:800px;
	margin:10px auto;
	padding:0px;
	text-align:left;
	line-height: 1.4;
}


div#serviceArea ul {
	width:870px;
	margin:0 auto;
	padding:0px;
}

div#serviceArea ul li {
	float:left;
}

div#reasonArea div#reasonContainer div#reason01 p,
div#reasonArea div#reasonContainer div#reason02 p,
div#reasonArea div#reasonContainer div#reason03 p{
	margin:0px;
	padding:0px;
}

div#reasonArea div#reasonContainer div#reason01 p.reasonTxt,
div#reasonArea div#reasonContainer div#reason02 p.reasonTxt,
div#reasonArea div#reasonContainer div#reason03 p.reasonTxt{
	width:265px;
	margin:10px auto;
	padding:0px;
	text-align:left;
	font-size: 12px !important;
}



/*
02. informationArea
-------------------------------------*/

div#informationArea {
	width: 920px;
	margin: 0px auto 35px auto;
	padding: 3px 0px 20px 0px;
	border:1px solid #e2e2e2;
	text-align:center;
}

div#informationArea h2 {
	margin: 0px auto 20px auto;
	padding: 0px;
}

div#informationArea p {
	margin: 0px auto 15px auto;
	padding: 0px;
}



div#informationArea div.informationContainer {
	width:880px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}

div.informationContainer h2 {
	margin:0px;
	padding:0px;
}

div.informationContainer dl {
	width:840px;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
}

div.informationContainer dl dt {
	clear: left;
	float:left;
	width:9em;
	padding:0px;
	padding-bottom:12px;

}

div.informationContainer dl dd {
	margin-bottom:12px;
	margin-left:0;
	padding:0 0 12px 8em;
	background:url(../../images/common/dotline_w880.gif) no-repeat 0 bottom;
}

div.informationContainer dl dd.listEdge {
	padding-bottom:0px;
	background:none;
}




/* >>> clearfix <<<-----------*/
div#serviceArea div#syagaijinjiServiceArea:after,
div#serviceArea:after,
body#processpage div#contents:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div#serviceArea div#syagaijinjiServiceArea,
div#serviceArea,
body#processpage div#contents{display: inline-block;}

/* Hides from IE-mac \*/
* html div#serviceArea div#syagaijinjiServiceArea,
* html div#serviceArea,
* html body#processpage div#contents{height: 1%;}

div#serviceArea div#syagaijinjiServiceArea,
div#serviceArea,
body#processpage div#contents{display: block;}
/* End hide from IE-mac */