@charset "utf-8";

/* -----------------------------------------------------------
　　各ページ別 
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　トップ 
----------------------------------------------------------- */



.top_text {
	width: 840px;
    margin-left: 5px;
    padding-bottom:15px;
    margin-bottom:0px;
    margin-top: 30px;
}

.top_text p{
    font-size:13px;
    line-height: 2;
	letter-spacing: 0.05em;
    margin-bottom: 10px;
}


.topics_box {
	overflow: hidden;
	width: 850px;
	margin-left:auto;	/* IE以外用の中央寄せ */
    margin-right:auto;	/* IE以外用の中央寄せ */
	margin:0 auto;
	text-align:left;
    margin-top:0px;
    margin-bottom:20px;
}


table.tbl_topics {
	border-collapse:separate;
	width:850px;
	color:#333333;
    margin-top:0px;
    background: #EEEEEE;
}

table.tbl_topics th {
	text-align:left;
	padding:0 0 0 0;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing: 0px;
    width:110px;
    background-image:url(../images/top/topics_title_bg.png);
    background-position:left center;
}

table.tbl_topics th img{
    margin: 0 0 0 18px;
    vertical-align: middle;
}

table.tbl_topics td{
	text-align:center;
	padding:10px 15px 10px 10px;
	line-height:1.7;
	font-size:12px;
	letter-spacing: 1px;
    text-align: left;
    font-weight:normal;
}

table.tbl_topics td.tnews_date{
    padding:10px 0 10px 10px;
	font-size:12px;
	font-weight:bold;
    width:110px;
    color:#222222;
    letter-spacing: 0;
    vertical-align: middle;
}



table.tbl_topics a {
    color: #222222;
    text-decoration:underline;
}

table.tbl_topics a:hover {
    color: #FF4506;
	text-decoration:underline;
}






/* -----------------------------------------------------------
　　category 
----------------------------------------------------------- */



/* -----------------------------------------------------------
　　detail 
----------------------------------------------------------- */

#contents .detail_catch{
    width: 840px;
    margin-left: 5px;
    margin-bottom: 20px;
    font-size:24px;
    font-weight:bold;
}

#detail #contents section{
    clear: both;
    margin-bottom: 50px;
}

#detail section p{
    font-size: 14px;
}


table.brwsr2 {
	margin: 20px auto;
	width: 850px;
	border: none;
	border-collapse:collapse;
	border-spacing: 0px 0px;
}

table.brwsr2 thead {
    background: #3797C6;
    margin: 20px 0;
}

table.brwsr2 tbody {
　background: #008080;
}


table.brwsr2 th {
	vertical-align: middle;
	height:50px;
    margin-bottom: 20px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
    background:url('../images/common/table_line01.png') right 6px no-repeat;
}

table.brwsr2 th:last-child {
	background:none;
}



table.brwsr2 td.data {
    height:60px;
	vertical-align: middle;
	padding: 0px 20px;
    margin-bottom: 20px;
	text-align: left;
	color: #222;
	font-size: 16px;
	font-weight: 600;
    background:url('../images/common/table_line02.png') left 10px no-repeat;
    border-bottom: dotted 1px #CCC;
}

table.brwsr2 tr.even_line {
    background-color: #EBF4F9;
}



/* -----------------------------------------------------------
　　faq 
----------------------------------------------------------- */




.faq_text {
	width: 840px;
    margin-left: 5px;
    padding-bottom:15px;
    margin-bottom:20px;
    margin-top: 30px;
}

.faq_text p{
    font-size:12px;
    line-height: 2;
	letter-spacing: 0.05em;
    margin-bottom: 10px;
}


.faq_text article{
    padding-bottom:15px;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 15px;
}

.faq_text article h3{
    font-size:16px;
    font-weight: bold;
    margin-bottom: 5px;
}



/* -----------------------------------------------------------
　　contact 
----------------------------------------------------------- */


#contents .contact_text{
    width: 830px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#contents .contact_text p{
    font-size:12px;
    line-height: 2;
	letter-spacing: 0.05em;
    margin-bottom: 10px;
}




table.tbl_request {
	width:98%;
	margin-top:10px;
    margin-left:10px;
	color:#333333;
	background:#CCCCCC;
    border-collapse:collapse;
}

