@charset "utf-8";

/* *********************************************************
 *
 * kics-llc web site
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
}

html, body {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	height:100%;
	/*font-size:1em;*/
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	/*font-size:1em;*/
}

table, caption, th, td {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	/*font-size:1em;*/
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	/*font-size:1em;*/
}

table caption {
	display:none;
}



/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
/*bodyのスタイル*/

body {
	line-height:1.3;
	color:#000;
	background:url(../../ccan/images/bg.jpg) top left repeat-x;
}

p {
	font-size:0.9em;
}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div#all {
	width:820px;
	margin:20px auto;
	padding:0;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-color:#FFFFFF;
}


div#contents {
	width:800px;
	margin:0 auto;
	padding:10px 0;
	min-height:100%;
	height:auto !important;
	height:100%;
}

h1 {
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	color:#EE1C23;
	margin-bottom:5px;
	padding-top:20px;
}

p.read {
	font-size:1.2em;
	text-align:center;
	margin-bottom:15px;
}


table.mainVisual {
	width:800px;
	margin-bottom:15px;
}

/*********************************************************************
国旗
*********************************************************************/
div#flag {
	margin:40px 0;

}

div#flag table {
	margin:0 auto 20px;
}

div#flag table td {
	padding:5px;
	text-align:center;
}

div#flag table td p {
	font-size:0.8em;
}

/*********************************************************************
詳細テキスト
*********************************************************************/
div#detail {

}

.txtBox {
	margin-bottom:15px;
	padding:4px;
	background-color:#FFE8E8;
}

.txtBox h2 {
	font-size:1em;
	font-weight:bold;
	background:url(../../ccan/images/ico_ttl.gif) top left no-repeat;
	margin-bottom:5px;
	padding:0 0 0 14px;
}

div.card p img { margin-right:2px; margin-bottom:2px; }

.txtBox ol {
	margin:0 0 15px 30px;
}

.txtBox ol li {
	font-weight:bold;
	padding:0 0 5px 0;
}




div.bn p {
	width:400px;
	font-size:1.2em;
	text-align:center;
	margin:0 auto;
	padding-bottom:0;
	background:#EA343A;
	border:3px solid #C70007;
}

div.bn p a,
div.bn p a:link,
div.bn p a:visited {
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	width:380px;
	height:100%;
	padding:20px 10px;
	background:#EE1C23;
}

div.bn p a:focus,
div.bn p a:hover,
div.bn p a:active {
	display:block;
	background:#FFAAAA;
}

/*********************************************************************
事前申込のスタイル
*********************************************************************/

div#input {
 	width:900px;
	min-height:320px;
	background:url(../../ccan/denshi-waribiki/images/bg_ainimal.jpg) bottom center no-repeat #A8E0F7;
	line-height:1!important;
}

*html div#input {
 	width:920px;
	height:320px;
	background:url(../../ccan/denshi-waribiki/images/bg_ainimal_ie6.jpg) bottom center no-repeat #A8E0F7;
	line-height:1!important;
}

div#input p.caution { width:500px; float:left; line-height:1.1; margin-top:15px; padding-left:50px; font-size:1.1em!important; }

*html div#input p.caution { width:500px; float:left; margin-top:15px; padding-left:60px; font-size:1.1em!important; }


div#input p.end_info { width:490px; float:left; line-height:1.1; background-color:#FFFFFF; margin-top:15px; margin-left:50px; font-size:1.4em!important; padding:5px; }

*html div#input p.end_info { width:500px; float:left; margin-top:15px; margin-left:30px; font-size:1.4em!important; }


div#inputend h2 { color:#FF0000; font-size:2em; font-weight:bold; margin-bottom:5px; background-color:#FFCC33; padding:10px 5px; }

div#inputend {
 	width:900px;
	min-height:580px;
	background:url(../../ccan/denshi-waribiki/images/bg_ainimal.jpg) bottom center no-repeat #A8E0F7;
	line-height:1!important;
}

*html div#inputend {
 	width:920px;
	height:580px;
	background:url(../../ccan/denshi-waribiki/images/bg_ainimal_ie6.jpg) bottom center no-repeat #A8E0F7;
	line-height:1!important;
}

