html, body { 
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 15px; height: 100%; position: relative;
}

.clr { clear: both; margin: 0; padding: 0; font-size: 1px; overflow: hidden; }

a { word-break : break-all; }

/*--Image settings--*/
img { border: 0; vertical-align: baseline; margin: 0; padding: 0; }

.img_left_0 { float: left; margin: 0; padding: 0; }
.img_right_0 { float: right; margin: 0; padding: 0; }

.img_left_r1_b1 { float: left; margin: 0; padding: 0 1px 1px 0; }
.img_right_r1_b1 { float: right; margin: 0; padding: 0 0 1px 0; }

.img_left_r10 { float: left; margin: 0; padding: 0 10px 0 0; }
.img_right_l10 { float: right; margin: 0; padding: 0 0 0 10px; }

/*--Texts settings--*/
.tx_c { text-align: center; }
.tx_l { text-align: left; }
.tx_r { text-align: right; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight: bold; }
h1 { font-size: 138.5%; }
h2 { font-size: 113%; }
h3 { font-size: 108%; }
h4, h5, h6 { font-size: 100%; }

.tx130 { font-size: 130%; }
.tx120 { font-size: 120%; }
.tx115 { font-size: 115%; }
.tx100 { font-size: 100%; }
.tx94 { font-size: 94%; }
.tx93 { font-size: 93%; }
.tx88 { font-size: 88%; }
.tx86 { font-size: 86%; }
.tx85 { font-size: 85%; }
.tx82 { font-size: 82%; }
.tx75 { font-size: 75%; }
.tx63 { font-size: 63%; }

.lh0 { line-height: 0; }
.lh0_9 { line-height: 0.9; }
.lh1_0 { line-height: 1.0; }
.lh1_1 { line-height: 1.1; }
.lh1_2 { line-height: 1.2; }
.lh1_3 { line-height: 1.3; }
.lh1_4 { line-height: 1.4; }
.lh1_5 { line-height: 1.5; }
.lh1_6 { line-height: 1.6; }

.b1 { font-weight: bold; }

.pad_1 { padding: 1px; }
.pad_3 { padding: 3px; }
.pad_5 { padding: 5px; }
.pad_7 { padding: 7px; }
.pad_10 { padding: 10px; }
.pad_15 { padding: 15px; }
.pad_20 { padding: 20px; }
.pad_30 { padding: 30px; }

.pad_b1 { padding: 0 0 1px; }
.pad_b3 { padding: 0 0 3px; }
.pad_b5 { padding: 0 0 5px; }
.pad_b7 { padding: 0 0 7px; }
.pad_b10 { padding: 0 0 10px; }
.pad_b15 { padding: 0 0 15px; }
.pad_b20 { padding: 0 0 20px; }
.pad_b30 { padding: 0 0 30px; }

.mag_b1 { margin: 0 0 1px; }
.mag_b3 { margin: 0 0 3px; }
.mag_b5 { margin: 0 0 5px; }
.mag_b7 { margin: 0 0 7px; }
.mag_b10 { margin: 0 0 10px; }
.mag_b15 { margin: 0 0 15px; }
.mag_b20 { margin: 0 0 20px; }
.mag_b30 { margin: 0 0 30px; }

