/* $Id: basecss.php 82 2012-06-14 02:57:34Z fukuda $ */

/*

2012/03/08 イメージ・説明付き選択オブジェクト機能用stylesheet追加

*/

/*
Array
(
    [number] => 1
    [title] => お問合せメールフォーム
    [sub_title] => お問合せは下記メールフォームより必要事項を入力の上、送信してください。
    [mail] => contact@soft-dev.jp
    [privacy_method] => 2
    [privacy_text] => 
    [privacy_link] => http://www.web-appli.jp/privacy02.html
    [mail_title] => お問合せありがとうございました／集客のためのホームページ作成
    [responce_mail] => （このメールは自動返信にてお送りしております。）


##お名前##　様


株式会社ネーブルスです。


この度は弊社サイトよりお問合せくださいまして
誠にありがとうございました。


弊社担当者からご連絡を致しますので、
しばらくお待ちください。


今後とも、どうぞよろしくお願い致します。


゜+.――゜+.――゜+.――゜+.――゜+.――゜+.――゜+.――゜+.
　株式会社ネーブルス　
   〒102-0082 東京都千代田区一番町10-8　
　　一番町ウエストビル5階
　Tel: 03-6869-5054
　E-mail contact@soft-dev.jp
　URL http://www.web-appli.jp/ 集客のためのホームページ作成
゜+.――゜+.――゜+.――゜+.――゜+.――゜+.――゜+.――゜+.
    [background_color] => #FFFFFF
    [body_font_color] => #000000
    [border_color] => #CCCCCC
    [warn_font_color] => #FF3300
    [name_column_color] => #FFFFCC
    [name_font_color] => #000000
    [input_column_color] => #FFFFFF
    [input_font_color] => #000000
    [dummy] => 
    [contact] => 
    [record_count] => 10
    [number1] => 1
    [column_name1] => 会社名
    [column_type1] => textString
    [button_area1] => 
    [max_length1] => 100
    [not_null1] => 0
    [up_button1] => 
    [down_button1] => 
    [button1] => 
    [number2] => 2
    [column_name2] => お名前
    [column_type2] => textString
    [button_area2] => 
    [max_length2] => 45
    [not_null2] => 1
    [up_button2] => 
    [down_button2] => 
    [button2] => 
    [number3] => 3
    [column_name3] => メールアドレス
    [column_type3] => mailAddress
    [button_area3] => 
    [max_length3] => 100
    [not_null3] => 1
    [up_button3] => 
    [down_button3] => 
    [button3] => 
    [number4] => 4
    [column_name4] => メールアドレス
    [column_type4] => reMailAddress
    [button_area4] => 
    [max_length4] => 100
    [not_null4] => 1
    [up_button4] => 
    [down_button4] => 
    [button4] => 
    [number5] => 5
    [column_name5] => 郵便番号
    [column_type5] => ZipCode
    [button_area5] => 
    [max_length5] => 
    [not_null5] => 1
    [up_button5] => 
    [down_button5] => 
    [button5] => 
    [number6] => 6
    [column_name6] => 都道府県
    [column_type6] => prefecturesSelect
    [button_area6] => 
    [max_length6] => 
    [not_null6] => 1
    [up_button6] => 
    [down_button6] => 
    [button6] => 
    [number7] => 7
    [column_name7] => 住所
    [column_type7] => textString
    [button_area7] => 
    [max_length7] => 200
    [not_null7] => 1
    [up_button7] => 
    [down_button7] => 
    [button7] => 
    [number8] => 8
    [column_name8] => 電話番号
    [column_type8] => PhoneNumber
    [button_area8] => 
    [max_length8] => 
    [not_null8] => 1
    [up_button8] => 
    [down_button8] => 
    [button8] => 
    [number9] => 9
    [column_name9] => どこでお知りになりましたか？
    [column_type9] => checkBox
    [button_area9] => 
    [max_length9] => 
    [not_null9] => 1
    [up_button9] => 
    [down_button9] => 
    [button9] => 
    [number10] => 10
    [column_name10] => お問合せ内容
    [column_type10] => textarea
    [button_area10] => 
    [max_length10] => 3000
    [not_null10] => 1
    [up_button10] => 
    [down_button10] => 
    [button10] => 
)
*/

