@charset "utf-8";



@media screen and (max-width: 999px) {



/* 必須
-----------------------------------------*/
.ex_essential {
color:#CC0000;
font-weight:normal;
}
/* エラー
-----------------------------------------*/
 
/* 注釈
-----------------------------------------*/
.ex_comment {
color:#666;
}
/* フォームレイアウト
-----------------------------------------*/
.mod_form {
margin:0 auto;
margin-bottom:20px;
padding:0px;
width:100%;
border:none;
}
.mod_form p.point {
text-align:center;
}
.mod_form table {
width:100%;
border-collapse:separate;
border-spacing:2px;
}
.mod_form table tr th {
padding:10px;
white-space: nowrap;
font-weight:bold;
vertical-align: top;
border-bottom:#f2f2f2 1px solid;
background-color:#f2f2f2;
vertical-align:middle;
}
.mod_form table tr td {
width:100%;
padding:10px;
border-bottom:#f2f2f2 1px solid;
}
 
/* フォーム内2段組
-----------------------------------------*/
.mod_form_listbox {
width:100%;
}
.mod_form_listbox_left {
float:left;
width:50%;
}
.mod_form_listbox_right {
float:left;
width:50%;
}
 
/* 入力パーツ
-----------------------------------------*/
label  {
  cursor: pointer;
}

td.w350 select {
	width:100%;
	height:auto;
}
td.w300 select {
	width:100%;
	height:auto;
}
td.w250 select {
	width:250px;
	height:auto;
}
td.w200 select {
	width:200px;
	height:auto;
}
td.w150 select {
	width:150px;
	height:auto;
}
td.w100 select {
	width:100px;
	height:auto;
}
td.w60 select {
	width:60px;
	height:auto;
}
table.standard input,textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:solid 1px #CCCCCC;
}
input#character_m,
input#character_w,
.mod_form_listbox input {
border:none;
}

td.w350 input {
	width:100%;
	height:auto;
}
td.w300 input {
	width:100%;
	height:auto;
}
td.w250 input {
	width:250px;
	height:auto;
}
td.w200 input {
	width:200px;
	height:auto;
}
td.w150 input {
	width:150px;
	height:auto;
}
td.w100 input {
	width:100px;
	height:auto;
}
td.w60 input {
	width:60px;
	height:auto;
}

/* フォーカス・チェック
-----------------------------------------*/
input:focus,
textarea:focus {
background-color:#FFFAF0;
}
input:checked + label {
background-color:#FFFAF0;
font-weight:bold;
}
 
/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance {
margin:20px 0 0 0;
padding:10px;
border-right:#f2f2f2 1px solid;
border-bottom:#f2f2f2 1px solid;
background-color:#fafafa;
}
.mod_form_importance h2 {
font-weight:bold;
}
.mod_form_importance_txt {
width:100%;
height:250px;
overflow:scroll;
overflow-x: hidden;
margin:10px 0 20px 0;
padding:10px 20px 15px 20px;
background-color:#FFF;
}

.mod_form_importance_btn {
text-align:center;
}
.mod_form_importance_txt h3 {
margin:10px 0 5px 0;
font-weight:bold;
border-bottom:solid 1px #DDD;
text-indent:4px;
}
.mod_form_importance_txt ol,ul {
	margin:5px 0px;
	padding:0;
}
.mod_form_importance_txt li {
	margin:0 0 0 5px;
	padding:0;
	font-size:0.85rem;
}
.mod_form_importance_txt p {
	margin:0 0 0 5px;
}
ul.inlist {
	margin:0 0 0 0px;
	list-style:inside;
}
ol.inlist li {
	margin:0 0 0 0px;
	list-style:inside;
}

/* 送信ボタンとエラー表示
-----------------------------------------*/
.mod_form_btn {
margin:20px 0 0 0;
text-align:center;
}
 
