@charset "utf-8";
@import "../../../css/common.css";
@import "../../../css/style_layout.css";




/* cl_base独自スタイル */

#header{border-bottom: 2px solid #ccc; margin-bottom:30px;}

#header_01,
#Main_contents,
#footer_04{width:800px}

#ntttop{ margin-top: 15px;}

#footer{clear:both; border-top: 2px solid #ccc; margin-top: 50px; background: none;}

#footer_04 ul {width:100px; float:right;}


.graph_normal td.v_m{border: 1px solid #999999; padding: 5px; vertical-align: middle; background-color:#ffffff;}




/* fm独自スタイル */


.fblue{ color: #0000FF;}
.send{
		width: 700px;
    margin: 0 auto;
}
.greenbox {
    grid-gap: 0.7em;
    margin: 20px auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #ecffe9;
	border: 1px #00D818 solid;
    color: #333333;

}


.question{ background-color:#0000FF; font:bold 120% ; color: #fff;padding: 3px;}



/*----表関係----*/
.graph_normal{border-collapse: collapse;}

.graph_normal td{border: 1px solid #999999; padding: 10px; vertical-align:top; background-color:#ffffff;}
.graph_normal td.td_center{vertical-align:middle; text-align:center;}
.graph_normal td.td_right{vertical-align:middle; text-align:right;}
.graph_normal td.td_mid_left{vertical-align:middle;}

.graph_normal th{border: 1px solid #999999; padding: 10px; font-weight:bold; background-color:#e6e6e6; white-space:nowrap; vertical-align:top; text-align:left;}


/* ---   ユーザIDのツールチップ   ---*/


.tooltip{
    position: relative;
    cursor: pointer;
    display:  inline-block;
}
.tooltip img{
    width: 20px;
	   filter: opacity(30%);
}
.description {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #006CB9;
    width: 200px;
}

.description:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 10px solid transparent;
    border-top: 15px solid #006CB9;
    margin-left: -15px;
}
.tooltip:hover .description{
    display: inline-block;
    top: -100px;
    left: -95px;
}
.tooltip:hover img{
	   filter: opacity(100%);
}

/* ---   ユーザIDのツールチップ   ---*/



/* ---   template_cl_community_base.dwt独自スタイル   ---*/
table,p{line-height:1.5em;text-align:left; font-size: 13px;}

h1 {
	border-bottom: 2px solid #4197ee;
	padding: 10px;
	margin: 20px 0 30px 0;
	text-align: center;
	color: #4197ee;
}
h2 {
	font-size: 14px;
	margin: 10px 0;
	padding: 10px;
	border-left: 10px solid #4197ee;
}

/*テキストエリア*/
.seminar_textarea{
	width: 356.5px ;
}
.contact_textarea{
	width: 458px ;
}

/*フォーム*/
 input[type="text"],select,textarea{
	padding: 10px;
	border: 1px solid #ccc;
}
input[type="email"],select,textarea{
	padding: 10px;
	border: 1px solid #ccc;
}

/*チェックボックス*/
input[type="checkbox"]{
	width: 20px;
	height: 20px;
	border: 1px solid #000;
}

/*ラジオボタン*/
input[type="radio"]{
	margin-right: 4px;
}

/*リンク*/
  .link_go {
    color: #2D5EC5 !important;
    font-weight: bold;
    text-align: right;
    position: relative;
    padding-right: 15px;
    font-size: 12px !important;
    text-decoration: none;
    line-height: 2;
  }
  .link_go:after {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    z-index: 1;
    margin-top: -5px;
    border-right: 2px solid #2D5EC5;
    border-bottom: 2px solid #2D5EC5;
    transform: rotate(-45deg);
    visibility: visible;
  }

/*ボタン*/
.btn_detail {
/*	width: 180px;*/
/*	height: 40px;*/
/*    font-size: 16px;*/
/*    width: 100%;*/
/*
    margin: 0 auto;
    text-align: center;
*/
}
.btn_detail button, .btn_detail input{
	cursor: pointer;
    display: inline-block;
	width: 180px;
	height: 40px;
    padding: 8px;
	margin: 0 10px;
	font-size: 16px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #0349cd;
	border: none;
    border-radius: 3px;
    min-width: 120px;
}