@charset "utf-8";
/* ===================================================================
CSS information

 file name  :common.css
 style info :汎用スタイル、テンプレートスタイル
 
=================================================================== */

/*----------------------------------------------------
	汎用スタイル設定
----------------------------------------------------*/

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}


#main ul li {
	line-height: 1.5;
}


.f5{
	font-size: 5px;
}

.fieldWithErrors {
  display:inline;
}



/* IEの改行回避設定 */
ul.nowrap li {
	display: inline;
	white-space: nowrap;
}

.textImage{
	text-indent: -9999px;
	display: block;
}

span.ok {
	color: #FF4343;
	font-weight: bold;
	font-size: 16px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

span.ng {
	color: #999;
	font-weight: bold;
	font-size: 16px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/*----------------------------------------------------
	テンプレートスタイル
----------------------------------------------------*/
/* 見出し */
#contents .headline {

}

#contents h1.headline,
#contents h2.headline {
	font-size: 26px;
	margin-bottom: 10px;
	padding: 0 18px;
	height: 60px;
	overflow: hidden;
	line-height: 64px;
	background: url(/images/common/h2_bg.png) no-repeat;
}

#contents h3.headline,
#contents .headline_s{
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	padding: 0 18px;
	margin: 0 0 10px;
	background: url(/images/common/h3_bg.png) no-repeat;
	height: 36px;
}

#contents .headline strong {
	float: left;
	font-weight: bold;
}

#contents .headline span {
	float: right;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}

#contents .headline span a {
	background: url(../images/common/item/icon_arrow1.jpg) 0 3px no-repeat;
	padding-left: 15px;
}

/* 小見出し */
#contents .headline_s {
}


/* テーブル見出し */
/*
#contents table th {
	background: url(../images/common/contents/bg_th.jpg) 0 0 repeat-x #F5F5F5;
}*/


/* フォーム関連 */
#formBox table td input,
#formBox table td select {
	margin: 0 0 0 3px;
}

#formBox table td select.short {
	width: 60px;
}


input.default-value,
textarea.default-value{
color:#999;
}

.pageLink {
	text-align:right;
	margin: 10px 0;
}


/* マージン */
.mt0 {
	margin-top: 0;
}

.mr0 {
	margin-right: 0;
}

.byAPI {
	position: absolute;
	borttom: 0;
	right: 0;
	font-size: 10px;
}

.byAPI a {
	padding: 0 0 0 20px;
	background: url(/images/common/icon_api.gif) no-repeat left 1px;
	color: #999;
}

/* おすすめリンク */
.comercialBox {
	margin: 10px 0;
	border: solid 1px #ccc;
	padding: 1px 1px 5px;
}

.comercialBox dt {
	font-weight: bold;
	margin-bottom: 8px;
	padding: 8px 0px 8px 8px;
	border-bottom: solid 2px #eaeaea;
	background: #f6f6f6;
}

.comercialBox dd {
	padding: 0 0 0 5px;
}

#sub .comercialBox li {
	height: auto;
	font-size: 10px;
	line-height: 1.3;
	margin-bottom: 5px;
	color: #666;
}

#sub .comercialBox li a {
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
	padding: 0;
	background: none;
}