table.tbl_request th {
	text-align:left;
	padding:15px 0 15px 15px;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing: 1px;
	background:#F4F1EC;
    width:180px;
    border: 1px solid #CCCCCC;
}

table.tbl_request td{
	text-align:center;
	padding:15px 0 15px 15px;
	line-height:1.7;
	font-size:14px;
	letter-spacing: 1px;
	background:#FFFFFF;
    text-align: left;
    border: 1px solid #CCCCCC;
}



table.tbl_request em{
	font-size:10px;
	color:#CC0000;
	letter-spacing: 1px;
	font-style:normal;
	margin-right:8px;
    margin-top:2px;
    float: right;
    
}

table.tbl_request tr td textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #D9D0C4;
    padding:10px 10px;
}


  input[type=email],
  input[type=number],
  input[type=password],
  input[type=file],
  input[type=text],
  input[type=url] {
  width: 100%;
  *width: 92%; /* IE7 and below */
  _width: 50px; /* IE6 */
  height: 32px;
  line-height: 30px;
  display: inline-block;
  margin: 0;
  padding-left: 5px;
  background: #fff;
  border: 1px solid #D9D0C4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  }




.btn_submit {
	margin-top:40px;
	text-align:center;
}



button.button4 {
    /* 文字サイズを1.4emに指定 */
    font-size: 16px;
    /* 文字の太さをboldに指定 */
    font-weight: bold;
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 15px 100px;
    /* 背景色を濃い青色に指定 */
    background-color: #1A6600;
    /* 文字色を白色に指定 */
    color: #fff;
    /* ボーダーをなくす */
    border-style: none;
    cursor: pointer;
    cursor: hand;
}

button.button4:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #FF5C26;
    /* 文字色を白色に指定 */
    color: #fff;
}




/* -----------------------------------------------------------
　　login 
----------------------------------------------------------- */


#contents .login_text{
    width: 830px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#contents .login_text p{
    font-size:12px;
    line-height: 2;
	letter-spacing: 0.05em;
    margin-bottom: 10px;
}




#login #contents .login_table{
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	border-collapse: collapse;
	margin:15px 0 10px 0;
}
#login #contents .login_table th{
	text-align:left;
	padding:15px 0 15px 15px;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing: 1px;
	background:#F4F1EC;
    width:180px;
    border: 1px solid #CCCCCC;
}

#login #contents .login_table th.title{
	color: #FFF;
	font-weight:bold;
	text-align: center;
	background-color: #F59122;
}

#login #contents .login_table td{
	background-color: #fff;
	border: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
	padding: 10px 6px 10px 10px;
}

table.login_table .input400 {
	width:400px;
	vertical-align:center;
	padding:4px 5px;
	font-size:12px;
	border: 1px solid #AAAAAA;
}


/* -----------------------------------------------------------
　　seminar 
----------------------------------------------------------- */

#contents .seminar_catch{
    width: 840px;
    margin-left: 5px;
    margin-bottom: 20px;
    font-size:24px;
    font-weight:bold;
}

#contents .seminar_catch img{
    width: 100%;
}


/* -----------------------------------------------------------
　　blog 
----------------------------------------------------------- */

/*ボックスの設定*/
#page section.list2 {
	margin-bottom: 15px;	/*ボックス間のスペース*/
	position: relative;
	overflow: hidden;
	padding: 20px;	/*ボックス内の余白*/
	background: #fff;		/*背景色*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
}
/*ボックス内の段落タグ設定*/
#page section.list2 p {
	padding: 0px;
	margin-right: 34%;	/*左の写真とのバランスをとって設定*/
}
/*ボックス内の写真設定*/
#page section.list2 figure img {
	float: right;		/*画像を左へ回り込み*/
	padding: 5px;		/*余白*/
	background: #fff;	/*背景色*/
	width: 30%;			/*写真の幅*/
	height: auto;		/*写真の高さ*/
	border: 1px solid #ccc;	/*線の幅、線種、色*/
}
/*ボックス内のh4タグ設定*/
#page section.list2 h4 {
	font-size: 120%;
	color: #31a3c8;		/*文字色*/
	border-bottom: solid 1px #31a3c8;	/*下線の線種、幅、色*/
	margin-right: 34%;	/*左の写真とのバランスをとって設定*/
	margin-bottom: 10px;
}