/*--------------------------------------------------------
#wrapper　ページ要素全体のコンテナ w770 
├#main　コンテンツ系格納コンテナ w619
		├#top-move　メインコンテンツ w570
		├#footer　フッタコンテナ
├#nav　ナビゲーション系格納コンテナ w151
		├#nav-menu　基本ナビゲーション
※フォントサイズは　#main p で指定あり。
--------------------------------------------------------*/

/* リセット */
/**{ margin:0; padding:0;}*/

/*--------------------------------------------------------
共通
--------------------------------------------------------*/
body {color:#000;text-align:center;margin:5px;}

#container {display:block;margin:5px auto;}

td {padding:5px;}
td.hik {padding:0px;font: 100% "ＭＳ Ｐゴシック";}

/*フォーム*/
input {font: 80%/125% "ＭＳ Ｐゴシック"; margin-right: 2px;}
select {font: 80%/125% "ＭＳ Ｐゴシック"; margin-right: 4px;}
label {font: 80%/125% "ＭＳ Ｐゴシック";}

/*余白*/
.mb4 { margin: 0px 0px 4px 0px; }
.mb8 { margin: 0px 0px 8px 0px; }
.mb16 { margin: 0px 0px 16px 0px; }
.mb24 { margin: 0px 0px 24px 0px; }
.mb32 { margin: 0px 0px 32px 0px; }

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック";}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック";}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック";}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック";}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック";}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック";}
.base-l {font: 120%/125% "ＭＳ Ｐゴシック";}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック";}

