@charset "utf-8";

/*============目次===========
Small 480x以上: タブレット

1: main_h1～h6
2: 基本タグ(p, em, ul, ol, dl, pre, sup)
3: イメージの配置に関するCSS
4: テーブル
5: box
5.1:Q&A用
6: ページ内アンカーリンク
7: アイテムタブ
8: トピックス
9: カラム
10: 囲み線
============================*/

/*========================
 ■1: main_h1～h6
  ========================*/
#main h1, #main02 h1 {
	font-size: 20px;
	line-height:140%;
	margin-top: 0;
	margin-bottom: 0;
}

#main h2, #main02 h2, 
#main h3, #main02 h3, 
#main h4, #main02 h4, 
#main h5, #main02 h5, 
#main h6, #main02 h6 {
	padding: 10px 10px 10px 20px;
}

/*========================
 ■2: 基本タグ
 ========================*/
#main ul li ul, #main02 ul li ul,
#main ul li ol, #main02 ul li ol,
#main ol li ul, #main02 ol li ul,
#main ol li ol, #main02 ol li ol {
    margin-left: 30px;
}

#main ul.note, #main02 ul.note{
    margin-left: 60px;
}

#main ul.note1, #main02 ul.note1{
    margin-left: 75px;
}

/*========================
 ■3: イメージの配置
 ========================*/
#main .img_r, #main02 .img_r,
#main .img_l, #main02 .img_l {
	margin: 15px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
}

#main .img_r img, #main02 .img_r img,
#main .img_l img, #main02 .img_l img {
	margin-bottom: 3px
}


#main .img_r, #main02 .img_r {
    float: right;
	margin-left: 10px;
}
    
#main * .img_r, #main02 * .img_r {
    margin: 0 0 0 5px;
}

#main .img_l, #main02 .img_l {
    float: left;
	margin-right: 10px;
}

#main * .img_l, #main02 * .img_l {
    margin: 0 5px 0 0;
}


/*========================
 ■ 4: テーブル
 ========================*/
/*全色共有*/
#main .tabletxt, #main02 .tabletxt, #main .tabletxt_ex, #main02 .tabletxt_ex,
#main .tabletxtn, #main02 .tabletxtn, #main .tabletxt_exn, #main02 .tabletxt_exn, 
#main .tabletxt02, #main02 .tabletxt02, #main .tabletxt02_ex, #main02 .tabletxt02_ex,
#main .tabletxt02n, #main02 .tabletxt02n, #main .tabletxt02_exn, #main02 .tabletxt02_exn,
#main .tabletxt03, #main02 .tabletxt03, #main .tabletxt03_ex, #main02 .tabletxt03_ex,
#main .tabletxt03n, #main02 .tabletxt03n, #main .tabletxt03_exn, #main02 .tabletxt03_exn {
	overflow-x: auto;
	
}


/* <table> */
#main02 .tabletxt table, #main02 .tabletxt_ex table, 
#main02 .tabletxt02 table, #main02 .tabletxt02_ex table,
#main02 .tabletxt03 table, #main02 .tabletxt03_ex table,
#main02 .tabletxtn table, #main02 .tabletxt_exn table,
#main02 .tabletxt02n table, #main02 .tabletxt02_exn table,
#main02 .tabletxt03n table, #main02 .tabletxt03_exn table,
#main .tabletxt table, #main .tabletxt_ex table, 
#main .tabletxt02 table, #main .tabletxt02_ex table,
#main .tabletxt03 table, #main .tabletxt03_ex table,
#main .tabletxtn table, #main .tabletxt_exn table,
#main .tabletxt02n table, #main .tabletxt02_exn table,
#main .tabletxt03n table, #main .tabletxt03_exn table {
	width: 100%;
}


#main .smart_table, #main02 .smart_table {
	font-size: 100%;
}

#main .smart_vtable, #main02 .smart_vtable {
	/*overflow: auto;*/
}
#main .smart_vtable table, #main02 .smart_vtable table {
    width: 97% !important;
}

.smart_vtable th, 
.smart_vtable td {
	display: table-cell !important;
    border: solid 1px #cdcdcd !important;
}

.smart_vtable th {
	text-align: center !important;
	width: 20% !important;
	margin-top: 0; 
}

/*========================
 ■ 4.1: テーブル 横並び用
 ========================*/
/*========================
 ■ 4.2: テーブル Q&A用
 ========================*/
table.qa_table {
  width: 100%;
}

/*========================
 ■ 4.3: テーブル ページ下部の各種ボックス
 ========================*/