/* ---------------------------------------------------*/
/* テーブル設定 */
/* ---------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	text-align : left;
	line-height:1.4;
	color:#333333;
	font-family:ＭＳ ゴシック,Arial, sans-serif;
	font-size:0.9em;
	color : #000000;
	background-color : #FFFFFF;
}
#container {
	width:580px;
	color:  #333333;
	background-color: #FFFFFF;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color : #FFFFFF;
}

#main-area {
}

#process-box {
	width:		580px;
	height:		100px;
	padding:	10px;
	line-height:	17px;
	font-size:	12px;
	color:		#cc6600;
	margin:		10px auto;
	overflow:	hidden;
	border:		0px;
}

.title {
	font-size : 18px;
	font-weight : bold;
	text-align : center;
}
.sub_title {
	font-size : 13px;
	text-align : center;
}

#list-box {
}

.step-box-light {
	float:		left;
	width:		125px;
	height:		60px;
	padding:	10px;
	line-height:	17px;
	margin:		5px;
	overflow:	hidden;
	border-style:	solid;
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-width:	0px 3px 3px 0px;
	border-color:	#CCCCCC;
	background-color : #0044FF;
	text-align:	center;
	filter: alpha(style=1, opacity=50, finishopacity=100, startx=60, starty=0, finishx=60, finishy=70);
}

.step-box-dark {
	float:		left;
	width:		125px;
	height:		65px;
	padding:	10px;
	line-height:	17px;
	margin:		5px;
	overflow:	hidden;
	border-style:	solid;
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-width:	0px 3px 3px 0px;
	border-color:	#CCCCCC;
	background-color : #888888;
	text-align:	center;
	filter: alpha(style=1, opacity=50, finishopacity=100, startx=60, starty=0, finishx=60, finishy=70);
}

.step-space {
	float:		left;
	width:		30px;
	height:		70px;
	padding:	5px;
	margin:		5px auto;
	overflow:	hidden;
	border:		0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 45% 60%;
}


#spacer-box {
	width :		200px;
	height:		20px;
}

.space_br {
	width:		630px;
	height:		5px;
}


/*
.outline {
	margin-left  : auto;
	margin-right : auto;
	text-align : center;
	width : 582px;
}
*/
.arrow_body {
	margin : 30px 0px 0px 3px;
	width:10px;
	height:15px;
	background-color:#2222FF;
	float:left;
}

.arrow_arrow {
	margin : 22px 0px 0px 0px;
	border:solid;
	border-width:15px 0px 15px 15px;
	border-color:#FFFFFF;
	border-color : #FFFFFF;
	border-left-color:#2222FF;
	width:0px;
	height:0px;
	float:left;
}

.list_table {
	border:0px;
	padding:0px;
	margin:2px;
	background-color:#FFFFFF;
}

.list_table td{
    font-size:12px;
}

.list_table_td_center {
	background-color: #DDDDDD;
	text-align:center;
}

.list_table_td_left {
	background-color: #DDDDDD;
	text-align:left;
}

.list_table_td_right {
	background-color: #DDDDDD;
	text-align:right;
}

.list_table_td_head {
	background-color: #AAAAAA;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
}

.dtl_table {
	border:0px;
	padding:0px;
	margin:2px;
	background-color:#FFFFFF;
}

.dtl_table_td_value_center {
	background-color: #DDDDDD;
	text-align:center;
}

.dtl_table_td_value_right {
	background-color: #DDDDDD;
	text-align:right;
	overflow:hidden;
	width: 250px;
}

.dtl_table_td_value_left {
	background-color: #DDDDDD;
	text-align:left;
	overflow:hidden;
	width: 250px;
	height: 20px;
}

.dtl_table_td_value_note {
	background-color: #DDDDDD;
	text-align:left;
	overflow:hidden;
	width: 250px;
	height: 50px;
}

.dtl_table_td_name {
	background-color: #AAAAAA;
	text-align:left;
	color:#FFFFFF;
	font-size:13px;
	overflow:hidden;
	width: 150px;
}

.dtl_table_td_warn_name {
	background-color: #FFFFFF;
	text-align:left;
	color:#AA0000;
	font-size:13px;
	color : #FF3300;
	background-color : #FFFFFF;
}

.dtl_table_td_warn_message {
	background-color: #FFFFFF;
	text-align:left;
	color:#AA0000;
	font-size:14px;
	color : #FF3300;
	background-color : #FFFFFF;
}

.table_file {
	border : 0px;
	padding : 0px;
	margin : 0px;
	background-color:#FFFFFF;
	width:580px;
	border-collapse : collapse;
	background-color : #FFFFFF;
}

.td_name_file {
	background-color: #FFAA55;
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	overflow:hidden;
	width: 190px;
	padding : 5px 5px;
	vertical-align : top;
	border : solid 1px #CCCCCC;
	color : #000000;
	background-color : #FFFFCC;
}

.td_value_file_left {
	background-color: #FFCC77;
	text-align:left;
	overflow:hidden;
	width: 400px;
	height: 20px;
	font-size:14px;
	padding : 5px;
	vertical-align : top;
	border : solid 1px #CCCCCC;
	color : #000000;
	background-color : #FFFFFF;
}

.td_value_file_right {
	background-color: #F0A050;
	text-align:right;
	overflow:hidden;
	width: 400px;
	height: 20px;
	font-size:14px;
	padding : 5px;
	vertical-align : top;
	border : solid 1px #CCCCCC;
	color : #000000;
	background-color : #FFFFFF;
}