.tx_red1 { color: #F00; }
.tx_red2 { color: #C00; }
.tx_red3 { color: #D00; }
.tx_red4 { color: #F33; }

.tx_blue1 { color: #00BFFF; }
.tx_blue2 { color: #2693FF; }
.tx_blue3 { color: #0040FF; }
.tx_blue4 { color: #0033DD; }

.tx_green1 { color: #6C0; }
.tx_green2 { color: #3C0; }
.tx_green3 { color: #0C0; }

.tx_orange1 { color: #F90; }
.tx_orange2 { color: #FC0; }

/*--Background--*/
.bg_gray1 { background: #EEE; }
.bg_gray2 { color: #FFF; background: #333; }
.bg_gray3 { color: #FFF; background: #555; }

.bg_red1 { color: #FFF; background: #F00; }
.bg_red2 { color: #FFF; background: #C00; }
.bg_red3 { color: #FFF; background: #D00; }

.bg_pink1 { background: #FFCDE3; }
.bg_orange1 { background: #FFCC00; }
.bg_blue1 { background: #75CAFF; }
.bg_skyblue1 { background: #C0E8FF; }

.bg_gray2 a, .bg_gray3 a { color: #DDF; }

hr { height: 1px; border: none; background: none; background-color: none; border-top: 1px solid #AAA; }
hr.content-section-line1 { height: 1px; border: none; background: none; background-color: none; border-top: 1px solid #AAA; }

/* --------------------------------------------------
 * Node
 * -------------------------------------------------- */
.breadcrumb { font-size: 13px; }

#page-header-wrapper { display: table; width: 100%; min-height: 60px; margin: 0 0 1.5em; }
.page-titleimage { display: table-cell; width: 22%; min-width: 120px; max-width: 160px; padding: 0 10px 0 0; vertical-align: middle; }
.page-titleimage img { border: 1px solid #EEE; max-width: 100%; height: auto; }
.page-header { display: table-cell; margin: 0; padding: 0; font-size: 14px; line-height: 1.4; border: none; vertical-align: middle !important; }
.page-header h1.page-title { font-size: 20px; line-height: 1.3; }
.page-header h3.sub-title { font-size: 14px; font-weight: normal; line-height: 1.3; margin: 0 0 0.3em; }

body.page-node .submitted { display: block; padding: 0.6em; border: 1px solid #DDD; border-radius: 4px; font-size: 13px; font-style: normal; color: #555; }
body.page-node .submitted-date {  }
body.page-node .submitted-user {  }
 
/* Delete
body.page-node .field-type-taxonomy-term-reference  { display: inline; margin: 0;  font-size: 13px; letter-spacing: -0.4em; }
body.page-node .field-type-taxonomy-term-reference::before,
body.page-node .field-type-taxonomy-term-reference::after { display: inline; }

body.page-node .field-type-taxonomy-term-reference > div,
body.page-node .field-type-taxonomy-term-reference > div > div { display: inline; }

body.page-node .field-type-taxonomy-term-reference .field-item { display: inline-block; margin: 0 5px 0 0; letter-spacing: normal; }
body.page-node .field-type-taxonomy-term-reference .field-item a { padding: 5px 6px; border-radius: 4px; background: #99A; color: #FFF; }
body.page-node .field-type-taxonomy-term-reference .field-item a:hover { text-decoration: none; background: #667; color: #FFF; }
*/
 
body.page-node .field-name-taxonomy-vocabulary-1,
body.page-node .field-name-taxonomy-vocabulary-3,
body.page-node .field-name-taxonomy-vocabulary-4,
body.page-node .field-name-taxonomy-vocabulary-10  { display: inline; margin: 0;  font-size: 13px; letter-spacing: -0.4em; }
 
body.page-node .field-name-taxonomy-vocabulary-1::before,
body.page-node .field-name-taxonomy-vocabulary-3::before,
body.page-node .field-name-taxonomy-vocabulary-4::before,
body.page-node .field-name-taxonomy-vocabulary-10::before,
body.page-node .field-name-taxonomy-vocabulary-1::after,
body.page-node .field-name-taxonomy-vocabulary-3::after,
body.page-node .field-name-taxonomy-vocabulary-4::after,
body.page-node .field-name-taxonomy-vocabulary-10::after { display: inline; } /* Cancel 'celarfix' */
 
body.page-node .field-name-taxonomy-vocabulary-1 > div,
body.page-node .field-name-taxonomy-vocabulary-3 > div,
body.page-node .field-name-taxonomy-vocabulary-4 > div,
body.page-node .field-name-taxonomy-vocabulary-10 > div,
body.page-node .field-name-taxonomy-vocabulary-1 > div > div,
body.page-node .field-name-taxonomy-vocabulary-3 > div > div,
body.page-node .field-name-taxonomy-vocabulary-4 > div > div,
body.page-node .field-name-taxonomy-vocabulary-10 > div > div { display: inline; }

body.page-node .field-name-taxonomy-vocabulary-1 .field-item,
body.page-node .field-name-taxonomy-vocabulary-3 .field-item,
body.page-node .field-name-taxonomy-vocabulary-4 .field-item,
body.page-node .field-name-taxonomy-vocabulary-10 .field-item { display: inline-block; margin: 0 5px 0 0; letter-spacing: normal; }

body.page-node .field-name-taxonomy-vocabulary-1 .field-item a,
body.page-node .field-name-taxonomy-vocabulary-3 .field-item a,
body.page-node .field-name-taxonomy-vocabulary-4 .field-item a,
body.page-node .field-name-taxonomy-vocabulary-10 .field-item a { padding: 5px 6px; border-radius: 4px; background: #99A; color: #FFF; }

body.page-node .field-name-taxonomy-vocabulary-1 a:hover,
body.page-node .field-name-taxonomy-vocabulary-3 a:hover,
body.page-node .field-name-taxonomy-vocabulary-4 a:hover,
body.page-node .field-name-taxonomy-vocabulary-10 a:hover { text-decoration: none; background: #667; color: #FFF; }
 
.page-node .field-type-text-with-summary,
.entity-paragraphs-item .field-type-text-long .field-item,
.page-node .field-name-body { line-height: 1.7; margin: 1em 0; }

ul.half-content {
	display: -webkit-box; display: -webkit-flex; display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
}

ul.half-content > li { width: 48%; }
ul.half-content > li:nth-child(2n+1) { margin: 0 2% 0 0; }
ul.half-content > li:nth-child(2n+0) { margin: 0 0 0 2%; }

/* --------------------------------------------------
 * Teaser
 * -------------------------------------------------- */
header.teaser { display: table; margin: 0 0 1.4em; }
header.teaser h2 { font-size: 15px; margin: 0.3em 0; }
header.teaser h3.sub-title { margin: 0 0 0.3em; font-size: 12px; color: #555; }
header.teaser .teaser-info { display: table-cell; vertical-align: middle; }
header.teaser .teaser-info a { color: #000; }
header.teaser .submitted { font-size: 11px; font-style: normal; color: #555; border: none; padding: 0; }

header.teaser .field-type-taxonomy-term-reference  { display: inline; margin: 0; font-size: 10px; letter-spacing: -0.4em; }
header.teaser .field-type-taxonomy-term-reference::before,
header.teaser .field-type-taxonomy-term-reference::after { display: inline; } /* Cancel 'celarfix' */
header.teaser .field-type-taxonomy-term-reference > div,
header.teaser .field-type-taxonomy-term-reference > div > div { display: inline; }

header.teaser .field-type-taxonomy-term-reference .field-item { display: inline-block; margin: 0 5px 3px 0; letter-spacing: normal; }
header.teaser .field-type-taxonomy-term-reference .field-item a { padding: 3px 4px; border-radius: 4px; background: #F1F1F1; color: #666; }
header.teaser .field-type-taxonomy-term-reference .field-item a:hover { text-decoration: none; background: #667; color: #FFF; }

/* --------------------------------------------------
 * Form Styles
 * -------------------------------------------------- */
.form-item { letter-spacing: normal; }
.field-formatter-settings-edit-wrapper { min-width: 16px; }

select { height: 40px; margin: 0 3px 0.5em 0; padding: 4px 6px; background: #EEE; color: #000; border: 1px solid #666; }

/* --------------------------------------------------
 * Table Styles
 * -------------------------------------------------- */
table.normal_table1 { table-layout: fixed; width: 100%; }
table.normal_table1 th,
table.normal_table1 td { padding: 6px 4px; line-height: 1.3; vertical-align: top; border: 1px solid #999; word-wrap : break-word; }

table.normal_table1 th { font-weight: bold; background: #EEE; }

table.spec_table1 { border-bottom: 1px solid #666; font-size: 85%; table-layout: fixed; width: 100%; }
table.spec_table1 td { border: none; border-top: 1px solid #666; padding: 3px; vertical-align: top; word-wrap : break-word; }

table.profile_table1 { table-layout: fixed; width: 100%; }
table.profile_table1 td { padding: 10px; line-height: 1.3; vertical-align: top; border: 1px solid #BBB; word-wrap : break-word; }