/* Nic Riante Japon Ltd.
/* Japanese_CSS
* ==|== normalize ==========================================================
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
dl, ol, ul {
list-style:none;
}
body {
line-height:1;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
color:#912b43;
text-decoration:none;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.clearfix {
zoom:1;
}
.clearfix:after{
content:"";
display:block;
clear:both;
}
input[type="button"],input[type="submit"] {
-webkit-appearance: none;
}
/* ==|== layout ====================================================== */
.wrap{
margin-left: auto;
margin-right: auto;
width: 100%;
position: relative;
}
.section{
text-align:center;
}
#section1,#section3{
color:#fff;
}
#section2,section4{
color:#912b43;
}
h1{
font-size: 35px;	
font-family:'33535gillsansmt';
margin:0 auto 5px;
width:60%;
line-height:1em;
}
/* IE8 */
@media \0screen { h1{
font-size:5em;
margin-bottom:0.5em;
}
}
p.main_text {
width:60%;
margin:0 auto 5px;
font-size:12px;
line-height:1.5em;
}
/* ==|== top_page layout ====================================================== */
#top a:hover{
transition-duration:0.3s;
}
#top #wrapper {
background:url(../images/logo_large_opacity02_bg.png) center no-repeat;
background-size:contain;
-moz-background-size:contain;
}
#top #flags_area {
display:none;
}
#top footer {
position: fixed !important;  
position: absolute;  
bottom: 0;  
left: 0;
}
/* IE8 */
@media \0screen { #top #container{
position:fixed;
top:20%;
width:100%;
}
}
@media \0screen { #top #wrapper {
background:url(../images/logo_large_opacity02_bg_ie.png) center no-repeat;
}
}
/* ==|== top_page flags ====================================================== */
#top #container{
position:fixed;
top:5%;
width:100%;
}
#top #flags{
position: relative;
}
#top #flags ul {
position: relative;
left:50%;
float:left;
}
#top #flags ul li {
float:left;
margin-right:10px;
position: relative;
left:-50%;
}
#top #flags ul li.last {
margin-right:0;
}
#top #flags ul li a.jpn {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_jp_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.jpn {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_jp_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a.eng {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_uk_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.eng {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_uk_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a.fra {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_fr_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.fra {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_fr_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a.ned {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_nl_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.ned {
display:block;
width:50px;
height:101px;
background:url(../images/flags/s_nl_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}

