﻿/************************************************************
 ▼▼ フォーム ▼▼ 
************************************************************/

/*formアコーディオン*/
input.accordion_toggle {
	background-color:#FFF;
	border:1px solid #666;
}

textarea.accordion_toggle {
	background-color:#FFF;
	border:1px solid #666;
}


input.accordion_toggle_active {
	background-color:#FFA;
	border:1px solid #666;
}

textarea.accordion_toggle_active {
	background-color:#FFA;
	border:1px solid #666;
}

.accordion_content {
	overflow: hidden;	/* 必須 */
	margin:3px 0 0 0;
	padding:0 0 0 5px;
	border-left:5px solid #CCC;
}

/*フォームに対する、詳細設定（テーブルや、inputの長さなど）*/
#forms table {
    font-size : 1.2em ;
    margin-top : 10px ;    /* テーブル上の間隔 */
    margin-bottom : 10px ; /* テーブル下の間隔 */
}

#forms table {
    width : 600px ;        /* テーブル幅 */
    margin-left : 40px ;
}

.hissuText {
    color : #333;
}
#forms td,
#forms th, {
    padding : 5px ;
}
#forms table th {
    width : 10em ;         /* th幅 */
    color : #000 ;        /* th文字色 */
    vertical-align : middle ; /* thの水平位置 */
    font-size : 0.8em ;  /* thのフォントスタイル */
    font-weight : normal ;  /* thのフォントスタイル */
}
/* ●td  */
#forms td {
    background : #fff ;   /* td背景 */
    vertical-align : top ; /* tdの水平位置 */
}

/* ●罫線の色 */
#forms table   { background   : #DCDCDC ; }
#forms caption { border-color : #DCDCDC ; }

/* ●文字の大きさ */
#inquire th,td { font-size : 80% ; }



#forms .column {
    background :url(../img/form/form_bg.jpg) top left repeat-y;
    padding:10px 5px 5px 5px;
    vertical-align:middle;
    text-align:right;
    color : #fff ;
}
#forms .value {
    background-color:#FFFFFF;
    color:#333333;
    padding:5px 5px 5px 5px;
    vertical-align:top;
    text-align:left;
}
#forms .mtitle {
    background-color : #ffffff ;
}
.hissuText{color:#F60}
#forms .textBox{width:300px;}

#forms .form_title{
    width : 600px ;
    margin:0;
    
}
#forms .nomalText{width:300px;}

#forms #me_tel{width:100px;}
#forms #me_zip{width:70px;}


#entryForm{text-align:center;margin-left:-30px;}
#entryForm #forms .table{font-size:1.5em;background-color:#ccc;text-align:left;padding:5px 0px; width:auto;}

#entryForm #forms table.table tr td.column {
    background-color:#fafcff;
    padding:5px 5px 5px 5px;
    vertical-align:middle;
    text-align:right;
}
#forms table td.value table.ms_tbl {
    width : 600px ;
    margin : 20px 0 20px 0 ;

}


.h_sankaku{
	color:#00F;
	font-weight:bold;
}

.h_maru{
	color:#F00;
	font-weight:bold;
}

.h_2maru{
	color:#F00;
	font-weight:bold;
}

.c_black{
	color:#000;
    
}

.large{
	font-size:120%;
}


.reco_kai{
	color:#FF1E1E;
}
.reco_uri{
	color:#100AF5;
}

.ruleText{
	text-align:left;
	width:538px;
	height:150px;
	padding:0px;
	margin:0 0 15px 0;
	font-size:16px;
	border:1px solid #999;
	overflow:auto;
}

.ruleText02{
	text-align:left;
	width:518px;
	height:130px;
	padding:10px;
	margin:0 0 15px 0;
	font-size:16px;
	border:1px solid #999;
	overflow:auto;
}

.ruleSubText{
	font-size:12px;
}

.ruleText .text{
	/*width:400px;*/
}

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

a.sro:hover img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#submenu .indent{
	padding:0 0 0 15px;
	
}


/* ▼▼ フォーム thanks ▼▼ */
.box_kakunin {
    border : 1px solid #ccc ;
    padding : 10px ;
    margin : 10px 10px 10px 20px ;
}

/* ▼▼ フォーム card.php ▼▼ */
#kessai .floatC table {
    width : 600px ;
}
#kessai .floatC table th {
    width : 500px ;
    text-align : left ;
    text-indent : 1em ;
}
#kessai .floatC table td {
    width : 100px ;
}
#kessai h3 {
    width : 600px ;
    height : 25px ;
    font-size : 15px ;
    font-weight : bold ;
    text-indent : 3em ;
    background : url(../img/cr3.jpg) left top no-repeat ;
    line-height : 1.7 ;
    margin : 0 0 5px 15px ;
}
#kessai h3.cr2 {
    width : 655px ;
    height : 30px ;
    font-size : 16px ;
    text-indent : 30px ;
    margin : 0 0 10px 15px ;
    clear : both ;
    background : url(../img/cr2.gif) left no-repeat ;
    text-indent : 2.4em ;
    font-weight : bold ;
    color : #010066 ;
    line-height : 1.9 ;
}
p.box_bank {
    border : 1px solid #ccc ;
    padding : 15px ;
    width : 300px ;
}
