body,td,th {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
color: #000;
}
body {
margin: 0px;
padding:0px;
background-color:#fff;
}
body#faq {
margin: 0px;
padding:0px;
background-color:#fff;
background-image:url(../image/header-back.png);
background-repeat:repeat-x;
}
#wrapper {
margin: 0px;
padding:0px 0px 300px;
background-image:url(../image/back.jpg);
background-repeat:repeat-x;
background-position:center bottom;
}

a:link { 
color: #94252a;
}
a:visited {
color: #600;
}
a:hover {
color: #C00;
}
a:active {
color: #C00;
}

/* ドロップシャドウの設定 */
#search_form , td , ul.item_list li , div.faq-content{
-webkit-box-shadow: 1px 1px 3px #666; /* webkit */
-moz-box-shadow: 1px 1px 3px #666; /* FireFox */
box-shadow:1px 1px 3px #666;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=3,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=3,enabled=true); /* IE5.5+ */
}
th{
-webkit-box-shadow: 1px 1px 3px #333; /* webkit */
-moz-box-shadow: 1px 1px 3px #333; /* FireFox */
box-shadow:1px 1px 3px #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3,enabled=true); /* IE5.5+ */
}

/* ヘッダーの設定 */
#header{
margin: 0;
padding:0px;
background-image:url(../image/header-back.png);
background-repeat:repeat-x;
}
#header h1 {
margin: 0;
padding:0px;
text-align:center;
font-size:11px;
line-height:1.2;
}
/* フッターの設定 */
#footer{
background:#94252a;
margin:0px;
padding:20px 0px;
color:#fff;
text-align:center;
}
#footer p{
margin:20px 0px 0px 0px;
padding:10px 0px;
text-align:center;
background:#fff;
color:#94252a;
}
#footer a ,
#footer a:link ,
#footer a:visited ,
#footer a:hover ,
#footer a:active {
color:#fff;
}

/* 検索窓の設定 */
#search_form{
width:740px;
margin:50px auto 0px;
padding:10px 5px 20px 5px;
text-align:center;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
-ms-border-radius: 13px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.5);
font-size:12px;			/*  フォントサイズ */
}
#search_form p{
margin:0px;
padding:20px 0px 0px 0px;
}
#search_form div.faq{
	margin:0px;
	padding:0px 5px 5px 0px;
	text-align:right;
	height: 25px;
}
#search_form div.faq_text{
	float: right;
	margin: 3px 5px 0 0;
}
#search_form div.faq_image{
	float: right;
}


input[type=text],select{
vertical-align:top;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
-ms-border-radius: 13px;
border:#a9a9a9 1px solid;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
padding:0 3px;
font-size:12px;
}
input[type=text]{
width:240px;
height:26px;
margin:0px;
}
select{
width:120px;
height:28px;
margin:0px;
}
input[type=text]:focus {
border:solid 1px #20b2aa;
}
input[type=text], select { 
outline: none;
}
input[type=button]{
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
-ms-border-radius: 13px;
border:#94252a 1px solid;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
width:50px;
height:28px;
margin-left:2px;
margin-right:5px;
padding:0 3px;
cursor:pointer;
color:#fff;
font-weight:bold;
background:#94252a;
font-size:12px;
}

/* 検索結果-一覧の設定 */
.pagenation-box{
margin:20px auto;
padding:0px ;
width:760px;
}
#pagenation-cap{
float:left;
padding-left:5px;
}
.pagenation-list a, .pagenation-list span{
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
line-height:1;
padding:2px 5px;
}
.pagenation-list span{
background-image:url("../image/pageCircle.png");
background-repeat:no-repeat;
background-position:center center;
}
.pagenation-list a{
text-decoration:none;
}
.pagenation-list a:visited {
color: #C00;
}
.topArea{
float:right;
}
.bottomArea{
text-align:center;
}

