/*!
 * 画像サイズ指定　共通
 */

span.img320 img{
	 width:320px;
}

span.img_pres img{
	 width:90%;
}


/* サイズ指定(横) */
.wd-s1000{
	 width:1000px;
}
.wd-s900{
	 width:900px;
}
.wd-s800{
	 width:800px;
}
.wd-s700{
	 width:700px;
}
.wd-s600{
	 width:600px;
}
.wd-s500{
	 width:500px;
}
.wd-s400{
	 width:400px;
}
.wd-s300{
	 width:300px;
}
.wd-s200{
	 width:200px;
}
.wd-s100{
	 width:100px;
}
.wd-s90{
	 width:90px;
}
.wd-s80{
	 width:80px;
}
.wd-s70{
	 width:70px;
}
/* 一件追加 */
.wd-s65{
     width:65px;
}
.wd-s60{
	 width:60px;
}
.wd-s50{
	 width:50px;
}
.wd-s40{
	 width:40px;
}
.wd-s30{
	 width:30px;
}
.wd-s20{
	 width:20px;
}
.wd-s10{
	 width:10px;
}

/* サイズ指定(縦) */
.hi-s1000{
	 height:1000px;
}
.hi-s900{
	 height:900px;
}
.hi-s800{
	 height:800px;
}
.hi-s700{
	 height:700px;
}
.hi-s600{
	 height:600px;
}
.hi-s500{
	 height:500px;
}
.hi-s400{
	 height:400px;
}
.hi-s300{
	 height:300px;
}
.hi-s200{
	 height:200px;
}
.hi-s100{
	 height:100px;
}
.hi-s90{
	 height:90px;
}
.hi-s80{
	 height:80px;
}
.hi-s70{
	 height:70px;
}
.hi-s60{
	 height:60px;
}
.hi-s50{
	 height:50px;
}
.hi-s40{
	 height:40px;
}
.hi-s30{
	 height:30px;
}
.hi-s20{
	 height:20px;
}
.hi-s10{
	 height:10px;
}

/* パーセント指定(横) */
.wd-p100{
	 width:100%;
}
.wd-p90{
	 width:90%;
}
.wd-p80{
	 width:80%;
}
.wd-p70{
	 width:70%;
}
.wd-p60{
	 width:60%;
}
.wd-p50{
	 width:50%;
}
.wd-p40{
	 width:40%;
}
.wd-p30{
	 width:30%;
}
.wd-p20{
	 width:20%;
}
.wd-p10{
	 width:10%;
}

/* パーセント指定(縦) */
.hi-p100{
	 height:100%;
}
.hi-p90{
	 height:90%;
}
.hi-p80{
	 height:80%;
}
.hi-p70{
	 height:70%;
}
.hi-p60{
	 height:60%;
}
.hi-p50{
	 height:50%;
}
.hi-p40{
	 height:40%;
}
.hi-p30{
	 height:30%;
}
.hi-p20{
	 height:20%;
}
.hi-p10{
	 height:10%;
}


/* 内接リサイズ：img */
.resize_in1000{
    position: relative;
    width: 1000px;
    height: 1000px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in1000 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 1000px;
    max-height: 1000px;
}
.resize_in900{
    position: relative;
    width: 900px;
    height: 900px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in900 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 900px;
    max-height: 900px;
}
.resize_in800{
    position: relative;
    width: 800px;
    height: 800px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in800 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 800px;
    max-height: 800px;
}
.resize_in700{
    position: relative;
    width: 700px;
    height: 700px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in700 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 700px;
    max-height: 700px;
}
.resize_in600{
    position: relative;
    width: 600px;
    height: 600px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in600 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 600px;
    max-height: 600px;
}
.resize_in500{
    position: relative;
    width: 500px;
    height: 500px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in500 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 500px;
    max-height: 500px;
}
.resize_in400{
    position: relative;
    width: 400px;
    height: 400px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in400 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 400px;
    max-height: 400px;
}
.resize_in300{
    position: relative;
    width: 300px;
    height: 300px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in300 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 300px;
    max-height: 300px;
}
.resize_in200{
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in200 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}
.resize_in100{
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.resize_in100 > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}

/* 内接リサイズ(枠線なし、背景なし)：img */
.resize_in100nl{
    width: 100px;
    height: 100px;
    margin: auto auto auto 0;
    
}
.resize_in100nl > img{
    bottom: 0;
    margin: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}
.resize_in100nc{
    width: 100px;
    height: 100px;
    margin: auto;
    
}
.resize_in100nc > img{
    bottom: 0;
    margin: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}
.resize_in100nr{
    width: 100px;
    height: 100px;
    margin: auto 0 auto auto;
    
}
.resize_in100nr > img{
    bottom: 0;
    margin: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}


/* 枠内・比率固定(background) */
.contain400 {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 400px;
    height: 400px;
    border: 1px solid #ccc;
    background-size: contain;
}