@charset "shift_jis";

/*-------------------------------------
   基本構成
--------------------------------------*/
/* CSS Document */

/*-------------------------------------
   reset
--------------------------------------*/
html {
	overflow-y:scroll;
}
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
}
br {/*for IE7*/
	letter-spacing:0;
}	
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0;
	padding:0;
}
fieldset {
	border:none;
}
th, td {
	vertical-align:top;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	border:none;
}
address{
	font-style:normal;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
sup {
	vertical-align: text-top;
}

/*-------------------------------------
   基本構成 
--------------------------------------*/
/*--　body 背景画像はここで変更　サイズ：80% --*/
body{
	background: url(../img/body-bg-image.gif) repeat ;
	font-size:80%;
	line-height:1.5;
	letter-spacing:0;/*for IE7*/

}
/*--　全体のエリア --*/
div#container {
	margin:0 auto;
	text-align:left;
	width:800px;

}
/*-------------------------------------------
  ヘッダー（header/logo）エリア
-------------------------------------------*/
/*--　　　　ロゴの位置 --*/
.logo{
	margin:0 0 0 10px;
}
div#header {
	padding-top:10px;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*-------------------------------------------
  メイン（content）エリア
-------------------------------------------*/
/*--　　　　背景：白 --*/
div#main {
	margin:30px auto;
	padding:10px !important;
	background-color:#FFF;
}
div#inquiry-content{
	padding:10px 0;
}

/*---h1 inquiry---*/
#main h1{
	margin:15px 0 0 15px;
}

/*--　　　　フォーム上のメッセージ文　左20pxから 幅：720px --*/
p.p-msg {
	margin:10px auto 20px 40px !important;
	padding-bottom:20px;
	border-bottom:#A37519 1px solid;
	width:700px;
}
/*--　　　　本文内の　上下margin20px --*/
div#main p {
	margin:0 20px;
}
/*-------------------------------------------
  フッター（footer/copyright）エリア
-------------------------------------------*/

/*========================================
   Footer
  ========================================*/
#footer{
	position: relative;
	width:100%;
	background:#f3f3f3;
	border-top: 1px solid #CCC;
}
#copyright{
	padding:3px 0;
	background-color:#663300;
	color:#FFF;
	clear:both;
	text-align:center;
}
  


/*-------------------------------------------
  ページを閉じる
-------------------------------------------*/
p.p-close-btn {
	margin-top:20px !important;
	margin-bottom:20px !important;
	text-align:center;
}
/*---------------------------------------------------------
　エラー表示
---------------------------------------------------------*/
/*--　color：赤 --*/
.col-red {
	color:#F00;
}
/*--　文字サイズ80% （必須用の文字サイズ） --*/
.font-size-small{
	font-size:80%;
}
/*--　color：赤　文字サイズ130% 左70pxから --*/
p.p-error-msg {
	margin:0 10px 15px 70px !important;
	color:#F00;
	font-size:130%; !important;
	text-align:left;
}
/*--　color：赤　 左70pxから --*/
.error-msg {
	margin:0 10px 5px 70px !important;
	color:#F00;
	text-align:left;
}
/*--　エラー時のコメント　左70pxから --*/
.p-error {
	margin:20px 10px 70px 70px !important;
	text-align:left;
}

.field-validation-error {
    color: red;
}
.input-validation-error {
    background-color: #f8d7da;
}
/*-------------------------------------------
  ime-modeプロパティ　入力時の文字モード
-------------------------------------------*/
/*1行の場合：初期値が日本語入力モード*/
input.i-ime-active {
    ime-mode: active;
}
/*1行の場合：初期値が英数字入力モード*/
input.i-ime-inactive {
	ime-mode: inactive;
}
/*1行の場合：英数字入力モード。ユーザーの操作によるモードの変更はNG*/
input.t-ime-disabled {
	ime-mode: disabled;
}
/*複数行の場合：初期値が日本語入力モード*/
textarea.t-ime-active {
	ime-mode: active;
}
/*--  focusした時に色を付ける　--*/
input:focus{
background: #FFFEF7;
}
textarea:focus{
background: #FFFEF7;
}
/*-------------------------------------------
  上からの○○　margin/padding
-------------------------------------------*/
.margin-top10 {
	margin-top:10px !important;
}
.margin-top20 {
	margin-top:20px !important;
}
.padding-top5 {
	padding-top:5px !important;
}
.padding-top10 {
	padding-top:10px !important;
}


/* size */
.width50 {
    width: 50px;
}

.width160 {
    width: 160px;
}

.width200 {
    width: 200px;
}

.width250 {
    width: 250px;
}

.width270 {
    width: 270px;
}

.width300 {
    width: 300px;
}

.width350 {
    width: 350px;
}

.width500 {
    width: 500px;
}

.width80per {
    width: 80%;
}

.width90per {
    width: 90%;
}

.width95per {
    width: 95%;
}

.width100per {
    width: 100%;
}

.alert {
    padding: 1px 5px;
    margin-bottom: 5px;
}

a {
    text-decoration: underline;
}