ul.item_list{
clear:both;
list-style-position:outside;
list-style-type:none;
margin:20px auto;
padding:0px ;
width:760px;
}
ul.item_list li{
position: relative;
display:block;
text-align:left;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
-ms-border-radius: 13px;
margin-bottom:15px;
}
div.item_name{
padding:5px 10px;
font:12px/1.2;
color:#fff;
border-radius: 13px 13px 0px 0px;
-moz-border-radius: 13px 13px 0px 0px;
-webkit-border-radius: 13px 13px 0px 0px;
-o-border-radius: 13px 13px 0px 0px;
-ms-border-radius: 13px 13px 0px 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
li.style_m div.item_name{
background-color:#94252a;
}
li.style_l div.item_name{
background-color:#3e82b9;
}
div.item_value_list{
padding:5px 10px;
font:12px/1.2;
color:#000;
overflow: hidden;
border-radius: 0px 0px 13px 13px;
-moz-border-radius: 0px 0px 13px 13px;
-webkit-border-radius: 0px 0px 13px 13px;
-o-border-radius: 0px 0px 13px 13px;
-ms-border-radius: 0px 0px 13px 13px;
}
.list_no {
position: absolute;
right: 18px;
bottom: 0px;
font-size: 48px;
color: #bdc3c7;
}

ul.item_list li a ,
ul.item_list li a:link ,
ul.item_list li a:visited ,
ul.item_list li a:hover ,
ul.item_list li a:active {
color:#fff;
text-decoration:none;
}

/* ura add start */
.item_list li {
	min-height: 100px;
}

.faq-list {
	
}
.faq-list li {
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: left;
}

/* ura add end */


/* 検索結果-詳細の設定 */
table.data_list{
margin:20px auto 0px;
border-collapse: separate;
border-spacing: 5px

}
th{
width:160px;
background:#ffd900;
vertical-align:top;
text-align:left;
padding:20px 10px 20px 40px;
}
.mannen th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#9994252a,EndColorStr=#9994252a);
background-color: rgba(148, 37, 42, 0.5);
}
.l-library th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#993e82b9,EndColorStr=#993e82b9);
background-color: rgba(62, 130, 185, 0.5);
}
td{
width:485px;
vertical-align:top;
text-align:left;
padding:20px 10px 20px 40px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.5);
}
/* カラムの角丸の設定 */
th.top{
   border-radius: 13px 0px 0px 0px;
-moz-border-radius: 13px 0px 0px 0px;
-webkit-border-radius: 13px 0px 0px 0px;
-o-border-radius: 13px 0px 0px 0px;
-ms-border-radius: 13px 0px 0px 0px;
}
th.bottom{
   border-radius: 0px 0px 0px 13px;
-moz-border-radius: 0px 0px 0px 13px;
-webkit-border-radius: 0px 0px 0px 13px;
-o-border-radius: 0px 0px 0px 13px;
-ms-border-radius: px 0px 0px 13px;
}
td.top{
   border-radius: 0px 13px 0px 0px;
-moz-border-radius: 0px 13px 0px 0px;
-webkit-border-radius: 0px 13px 0px 0px;
-o-border-radius: 0px 13px 0px 0px;
-ms-border-radius: 0px 13px 0px 0px;
}
td.bottom{
   border-radius: 0px 0px 13px 0px;
-moz-border-radius: 0px 0px 13px 0px;
-webkit-border-radius: 0px 0px 13px 0px;
-o-border-radius: 0px 0px 13px 0px;
-ms-border-radius: 0px 0px 13px 0px;
}
th.top.bottom{
border-radius:13px 0 0 13px;
}
td.top.bottom{
border-radius:0 13px 13px 0;
}
.single th{
   border-radius: 13px 0px 0px 13px;
-moz-border-radius: 13px 0px 0px 13px;
-webkit-border-radius: 13px 0px 0px 13px;
-o-border-radius: 13px 0px 0px 13px;
-ms-border-radius: 13px 0px 0px 13px;
}
.single td{
   border-radius: 0px 13px 13px 0px;
-moz-border-radius: 0px 13px 13px 0px;
-webkit-border-radius: 0px 13px 13px 0px;
-o-border-radius: 0px 13px 13px 0px;
-ms-border-radius: 0px 13px 13px 0px;
}
/* faqの設定 */
h1.faq-h1{
font-size:18px;
text-align:center;
margin:50px 0px;
}
div.faq-content{
width:500px;
margin:25px auto;
padding:20px;
text-align:center;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
-ms-border-radius: 13px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.5);
font-size:12px;			/*  フォントサイズ */
}
div.faq-content dl , div.faq-content dt ,div.faq-content dt{
text-align:left;
margin:0px;
padding::0px;
}
div.faq-content dt{
border-bottom:dotted 2px #ffd900;
padding-bottom:5px;
margin-bottom:5px;
}
div.faq-content td{
width:auto;
margin:0px;
padding:0px;
filter:none;
-webkit-box-shadow:none; /* webkit */
-moz-box-shadow: none; /* FireFox */
box-shadow:none;
-ms-filter:none 
background:#fff;	
}
div.faq-content td.txt{
padding:15px 0px 0px 10px;
}
p.winclose{
margin:10px;
text-align:center;	
}

