@charset "utf-8";

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img{
    margin:0;
    padding:0;
}
img {
    border:0;
	max-width: 100%;
}
 
a {
	text-decoration:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline:none;
	color:#00743c;
}
a:link{color:#00743c;text-decoration:none;}
a:hover{color:#097BB0;text-decoration:none;}
a:visited{color:#9C7C52;}

a:focus{outline:0}
a:hover,a.selected{text-decoration:none;}
a,img{vertical-align:top}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.hoverOp:hover{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}

body {
	letter-spacing: 1px;
	line-height : 225%;
	font:normal 14px/28px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	color: #534741;
}

/* common -------- */
.detail_wrapper {
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
}

.detail_wrapper .photo {
	position: relative;
	float: left;
}

.detail_wrapper .photo .zoomBtn {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.article {
	float: right;
	display: table;
}

.article .inner {
	display: table-cell;
	vertical-align: middle; 
	margin: 0;
}


.article .size,
.article .material {
	margin-top: 40px;
}

.article .size dd,
.article .material dd {
	padding-top: 5px;
	padding-left: 5px;
}

/* Each size -------- */
/*4:5 A*/
#size1200_1500 {
	width: 900px;
	padding: 30px;
}

#size1200_1500 .photo .viewer{
	width: 480px;
	height: 600px;
}

#size1200_1500 .article {
	width: 375px;
	height: 575px;
}

/*2:3 C*/
#size1000_1500 {
	width: 840px;
	padding: 30px;
}

#size1000_1500 .photo .viewer{
	width: 400px;
	height: 605px;
}

#size1000_1500 .article {
	width: 405px;
	height: 580px;
}

/*2:3 D*/
#size800_1800 {
	width: 600px;
	padding: 30px;
}

#size800_1800 .photo .viewer{
	width: 266px;
	height: 600px;
}

#size800_1800 .article {
	width: 300px;
	height: 565px;
}

#size800_1800 .photo .zoomBtn {
	right: 15px;
	bottom: 25px;
}