/*========================
 ■ 6: ページ内アンカーリンク
 ========================*/
/*========================
 ■ 7: アイテムタブ
 ========================*/
/*========================
 ■ 8: 日付表示（トピックス）
 ========================*/
.date_box .date dt {
    width: 140px;
    float: left;
	margin-bottom:5px;
    white-space: nowrap;
}
 
.date_box .date dd {
    margin-left: 140px;
	margin-bottom:5px;
}
 
 /*========================
 ■ 9: カラム
 ========================*/
/* 左メニューあり */
#main .column2 .col1, #main .column2 .col2,
#main .column2B .col1, #main .column2B .col2,
#main .column2s .col1, #main .column2s .col2,
#main .column2Bs .col1, #main .column2Bs .col2 {
	width: 50%;
}
#main .column3 .col1, #main .column3 .col3,
#main .column3B .col1, #main .column3B .col3 {
	width: 33.1%;
}
#main .column3 .col2,
#main .column3B .col2 {
	width: 33.78%;
}
#main .column4 .col1, #main .column4 .col4,
#main .column4B .col1, #main .column4B .col4 {
	width: 24.66%;
}
#main .column4 .col2, #main .column4 .col3,
#main .column4B .col2, #main .column4B .col3 {
	width: 25.33%;
}

/* 左メニューなし */
#main02 .column2 .col1, #main02 .column2 .col2,
#main02 .column2B .col1, #main02 .column2B .col2,
#main02 .column2s .col1, #main02 .column2s .col2,
#main02 .column2Bs .col1, #main02 .column2Bs .col2 {
	width: 50%;
}
#main02 .column3 .col1, #main02 .column3 .col3,
#main02 .column3B .col1, #main02 .column3B .col3 {
	width: 33.16%;
}
#main02 .column3 .col2,
#main02 .column3B .col2 {
	width: 33.67%;
}
#main02 .column4 .col1, #main02 .column4 .col4,
#main02 .column4B .col1, #main02 .column4B .col4 {
	width: 24.74%;
}
#main02 .column4 .col2, #main02 .column4 .col3,
#main02 .column4B .col2, #main02 .column4B .col3 {
	width: 25.26%;
}


.column2 .col1, .column2 .col2, 
.column2s .col1, .column2s .col2, 
.column3 .col1, .column3 .col2, .column3 .col3,
.column4 .col1, .column4 .col2, .column4 .col3, .column4 .col4,
.column2B .col1, .column2B .col2, 
.column2Bs .col1, .column2Bs .col2, 
.column3B .col1, .column3B .col2, .column3B .col3,
.column4B .col1, .column4B .col2, .column4B .col3, .column4B .col4 {
    float: left;
	margin-bottom: 0;
 }

.column2 .col1,
.column2s .col1,
.column3 .col1,
.column4 .col1 {
	padding: 0 5px 0 0 !important;
}
.column3 .col2,
.column4 .col2, .column4 .col3 {
	padding: 0 5px;
}
.column2 .col2,
.column2s .col2,
.column3 .col3,
.column4 .col4 {
	padding: 0 0 0 5px !important;
}

.column2B .col1,
.column2Bs .col1,
.column3B .col1,
.column4B .col1 {
	padding: 0 5px 0 0;
    border-right: solid 1px #999;
}

.column3B .col2,
.column4B .col2, .column4B .col3 {
	padding: 0 5px;
    border-right: solid 1px #999;
}

.column2B .col2,
.column2Bs .col2,
.column3B .col3,
.column4B .col4 {
	padding: 0 0 0 5px;
    border-left: solid 1px #999;
	margin-left: -1px !important;
}

 
/*========================
 ■ 5: box
 ========================*/
/*========================
 ■ 10: 囲み線
 ========================*/
/*========================
 ■ 10: アイコン
 ========================*/
.pdf, .xls, .doc, .ppt, .zip, .exe, .txt, .mp4,
.dl, .ex, .nw, .tl, .fx, .ml {
	background-position: 0 3px;
}

a.zu, span.zu {
	background-position: 0 1px;
}


/*========================
 ■ 水平線
 ========================*/
/*========================
 ■ 横並びリスト
 ========================*/
/*========================
 ■ ページナビゲーション
 ========================*/
/*========================
 ■ 入力フォーム
 ========================*/
.form th,
.form td {
	display: table-cell;
	width: auto ;
    border: solid 1px #cdcdcd;
    padding: 6px;
}

.form th {
	background-color: #ededed;
	margin: 0;
	width: 24% !important;
	vertical-align: top;
	white-space: nowrap;
}