.blue1 th{
background-color:#3e82b9;
color:#fff;
}
.blue2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#993e82b9,EndColorStr=#993e82b9);
background-color: rgba(62, 130, 185, 0.5);
}
.red1 th{
background-color:#94252a;
color:#fff;
}
.red2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#9994252a,EndColorStr=#9994252a);
background-color: rgba(148, 37, 42, 0.5);
}
.red3 th{
background-color:#e56767;
color:#fff;
}
.red4 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99e56767,EndColorStr=#99e56767);
background-color: rgba(229, 103, 103, 0.5);
}
.pink1 th{
background-color:#f385cb;
color:#fff;
}
.pink2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#996c2594,EndColorStr=#997e4d9a);
background-color: rgba(243, 133, 203, 0.5);
}
.purple1 th{
background-color:#7e4d9a;
color:#fff;
}
.purple2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#996c2594,EndColorStr=#997e4d9a);
background-color: rgba(126, 77, 154, 0.5);
}
.blue3 th{
background-color:#3e47b9;
color:#fff;
}
.blue4 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#993e47b9,EndColorStr=#993e47b9);
background-color: rgba(62, 71, 185, 0.5);
}
.b-green1 th{
background-color:#3eb9b2;
color:#fff;
}
.b-green2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#993eb9b2,EndColorStr=#993eb9b2);
background-color: rgba(62, 185, 178, 0.5);
}
.green1 th{
background-color:#25945c;
color:#fff;
}
.green2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#9925945c,EndColorStr=#9925945c);
background-color: rgba(37, 148, 92, 0.5);
}
.y-green1 th{
background-color:#8fc334;
color:#fff;
}
.y-green2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#998fc334,EndColorStr=#998fc334);
background-color: rgba(143, 195, 52, 0.5);
}
.yellow1 th{
background-color:#f7c600;
color:#fff;
}
.yellow2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99f7c600,EndColorStr=#99f7c600);
background-color: rgba(247, 198, 0, 0.5);
}
.orange1 th{
background-color:#eb8a00;
color:#fff;
}
.orange2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99eb8a00,EndColorStr=#99eb8a00);
background-color: rgba(235, 138, 0, 0.5);
}
.gray1 th{
background-color:#9fadb9;
color:#fff;
}
.gray2 th{
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99eb8a00,EndColorStr=#99eb8a00);
background-color: rgba(159, 173, 185, 0.5);
}

.notfound {
	margin: 20px auto;
	width: 740px;
	text-align: left;
}

/* Keep the footer at the viewport bottom on short public pages. */
@media screen {
body {
display:flex;
flex-direction:column;
min-height:100vh;
min-height:100dvh;
}
#wrapper {
flex:1 0 auto;
}
#footer {
flex-shrink:0;
}
}
