/*====================================================*/

/*【99extra.css : その他のコンテンツ】*/

/*====================================================*/
/*
■このCSSに記述するコンテンツは下記になります。
#bbs {}  -- 掲示板
#contact {}  -- フォーム
*/


/*====================================================*/
/* bbs sidenavi */
/*====================================================*/


#bbs #sidenavi li.bbs_side1,
#bbs #sidenavi li.bbs_side1 a
{background:url(/lib/images/bbs/sidenavi/1.gif) no-repeat;}


#bbs #sidenavi li.bbs_side1_1,
#bbs #sidenavi li.bbs_side1_1 a
{background:url(/lib/images/bbs/sidenavi/1_1.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_1 a:hover,
#bbs #sidenavi li.bbs_side1_1 a:active
{background:url(/lib/images/bbs/sidenavi/1_1on.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_1 {text-indent: 0;}

#bbs #sidenavi li.bbs_side1_2,
#bbs #sidenavi li.bbs_side1_2 a{background:url(/lib/images/bbs/sidenavi/1_2.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_2 a:hover,
#bbs #sidenavi li.bbs_side1_2 a:active{background:url(/lib/images/bbs/sidenavi/1_2on.gif) no-repeat;}

#bbs #sidenavi li.bbs_side1_3,
#bbs #sidenavi li.bbs_side1_3 a{background:url(/lib/images/bbs/sidenavi/1_3.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_3 a:hover,
#bbs #sidenavi li.bbs_side1_3 a:active{background:url(/lib/images/bbs/sidenavi/1_3on.gif) no-repeat;}

#bbs #sidenavi li.bbs_side1_4,
#bbs #sidenavi li.bbs_side1_4 a{background:url(/lib/images/bbs/sidenavi/1_4.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_4 a:hover,
#bbs #sidenavi li.bbs_side1_4 a:active{background:url(/lib/images/bbs/sidenavi/1_4on.gif) no-repeat;}

#bbs #sidenavi li.bbs_side1_5,
#bbs #sidenavi li.bbs_side1_5 a{background:url(/lib/images/bbs/sidenavi/1_5.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_5 a:hover,
#bbs #sidenavi li.bbs_side1_5 a:active{background:url(/lib/images/bbs/sidenavi/1_5on.gif) no-repeat;}

#bbs #sidenavi li.bbs_side1_6,
#bbs #sidenavi li.bbs_side1_6 a{background:url(/lib/images/bbs/sidenavi/1_6.gif) no-repeat;}
#bbs #sidenavi li.bbs_side1_6 a:hover,
#bbs #sidenavi li.bbs_side1_6 a:active{background:url(/lib/images/bbs/sidenavi/1_6on.gif) no-repeat;}



/*====================================================*/
/* bbs */
/*====================================================*/
#bbs #main_column2 {
 font-size: 75%;	/* 12px */
 line-height: 1.4em;
}
#bbs #main_column2 .end_navi {
 font-size: 100%;	/* 12px */
}

#bbs #main_column2 table {
	margin: 1px 1 24px 1px;
}

#bbs #main_column2 th ,
#bbs #main_column2 td {
	padding-bottom: 0.5em;
}

#bbs #main_column2 td #BbsmemberKeepLogin {	/* checkbox */
	vertical-align: middle;
}

#bbs th a {
	color: #9deffb;
}


.bbstopic {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 15px;
}



.bbsH2 {
	background:#6699FF;
	color:#FFF;
	padding: 3px;
	font-weight: normal;
}