/*注釈*/
.notes {color: #FF3300;}

/*イメージ*/
img{ border:0;}

/*clear*/
.clear { width:0; height:0; clear:both;}

/*--------------------------------------------------------
#wrapper　ページ要素全体のコンテナ
--------------------------------------------------------*/
#wrapper { width:770px; background:url("../image/menu_bg.gif") repeat-y 1px;margin:auto;}

/*--------------------------------------------------------
#main　コンテンツ系格納コンテナ（回り込み右）
--------------------------------------------------------*/
#main { width:619px; float:right; text-align:center; margin-top:10px;}
#main p { font: 80%/125% "ＭＳ Ｐゴシック"; margin:0 10px 1.5em 10px;}

/*--------------------------------------------------------
#top-main　メインコンテンツ
--------------------------------------------------------*/
#main #top-move { width:570px; margin:0 auto; text-align:left;}
#main #top-move .ttl-s { font-weight:bold; color: #002187; text-align:left; border-bottom:1px solid #CCC; margin-bottom:0.5em;}
#main #top-move .ttl-l { font:bold 100%/150% "ＭＳ Ｐゴシック"; color: #002187; border-left:8px solid #002187; border-bottom:1px dashed #002187; padding-left:10px; margin:30px 0 0.5em;}
#main #top-move strong { font-weight:bold;}
#main #top-move li { margin:1em 0 0.5em; font: normal 80%/125% "ＭＳ Ｐゴシック";}
#main #top-move ul { margin:0 10px 2em; list-style:circle inside;}

/*--------------------------------------------------------
#nav　ナビゲーション系格納コンテナ（回り込み左）
--------------------------------------------------------*/
#nav { width:151px; float:left; text-align:center; margin:0; padding:0;}

/*--------------------------------------------------------
#nav-menu　基本ナビゲーションメニュー
--------------------------------------------------------*/
#nav #nav-menu { width:149px;}

/*--------------------------------------------------------
#footer02　フッタコンテナ
--------------------------------------------------------*/
#footer02 { width:570px; text-align:center; border-top:1px solid #999;}
#footer02 .copyright{ font: 11px/125% "ＭＳ Ｐゴシック"; color:#333; text-align:center; }


/* ***一般*** */

/* ***フォント*** */


.s15 {  font-size: xx-large ;
}
.s14 {  font-size: x-large ;
}
.s13 {  font-size: large ;
}
.s12 {  font-size: medium ;
}
.s11 {  font-size: small ;
}
.s10 {  font-size: x-small ;
}
.s9 {  font-size: x-small ;
}
.s8 {  font-size: xx-small ;
}

/* サイズ?行間広め */
.s9s {  font-size: x-small; line-height: 125% ;
}
.s10s {  font-size: x-small; line-height: 150% ;
}
.s11s {  font-size: medium; line-height: 125% ;
}
.s9ss {  font-size: x-small; line-height: 140% ;
}
.s10ss {  font-size: x-small; line-height: 140% ;
}
.s11ss {  font-size: medium; line-height: 140% ;
}
.s9sss {  font-size: x-small; line-height: 160% ;
}
.s10sss {  font-size: x-small; line-height: 160% ;
}
.s11sss {  font-size: medium; line-height: 160% ;
}

/* リンクの指定 */
A:link {  color: #0000CC ;
}

a:hover { text-decoration:underline; color:#BD0000 ;
}

/* フォント装飾「エラー項目表示」 */
.error {
	color : #FF0000 ;
}

/* フォント装飾「エラータイトル表示（ボールド＆大文字）」 */
.error_bb {
	font-size: medium ;
	color : #FF0000 ;
	font-weight : bold ;
}

/* フォント装飾「エラータイトル表示（ボールド）」 */
.error_b {
	font-size: x-small ;
	color : #FF0000 ;
	font-weight : bold ;
}

/* フォント装飾「サンプル」 */
.sample {
	font-size : x-small ;
	color : #3366bb ;
	margin-left : 5px ;
}

/* フォント装飾「サンプル」（ボールド）*/
.sample_b {
	font-size : x-small ;
	color : #3366bb ;
	font-weight : bold ;
}

/* フォント装飾「必須」用 */
.required {
	font-size : x-small ;
	color : #ff0000 ;
	margin-left : 5px ;
}


/* ***フォーム*** */

/* フォームテーブル用(table) */
.form2 {
	border-spacing : 0px ;
	border-collapse : collapse ;
}

/* フォーム項目名用?縦(td) */
.form2_caption {
	width : 150px ;
	height : 30px ;
	padding : 5px ;
	background-color : #F0F0F0 ;
	border : 1px solid #999999 ;
}

/* フォーム内容用?縦(td) */
.form2_item {
	height : 30px ;
	padding : 5px ;
	border : 1px solid #999999 ;
	background-color : #ffffff ;
}

/* フォーム項目名用?横(td) */
.form3_caption {
	height : 30px ;
	padding : 5px ;
	background-color : #F0F0F0 ;
	border : 1px solid #999999 ;
}

/* フォーム内容用?横(td) */
.form3_item {
	height : 30px ;
	padding : 3px 0px 3px 5px ;
	border : 1px solid #999999 ;
	background-color : #ffffff ;
	padding : 5px ;
}

/* フォームボタン用(table) */
.form_footer {
	width : 100% ;
	border : 1px solid #e6e6e6 ;
	background-color : #f4f4f4 ;
	font-size : medium ;
	margin-bottom : 30px ;
	padding-top : 15px ;
	text-align : center ;
}

/* フォームボタン用(table) TOPに空白付き*/
.form_footer_top {
	width : 100% ;
	border : 1px solid #e6e6e6 ;
	background-color : #f4f4f4 ;
	font-size : medium ;
	margin-top : 15px ;
	margin-bottom : 30px ;
	padding-top : 15px ;
	text-align : center ;
}

/* pass用赤帯(table) */
.form_pass {
	width : 70% ;
	background-color : #cc0000 ;
}

/* pass用赤帯(td) */
.form_pass_td {
	font-size : x-small ;
	color : #ffffff ;
	font-weight : bold ;
	text-align : center ;
	padding : 10px ;
}

.submit {
	text-align : center ;
	padding : 10px ;
  font-size: medium ;
  font-weight : bold ;
}

/*　ボールドのCSS　*/

.b {
	font-weight : bold ;
}

/*　テキストのボタン化　*/

label {
	cursor : pointer ;
}

/*　改行禁止　*/

.nowrap {
	white-space : nowrap ;
}

/*　センタリングのCSS　*/

.center {
	text-align : center ;
}



/*　テキストカラーのCSS　*/

.white {
	color : #FFFFFF ;
}

.red {
	color : #FF0000 ;
}

.blue {
	color : #0000FF ;
}

.gray {
	color : #666666 ;
}

lgray {
	color : #999999 ;
}

.dgray {
	color : #333333 ;
}

.silver {
	color : #CCCCCC ;
}

.green {
	color : #008000 ;
	line-height : 1.3em ;
	margin-top : 5px ;
}


/* ヘッダー情報 START */
#header_left {
	display : block ;
	float : left ;
}

