@charset "utf-8";
@import url("reset.css");
@import url("style.css");
/* CSS Document */

/* ------------------------------------------------------------ Main Contents */

.contents{
    padding: 30px 0 90px;
}

/* ------------------------------------------------------------ *** */


/* --- contents --- */


/* - mainBox - */
.contents .mainBox{
    flex-wrap: wrap;
}
    .contents .logoBox{
        width: 100%;
        text-align: center;
        padding: 0 0 30px;
    }
    .contents .logoBox img{
        width: 30%;
        height: auto;
    }
    .contents .searchBox {
        width: 100%;
        padding: 0 0 30px;
    }
    .contents .searchBtnBox{
        width: 100%;
        padding: 0 0 30px;
    }
    .contents .searchBtnBox input{
        width:20%;
        font-size: 24px;
        font-size: 2.4rem;
        /* font-weight:bold; */
        text-decoration:none;
        display:block;
        text-align:center;
        padding:8px 0 10px;
        color:#fff;
        background-color:#00cc66;
        border-radius:5px;
        box-shadow:2px 2px #333333;
        margin: 0 auto;
    }
    .contents .searchBtnBox input:active{
        box-shadow:none;
        transform: translate3d(2px, 2px, 0);
    }

    .contents .imageSearchBox{
        padding: 0 0 20px 0;
    }
    .contents .imageSearchBox h2{
        font-size: 20px;
        font-size: 2.0rem;
        padding: 0 0 10px 0;
    }
    .contents .imageSearchBox ul{
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;

        flex-wrap: wrap;
    }
    .contents .imageSearchBox ul li{
        padding: 5px 20px 5px 0;
        width: 30%;
        line-height: 1.3;
    }

    /* 2018-07-18 追加 */
    .contents .imageSearchBox ul.selection1 li{
        padding: 5px 20px 5px 0;
        width: 22%;
        line-height: 1.3;
    }
    /* 2018-07-18 追加 ここまで */

    .contents .imageSearchBox ul li label{
        display:block;
        padding:0 0 0 20px;
        position:relative;
    }
    
    .contents .imageSearchBox ul li label input[type="radio"],
    .contents .imageSearchBox ul li label input[type="checkbox"]{
        position:absolute;
        top:2px;
        left:0;
    }
    
    .contents .stomatalApertureBox{
        padding: 0 0 50px 0;
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;

        flex-wrap: wrap;
    }
    .contents .stomatalApertureBox h2{
        font-size: 20px;
        font-size: 2.0rem;
        padding: 0 0 30px 0;
        width: 100%;
    }
    .contents .stomatalApertureBox > div:nth-child(2){
        padding: 0 30px 0 10px;
        width: 100%;
    }
    .contents .stomatalApertureBox > div:nth-child(3){
        padding: 0 0 0 5px;
    }
    .contents .stomatalApertureBox > div:nth-child(3) input{
        width: 10%;
        font-size: 16px;
        font-size: 1.6rem;
        border: none;
        text-align: right;
        font-weight: bold;
    }
	
    .contents .orderByBox{
        padding: 0 0 50px 0;
    }
    .contents .orderByBox h2{
        font-size: 20px;
        font-size: 2.0rem;
        padding: 0 0 10px 0;
        width: 100%;
    }
	
    .contents .orderByBox ul{
		letter-spacing:-0.4em;
	}
	
    .contents .orderByBox ul li{
		letter-spacing:0;
		display:inline-block;
		margin-right:20px;
	}

    .contents .resultBox{

    }
    .contents .resultBox h2{
        font-size: 20px;
        font-size: 2.0rem;
        padding: 0 0 10px 0;
    }
	
	.footerResult{
        font-size: 20px;
        font-size: 2.0rem;
		margin-top:30px;
	}

    .contents .resultBox .checkAll{
        margin:10px 0;
        text-align:center;
        font-size:1.1em;
    }
    .contents .resultBox ul.resultList{
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;

        flex-wrap: wrap;
        /* justify-content: center; */
        padding: 0 0 10px 0;
    }
    .contents .resultBox ul.resultList li{
        padding: 5px 9px 15px 9px;
        width: 18%;

        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;

        flex-wrap: wrap;
        justify-content: center;
    }
    /* .contents .resultBox ul li:nth-child(5n+4):last-child {
        margin-left: auto;
        margin-right: 20.3%;
    } */
    .contents .resultBox ul.resultList li .checkBox{
        padding: 0 10px 0 0;
    }
    .contents .resultBox ul.resultList li .imgBox{
        text-align:center;
    }
    
    /*IE11で画像クリックでlabelが効かないことへの対応*/
    .contents .resultBox ul.resultList li .imgBox label{
        display: inline-block;
    }
    
    .contents .resultBox ul.resultList li .imgBox label img{
        pointer-events: none;
    }
    /*↑ここまで*/
    
    .contents .resultBox ul.resultList li .imgBox a{
        display: inline-block;
        line-height: 30px;
        width: 30px;
        height: 30px;
        /* padding: 3px 0 0 0; */
    }
    .contents .resultBox ul.resultList li .imgBox a.iconShow{
        background: url(../shared/icon_magnify.png) left center no-repeat;
        /* padding-left: 25px */
    }
    .contents .resultBox ul.resultList li .imgBox a.iconDownGif{
        background: url(../shared/icon_gif_d.png) left center no-repeat;
        width: 35px;
    }
    .contents .resultBox ul.resultList li .imgBox a.iconDownTiff{
        background: url(../shared/icon_tiff_d.png) left center no-repeat;
        width: 35px;
    }
    .contents .resultBox ul.resultList li .captionBox{
        width: 100%;
        text-align:center;
    }
    .contents .resultBox > input[name="downloadButton"]{
        width:20%;
        font-size: 24px;
        font-size: 2.4rem;
        text-decoration:none;
        display:block;
        text-align:center;
        padding:8px 0 10px;
        color:#fff;
        background-color:#00cc66;
        border-radius:5px;
        box-shadow:2px 2px #333333;
        margin: 0 auto;
    }
    .contents .resultBox input:active{
        box-shadow:none;
        /*transform: translate3d(2px, 2px, 0);*/
    }

.resultNum {
    font-size: 80%;
}

.resultPager{
    letter-spacing:-0.4em;
    text-align:center;
    margin:20px 0;
}

    .resultPager li{
        letter-spacing:0;
        display:inline-block;
        width:30px;
        height:30px;
        margin-right:5px;
    }
    
    .resultPager li:last-child{
        margin-right:0;
    }
    
    .resultPager li a{
        display:block;
        height:30px;
        line-height:30px;
        border:1px solid #ccc;
    }
    
    .resultPager li a:hover{
        border:1px solid #666;
    }
    
    .resultPager li.current a{
        border:1px solid #009933;
        background:#009933;
        color:#fff;
        font-weight:bold;
    }
	
	/*alignedの場合*/
	.alignedTop,.alignedBottom{
		display:block;
		margin-bottom:5px;
	}
	
		.alignedImg{
			display:block;
		}
		
		.alignedTitle{
			display:block;
			height:30px;
			line-height:30px;
		}
		
		.alignedTitle .iconShow{
			vertical-align:middle;
		}
		
	.sorry_msg{
		line-height:1.8em;
		font-size:0.9em;
	}
	
	i.greek{
		font-family:serif;
		font-style:normal;
	}

    .checkAllProbes {
        margin-bottom: 10px;
    }
    
/* - //mainBox - */







/* --- //contents --- */

}