@charset "utf-8";						

/* CSS Common Document */

/*
 * --- リンクの設定 ---
 */

a:link {
	color:#004DA0;
	text-decoration:none;
}
a:visited{
	color:#004DA0;
	text-decoration:none;
}
a:hover{
	color:#3DABF0;
/*	color:#004DA0; */
	text-decoration:none;
}
a:active{
	color:#004DA0;
	text-decoration:none;
}

/*
 * --- 画面の設定 ---
 */

body{
	font-size: 0.8em;
	line-height: 1.1em;
	background-image: url(../images/bg_main_eco.jpg);
	background-repeat:repeat-x;
}
#container {
	width: 802px;
	background-color:#FFFFFF;
	margin-top: 10px;
}
#container_inner {
	border: 1px solid #00A600;
	background-color:#FFFFFF;
}
#container p {
	margin-bottom: 0px;
}

/*
 * --- IE6用画像処理 ---
 */

.ie6 {
	display: none;
}
* html body .ie7 {      /* 	IE6 Only Hack */
	display: none;
}
* html body img.ie6 {      /* 	IE6 Only Hack */
	display: inline;
}
* html body div.ie6,
* html body p.ie6 {      /* 	IE6 Only Hack */
	display: block;
}


/*
 * --- ヘッダー ---
 */

#header {
	margin-top: 12px;
}
#header h1 {
	font-size: 1.0em;						/* for 11.5pt */
	color: #3F3F3F;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-left: 16px;
	margin-right: 16px;
}
#header .change {
	margin-left: 600px;
}
#header .change img {
	float: left;
	padding-top: 6px;
	padding-right: 8px;
}
#header .change a:hover {
	cursor:pointer;
}

#header .change .sizeicon_small {
	float: left;
	vertical-align: text-bottom;
	display: block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header .change .sizeicon_middle {
	float: left;
	display: block;
	width: 21px;
	height: 21px;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header .change .sizeicon_large {
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	margin-top: 1px;
	padding: 0px;
}
#header .logo {
	background-image: url(../images/header_main.jpg);
	height: 100px;
}
#header .logo a {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
	width: 343px;
	height: 80px;
}
#header .navi {
	margin-top: 10px;
	margin-left: 20px;
}
#header .navi li {
	float: left;
	display: inline;
	padding:0;
	text-indent:0;
	list-style: none;
	margin-right: 0px;
	margin-left:7px;
}

/*
 * --- メイン ---
 */

h2 {
	margin-bottom: 20px;
} 
h3 {
	font-size: 1.3em;						/* for 15pt */
	color: #3F3F3F;
	font-weight: bold;
	background-color: #D6F5A3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*
 * --- フッター ---
 */

#footer {
	clear: both;
	margin-bottom: 0px;
}
#footer .navi {
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer .navi p {
	color: #004DA0;
	font-size: 1.0em;						/* for 11.5pt */
}
#footer .navi span {
	margin-left: 60px;
}
#footer .address {
	background-image: url(../images/bg_fooder.jpg);
	padding-top: 20px;
	padding-left: 16px;
	padding-bottom: 3px;
	color: #3F3F3F;
}
#footer .address .unei {
	font-size: 1.0em;						/* for 11.5pt */
	margin-bottom: 3px;
	color: #000000;
}
#footer .address .company {
	margin-bottom: 10px;
}
#footer .address .company img {
	float: left;
}
#footer .address .company .name {
	float: left;
	display: inline;
	font-size: 1.2em;						/* for 13pt */
	padding-top: 16px;
	padding-left: 10px;
}
#footer .address .copyright {
	clear: both;
	font-size: 1.0em;						/* for 11.5pt */
}
#header .change  #sizeicon_s {
	background-image: url(../images/btn_fontsize_s.jpg);
}


#header .change  #sizeicon_m {
	background-image: url(../images/btn_fontsize_m_on.jpg);
}


#header .change  #sizeicon_l {
	background-image: url(../images/btn_fontsize_l.jpg);
}

#contents #counter {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0.5em;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
}

#contents #counter img{
	vertical-align: middle;
}

#contents .topic_text{
	background-color: #FFFFFF;
	display: block;
	float:right;
	margin-top: 17px;
	margin-right: 2px;
	line-height: 1.5em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #999999;
}

.button{
	padding-left:10px;
	padding-bottom:10px;
}

#othersite{
	padding:15px 0 0 0;
	text-align:center;
}

#othersite a{
	margin-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:20px;
	background:url("../../../images/arrow.gif") no-repeat ;
	font-weight:bold;
	line-height:15px;
}

#call{
	margin:0 16px;
	text-align:center;

	background:#EEEEEE;
	border:1px solid #DDDDDD;
	font-size:12px;
}

#call td{
	padding:5px;	
}

#call font{
	padding-right:20px;
	font-weight:bold;
	font-size:12px;
}

dl#application{
	width:155px;
	border:2px solid #52c536;
	padding:0 0 5px 0;
}

dl#application p{
	margin:0 auto;
	width:139px;
}

dl#application p.arrow{
	padding:5px 0;
	font-weight:bold;
	background:url("../images/freemarket/freemarket-arrow.gif") no-repeat 0;
	text-indent:20px;
}

/****************************************************************************************************
	class単体で指定するスタイル
****************************************************************************************************/

/*floatを解除するスタイル*/

.float-reset {
	clear:both;
}

/*親ブロックのサイズをfloatしたオブジェクトにあわせる。(※基本的に編集しない)*/

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */