@charset "shift_jis";

/* ****************************************************************************************

	「てっぱクラブ」関連ページ　共通
	
***************************************************************************************** */

body {
	margin:0;
	padding:0;
	font-family:"Verdana", "Hiragino Kaku Gothic Pro", sans-serif;
	color:#574C3F;
	line-height:1.5;
	text-align:center;
	background:#EFE7DE;
}

#layout{
	width:779px;
	margin:0 auto;
	text-align:left;
	background:#FAF5F0;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dt,dd,img,form{
	margin:0;
	padding:0;
	border:0;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dt,dd,td,th,textarea{
	font-size:12px !important;
	font-size:100%;
	font-size:75%;
	line-height:140%;
}

input,textarea {
	text-indent:2px;
}

hr {
	display:none;
}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}

/* *********************************************

	リンク文字色
	
********************************************** */

a {
	color:#357DAA;
	text-decoration:none;
}

a:link {
	color:#357DAA;
}

a:visited {
	color:#357DAA;
}

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


/* *********************************************

	文字色等
	
********************************************** */
span.blue{
	color:#3C499D;
}

span.bold{
	font-weight:800;
}

span.nodisplay{
	display:none;
}

/* ****************************************************************************************

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

#header{
	width:779px;
	height:80px;
	background:url(../img/bg_header.gif) repeat-x left top;
}

#header p.logo{
	float:left;
	width:229px;
	height:80px;
}

#header p.top{
	float:right;
	width:108px;
	height:20px;
	margin:54px 20px 0 0 !important;
	margin:54px 10px 0 0;
	background:url(../img/btn_top.gif) no-repeat left top;
}

#header p.top a{
	display:block;
	background:url(../img/btn_top.gif) no-repeat left top;
	width:108px;
	height:20px;
}

#header p.top a:hover{
	background-position:0 -20px;
}

/* ****************************************************************************************

	ヘッダー下メニュー
	
***************************************************************************************** */

#menu{
	width:779px;
	height:39px;
	background:url(../img/menu.gif) no-repeat left top;
}

#menu ul{
	background:url(../img/menu.gif) no-repeat left top;
	width:779px;
	height:39px;
	list-style-type:none;
}

#menu ul li{
	float:left;
}

#menu ul li a{
	background:url(../img/menu.gif) no-repeat left top;
	height:39px;
	display:block;
}

/* ************************************
	メニュー01
************************************ */

#menu ul li.m01 a{
	width:158px;
	background-position:0 0;
}

#menu ul li.m01 a.on,
#menu ul li.m01 a:hover{
	width:158px;
	background-position:0 -39px;
}

/* ************************************
	メニュー02
************************************ */

#menu ul li.m02 a{
	width:155px;
	background-position:-158px 0;
}

#menu ul li.m02 a.on,
#menu ul li.m02 a:hover{
	width:155px;
	background-position:-158px -39px;
}

/* ************************************
	メニュー03
************************************ */

#menu ul li.m03 a{
	width:154px;
	background-position:-313px 0;
}

#menu ul li.m03 a.on,
#menu ul li.m03 a:hover{
	width:154px;
	background-position:-313px -39px;
}

/* ************************************
	メニュー04
************************************ */

#menu ul li.m04 a{
	width:155px;
	background-position:-467px 0;
}

#menu ul li.m04 a.on,
#menu ul li.m04 a:hover{
	width:155px;
	background-position:-467px -39px;
}

/* ************************************
	メニュー05
************************************ */

#menu ul li.m05 a{
	width:157px;
	background-position:-622px 0;
}

#menu ul li.m05 a.on,
#menu ul li.m05 a:hover{
	width:157px;
	background-position:-622px -39px;
}


	


/* ****************************************************************************************

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

#footer{
	width:779px;
	height:62px;
	margin-bottom:10px;
}


/* ****************************************************************************************

	コンテンツ
	
***************************************************************************************** */

#contents{
	width:779px;
	border-top:7px solid #ECE8E3;
}

/* *************************************
	見出し
************************************** */

h1{
	margin:19px 0 10px 22px;
}

/* *************************************
	遷移図
************************************** */

#navigation{
	width:629px !important;
	width:691px;
	background:#F0EDE6;	
	padding:20px 29px 20px 29px;
	border-bottom:1px solid #D5D0CC;
	margin:13px 0 10px 41px;
}

#navigation p.text{
	margin:10px 0 0 0;
	line-height:160%;
}


/* *************************************
	入力テーブル
************************************** */

p.asterisk{
	width:723px;
	text-align:right;
	margin:15px 0 0 0;
}

table.info{
	width:687px !important;
	width:691px;
	border-collapse:collapse;
	border:0;
	margin:6px 0 10px 41px;
}

table.info th{
	width:211px;
	background:#FEFCFB;
	font-weight:400;
	text-align:left;
	padding:11px 15px;
	border:2px solid #FAF5F0;
}

table.info th.darker{
	background:#FDFAF8;
}

table.info td{
	padding:11px 5px 11px 30px;
	border:2px solid #FAF5F0;
	background:#FFFFFF;
}

table.info td.darker{
	background:#FEFDFC;
}

table.info th span.mandatory{
	background:url(../img/icon_mandatory.gif) no-repeat right top;
	padding-right:8px;
}

table.info p.multi {
	margin-top:6px;
	font-size:100%;
}

/* ************************
	インプット
************************** */

table.info td .w340{
	border:1px solid #D5C7B6;
	height:17px !important;
	height:19px;
	width:340px;
}

table.info td .w340.h40{
	height:45px !important;
	height:45px;
}

table.info td .w340.h80{
	height:85px !important;
	height:85px;
}

table.info td .w260{
	border:1px solid #D5C7B6;
	height:17px !important;
	height:19px;
	width:260px;
}

table.info td .w150{
	border:1px solid #D5C7B6;
	height:17px !important;
	height:19px;
	width:150px;
}

table.info td .w80{
	border:1px solid #D5C7B6;
	height:17px !important;
	height:19px;
	width:80px;
}

table.info td .w100{
	border:1px solid #D5C7B6;
	height:17px !important;
	height:19px;
	width:100px;
}

table.info td .w45{
	border:1px solid #D5C7B6;
	height:17px !important;
	height:19px;
	width:45px;
}

table.info td .lm4{
	margin-left:4px;
}

table.info td .lr4{
	margin-left:4px;
	margin-right:4px;
}

table.info td .lm8{
	margin-left:8px;
}

table.info td .rm8{
	margin-right:8px;
}

table.info td .bm5{
	margin-bottom:5px;
}

table.info td .lr8{
	margin-left:8px;
	margin-right:8px;
}

table.info td .tb5{
	margin-top:4px;
	margin-bottom:4px;
}


table.info td .normal{
	font-size:100%;
}

table.info .blocks{
	width:98px;
	float:left;
	display:block;
	font-size:100%;
}

table.info .blocks.w140{
	width:140px;
}

table.info .blocks.w220{
	width:240px;
}

table.info .small{
	font-size:10px !important;
	font-size:80%;
	line-height:120%;
}

/* *************************************
	下部ボタンエリア
************************************** */

div.buttons{
	width:691px;
	margin-left:41px;
	padding:30px 0;
	height:40px !important;
	height:100px;
}

div.buttons p.left{
	float:left;
	margin:0 0 0 225px !important;
	margin:0 0 0 112px;
}

div.buttons p.right{
	float:left;
	margin:0 0 0 4px;
}

div.buttons p.center{
	float:left;
	margin:0 0 0 285px !important;
	margin:0 0 0 142px;
}

/* *************************************
	ボタン 戻る
************************************** */

p.btn_back{
	width:121px;
	height:32px;
	background:url(../img/btn_back.gif) no-repeat left top;
}

p.btn_back a{
	display:block;
	background:url(../img/btn_back.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_back a:hover{
	background-position:0 -32px;
}

/* *************************************
	ボタン 入会
************************************** */

p.btn_member{
	width:121px;
	height:32px;
	background:url(../img/btn_member.gif) no-repeat left top;
}

p.btn_member a{
	display:block;
	background:url(../img/btn_member.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_member a:hover{
	background-position:0 -32px;
}

/* *************************************
	ボタン 登録
************************************** */

p.btn_confirm{
	width:121px;
	height:32px;
	background:url(../img/btn_confirm.gif) no-repeat left top;
}

p.btn_confirm a{
	display:block;
	background:url(../img/btn_confirm.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_confirm a:hover{
	background-position:0 -32px;
}

/* *************************************
	ボタン ログイン
************************************** */

p.btn_login{
	width:121px;
	height:32px;
	background:url(../img/btn_login.gif) no-repeat left top;
}

p.btn_login a{
	display:block;
	background:url(../img/btn_login.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_login a:hover{
	background-position:0 -32px;
}

/* *************************************
	ボタン 送信
************************************** */

p.btn_submit{
	width:121px;
	height:32px;
	background:url(../img/btn_submit.gif) no-repeat left top;
}

p.btn_submit a{
	display:block;
	background:url(../img/btn_submit.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_submit a:hover{
	background-position:0 -32px;
}


/* *************************************
	ボタン 変更
************************************** */

p.btn_change{
	width:121px;
	height:32px;
	background:url(../img/btn_change.gif) no-repeat left top;
}

p.btn_change a{
	display:block;
	background:url(../img/btn_change.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_change a:hover{
	background-position:0 -32px;
}

/* *************************************
	ボタン 同意する
************************************** */

p.btn_agree{
	width:121px;
	height:32px;
	background:url(../img/btn_agree.gif) no-repeat left top;
}

p.btn_agree a{
	display:block;
	background:url(../img/btn_agree.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_agree a:hover{
	background-position:0 -32px;
}

/* *************************************
	ボタン 同意しない
************************************** */

p.btn_disagree{
	width:121px;
	height:32px;
	background:url(../img/btn_disagree.gif) no-repeat left top;
}

p.btn_disagree a{
	display:block;
	background:url(../img/btn_disagree.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_disagree a:hover{
	background-position:0 -32px;
}


/* *************************************
	ボタン 閉じる
************************************** */

p.btn_close{
	width:121px;
	height:32px;
	background:url(../img/btn_close.gif) no-repeat left top;
}

p.btn_close a{
	display:block;
	background:url(../img/btn_close.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_close a:hover{
	background-position:0 -32px;
}



/* *************************************
	アイコン 矢印
************************************** */

a.arw{
	padding-left:10px;
	background:url(../img/icon_arw.gif) no-repeat left center;
}

/* ****************************************************************************************

	「てっぱクラブについて」コンテンツ
	
***************************************************************************************** */

/* *************************************
	但し書き
************************************** */

div.note{
	width:663px !important;
	width:697px;
	background:#F0EDE6;	
	padding:9px 17px 10px 17px;
	border-bottom:1px solid #D5D0CC;
	margin:17px 0 10px 40px;
}

div.note p.text{
	margin:10px 0 0 0;
	line-height:160%;
}

div.note p.text span{
	font-weight:800;
	font-size:14px !important;
	font-size:100%;
	line-height:250%;
}

/* *************************************
	見出し
************************************** */

h2{
	margin:19px 0 10px 40px;
}

/* *************************************
	コンテンツの入れ物
************************************** */

div.container{
	width:665px;
	margin:10px 0 30px 60px;
}

div.container.small{
	width:300px;
	margin:10px 0 30px 60px !important;
	margin:10px 0 30px 30px;
	float:left;
}


div.container.small2{
	width:215px;
	margin:10px 0 30px 60px !important;
	margin:10px 0 30px 30px;
	float:left;
}

div.container.small3{
	width:410px;
	margin:10px 0 30px 60px !important;
	margin:10px 0 30px 30px;
	float:left;
}

/* *************************************
	ロゴ＆会員証
************************************** */

p.teppa_logo{
	float:right;
	width:230px;
	margin:30px 75px 30px 3px !important;
	margin:30px 32px 30px 53px;
	text-align:right;
}

p.teppa_card{
	float:right;
	width:417px;
	margin:10px 55px 30px 10px !important;
	margin:10px 32px 30px 53px;
	text-align:right;
}

/* *************************************
	テキスト
************************************** */

div.container p.indent{
	line-height:140%;
	text-indent:-0.5em;
	padding:2px 0 2px 0.5em;
}

p.member_fee_01{
	float:left;
	width:140px;
	line-height:150%;
}

p.member_fee_02{
	float:left;
	width:10px;
	line-height:150%;
	text-align:center;
}

p.member_fee_03{
	float:left;
	width:60px;
	text-align:right;
	line-height:150%;
}

/* *************************************
	線
************************************** */

p.dot_line{
	height:1px;
	line-height:0;
	margin:15px 0 15px 40px;
	width:697px;
	background:url(../img/dot_line.gif) left top repeat-x;
	font-size:0;
}



/* *************************************
	ボタン 入会 & テキスト
************************************** */

p.btn_join{
	width:121px;
	height:32px;
	margin:15px 0 0 49px !important;
	margin:15px 0 0 25px;
	background:url(../img/btn_join.gif) no-repeat left top;
	float:left;
}

p.btn_join a{
	display:block;
	background:url(../img/btn_join.gif) no-repeat left top;
	width:121px;
	height:32px;
}

p.btn_join a:hover{
	background-position:0 -32px;
}

p.join_text{
	width:400px;
	margin:22px 0 0 20px !important;
	margin:18px 0 0 20px;
	float:left;
	font-weight:800;
	font-size:14px !important;
	font-size:100%;
}


/* *************************************
	注意書き
************************************** */

div.caution{
	width:697px;
	background:url(../img/bg_caution.gif) repeat-y left top;
	margin:0 0 50px 40px;
}

div.caution p.text_01{
	margin:5px 0 10px 15px;
}

div.caution p.text_02{
	margin:5px 0 10px 25px;
}

div.caution p.arrow{
	margin:5px 0 0 25px;
	background:url(../img/arrow_01.gif) no-repeat left center;
	padding:0 0 0 14px;
}

div.caution p.btm{
	margin:10px 0 0 0;
}

/* 一部テキストのみ 赤＋太字＋フォントアゲ */

p.text.caution{
	color: #FF0000;
	font-weight: bold;
	font-size: 14px !important;
}


/* *************************************
	連絡先
************************************** */

div.contact{
	width:663px !important;
	width:697px;
	background:#F0EDE6;	
	padding:9px 17px 10px 17px;
	border-top:1px solid #D5D0CC;
	margin:5px 0 50px 40px;
}

div.contact p.text{
	margin:0;
	font-weight:800;
	font-size:14px !important;
	font-size:85%;
	line-height:170%;
	text-indent:-1em;
	padding:0 0 0 1em;
}

div.contact p.text span{
	margin:0 3px;
}


/* *************************************
	上部リンク
************************************** */
.information-link {
	margin:10px 0pt -7px 22px;
	height         :auto !important;
	height         :1px;
	min-height     :1%;  /* for IE 7*/
	/*\*//*/display:inline-table;/**/
}
.information-link:after {
	content        :".";
	display        :block;
	clear          :both;
	height         :0;
	font-size      :1%;
	line-height    :1%;
	visibility     :hidden;
}
.information-link,
.information-link li {
	list-style-type:none;
}
.information-link li {
	float:left;
	margin-right:16px;
	display:inline;/*IE Bugfix*/
}
.chart {
	margin:0 0 30px 40px;
}


/* *************************************
	汎用スタイル
************************************** */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}