/*  ---------------------------------------------------------------------------------基本設定 */

html {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chrome */
-ms-user-select: none; /* IE10 upper */
min-height: 100%;
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
overflow-x: hidden;
background-color: rgba(255,255,255,1.00);
background-color: #fff;
-webkit-user-select: none;
color: #000;
-webkit-text-size-adjust: 100%;
-webkit-touch-callout: none;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

img {
margin: 0px;
paddin: 0px;
border: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-ms-interpolation-mode: bicubic;
max-width: 100%;
height: auto;
}

img,
object,
embed {
max-wight: 100%;
height: auto;
}

a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
background-color: transparent;
}

a:link,
a:visited,
a:hover,
a:active {
outline: none;
border: none;
}

a:focus {
outline: none;
border: none;
}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after { clear: both; }

.clearfix { *zoom: 1;
}

img::selection { background-color: transparent; }
img::-moz-selection {
background:transparent;
}

.hide-text {
overflow-x: hidden !important;
overflow-y: hidden !important;
display: block !important;
text-indent: 999% !important;
white-space: nowrap !important;
}

ul {
list-style-image: none;
list-style-type: none;
}

.transition {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.no-border { border: none !important; }

.no-topmargin { margin-top: 0px !important; }

/*  ---------------------------------------------------------------------------------「写真家 福田健太郎が語るRX1R IIの愉しみかた」 設定 */

#rx1r2 { }

#base {
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
float: none;
clear: both;
min-width: 950px;
}

#rx1r2 #brand-header {
height: 55px;
width: 100%;
background-color: #000000;
}

#rx1r2 #brand-header h1 {
width: 950px;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 16px;
}

#rx1r2 #brand-header h1 a {
display: block;
background-image: url(../images/brand_logo.png);
background-repeat: no-repeat;
background-position: 0% 0%;
width: 110px;
height: 19px;
overflow-x: hidden;
overflow-y: hidden;
text-indent: 100%;
white-space: nowrap;
}

#rx1r2 .main {
height: 495px;
width: 100%;
background-repeat: no-repeat;
overflow-x: hidden;
overflow-y: hidden;
background-image: url(../images/main.jpg);
background-position: 50% 0%;
text-indent: 100%;
white-space: nowrap;
background-color: #000000;
}

#rx1r2 .navi {
height: 83px;
width: 100%;
background-color: #000000;
overflow-x: hidden;
overflow-y: hidden;
background-image: url(../images/navi_red_bar.png);
background-position: 0% 100%;
background-repeat: repeat-x;
}

#rx1r2 .navi ul {
margin-left: auto;
margin-right: auto;
width: 950px;
height: 79px;
display: block;
}

#rx1r2 .navi ul li {
display: block;
float: left;
}

#rx1r2 .navi ul li a {
display: block;
height: 79px;
width: 190px;
overflow-x: hidden;
overflow-y: hidden;
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
background-image: url(../images/navi.png);
}

#rx1r2 .navi ul li a.navi01 { background-position: 0px 0%; }

#rx1r2 .navi ul li a.navi01:hover { background-position: 0px 100%; }

#rx1r2 .navi ul li a.navi02 { background-position: -190px 0%; }

#rx1r2 .navi ul li a.navi02:hover { background-position: -190px 100%; }

#rx1r2 .navi ul li a.navi03 { background-position: -380px 0%; }

#rx1r2 .navi ul li a.navi03:hover { background-position: -380px 100%; }

#rx1r2 .navi ul li a.navi04 { background-position: -570px 0%; }

#rx1r2 .navi ul li a.navi04:hover { background-position: -570px 100%; }

#rx1r2 .navi ul li a.navi05 { background-position: -760px 0%; }

#rx1r2 .navi ul li a.navi05:hover { background-position: -760px 100%; }

#rx1r2 #base .content {
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
border-bottom: 1px solid #000000;
}

#rx1r2 #base .content-inner {
width: 950px;
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
}

#rx1r2 #base .content-inner p {
display: inline-block;
font-size: 19px;
line-height: 1.7em;
font-weight: 300;
}

#rx1r2 #base .content-inner p.second,
#rx1r2 #base .content-inner dl.second { margin-top: 45px; }

