@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none;}

table { font-size:100%;}
th { text-align:left; font-weight:bold;}

input,select { vertical-align:middle;}

/* 定義 */

header,footer,article,section { display:block;}

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}
strong.red { color:#F00;}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

.clear { clear:both; }

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

div.line01 {}
div.line01 hr { visibility:hidden; display:none;}

div.line02 {}
div.line02 hr { visibility:hidden; display:none;}

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

body { -webkit-text-size-adjust:none;}

#base { margin:0 auto; background-position:center; background-repeat:repeat-y;}

/* header */
header { margin:0; position:relative; background-position:left top; background-repeat:no-repeat;}

header h1 { padding:5px;}

header img.tel01 { position:absolute; top:8px; right:5px;}


header #gNav { background: url("img/globalnavi/bg.png") repeat-x scroll left top transparent; font-size: 0; height: 50px; text-align: center; margin-bottom: 5px;}
header #gNav li { display:inline-block; overflow:hidden;}
header #gNav li a {}

header #gNav li.button01 a { background-image:url(img/globalnavi/btn_01.png)}
header #gNav li.button02 a { background-image:url(img/globalnavi/btn_02.png)}
header #gNav li.button03 a { background-image:url(img/globalnavi/btn_03.png)}
header #gNav li.button04 a { background-image:url(img/globalnavi/btn_04.png)}
header #gNav li.button05 a { background-image:url(img/globalnavi/btn_05.png)}
header #gNav li.button06 a { background-image:url(img/globalnavi/btn_06.png)}
header #gNav li.button07 a { background-image:url(img/globalnavi/btn_07.png)}
header #gNav li.button08 a { background-image:url(img/globalnavi/btn_08.png)}
header #gNav li.button09 a { background-image:url(img/globalnavi/btn_09.png)}

header #gNav li.button01 { width:px;}
header #gNav li.button02 { width:px;}
header #gNav li.button03 { width:px;}
header #gNav li.button04 { width:px;}
header #gNav li.button05 { width:px;}
header #gNav li.button06 { width:px;}
header #gNav li.button07 { width:px;}
header #gNav li.button08 { width:px;}
header #gNav li.button09 { width:px;}

/* container */
#container {}

div.FootBack { text-align:right;} 

/*---------------------------------
		TypeCSS
---------------------------------*/

/* List Type [ul] */
ul.type01 {}
ul.type01 li {}
ul.type01 li a {}

ul.type02 {}
ul.type02 li {}
ul.type02 li a {}

ul.type03 {}
ul.type03 li {}
ul.type03 li a {}

/* List Type [dl] */
dl.type01 {}
dl.type01 dt { padding:5px; background:#FBDDE7; color:#7A1033; clear:both;}
dl.type01 dd { padding:5px;}

dl.type02 {}
dl.type02 dt {}
dl.type02 dd {}

dl.formtype01 {}
dl.formtype01 span.necces { color:#900;}
dl.formtype01 dt { padding:5px; background:#FBDDE7; color:#7A1033; clear:both;}
dl.formtype01 dd { padding:5px;}
dl.formtype01 dd input,select { font-size:18px;}
dl.formtype01 dd input[type="text"] { width:95%;}
dl.formtype01 dd label { margin:0 0 5px 0;}
dl.formtype01 dd p { margin:0 5px !important;}
dl.formtype01 dd p.attent { color:#F00;}


/* Table Type */

table.type01 {}
table.type01 tr th {}
table.type01 tr td {}
table.type01 {}

table.type02 {}
table.type02 tr th {}
table.type02 tr td {}
table.type02 {}

table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

/* ラジオボタン変形 */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(img/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 40px; display: block; background-repeat: no-repeat; font-weight: bold; }

.cb-enable span { background-position: left -119px; padding: 0 10px; }

.cb-disable span { background-position: right -239px;padding: 0 10px; }

.cb-disable.selected { background-position: 0 -39px; }

.cb-disable.selected span { background-position: right -279px; color: #fff; }

.cb-enable.selected { background-position: 0 -79px; }

.cb-enable.selected span { background-position: left -199px; color: #fff; }

.switch label { cursor: pointer; }
.switch input { display: none; }


/* 必須項目2014.08.12wrote */
.necessary {
	width:30px;
	height:auto;
	padding:2px 4px;
	margin-left:10px;
	margin-bottom:2px;
    color: #FFF;
    font-weight: bold;
	font-size:10px;
    line-height: 130%;
    background: none repeat scroll 0% 0% #F06;
    border: none;
    vertical-align:middle;
    white-space: nowrap;
}

/* 予約送信2014.08.12wrote */
.send { height:40px; margin:0px auto 20px;
position: absolute;   /* ウインドウの左上を基準に */
width: 220px;     /* divの幅を指定 */
left: 50%;     /*divの左端を ページの真ん中へ移動 */
margin-left: -110px;    /* divの半分を右に戻す */}

input#submit_button {
	width:220px; height:40px; padding: 0px 10px; 
  font-size: 1.2em;
  /*背景指定*/
  background: url(img/switch.png) no-repeat center;
  /*文字指定*/
  font-weight: bold; color:#FFF; text-shadow: 0 -1px 1px #15909b, -1px 0 1px #15909b, 1px 0 1px #15909b; text-align:center; font-size:15px; 
  /*submitボタンのを枠を非表示にする*/
  border-style: none;
}

/* 共通 footer */
footer {
  color: #333333;
  margin: 40px auto 0;
}
.footer__container {
  padding: 20px 20px 80px;
  line-height: 1.5;
}
.footer__info {
  font-size: 12px;
  text-align: left;
}
.footer__copyright {
  border-top: 1px solid #d2d3d4;
  margin-top: 40px;
  padding-top: 20px;
}
.footer__copyright,
.footer__disclaimer {
  font-size: 11px;
}