@charset "utf-8";

/* 会員ページ用CSS */

body,tr,td,th,input,textarea,select,option { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;}
body { 
  -webkit-text-size-adjust: 100%;
	font-size:13px; line-height:125%; color: #333333; background-color:#ffffff; 
	margin-top:0px;
}
tr,td,th { font-size:13px;line-height:125%; }
big { font-size:110%; }
small { font-size:90%;}

a{text-decoration:none;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #f7657b; }
a:hover { color: #f7657b;text-decoration: underline;  }

select,input,textarea{ 
	font-size:13px;color:#333333;margin-top:1px;
	padding:3px;line-height:130%; border:1px solid #949494;
}
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
select{ padding:1px; }

.image{ border:0;}
.clearb{clear:both;}
.nobr{ white-space:nowrap; } 
.nomal{font-weight:normal;}

.colorset1{ border:1px solid #a9a9a9;background-color:#ffffff;width:100%;height:100%; }
.colorset2{ background-color:#ffffff;height:55px;background-image:url(../cgiimg/bg1.gif);background-repeat:repeat;}
.colorset2 table{width:100%;height:100%;}
.colorset4{ padding:5px 10px 20px;vertical-align:top;}
.colorset4 table{margin: auto;text-align:left;}
.colorset5{ background-color:#ffffff;height:55px;background-image:url(../cgiimg/bg2.gif);background-repeat:repeat;text-align:center;}

/* ページタイトル */  
.title{text-align:center;vertical-align:bottom;font-size:110%;}
/* いらっしゃいませ **様 */  
.welcom{text-align:left;vertical-align:bottom;padding:2px 7px 5px;color:#fd1082;height:20px;font-size:90%;font-weight:bold;}
/* 入力フォーム 項目 */  
.form_td{
	margin:15px 0 4px;padding:3px 5px 3px; font-weight:bold;width:99%;
	border:1px solid #b8e8f8;background-color:#eef5f7;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
/* 広告データ一覧・詳細 */  
.table1{ background-color:#dddddd;width:100%;}
.table1 td{ background-color:#ffffff;}
.table1 th{ vertical-align:top;background-color:#eef5f7;}
/* 全貯留額確認・報酬支払い履歴 */  
.table2{ background-color:#dddddd;width:100%;}
.table2 td{ background-color:#ffffff;}
.table2 th{ vertical-align:top;background-color:#eef5f7;}
/* 広告データ詳細 */  
.table3{width:100%;}
/* 入力フォーム */ 
.table4{width:100%;}
/*フォーム*/ 
.fc1{ width:90%; } 
.fc2{ width:80%; }
.fc3{ width:70%; }
.fc4{ width:100px; }

/* 目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px;} 


.baner{ margin:0 0 10px;padding:5px 0 5px; border-bottom:1px dotted #9e9e9e;}
.copyarea{width:100%;font-size:12px;border:0;}
/* エラー */
.error_msg{
border:1px solid #ff0000;
border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}

/* 新規会員登録、ログイン等 のリンク*/
.menu ul{
	margin:0;
	padding:0;
	list-style-type:none; 
}
.menu li{
 margin:0;  text-align:left;
 padding:7px 10px 7px;
 list-style-type:none;
 border-bottom:1px solid #e0e0e0;
}
.menu li a{display:block;}
.menu li:hover{background-color:#f9eaf9;}
.content{margin: auto;text-align:center; width:100%;}


/* ボタンhover 背景色変更 */
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{background-color:#c5e1f9; }
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color:#f3f4f4;  }
/* リセット非表示 */
input[type=reset]{ display:none; }

/* QRコード画像配置 */
.qr_cord{text-align:left; position: relative; top:-49px; left:6px;}


/**************** レスポンシブ指定(デフォルトはスマホ用設定) ****************/  

/********* タブレット専用*********/  
@media screen and (min-width:768px){
.title{font-size:120%;}
.menu ul{margin:10px;}
.menu li{
	background-color:#ffffff; 
	border:1px solid #0000ff;
	text-align:center;
	padding:3px 1px 3px; margin:0px 0 5px 5px; border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
	font-weight:bold;
	width:150px;
	background-repeat:repeat-x;
	float:right;
}
.table2{ width:350px; }
.table3{ width:80%; }
.table4{ width:400px; }
.fc1{ width:300px; } 
.fc2{ width:200px; }
.fc3{ width:150px; }
.fc3{ width:120px; }

}

/********* PC用*********/  
@media screen and (min-width:900px){
.content{width:800px;}
}