#rx1r2 #base .content-inner p strong.komidashi {
font-weight: 600;
font-size: 1.16em;
display: block;
margin-bottom: 0.5em;
}

#rx1r2 #base .content h2 {
display: block;
text-align: center;
margin-top: 50px;
height: 220px;
}

#rx1r2 #base .content h2 strong {
display: block;
margin-bottom: 25px;
}

#rx1r2 .left { float: left; }

#rx1r2 .left380 {
float: left;
width: 380px;
}

#rx1r2 .left420 {
float: left;
width: 420px;
}

#rx1r2 .left420 p { width: 380px; }

#rx1r2 .left530 {
float: left;
width: 530px;
}

#rx1r2 .left570 {
float: left;
width: 570px;
}

#rx1r2 .left570 .photo { width: 529px; }

#rx1r2 .pagetop {
float: none;
clear: both;
margin-top: 50px;
margin-bottom: 30px;
text-align: right;
width: 950px;
z-index: 100;
margin-left: auto;
margin-right: auto;
}

#rx1r2 .pagetop a {
display: inline-block;
color: #4d4d4d;
padding-left: 20px;
background-repeat: no-repeat;
background-image: url(../images/icon_pagetop.png);
background-position: 0% 50%;
font-size: 11px;
line-height: 14px;
text-decoration: none;
font-weight: 600;
}

#rx1r2 .nega {
position: absolute !important;
margin-top: 521px !important;
margin-left: 0;
}

#rx1r2 .nega a { color: #ffffff; }

#rx1r2 dl.photo { display: block; }

#rx1r2 dl.photo dt { display: block; }

#rx1r2 dl.photo dd.cap {
display: block;
margin-top: 7px;
margin-bottom: 10px;
text-align: right !important;
font-size: 11px;
}

/* impression 用設定 */

.impression-bg {
position: absolute;
margin-left: 570px;
margin-top: 0px;
z-index: 1;
}

#rx1r2 .left570-p {
float: left;
position: absolute;
width: 565px;
}

/* expression 用設定 */

.expression-main {
width: 100%;
height: 503px;
background-image: url(../images/img201.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
}

/* technique 用設定 */

.technique-main {
margin-left: 60px;
width: 830px;
margin-top: 60px;
}

.technique-bottom-main {
width: 100%;
height: 335px;
margin-top: 70px;
background-image: url(../images/img304.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
}

.left600 {
margin-left: -70px;
width: 600px;
float: left;
margin-right: 0;
}

/* customization 用設定 */

.left630 {
width: 630px;
float: left;
}

.left630 p { width: 570px; }

.left320 {
width: 320px;
float: left;
line-height: 0;
}

.product-info {
margin-top: 40px;
min-height: 330px;
}

.product-info .product-link {
position: absolute;
display: block;
font-size: 15px;
line-height: 1.65em;
}

.product-info .product-link a {
display: block;
font-size: 14px;
font-weight: bold;
background-image: url(../images/arrow.png);
background-position: 0% 50%;
background-repeat: no-repeat;
padding-left: 14px;
color: #000000;
text-decoration: none;
margin-top: 3px;
}

.product-info .link01 {
margin-top: 225px;
margin-left: 0px;
}

.product-info .link02 {
margin-top: 295px;
margin-left: 170px;
}

.product-info .link03 {
margin-top: 265px;
margin-left: 350px;
}

/*gallery 用設定 */
#gallery,
#rx1r2 .black {
background-color: #000000 !important;
border-bottom: 1px solid #FFFFFF !important;
}

/*pick up 用設定 */
#pick-up {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
width: 950px;
}

#pick-up .inner { margin-bottom: 20px; }

#pick-up h2 {
display: block;
height: 52px;
}

#pick-up a {
display: block;
float: left;
margin-right: 13px;
}

#pick-up a.no-margin { margin-right: 0; }

/*FOOTER 用設定 */
#footer {
padding-top: 60px;
padding-bottom: 50px;
background-color: #efefef;
}

#footer h3 {
display: block;
height: 75px;
text-align: center;
}

#footer p {
font-size: 19px;
text-align: center;
line-height: 1.8em;
font-weight: 500;
}

#footer a.button {
display: block;
margin-top: 40px;
text-align: center;
}

.copright {
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 950px;
text-align: center;
font-size: 10px;
display: block;
}