.bbsH3 {
	font-weight: normal;
	background-image: url(/lib/images/icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	color: #666666;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}

* html .bbsH2 ,
* html .bbsH3 {
font-size: 100%;	/* 12px */
 /*font-size: medium;*/
 line-height: 1.4em;
 }
 
*:first-child+html .bbsH2 ,
*:first-child+html .bbsH3{
 font-size: 100%;	/* 12px?? */
 /*font-size: medium;*/
 line-height: 1.4em;
 }
 
 
.bbsH3 a {
	 font-size: 100%;	/* 16px */
}

.bbsComment {
	line-height: 150%;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	margin: 0px;
}

.bs20 {
	padding-bottom: 20px;
}

/*form*/
.form050 {width: 50px;	padding-top: 3px;}
.form100 {width: 100px;	padding-top: 3px;}
.form200 {width: 200px;	padding-top: 3px;}
.form300 {width: 300px;	padding-top: 3px;}
.form400 {width: 400px;	padding-top: 3px;}
.form500 {width: 500px;	padding-top: 3px;}

/*error*/
.boxError {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	border: 1px solid #FFCC00;
	background-color: #FFFFCC;
	margin-bottom: 10px;
	
	
}



/*====================================================*/
/* フォーム */
/*====================================================*/
#contact {}
#evForm {}


/* == ヘッダーナビ「HOME」なし  == */
#contact #top_area,
#evForm #top_area {
 padding-top: 10px;
 margin-bottom: 0px;
 height: 10px;
 clear: both;
 background: url("../images/kit1008/hNavBg_innerNoHome.png") top left no-repeat;
 overflow: hidden;
}
/* == 大見出し 補正 == */
#contact h1,
#evForm h1 {
	 margin: 0 auto 24px;
}
#evForm h1 {
	border: 1px solid #fff;
	border-color: #f7f7f7 #f5f5f5 #f0f0f0;
	border-left: 0;
	border-right: 0;
	width: 758px;
	background: url("../images/bg_stripe.gif") repeat scroll 0 0 #E9E9E9;
	text-align: center;
	box-shadow: 0 1px 5px #eee;
	-moz-box-shadow: 0 1px 5px #eee;
	-webkit-box-shadow: 0 1px 5px #eee;
}

/* == 版面領域 補正 == */
#contact #main {
 width: 620px;
 margin: auto;
}
#evForm #main {
 width: 760px !important;
 margin: auto;
 padding: 12px 0 0;
}

/* == 証明書表示 == */
#verisign {
 /*width: 94px;
 height: 54px;*/
 /*background: url("../images/verisign_sample.gif") no-repeat;*/ /* ★本番時に削除してください */
}

#crosstrust {
 margin-top: 24px;
 clear:both;
}
#crosstrust .btn_box {
     border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 3px #eee;
	-moz-box-shadow: 0 0 3px #eee;
	-webkit-box-shadow: 0 0 3px #eee;
}

#crosstrust p {
 padding-top: 18px;
 line-height: 1.5;
}

.formMustCaution {
	padding-left: 2em;
}

/* == フォームテーブル == */



#contact .form_table td,
#evForm .form_table td {
 padding-bottom: 0.5em;
}

#contact .form_table td.bg_blue1,
#evForm .form_table th {
color: #FFFFFF !important;
 text-shadow: 0 -1px 1px #000;
 padding: 0.5em;
 width:120px;
 white-space:nowrap;
	border-color: #f0f0f0 #e9e9e9 #e0e0e0;
background: #82A5D8; /* old browsers */
background: -moz-linear-gradient(top, #82A5D8 0%, #7399D1 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82A5D8), color-stop(100%,#7399D1)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82A5D8', endColorstr='#7399D1',GradientType=0 ); /* ie */
}
#evForm .form_table th {
	width:148px;
}
#evForm .form_table .firstInfo {
	font-size: 10px;
} 
#evForm .form_table .firstInfo th {
	padding: 0.25em 0.5em;
}
#evForm .form_table .firstInfo td {
	background: #f5f5f5;
	padding: 0.25em 0.5em;
}

.must {
	color: #fddb3a;
}
.form_table td {
 border-color: #f7f7f7 #f5f5f5 #f0f0f0;
}
#contact .form_table td.text_field input{
 width: 300px;
}

.form_table {
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 3px #eee;
	-moz-box-shadow: 0 0 3px #eee;
	-webkit-box-shadow: 0 0 3px #eee;
}
.form_table table {
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border: 6px solid #208AD4;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
	box-shadow: 0 0 3px #ddd;
	-moz-box-shadow: 0 0 3px #ddd;
	-webkit-box-shadow: 0 0 3px #ddd;
}

