body {
	font-family: 'Avenir', Arial, Tahoma, Verdana, Roboto, Helvetica, 'Droid Sans', "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, sans-serif;
	color: #221915;
}

pre {
	/* Mozilla */
	white-space: -moz-pre-wrap;
	
	/* Opera 4-6 */
	white-space: -pre-wrap;
	
	/* Opera 7 */
	white-space: -o-pre-wrap;
	
	/* CSS3 */
	white-space: pre-wrap;
	
	/* IE 5.5+ */
	word-wrap: break-word;
}

.base_bar {
	background-color: #ea5516;
	height: 2em;
	margin: 0 1em 0 1em;
}

.search_title_bar1 {
	background-color: #ea5516;
	height: 3rem;
	color: #ffffff;
	display: flex;
	align-items: center;
    justify-content: center;
	font-size: 1.2rem;
	font-weight: bold;
}

.search_title_bar2 {
	background-color: #ea5516;
	height: 2.5rem;
	color: #ffffff;
	display: flex;
	align-items: center;
    justify-content: center;
	font-size: 1.2rem;
	font-weight: bold;
}

.search_title_bar3 {
	border-left: solid 1rem #ea5516;
	border-bottom: solid 2px #ea5516;
	width: 100%;
	padding-left: 0.8rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	height: 1.5rem;
	color: #221915;
	font-weight: bold;
}

.search_keyword_area {
	background-color: #efeff1;
	height: 3em;
	color: #221915;
	display: flex;
	align-items: center;
    justify-content: center;
}

.search_check_area {
	background-color: #f8f8f8;
	color: #221915;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.search_pattern_area {
	display: flex;           
	flex-direction: row-reverse;
    align-content: center;    
    Text-align: right;
}

.search_pattern_button_off {
	height: 1.6rem;
	width: 5rem;    
	color:  #221915;       
	background-color: #ffffff;
	text-align: center;
	border-radius: .8em;
	margin: auto 0 auto 1rem;
}

.search_pattern_button_on {
	height: 1.6rem;
	width: 5rem;    
	color:  #221915;       
	background-color: #f9f154;
	text-align: center;
	border-radius: .8em;
	margin: auto 0 auto 1rem;
}

.loupe_img {
	height: 4em;
	width: auto;
	vertical-align: middle;
}

.loupe_img_m {
	height: 3em;
	width: auto;
	vertical-align: middle;
}

.accept_button {
	height: 4.5em;
	width: 20em;    
	color: #ffffff;       
	text-align: center;
	background: linear-gradient(#c61624, #f39800);
	border-radius: 2.25em;
}

.new_button {
    color: #ffffff;
    vertical-align: middle;
    padding: .5em;
    border:1px solid #999999;
    background:linear-gradient(to bottom, #666666,#333333);
    border-radius: 6px;
}

.dl_button {
    color: #ffffff;
    vertical-align: middle;
    padding: .5em;
    border:1px solid #000099;
    background:linear-gradient(to bottom, #0000ff,#000080);
    border-radius: 6px;
}

.back_button {
    color: #ffffff;
    vertical-align: middle;
    padding: .5em;
	background: linear-gradient(#c61624, #f39800);
    border-radius: 6px;
}

.detail_button {
    color: #ffffff;
    vertical-align: middle;
    padding: .3em;
	background: linear-gradient(#f15d30, #f89526);
    border-radius: 6px;
}

.config_button {
	margin-right: 12px;
	border: none;
	background-color: #dddddd;
}

.input_area {
    display: table-cell;
    vertical-align: middle;
    height: 24px;
}

.comment_area {
    text-align: left;
    margin: 0 auto 24px;
    padding: 8px;
    background-color: #ffffdd;
    font-size: 100%;
}

.new_table {
	border: 1px black solid;
	border-collapse: collapse;
	margin: 0 auto;
}

.new_table th {
    color: #ffffff;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    background-color: #666666;
}

.new_table td {
    border: 1px #cccccc solid;
    border-collapse: collapse;
}

.new_table tr:nth-child(odd) .nt{background-color:#ddffff;}
.new_table tr:nth-child(even) .nt{background-color:#ffffff;}
.nt_odd  {background-color:#ddffff;}
.nt_even {background-color:#ffffff;}

.kind_title {
	background-color: #02479f;
	color: #ffffff;
	padding: 1.2rem;
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
}

.new_table2 {
	border: 1px white solid;
	border-collapse: collapse;
	margin: 0 auto;
}

.new_table2 th {
    color: #ffffff;
    border: 1px white solid;
    border-collapse: collapse;
    background-color: #828486;
}

.new_table2 td {
    border: 1px white solid;
    border-collapse: collapse;
    color: #2b2829;
    background-color: #e7e7e8;
}

.section_area {       
	text-align: left;
	border-bottom: 2px solid #999999;
}

.section_title {
	background-color: #454546;
	color: #ffffff;
	padding: .2rem;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}

.contents_title {
	background-color: #02479f;
	color: #ffffff;
	padding-left: 0.2rem;
	text-align: left;
	display: inline-block;
	width: 8em;
	vertical-align: top;
}