div#inputend .txtRed { color:#FF0000; }

div#inputend div.endBlock { width:820px; margin:0 auto 0; border:2px solid #FF0000; padding:5px; }

*html div#inputend div.endBlock { width:840px; margin:0 auto 0; border:2px solid #FF0000; padding:5px; }

div#inputend p.end { font-size:1.3em!important; margin:0; font-weight:bold; line-height:1.3; }

div#inputend p.end2 { margin:0; font-size:1.1em!important; font-weight:normal; line-height:1.3; }

.inputBn { text-align:center; }

.inputButton { float:left; width:300px; text-align:right; margin-top:5px; padding-right:44px; }

*html .inputButton { padding-right:44px; }


table.company { border:1px solid #FF6600; width:235px; margin-right:58px; font-size:0.8em; line-height:1.2; background:#FFFFFF; }

*html table.company { margin-right:67px; }

table.company td { font-weight:bold; padding:3px; }

table.company span { color:#FF6600; }

table.companyEnd { border:1px solid #FF6600; width:235px; margin-top:15px; margin-right:33px; font-size:0.8em; line-height:1.2; background:#FFFFFF; }

table.companyEnd td { font-weight:bold; padding:3px; }

table.companyEnd span { color:#FF6600; }


/*登録確認*/
div#inputend .confirm { width:820px; margin:0 auto 0; background-color:#FFFFFF; border:2px solid #FF6600; padding:5px; }

div#inputend .confirm h3 { color:#FF0000; margin-bottom:5px; }

.confirmButton { float:left; width:563px; text-align:right; margin-top:15px; padding-right:24px; }

.confirmButton img { margin-left:33px; }

*html .confirmButton { padding-right:24px; }



/*メールフォーム設定***********************************************/
h1.thanks {
	padding:50px 0 400px;
}

#inq {
	width:800px;
}
form#mailform {

	margin: 0px auto 0px auto;
	padding: 0px;
}
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mailfrom_hidden_object input {
	margin: 10px;
}
div#mfp_closed {
	display: none;
}
div.mfp_disp {
	display: none;
}
div#input_time_disp {
	padding: 10px;
}
div#expires_time_disp {
	padding: 10px;
	text-align: center;
}
div#expires_time_disp strong {
	font-size: 18px;
	color: #CC0000;
}
div#limit_disp {
	padding: 10px;
	text-align: center;
}
div#limit_disp strong {
	font-size: 24px;
	color: #CC0000;
}
img.must {
	width: 30px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 5px;
}
div.mfp_err {
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 17px;
	color: #FF0000;
	font-size: 12px;
	line-height: normal;
	display: none;
	background-image: url(https://secureinc.jp/kics-ccan/form/images/mfp_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 02.テーブルの指定                            //*/
/*//////////////////////////////////////////////////*/
table.mailform {
	width: 90%;
	margin:0 auto;
	padding: 10px;
	background:#FFFFFF;
}
table.mailform tr th {
	padding: 7px 0px 7px 0px;
	border-bottom: solid 1px #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	width: 160px;
	vertical-align:top;
}
table.mailform tr th span {
	font-size: 10px;
	color: #999999;
	display: block;
}
table.mailform tr td {
	padding: 7px 0px 7px 10px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 12px;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 03.以下エレメント毎の指定                    //*/
/*//////////////////////////////////////////////////*/
input#mfp_el01,input#mfp_el02 {
	width: 240px;
	ime-mode: disabled;
}
input#mfp_el03,input#mfp_el04 {
	width: 200px;
	ime-mode: active;
}
input#mfp_el05 {
	width: 100px;
	ime-mode: disabled;
}
input#mfp_el06 {
	width: 60px;
	ime-mode: disabled;
}
input#mfp_el08,input#mfp_el09 {
	width: 300px;
	ime-mode: active;
}
textarea#mfp_el10 {
	width: 98%;
	height: 70px;
	ime-mode: active;
}
/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 04.以下確認画面関連のスタイル                //*/
/*//////////////////////////////////////////////////*/
ul.confirm_layer {
	width: 560px;
	padding: 0px;
	margin: 0px;
}
ul.confirm_layer li {
	width: 560px;
	list-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.confirm_middle {
	background-image: url(https://secureinc.jp/kics-ccan/form/images/mfp_table_background.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../inq/images/mfp_table_background.png', sizingMethod='scale');

}
li.confirm_top {
	height: 33px;
	background-image: url(https://secureinc.jp/kics-ccan/form/images/mfp_table_top.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../inq/images/mfp_table_top.png', sizingMethod='scale');
}
li.confirm_bottom {
	height: 33px;
	background-image: url(https://secureinc.jp/kics-ccan/form/images/mfp_table_bottom.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../inq/images/mfp_table_bottom.png', sizingMethod='scale');
}
div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#disabled_submit input {
	margin: 10px;
}
table.infield {
	width: 500px;
	margin: 0px auto 0px auto;
}
table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 14px;
	border-bottom: solid 1px #CCCCCC;
	color: #232323;
}
table.infield tr td {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;

}
table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	border-left: solid 2px #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
.mfp_color {
	background-color: #E8EEF9;
}
div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	width: 294px;
	height: 33px;
	padding-top: 10px;
}
div.buttons {
	margin: 0px auto 0px auto;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}


/*//////////////////////////////////////////////////*/




/********************************************************************
pagebackのスタイル
*********************************************************************/
div.pageback {
	font-size:0.8em;
	margin:10px 0 0 0;
	padding:5px 0;
	border-top:1px solid #8194B2;
	text-align:right;
}

ul.back li {
	list-style:none;
} 
/********************************************************************
pagetopのスタイル
*********************************************************************/
div.ptop {
	margin:15px 0 5px 0;
}

div#contents div.ptop p {
	text-align:right;
	font-size:10px;
}
/********************************************************************
footerのスタイル
*********************************************************************/
div#footer {
	width:790px;
	margin:0 auto;
	padding:5px;
	text-align:center;
	background-color:#8CC63E;
	min-height:110px;
}