.td_value_file_privacy {
	background-color: #F0A050;
	text-align:center;
	overflow:hidden;
	width: 580px;
	font-size:14px;
	padding : 5px;
	vertical-align : top;
	border : solid 1px #CCCCCC;
	color : #000000;
	background-color : #FFFFFF;
}

.th_cal_sun {
	background-color: #0000AA;
	text-align:center;
	color:#FF0000;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.th_cal_sat {
	background-color: #0000AA;
	text-align:center;
	color:#FFFFFF;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.th_cal_wday {
	background-color: #0000AA;
	text-align:center;
	color:#FFFFFF;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.td_cal_sun {
	background-color: #EEFFFF;
	text-align:right;
	color:#FF0000;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.td_cal_sat {
	background-color: #EEFFFF;
	text-align:right;
	color:#000000;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.td_cal_wday {
	background-color: #EEFFFF;
	text-align:right;
	color:#0000FF;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.td_cal_sun_out {
	background-color: #AAAAAA;
	text-align:right;
	color:#888888;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.td_cal_sat_out {
	background-color: #AAAAAA;
	text-align:right;
	color:#888888;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.td_cal_wday_out {
	background-color: #AAAAAA;
	text-align:right;
	color:#888888;
	overflow:hidden;
	width: 20px;
	height: 20px;
}

.table_coupon {
	padding : 0px;
	margin  : 0px;
	border : 3px #000000 double;
	background-color : #FFFEDD;
	width : 540px;
	height : 180px;
}

.table_coupon tr{
	padding : 0px;
	margin  : 0px;
}

.td_coupon_top {
	height : 7px;
	border : 0px #000000 solid;
	padding : 0px;
}

.td_coupon_title {
	height : 35px;
	text-align : center;
	background-color : #FFDD55;
	border : 0px #000000 solid;
	padding : 0px;
}

.td_coupon_service {
	width  : 84px;
	height : 56px;
	vertical-align : top;
	font-size : 12px;
}

.td_coupon_detail {
	width  : 448px;
	height : 56px;
	vertical-align : top;
	font-size : 12px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}
/*
.td_coupon_picture {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}
*/

.td_coupon_limit {
	height : 35px;
	text-align : center;
	background-color : #DDDDAA;
}

.td_coupon_privacy {
	height : 56px;
	text-align : left;
	vertical-align : top;
}

.button_area {
	border : 0px;
	padding : 0px;
	margin : 7px 0px 0px 0px;
	background-color:#FFFFFF;
	width:580px;
	border-collapse : collapse;
	background-color : #FFFFFF;
}

.complete_message_upper {
	width:530px;
	height:50px;
	background-color : #FFFFCC;
	color : #000000;
	padding:20px;
}
.complete_message_lower {
	width:530px;
	height:150px;
	background-color : #FFFFFF;
	color : #000000;
	padding:20px;
}

/* ---------------------------------------------------*/
/* ボタン設定 */
/* ---------------------------------------------------*/

/* サイズ */
.btn_240px
{
	width:						240px;
	/*border:						1px solid;*/
	font:							12px 'ＭＳ ゴシック';
	padding:					2px;
}


/* サイズ */
.btn_180px
{
	width:						180px;
	/*border:						1px solid;*/
	font:							12px 'ＭＳ ゴシック';
	padding:					2px;
}

.btn_120px
{
	width:						120px;
	/*border:						1px solid;*/
	font:							12px 'ＭＳ ゴシック';
	padding:					2px;
}

.btn_80px
{
	width:						80px;
	/*border:						1px solid;*/
	font:							12px 'ＭＳ ゴシック';
	padding:					2px;
}

.btn_60px
{
	width:						60px;
	border:						1px solid;
	font:							12px 'ＭＳ ゴシック';
	padding:					2px;
}

.btn_40px
{
	width:						40px;
	border:						1px solid;
	font:							12px 'ＭＳ ゴシック';
	padding:					2px;
}

/* 位置 */
.btn_right
{
	text-align:				right;
}

/* ---------------------------------------------------*/
/* コンボボックス設定 */
/* ---------------------------------------------------*/

/* サイズ */
.cmb_160px
{
	width:						160px;
}

/* ---------------------------------------------------*/
/* テキストフィールド設定 */
/* ---------------------------------------------------*/

/* サイズ */
.txt_100per
{
	width:						100%;
}

.txt_80per
{
	width:						80%;
}

.txt_450px
{
	width:						450px;
}

.txt_280px
{
	width:						280px;
}

.txt_160px
{
	width:						160px;
}

.txt_80px
{
	width:						80px;
}

.txt_40px
{
	width:						40px;
}