/* ==|== header ====================================================== */
#top #header{
height:30px;
}
/* ==|== section ====================================================== */
h1 img {
max-width:95%;
}
#section0{
position:relative;
}
#flags{
position:absolute;
top:10px;
right:10px;
}
#flags ul li {
float:left;
}
#flags ul li a img,
#flags ul li a:hover img{
transition-duration:0.3s;
}
/* ==|== about ====================================================== */
#about {
width:80%;
margin:0 auto;
}
/* IE8 */
@media \0screen { #about{
width:420px;
margin:0 auto;
}
}
#about dl {
width:100%;
margin:0 auto;
text-align:left;
}
#about dl,dt {
font-size:12px;
line-height:1.2em;
color:#666;
}
#about dl dt {
clear: left;
float: left;
width: 70px;
margin-bottom:5px;
line-height:1.2em;
}
#about dl dd {
margin-left:70px;
margin-bottom:5px;
overflow:hidden;
line-height:1.2em;
}
/* ==|== contact ====================================================== */
#contact {
width:80%;
margin:0 auto;
padding-bottom:50px;
}
@media \0screen { #contact{
width:420px;
margin:0 auto;
}
}
#contact .text_area input{
width:97.5%;
border:1px solid #ddd;
border-radius:5px;
-webkit-border-radius: 5px;  /* Safari,Google Chrome */ 
-moz-border-radius: 5px;  /* Firefox */
padding:1%;
margin-bottom:5px;
font-size:12px;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
behavior: url(../assets/js/PIE.htc);
position:relative;
}
#contact .text_area textarea{
width:98%;
border:1px solid #ddd;
border-radius:5px;
-webkit-border-radius: 5px;  /* Safari,Google Chrome */ 
-moz-border-radius: 5px;  /* Firefox */
margin-bottom:10px;
padding-left:1%;
padding-top:1%;
font-size:12px;
line-height:1.5em;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
behavior: url(../assets/js/PIE.htc);
position:relative;
}
.button_area {
text-align:center;
width:50%;
margin:0 auto;
}
.button input {
width:100%;
background-color: #fff;
color:#912b43;
border-radius:5px;
-webkit-border-radius: 5px;  /* Safari,Google Chrome */ 
-moz-border-radius: 5px;  /* Firefox */
padding:5px;
border:none;
transition-duration:0.3s;
font-size:12px;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
behavior: url(../assets/js/PIE.htc);
position:relative;
}
.button input:hover {
opacity:0.8;
transition-duration:0.3s;
}
/* ==|== footer ====================================================== */
#section3{
position:relative;
}
footer {
position:absolute;
width:100%;  
background-color:#333;  
padding:10px 0;
bottom:0;
text-align:center;
}
footer #icon_sns_area {
float:left;
margin-left:10px;
line-height:0.1;
}
footer #to_top_arrow_area {
float:right;
margin-right:10px;
line-height:0.1;
}
footer #icon_sns_area a,
footer #to_top_arrow_area a{
line-height:0;
margin:0;
padding:0;
width:30px;
height:30px;
}
footer #icon_sns_area a img,
footer #to_top_arrow_area a img,
footer #icon_sns_area a:hover img
footer #to_top_arrow_area a:hover img{
transition-duration:0.3s;
}
footer #copy_area {
width:80%;
margin:0 auto;
}
footer #copy_area p {
font-size:12px;
color: #fff;
line-height:1;
}
/* ==|== background ====================================================== */
#section1 #slide0{
background:url(../images/8_nrj_tablets.png)center bottom no-repeat;;
padding: 0 0 0 0;
-moz-background-size:contain;
background-size:contain;
}
/* IE8 */
@media \0screen { #section1  #slide0{
background:url(../images/s_nrj_tablets.png) center bottom no-repeat;;
}
}
/* ==|== arrow ====================================================== */
.controlArrow.prev {
left: 15px;
width: 0;
border-width: 38.5px 17px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
right: 15px;
border-width: 38.5px 0 38.5px 17px;
border-color: transparent transparent transparent #fff;
}
/* ==|== media queries ====================================================== */
@media screen and (min-width: 360px) {
* {
-webkit-text-size-adjust: none;
}
}
@media only screen and (min-width: 480px) {
#contact {width:60%;}
#top #flags ul li a.jpn {
display:block;
width:95px;
height:192px;
background:url(../images/flags/jp_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.jpn {
display:block;
width:95px;
height:192px;
background:url(../images/flags/jp_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a.eng {
display:block;
width:95px;
height:192px;
background:url(../images/flags/uk_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.eng {
display:block;
width:95px;
height:192px;
background:url(../images/flags/uk_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a.fra {
display:block;
width:95px;
height:192px;
background:url(../images/flags/fr_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.fra {
display:block;
width:95px;
height:192px;
background:url(../images/flags/fr_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a.ned {
display:block;
width:95px;
height:192px;
background:url(../images/flags/nl_off.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
#top #flags ul li a:hover.ned {
display:block;
width:95px;
height:192px;
background:url(../images/flags/nl_on.png) center no-repeat;
text-indent:-9999px;
line-height:0;
}
h1{
font-size: 70px;	
font-family:'33535gillsansmt';
margin-bottom:20px;
}
p.main_text {
width:70%;
margin:0 auto 20px;
font-size:16px;
line-height:1.5em;
}
#about {
width:90%;
}
#about dl dt {
width: 100px;
}
#about dl dd {
margin-left:100px;
}
#about dl,dt {
font-size:14px;
line-height:1.5em;
color:#666;
}
#contact {
width:80%;
margin:0 auto;
}
#contact .text_area input{
width:97.5%;
border:1px solid #ddd;
border-radius:5px;
-webkit-border-radius: 5px;  /* Safari,Google Chrome */ 
-moz-border-radius: 5px;  /* Firefox */
padding:1%;
margin-bottom:10px;
font-size:16px;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
behavior: url(../assets/js/PIE.htc);
position:relative;
}
#contact .text_area textarea{
width:98%;
border:1px solid #ddd;
border-radius:5px;
-webkit-border-radius: 5px;  /* Safari,Google Chrome */ 
-moz-border-radius: 5px;  /* Firefox */
margin-bottom:20px;
padding-left:1%;
padding-top:1%;
font-size:16px;
line-height:1.5em;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
behavior: url(../assets/js/PIE.htc);
position:relative;
}
.button_area {
text-align:center;
width:50%;
margin:0 auto;
}
.button input {
width:100%;
background-color: #fff;
color:#912b43;
border-radius:5px;
-webkit-border-radius: 5px;  /* Safari,Google Chrome */ 
-moz-border-radius: 5px;  /* Firefox */
padding:10px;
border:none;
transition-duration:0.3s;
font-size:22px;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
behavior: url(../assets/js/PIE.htc);
position:relative;
}
.button input:hover {
opacity:0.8;
transition-duration:0.3s;
}
.controlArrow.prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
}
@media only screen and (min-width: 768px) {
#contact {width:45%;}
#about {width:40%;}
/*#top #flags ul li {
margin-right:10px;
}
#top #flags ul li a{
-moz-background-size:100% 100%;
background-size:auto 100%;
width:128px;
height:auto;
display:block;
line-height:0;
}
#top #flags ul li a img{
opacity:0;
transition-duration:0.5s;
width:128px;
height:auto;
}*/
}
@media only screen and (min-width: 1140px) {
#contact {width:40%;}
#about {width:30%;}
}