div#footer table {
	width:100%;
}

div#footer table td {
	padding:3px;
}

div#footer table td.eco {
	width:60%;
	border-right:2px solid #FFFFFF;
}

div#footer table td.eco h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
}

div#footer table td.eco p {
	color:#000000;
}

div#footer table td.syusai {
	width:40%;
	text-align:center;
	padding-left:5px;
}

div#footer table.otherLang td.syusai {
	width:100%!important;
	padding-left:5px;
}


div#footer table td.syusai h3 {
	font-size:0.9em;
	padding:2px;
	background-color:#FFFFFF;
}

div#footer table td.syusai p {
	font-size:0.8em;
	color:#000000;
}

div#footer table td.syusai div {
	float:left;
	width:235px;
}

div#footer table.otherLang td.syusai div {
	float:left;
	width:90%;
	text-align:left!important;
}

div#footer table.otherLang td.syusai div p {
	text-align:left!important;
}

div#footer table td.syusai p.chie {
	float:left;
	width:70px;
}

p.chie img { margin-left:10px; }



/*共通クラス*/

a{
	outline:none;
	color:#0033cc;
	text-decoration:underline;
}
	
a:hover{
	color:#3366ff;
	text-decoration:underline;
}

.txt_s { font-size:0.8em!important; }

ul.subm_txt { list-style:none; font-size:0.9em; }

ul.subm_txt li { background:url(../../ccan/images/common/ico_link.gif) top left no-repeat; margin-right:8px; }

ul.subm_txt li.on { font-weight:bold; background:url(../../ccan/images/common/ico_link.gif) top left no-repeat; padding-left:8px; }


ul.subm_txt li a,
ul.subm_txt li a:link,
ul.subm_txt li a:visited {  padding-left:8px; background:url(../../ccan/images/common/ico_link.gif) top left no-repeat; text-decoration:none; }

ul.subm_txt li a:focus,
ul.subm_txt li a:hover,
ul.subm_txt li a:active {  padding-left:8px; background:url(../../ccan/images/common/ico_link.gif) top left no-repeat; text-decoration:underline; }

