@charset "utf-8";



/*
########################################################
  master top style
########################################################
*/

div.boxSummerTop{
	width:670px;
	margin:0;
	padding:0;
}

div.boxSummerTop h1{
	padding:0;
	margin:0;
}

div.boxSummerTop p{
	margin:0;
}

p.term{
	padding:4px 6px;
	background-color:#86A47B;
	text-align:right;
	color:white;
	font-size: 80%;
}


p.notice{
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #999;
}

div.contact_introduce{
	width: 630px;
	padding: 15px 20px 0 20px;
	background-color:#D7E0D3;
}


div.contact_introduce p{
	margin:0 0 15px 0;
	*margin:0 0 5px 0;
	float:left;
}


.cmpnListBox{
	margin:0 0 20px 0;
}

.cmpnListBox p img{
	float:left;
}

.cmpnListTxt{
	float:left;
	width:450px;
	margin:0 0 0 20px;
}

.cmpnListTxt h2{
	font-size:120%;
	background:url(../../common/img/icon_arrow02.gif) no-repeat 0 0.5em;
	padding:0 0 0 12px;
}

.cmpnListLine{
	background:url(../../common/img/line_grey01.gif) repeat-x;
	background-position:top;
	padding:6px 0 0 0;
}

.cmpnListLineB{
	background:url(../../common/img/line_grey01.gif) repeat-x left bottom;
	padding:0 0 6px 0;
	margin:0 0 10px 0;
}

.cmpnNoneTxt{
	width:100%;
	margin:0;
}

.cmpnNoneTxt h2{
	font-size:120%;
	background:url(../../common/img/icon_arrow02.gif) no-repeat 0 0.5em;
	padding:0 0 0 12px;
}


/*--------------------

	float clear

--------------------*/
.clearFix{
    overflow:hidden;
}

.clearFix:after{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html .clearFix{
    height: 1em;
    overflow: visible;
}
/**/

/* or */
.clear{
	clear:both;
}