.mod_form_btn input#back,
.mod_form_btn input#submit {
width:150px;
padding:5px;
}
 
 
/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after  {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix  {
  min-height: 1px;
}
* html .ex_clearfix  {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

}



























@media screen and (min-width: 1000px) {
/* 必須
-----------------------------------------*/
.ex_essential {
color:#CC0000;
font-weight:normal;
}
/* エラー
-----------------------------------------*/
 
/* 注釈
-----------------------------------------*/
.ex_comment {
color:#666;
}
/* フォームレイアウト
-----------------------------------------*/
.mod_form {
margin:0 auto;
margin-bottom:20px;
padding:20px;
width: 700px;
border:#cccccc 1px solid;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.mod_form p.point {
text-align:right;
}
.mod_form table {
width:100%;
border-collapse:separate;
border-spacing:2px;
}
.mod_form table tr th {
padding:10px;
white-space: nowrap;
font-weight:bold;
vertical-align: top;
border-bottom:#f2f2f2 1px solid;
background-color:#f2f2f2;
vertical-align:middle;
}
.mod_form table tr td {
width:70%;
padding:10px;
border-bottom:#f2f2f2 1px solid;
}
 
/* フォーム内2段組
-----------------------------------------*/
.mod_form_listbox {
width:100%;
}
.mod_form_listbox_left {
float:left;
width:50%;
}
.mod_form_listbox_right {
float:left;
width:50%;
}
 
/* 入力パーツ
-----------------------------------------*/
label  {
  cursor: pointer;
}
td.w350 select {
	width:350px;
	height:auto;
}
td.w300 select {
	width:300px;
	height:auto;
}
td.w250 select {
	width:250px;
	height:auto;
}
td.w200 select {
	width:200px;
	height:auto;
}
td.w150 select {
	width:150px;
	height:auto;
}
td.w100 select {
	width:100px;
	height:auto;
}
td.w60 select {
	width:60px;
	height:auto;
}
table.standard input,textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:solid 1px #CCCCCC;
}
input#character_m,
input#character_w,
.mod_form_listbox input {
border:none;
}

td.w350 input {
	width:350px;
	height:auto;
}
td.w300 input {
	width:300px;
	height:auto;
}
td.w250 input {
	width:250px;
	height:auto;
}
td.w200 input {
	width:200px;
	height:auto;
}
td.w150 input {
	width:150px;
	height:auto;
}
td.w100 input {
	width:100px;
	height:auto;
}
td.w60 input {
	width:60px;
	height:auto;
}


/* フォーカス・チェック
-----------------------------------------*/
input:focus,
textarea:focus {
background-color:#FFFAF0;
}
input:checked + label {
background-color:#FFFAF0;
font-weight:bold;
}
 
/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance {
margin:20px 0 0 0;
padding:10px;
border-right:#f2f2f2 1px solid;
border-bottom:#f2f2f2 1px solid;
background-color:#fafafa;
}
.mod_form_importance h2 {
font-weight:bold;
}
.mod_form_importance_txt {
width:634px;
height:250px;
overflow:scroll;
overflow-x: hidden;
margin:10px 0 20px 0;
padding:10px 20px 15px 20px;
background-color:#FFF;
}
.mod_form_importance_txt h3 {
margin:10px 0 5px 0;
font-weight:bold;
border-bottom:solid 1px #DDD;
text-indent:4px;
}
.mod_form_importance_txt ol,ul {
	margin:5px 0px;
	padding:0;
}
.mod_form_importance_txt li {
	margin:0 0 0 5px;
	padding:0;
	font-size:0.85rem;
}
.mod_form_importance_txt p {
	margin:0 0 0 5px;
}
ul.inlist {
	margin:0 0 0 0px;
	list-style:inside;
}
ol.inlist li {
	margin:0 0 0 0px;
	list-style:inside;
}

/* 送信ボタンとエラー表示
-----------------------------------------*/
.mod_form_btn {
margin:20px 0 0 0;
text-align:center;
}
 
.mod_form_btn input#back,
.mod_form_btn input#submit {
width:150px;
padding:5px;
}
 
 
/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after  {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix  {
  min-height: 1px;
}
* html .ex_clearfix  {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

}
input {
	padding:4px 2px;
}
textarea {
	width:100%;
}
.center-box {
	border:none;
}
html {

overflow-x: hidden;

}