.form span.required {
	float: right;
	margin-right: 10px;
	margin-left: 0;
	height: auto;
}

.form span.required dfn {
	/*display: none;*/
}
	 
.form span.required img{
	display: block;
}

.form td.td_ex {
	border-left: none;
	vertical-align: middle;
}


.form td.td_input {
	border-right: none;
	width: 50% !important;
}

.form .td_input input[type=text],
.form .td_input textarea,
.form .td_input select {
	padding: 4px 2px;
	width: 100%;
	border-radius: 0;
}

.form .td_input input[type=radio] {
	border: none !important;
}

.form button[type="submit"] {
	display: block;
	height: auto;
	font-size: 16px;
	font-weight: normal;
}

.form .confirm {
	margin-left: 310px;
}

.form .confirm a,
.form .confirm button[type="submit"] {
	height: auto;
	border:none;
	margin: 0 20px !important;
}

.form .confirm a {
	font-weight: normal;
	padding-top: 7px !important;
}


.form .privacy {
	width: 98% !important;
	padding: 15px;
}


/*========================
 ■ セミナープログラム
 ========================*/
.agenda  {
    margin-top: 20px;
    margin-left: 10px;
}

.agenda table {
    margin:0 10px;
}

.agenda th,
.agenda td {
	display: table-cell;
	width: auto;
    border: solid 1px #cdcdcd;
	text-align: left;
}

.agenda th.th_title {
	display: table-cell;
	text-align: center;
    background-color: #c0c0c0;
}

.agenda th.th_sub {
    background-color: #ededed;
	margin-top: 0; 
}

.agenda_ttl {
	font-weight: normal;
	font-size: 100%;
}

.agenda_speaker {
	margin-bottom: 0;
}


/*========================
■ 共通
========================*/
* .inner {
    padding: 3px 10px !important;
}

.ttl_large {
	font-size: 215%	!important;
	line-height: 130% !important;
}

.ttl_large > span.sub {
	font-size: 87%;
}

/* ------------------------- */
.newsafter {
	text-align:left;
	margin-left:2em !important;
}

/* --- Google Maps Area --- */
#map-contents {
	width: 80%;
}

#gmap-canvas {
	height: 400px;
}


/*========================
 ■ スマホ用解除
 ========================*/
.smaar-word-break,
.smart-word-break {
	/*
	word-break: normal;
	*/
}

#contents .smartCenter,
#contents .smartLeft,
#contents .smartRight {
	text-align: left;
}

.smart_off {
	display: block;
}

img.smartimg {
	height: auto
}

span.smart_br:before {
	content: inherit;
	white-space: normal;
}

.smart_blockend {
	clear: none;
}

/*========================
 ■ PC用
 ========================*/
.pc_off {
	display: none;
}

#contents .alignLeft {
	text-align: left;
	margin-left:0;
	margin-right:auto;
}
#contents .alignRight {
	text-align: right;
	margin-left:auto;
	margin-right:0;
}
	
#contents .alignCenter {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

span.pc_br:before {
	content: "\A" ;
	white-space: pre ;
}


.pc_mt0 {margin-top:0 !important}
.pc_mt10 {margin-top:10px !important}
.pc_mt20 {margin-top:20px !important}
.pc_mt30 {margin-top:30px !important}
.pc_mt40 {margin-top:40px !important}
.pc_mt50 {margin-top:50px !important}
.pc_mb0 {margin-bottom:0 !important;}
.pc_mb10 {margin-bottom:10px !important;}
.pc_mb20 {margin-bottom:20px !important;}
.pc_mb30 {margin-bottom:30px !important;}
.pc_mb40 {margin-bottom:40px !important;}
.pc_mb50 {margin-bottom:50px !important;}
.pc_mr0 {margin-right:0 !important}
.pc_mr10 {margin-right:10px !important}
.pc_mr20 {margin-right:20px !important}
.pc_mr30 {margin-right:30px !important}
.pc_mr40 {margin-right:40px !important}
.pc_mr50 {margin-right:50px !important}
.pc_ml0 {margin-left:0 !important}
.pc_ml10 {margin-left:10px !important}
.pc_ml20 {margin-left:20px !important}
.pc_ml30 {margin-left:30px !important}
.pc_ml40 {margin-left:40px !important}
.pc_ml50 {margin-left:50px !important}
.pc_ml60 {margin-left:60px !important}
.pc_ml70 {margin-left:70px !important}
.pc_ml80 {margin-left:80px !important}
.pc_ml90 {margin-left:90px !important}
.pc_ml100 {margin-left:100px !important}