.agree {
	padding: 12px 0 24px;
	text-align: center;
}
.form_control {
 text-align:center;
 vertical-align: top;
 background:#ecf7fb;
 padding:18px;
      border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 3px #eee;
	-moz-box-shadow: 0 0 3px #eee;
	-webkit-box-shadow: 0 0 3px #eee;
	border: 1px solid #ecf7fb;
background: #ECF7FB; /* old browsers */
background: -moz-linear-gradient(top, #ECF7FB 0%, #D3E0F4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECF7FB), color-stop(100%,#D3E0F4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECF7FB', endColorstr='#D3E0F4',GradientType=0 ); /* ie */
}
.form_control input[type="button"],
.form_control input[type="submit"],
.form_control input[type="reset"] {
 vertical-align: top;
	margin: 0 0 1px;
	font-size: 14px;
	line-height: 1.3;
	color: #fff;
	font-weight: bolder;
	text-shadow: 0 -1px 1px #000;
	padding: 0.6em 1.5em;
	border: 2px solid #208AD4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 1px 5px #999;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999;
	letter-spacing: 0.1em;
	outline: none;
background: #208AD4; /* old browsers */
background: -moz-linear-gradient(top, #208AD4 0%, #1370B7 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#208AD4), color-stop(100%,#1370B7)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#208AD4', endColorstr='#1370B7',GradientType=0 ); /* ie */
}

.form_control input[type="button"].btCancel,
.form_control input[type="submit"].btCancel,
.form_control input[type="reset"] {
	text-shadow: 0 -1px 1px #000;
	color: #f7f7f7;
border: 2px solid #a0aab6;
background: #A0AAB6; /* old browsers */
background: -moz-linear-gradient(top, #A0AAB6 0%, #929EAF 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A0AAB6), color-stop(100%,#929EAF)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0AAB6', endColorstr='#929EAF',GradientType=0 ); /* ie */
}

.form_control input[type="button"]:active,
.form_control input[type="submit"]:active,
.form_control input[type="reset"]:active {
 vertical-align: top;
	margin: 1px 0 0;
	box-shadow: 0 -1px 5px #999;
	-moz-box-shadow: 0 -1px 5px #999;
	-webkit-box-shadow: 0 -1px 5px #999;
	opacity: .9; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .9; /* Safari 1.x */
	-moz-opacity: .9; /* FF lt 1.5, Netscape */
	outline: none;
}

/* == 応援メッセージ: シーズンオフ中 フォーム停止時のメッセージ == */
#contact .infoSeasonOff p {
	line-height: 1.5em !important;
	padding-bottom: 1em;
	color: #666666;
}

#contact .infoSeasonOff .column1b {
	padding-top: 2.5em;
	padding-bottom: 1.5em;
}



/*====================================================*/


/* [2].MARGIN-CLASS
================================================= */
.mTop05{ margin-top:  5px; }
.mTop10{ margin-top: 10px; }
.mTop15{ margin-top: 15px; }
.mTop20{ margin-top: 20px; }
.mTop25{ margin-top: 25px; }
.mTop30{ margin-top: 30px; }
.mTop35{ margin-top: 35px; }
.mTop40{ margin-top: 40px; }
.mTop45{ margin-top: 45px; }
.mTop50{ margin-top: 50px; }

.mLeft05{ margin-left:  5px; }
.mLeft10{ margin-left: 10px; }
.mLeft15{ margin-left: 15px; }
.mLeft20{ margin-left: 20px; }
.mLeft25{ margin-left: 25px; }
.mLeft30{ margin-left: 30px; }
.mLeft35{ margin-left: 35px; }
.mLeft40{ margin-left: 40px; }
.mLeft45{ margin-left: 45px; }
.mLeft50{ margin-left: 50px; }
.mLeft100{ margin-left: 100px; }
.mLeft160{ margin-left: 160px; }

.mRight05{ margin-right:  5px; }
.mRight10{ margin-right: 10px; }
.mRight15{ margin-right: 15px; }
.mRight20{ margin-right: 20px; }
.mRight25{ margin-right: 25px; }
.mRight30{ margin-right: 30px; }
.mRight35{ margin-right: 35px; }
.mRight40{ margin-right: 40px; }
.mRight45{ margin-right: 45px; }
.mRight50{ margin-right: 50px; }

.mBottom05{ margin-bottom:  5px; }
.mBottom10{ margin-bottom: 10px; }
.mBottom15{ margin-bottom: 15px; }
.mBottom20{ margin-bottom: 20px; }
.mBottom25{ margin-bottom: 25px; }
.mBottom30{ margin-bottom: 30px; }
.mBottom35{ margin-bottom: 35px; }
.mBottom40{ margin-bottom: 40px; }
.mBottom45{ margin-bottom: 45px; }
.mBottom50{ margin-bottom: 50px; }


/* [3].PADDING-CLASS
================================================= */
.pTop05{ padding-top:  5px; }
.pTop10{ padding-top: 10px; }
.pTop15{ padding-top: 15px; }
.pTop20{ padding-top: 20px; }
.pTop25{ padding-top: 25px; }
.pTop30{ padding-top: 30px; }
.pTop35{ padding-top: 35px; }
.pTop40{ padding-top: 40px; }
.pTop45{ padding-top: 45px; }
.pTop50{ padding-top: 50px; }

.pLeft05{ padding-left:  5px; }
.pLeft10{ padding-left: 10px; }
.pLeft15{ padding-left: 15px; }
.pLeft20{ padding-left: 20px; }
.pLeft25{ padding-left: 25px; }
.pLeft30{ padding-left: 30px; }
.pLeft35{ padding-left: 35px; }
.pLeft40{ padding-left: 40px; }
.pLeft45{ padding-left: 45px; }
.pLeft50{ padding-left: 50px; }
.pLeft55{ padding-left: 55px; }
.pLeft60{ padding-left: 60px; }
.pLeft65{ padding-left: 65px; }
.pLeft70{ padding-left: 70px; }

.pRight05{ padding-right:  5px; }
.pRight10{ padding-right: 10px; }
.pRight15{ padding-right: 15px; }
.pRight20{ padding-right: 20px; }
.pRight25{ padding-right: 25px; }
.pRight30{ padding-right: 30px; }
.pRight35{ padding-right: 35px; }
.pRight40{ padding-right: 40px; }
.pRight45{ padding-right: 45px; }
.pRight50{ padding-right: 50px; }

.pBottom05{ padding-bottom:  5px; }
.pBottom10{ padding-bottom: 10px; }
.pBottom15{ padding-bottom: 15px; }
.pBottom20{ padding-bottom: 20px; }
.pBottom25{ padding-bottom: 25px; }
.pBottom30{ padding-bottom: 30px; }
.pBottom35{ padding-bottom: 35px; }
.pBottom40{ padding-bottom: 40px; }
.pBottom45{ padding-bottom: 45px; }
.pBottom50{ padding-bottom: 50px; }


/* [4].WIDTH-CLASS
================================================= */
.w005 { width:   5px; }
.w010 { width:  10px; }
.w015 { width:  15px; }
.w020 { width:  20px; }
.w025 { width:  25px; }
.w030 { width:  30px; }
.w035 { width:  35px; }
.w040 { width:  40px; }
.w045 { width:  45px; }
.w050 { width:  50px; }
.w055 { width:  55px; }
.w060 { width:  60px; }
.w065 { width:  65px; }
.w070 { width:  70px; }
.w075 { width:  75px; }
.w080 { width:  80px; }
.w085 { width:  85px; }
.w090 { width:  90px; }
.w095 { width:  95px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }


/* [5].HEIGHT-CLASS
================================================= */
.h050 { height: 50px; }
.h080 { height: 80px; }
.h090 { height: 90px; }
.h100 { height: 100px; }
.h110 { height: 110px; }
.h120 { height: 120px; }
.h130 { height: 130px; }
.h140 { height: 140px; }
.h150 { height: 150px; }
.h160 { height: 160px; }
.h170 { height: 170px; }
.h180 { height: 180px; }
.h190 { height: 190px; }
.h200 { height: 200px; }
.h210 { height: 210px; }
.h220 { height: 220px; }
.h230 { height: 230px; }
.h240 { height: 240px; }
.h250 { height: 250px; }
.h260 { height: 260px; }
.h270 { height: 270px; }
.h280 { height: 280px; }
.h290 { height: 290px; }
.h300 { height: 300px; }
.h310 { height: 310px; }
.h320 { height: 320px; }
.h330 { height: 330px; }
.h340 { height: 340px; }
.h350 { height: 350px; }
.h360 { height: 360px; }
.h370 { height: 370px; }
.h380 { height: 380px; }
.h390 { height: 390px; }
.h400 { height: 400px; }


/* [6].FONTSIZE-CLASS
================================================= */
.text10 { font-size:76.9%; }
.text11 { font-size:84.6%; }
.text12 { font-size:92.3%; }
.text13 { font-size:100%; }
.text14 { font-size:107.6%; }
.text15 { font-size:115.3%; }
.text16 { font-size:123.1%; }
.text17 { font-size:130.8%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.1%; }
.text20 { font-size:153.8%; }
.text21 { font-size:161.5%; }
.text22 { font-size:169.2%; }
.text23 { font-size:176.9%; }
.text24 { font-size:184.6%; }
.text25 { font-size:192.3%; }
.text26 { font-size:200%; }



/* 以下は適宜必要に応じて追加・削除 */
.error-message {
	color: #ff3300;
	font-size: 11px;
	margin: 5px 0;
	background: url(../images/icon_error_message.gif) no-repeat 1px 2px;
	line-height: 1.3 !important;
	padding: 0 0 0 12px;
}
.agree .error-message {
	display: inline-block;
}