div#contents .mgr90{margin-right:90px !important;}
/*IE7*/
*:first-child+html div#contents .mgr90{margin-right:80px !important;}

div#contents .mgr90-2{margin-right:90px !important;}
/*IE7*/
*:first-child+html div#contents .mgr90-2{margin-right:90px !important;}

.bg_gray { background-color:#F3F3F3; }

/********************************************************************
共通見出しタイプ
*********************************************************************/
.greenline_l { font-weight:bold; border-left:4px solid #22B34C; padding:3px; padding-left:5px; }

.orangeline_l { font-weight:bold; border-left:4px solid #FA5D02; padding:3px; padding-left:5px; }

.h4_orange { font-weight:bold; color:#FA5D02; }

.txt_purple { color:#1E015E!important; }

.txt_orange { color:#FA5D02!important; }

.txtb_orange { font-weight:bold; color:#FA5D02!important; }

.txtb_red { font-weight:bold; color:#CC0000!important; }

/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

/*フォントサイズ*/
div#all .txt10{font-size:10px !important;}

div#all .txtb{ font-weight:bold !important;}

div#all .txttop{ vertical-align:top !important;}


	
/*共通マージンタイプ
---------------------------------------------------------------------
*/

div#all .mgb0{margin-bottom:0 !important;}
div#all .mgb5{margin-bottom:5px !important;}
div#all .mgb10{margin-bottom:10px !important;}
div#all .mgb15{margin-bottom:15px !important;}
div#all .mgb20{margin-bottom:20px !important;}
div#all .mgb30{margin-bottom:30px !important;}

div#all .mgt0{margin-top:0 !important;}
div#all .mgt5{margin-top:5px !important;}
div#all .mgt10{margin-top:10px !important;}
div#all .mgt15{margin-top:15px !important;}
div#all .mgt20{margin-top:20px !important;}
div#all .mgt30{margin-top:30px !important;}

div#all .mgl0{margin-left:0 !important;}
div#all .mgl5{margin-left:5px !important;}
div#all .mgl10{margin-left:10px !important;}
div#all .mgl15{margin-left:15px !important;}
div#all .mgl20{margin-left:20px !important;}
div#all .mgl30{margin-left:30px !important;}

div#all .mgr0{margin-right:0 !important;}
div#all .mgr5{margin-right:5px !important;}
div#all .mgr10{margin-right:10px !important;}
div#all .mgr15{margin-right:15px !important;}
div#all .mgr20{margin-right:20px !important;}
div#all .mgr30{margin-right:30px !important;}


div#all .mgn0{margin:0 !important;}

div#all .pdt0{padding-top:0 !important;}
div#all .pdt5{padding-top:5px !important;}
div#all .pdt10{padding-top:10px !important;}
div#all .pdt15{padding-top:15px !important;}
div#all .pdt20{padding-top:20px !important;}
div#all .pdt30{padding-top:30px !important;}

div#all .pdb0{padding-bottom:0 !important;}
div#all .pdb5{padding-bottom:5px !important;}
div#all .pdb10{padding-bottom:10px !important;}
div#all .pdb15{padding-bottom:15px !important;}
div#all .pdb20{padding-bottom:20px !important;}
div#all .pdb30{padding-bottom:30px !important;}

div#all .pdl0{padding-left:0 !important;}
div#all .pdl5{padding-left:5px !important;}
div#all .pdl10{padding-left:10px !important;}
div#all .pdl15{padding-left:15px !important;}
div#all .pdl20{padding-left:20px !important;}
div#all .pdl30{padding-left:30px !important;}


div#all .pdr0{padding-right:0 !important;}
div#all .pdr5{padding-right:5px !important;}
div#all .pdr10{padding-right:10px !important;}
div#all .pdr15{padding-right:15px !important;}
div#all .pdr20{padding-right:20px !important;}
div#all .pdr30{padding-right:30px !important;}

div#all .pad0{padding:0 !important;}


/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

div#all .clearBoth{clear:both;}
div#all .floatLeft{float:left;}
div#all .floatRight{float:right;}
div#all .alignLeft{text-align:left;}
div#all .alignRight{text-align:right;}
div#all .alignCenter{text-align:center;}