@charset "UTF-8";
/*default
-----------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,th,td,input,textarea,label{margin:0px;padding:0px;zoom:1;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
ul,ol,li,span{margin:0px;padding:0px;}
header, article, footer, article, aside, time ,nav { display: block; } 
li{list-style-type: none}

body{
	background: #FFF;
	color: #333;
	font-size: 14px;
	line-height:1.5;
	font-family:'Hiragino Kaku Gothic Pro','Meiryo';
	}


/*---------------見出し---------------*/
h1{
	margin: 0;
	padding: 0.5em 0;
	color: #000000;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 20px;
    	background-color: #e6f5f5;
font-size:20px;

/*	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);*/
}

h2,h3,h4,h5{
	margin:0 ;
	padding: 0.5em;

	background-color: #000000;
	color:#FFF;
	line-height: 1.5;
}

span.green {
    font-size: 80%;
    color: #00cc66;
}
span.blue {
color: #0000FF !important;
font-weight: bold;
}
.blue { color: #0000FF !important; }
 
span.gray {
color: #999999;
 }

span.red {
color: #D71D3B;
font-weight: bold;
 }

/*---------------段落・ブロック---------------*/
p {
	margin: 5px 10px 5px 10px;
	padding: 2px;
	font-size: 92%;
}

img.emoji { height:1.4em; width:1.4em; vertical-align: middle; border:0; margin-right: 0.3em;
    display:inline-block;


 }
img.emoji8 { height:0.8em; width:0.8em; vertical-align: middle; border:0; margin-right: 0.3em; }

div#footer, footer {
    background-color: #E5E5E5;
    color: #000;
    text-align:center;
    line-height:20px;
    padding: 0.7em;
}

div#footer > p ,footer > p {
	margin: 0;
	padding: 0;
	font-size: 92%;
}

.centerbutton a{
    margin: 0.1em 0;
    text-align: center;
    clear:both;
    color: #fff;
    background: #FF6633;
    padding: 0.5em 2.0em;
	font-weight: bold;

    border-radius         : 0.3em;
    -webkit-border-radius : 0.3em;
    -moz-border-radius    : 0.3em;
    -webkit-appearance: none;
    border: 0;
text-decoration: none;
    font-size: 15px;

}

.centerbutton3 a{
    margin: 0.1em 0;
    text-align: center;
    clear:both;
    color: #fff;
    background: #000;
    padding: 0.5em 2.0em;
	font-weight: bold;

    border-radius         : 0.3em;
    -webkit-border-radius : 0.3em;
    -moz-border-radius    : 0.3em;
    -webkit-appearance: none;
    border: 0;
text-decoration: none;
    font-size: 15px;

}

.list3 ul{
 border-bottom: 1px solid #ccc;
 }
 .list3 ul li{
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .list3 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
 height: 70px;
 width: 100px;
 margin-right: 10px;
 }
 .list3 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 9px;
 }


	.area {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;
		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
margin-top: 5px;
    text-align: center;  
	}


/*.main {  
    width: 100%;  
    border: 1px solid #000;  
    text-align: center;  
}  
.main div   {  
    width: 80%;  
    border: 1px solid #FF0000;  
    margin: 0 auto;  
    text-align: left;  
} 
*/



	.item {
    text-align: center;  
		height: 40px;
padding-top:5px;
    display:inline-block;
margin:5px;

	}

	.item3 {
		width: 200px;
margin:5px;
		text-align: center;
    display:inline-block;

	}



	.area2 {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;

		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
    text-align: center;  

	}
	.item2 {
		height: 15px;
font-size: 10px;
margin: 5px;
min-width:200px;
    display:inline-block;

	}

 * 上部と左側の線のみ非表示。下部と右側は残っている
 */
.td-css11  { 
    border: 1px solid black;
    border-top-style:none;
    border-left-style:none; 
}

.td-css12  { 
    border: 1px solid black;
    border-bottom-style:none;
    border-right-style:none; 
}

.td-css    { border: 1px solid black; }

.btn {
    background: #fff;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 3px solid #BBB;
    border-bottom: 3px solid #BBB;
    color:#111;
    width: 100%;
}



span.green {font-size: 85%;
color: #00cc66;

 }

span.grey {
color: #999999;
 }

span.pink {font-size: 85%;
color: #ff7fbf;
 }

	.area3 {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;

		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
	}





img.emoji2 {
    height: 0.9em;
    width: 0.9em;
    vertical-align: middle;
    border: 0;
    margin-right: 0.3em;
    margin-bottom: -10px;
}

img.emoji3 {
    height: 0.9em;
    width: 0.9em;
    vertical-align: middle;
    border: 0;
    margin-right: 0.3em;
    margin-top: -5px;
}


img.special {
    height: 100px;
    width: 145px;
    vertical-align: middle;
    border: 0;
    margin: 5px;
    margin-top: -9px;
    margin-left: -5px;

    float: left;
}

.clear { clear:left;
 }  


/* links, links2 */

.links ul,
.links2 ul{
    margin:0px;
    padding: 0px;
    width:100%;
    border-top: 1px solid #D3D3D3;
    /*line-height:2.0em;*/
}

.links li, .links2 li{
     line-height:1.8em;
     list-style: none;
     border-bottom: 1px solid #D3D3D3;
}

.links li { width: 100%;}
.links2 li {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.links2 li:nth-child(2n+1){
    border-right: 1px solid #D3D3D3;
}

.links li a,
.links2 li a{
     display: block;
    　width:100%;
      height:100%;
     color: #000000;
     padding:0.8em 0.5em;
     position: relative;
text-decoration: none;
}

.links li a span { 
    width: 97%;
    display:inline-block;
}

.links li span.text {
     display: block;
     color: #000000;
     line-height:1.0em;
     padding:10px 3px 10px 10px;
 }

.links ul li a::after,
.links2 ul li a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.smallfont2 {
    font-size: 70%;
}


.toppage1,
.srchnodesbutton{
    width: 95%;
    margin: 0.5em auto;
    border: 1px solid #000;
    text-align: center;
}

.toppage1 a,
.srchnodesbutton a{
    display: block;
    padding: 0.5em;
    color: #000;
    text-decoration: none;
    position: relative;
}

.toppage1 a span,
.srchnodesbutton a span { 
    width: 97%;
    display:inline-block;
}

.toppage1 a::after,
.srchnodesbutton a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-box {
  border-bottom: 1px solid #eee;
  display: table;
  width: 100%;
}

.list-box a {
 text-decoration: none;
}


.list-img,
.list-text {
  display: table-cell;
  vertical-align: middle;
}
.list-img img {
  width: 145px;
  height: 100px;

  margin: 5px;
}

.list-text h3 {
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  margin-right: 10px;
}

.sh_dtl table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    width: 90%;
}
.sh_dtl table th {
    background: none repeat scroll 0 0 #E4DFFC;
    border: 1px solid #9990C0;
    color: #322373;
    padding: 5px 2px 4px 4px;
    text-align: left;
    width: 6em;
}
.sh_dtl table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9990C0;
    line-height: 1.4em;
    padding: 5px 7px 4px;
}