.txtarea_280px
{
	width:						280px;
	height:						50px;
}

.txtarea_350px
{
	width:						350px;
	height:						150px;
}

.txtarea_550px
{
	width:						550px;
	height:						150px;
}

/* ---------------------------------------------------*/
/* フォント設定 */
/* ---------------------------------------------------*/

.font_notice
{
	color: #000000;
	font-size:12px;
}

.font_comment
{
	color: #FF0000;
	font-size:12px;
	color : #FF3300;}

.font_open {
	color: #FF0000;
	font-size:20px;
	font-weight : bold
}

.font_unopen {
	color: #000000;
	font-size:20px;
	font-weight : bold
}

.font_coupon_title {
	color: #FFFFFF;
	font-size:25px;
	font-weight : bold
}

.font_coupon_limit {
	color: #222222;
	font-size:10px;
}

.font_coupon_privacy {
	color: #000000;
	font-size:12px;
	font-weight : bold
}

.font_secure_warn
{
	color: #FF0000;
	font-size:12px;
	color : #FF3300;
}


/* ---------------------------------------------------*/
/* フォント設定 */
/* ---------------------------------------------------*/

.font_step_title
{
	color: #FFBB00;
	font-size:18px;
	font-weight : bold;
}

.font_step_note
{
	color:#FFFFFF;
	font-size:14px;
}

.font_step_title_dark
{
	color: #DDDDDD;
	font-size:18px;
	font-weight : bold;
}

.font_step_note_dark
{
	color:#DDDDDD;
	font-size:14px;
}


.font_thanks_title
{
	color: #FFBB00;
	color : #000000;
	font-size:16px;
	font-weight : bold;
}

.font_thanks_note
{
	color: #555555;
	font-size:14px;
	font-weight : bold;
}

.font_thanks_next
{
	color: #555555;
	font-size:14px;
}


.split_line
{
	color: #AAAAAA;
	width: 580px;
}

.coupon_line
{
	color: #AAAAAA;
	width: 540px;
	margin-left : 0;
	text-align : left;
}

/* ------------------------------------------------------------ */
/* イメージ・説明付き選択オブジェクト機能用stylesheet(fwvconst) */
/* ------------------------------------------------------------ */

/* fwvconst */
.fwvconst_div {
	width			:	180px;
	height			:	 25px;
}

/* vertical用 */
.fwvconst_div_vertical {
	width			:	195px;
	height			:	340px;
	margin			:	5px 5px 5px 5px;
	padding			:	5px;
	//border		:	1px #000000 solid;
	background-color:	#EEEEEE;
	position		:	relative;
}

/* horizontal用 */
.fwvconst_div_horizontal {
	width : 375px;
	height : 185px;
	margin : 5px 5px 5px 5px;
	padding : 10px;
	//border : 1px #000000 solid;
	background-color : #EEEEEE;
	position : relative;
}

.fwvconst_left {
	width : 185px;
	height : 180px;
	margin : 0px;
	padding: 0px;
	margin : 0px 5px 0px 0px;
	//padding : 5px;
	//border : 1px #000000 solid;
	//background-color : #DDDDDD;
	//position : relative;
	float : left;
}

.fwvconst_right {
	width : 185px;
	height : 180px;
	margin : 0px 0px 0px 0px;
	padding: 0px;
	//margin : 5px 0px 5px 0px;
	//padding : 5px;
	//border : 1px #000000 solid;
	//background-color : #DDDDDD;
	//position : relative;
	float : left;
}

/* no_image・no_note用 */
.fwvconst_div_single {
	width			:	195px;
	height			:	185px;
	margin			:	5px 5px 5px 5px;
	padding			:	5px;
	//border		:	1px #000000 solid;
	background-color:	#EEEEEE;
	position		:	relative;
}

/* fwvconst_div内ラベル・オブジェクト */
.fwvconst_title {
	margin : 0px 0px 10px 0px;
	position:relative;
	padding : 2px;
	height : 15px;
	//background-color : #DD00DD;
}

.fwvconst_object {
	float:left;
	height: 15px;
	line-height:15px;
	position:relative;
	//background-color : #FFDD00;
}

.fwvconst_value {
	font-weight : Bold;
	float:left;
	height: 15px;
	margin : 0px 0px 0px 5px;
	line-height:18px;
	position:relative;
	//background-color : #AADDDD;
}

.fwvconst_note {
	width  : 185px;
	height : 150px;
	//height : 100px;
	clear : both;
	margin : 0px auto 5px auto;
	//background-color : #00DD00;
}

.fwvconst_another {
	clear : both;
	height : 30px;
	margin : 0px 0px 5px 10px;
	display: none;
}

.fwvconst_image {
	clear : both;
	margin : 0px auto 5px auto;
	text-align : center;
	width  : 185px;
	height : 150px;
	//background-color : #AA00DD;
}