.toplink {
	_margin-top : 8px ;
	margin-left : 0px ;
	_margin-left : -15px ;
}

#logo {
	display : block ;
	/*
	background : #FFFFFF url(../image/logo_fideli_s.gif) no-repeat scroll ;
	background-repeat : no-repeat ;
	width : 150px ;
	*/
	height : 35px ;
	margin-top : 0px ;
	vertical-align : top ;
	float : left ;
}
/*
#logo p {
	display : none ;
}
*/

#header_right {
	display : block ;
	float : right ;
	_margin-top : 10px ;
	text-align : left ;
}

#header_right p {
	float : left ;
}

#header hr {
	clear : both ;
	width : 100% ;
	border : 1px solid #333333 ;
	_size : 0px ;
}
#footer_menu {
	display : block ;
	width : 650px ;
	text-align : center ;
	margin : 0px auto ;
}

#footer_menu .upper {
	display : block ;
	margin-top : 8px ;
	text-align : center ;
	list-style-type : none ;
}

#footer_menu .upper li {
	display : inline ;
}

#footer_menu .under {
	display : block ;
	margin-top : 8px ;
	list-style-type : none ;
	text-align : center ;
}

#footer_menu .under li {
	display : inline ;
}

#verisign {
	display : block ;
	width : 600px ;
	border : 1px double #CCCCCC ;
	text-align :center ;
	margin : 20px auto 0px auto ;
}

.mark {
	display : block ;
	width : 140px ;
	text-align : center ;
	float : left ;
	paddin-bottom : 5px ;
}

.text {
	display : block ;
	width : 450px ;
	text-align : left ;
	font-size : x-small ;
	color : #666666 ;
	float : right ;
	margin-top : 10px ;
}

.w3c {
	display : block ;
	text-align : right ;
}

#mitumori {
	display : block ;
	width : 728px ;
	_width : 740px ;
	border : 1px solid #666666 ;
	padding : 5px ;
	margin : 0px auto ;
	text-align : center ;
}

#mitumori ul {
	margin-left : 0px ;
	padding-left : 0px ;
	list-style-type : none ;
}

#mitumori li {
	display : block ;
	float : left ;
	margin-right : 5px ;
}

#mitumori li a {
	color : #666666 ;
	font-size : xx-small ;
}
/* フッター情報 END */


/* h1タグ情報 START */
#easyread_h1 {
	text-align : right ;
	font-size : 8pt ;
	font-weight : normal ;
	color : #666666 ;
	margin-top : 5px ;
}
/* h1タグ情報 END */

/* 広告欄START */
#adlink{
 display: block;
 width: 728px;
 border-top:1px #8d8d8d solid;
 border-bottom:1px #8d8d8d solid;
 font-size: x-small;
 margin: 10px auto;
 padding: 5px;
 text-align: center;
 clear: both;
}

#fideliadtitle{
	margin: 0px auto;
	padding: 3px;
	width: 728px;
	text-align: left;
	color: rgb(102, 102, 102);
	font-size: 12px;
}
/* 広告欄END */

/* 回り込み解除汎用class */
.clear{ clear:both }

/* 行制御汎用class */
.l-format{ margin-bottom: 5px; }