@charset "utf-8";
/* CSS Document */

html{width:100%;}
body{
	margin: 0;
	padding: 0;
	background-color:#FFF;
	color:#878687;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	line-height:1.9em;
	width:100%;
}

h2{ margin-top:20px;}
p{
	margin: 0;	
}
a { text-decoration:none;color:#8BCEE1}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

section{ min-width:900px;}
#intro{
	background-image:url(img02/back.jpg);
	background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position:50% 200px;
	height:1000px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}
#second{
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-color:#FFFFFF;
}

#third{
	background-image: url(img02/back4.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
    background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin-left:40px;
	margin-right:40px;
	height:1000px;
	position:relative;
}
#fourth{
	background-image: url(img02/back3.jpg);
	background-repeat:no-repeat;
	background-position:50% 0px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin-left:40px;
	margin-right:40px;
	height:1000px;
	position:relative;
}

#fifth{
	background-image: url(img02/back2.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
    background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
	height:1000px;
	position:relative;
}

@media only screen and (min-device-width : 320px)
  and (max-device-width : 480px) {
	#third, #fifth{
	  background-attachment: scroll ;
	  }
}
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) {
#third, #fifth{
	  background-attachment: scroll ;
	  }
}

.story{
	margin: 0 auto;
	min-width: 900px;
	overflow: auto;
	width: 900px;
	padding-top:40px;
	padding-bottom:40px;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
}

.story2{
	position:absolute;
	bottom:0;
	left:-1px;
	background:#FFFFFF;
	width: 101%;
}


.story .float-left{
	float: left;
	position: relative;
	text-align:justify;
	text-justify:inter-ideograph;
	width: 450px;	
}
.story .float-right{
	float: right;
	position: relative;
	width: 390px;
	font-size:13px;
	line-height:1.6em;
	letter-spacing:0.1em;
}

.story .float-right2{
	position: relative;
	width: 520px;
	text-align:justify;
	text-justify:inter-ideograph;
	float: right;
}


.onlineshop {
	background:url(img02/onlineshop.png);
	height:25px;
	width:113px;
	text-indent:-99999px;
	position:fixed;
	top:20px;
	right:20px;
	z-index:2000;
}
.titlelogo {
	position:absolute;
	top:130px;
	left:50%;
	margin-left:-121px;
	background:url(img02/logo_iori.png) no-repeat;
	height:246px;
	width:243px;
	text-indent:-99999px;
	padding:0;
}
.copy1 {
	background:url(img02/copy_1.png) 0 0 no-repeat;
	height:100%;
	width:86px;
	text-indent:-99999px;
	top:100px;
	left:50%;
	position:absolute;
	margin-left:-450px;
}
.copy2 {
	background:url(img02/copy_2.png) no-repeat;
	background-position:0 bottom;
	height:68px;
	width:900px;
	text-indent:-99999px;
	display:block;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-450px;
	margin-bottom:80px;
	padding-top:240px;
	
}
.copy3 {
	background:url(img02/copy_3.png) no-repeat;
	height:68px;
	width:288px;
	text-indent:-99999px;
	display:block;
	z-index:1000;
	float:left;
}
.copy4 {
	background:url(img02/copy_4.png) no-repeat;
	height:68px;
	width:249px;
	text-indent:-99999px;
	display:block;
	z-index:1000;
	float:left;
}
.social {
	position:fixed;
	right:40px;
	bottom:80px;
	z-index:1500;
}
.tw {
	background:url(img02/twitter.png) no-repeat;
	height:13px;
	width:53px;
	text-indent:-9999px;
	display:block;
	margin-right:10px;
	float:left;
}
.fb {
	background:url(img02/facebook.png) no-repeat;
	height:13px;
	width:67px;
	text-indent:-9999px;
	display:block;
	margin-right:10px;
	float:left;
}
.rss {
	background:url(img02/rss.png) no-repeat;
	height:11px;
	width:23px;
	text-indent:-9999px;
	display:block;
	margin-right:0px;
	float:left;
}
.menu {
	position:absolute;
	top:50%;
	left:50%;
	margin:0;
	margin-top:-30px;
	margin-left:-366px;
	padding:0;
}
.menu li {
	list-style:none;
	display: block;
	float:left;
	margin-right:10px;
	margin-left:10px;
}
.menu_online {
	text-indent:-99999px;
	padding-right:20px;
	border-right:1px #FFF solid;
}
.menu_online a {
	background:url(img02/menu_onlineshop.png) no-repeat;
	display:block;
	height:20px;
	width:152px;
}
.menu_news {
	text-indent:-99999px;
	padding-right:20px;
	border-right:1px #FFF solid;
}
.menu_news a{
	background:url(img02/menu_news.png) no-repeat;
	height:20px;
	width:67px;
	display:block;
}
.menu_shoplist {
	text-indent:-99999px;
	padding-right:20px;
	border-right:1px #FFF solid;
}
.menu_shoplist a {
	background:url(img02/menu_shoplist.png) no-repeat;
	height:20px;
	width:111px;
	display:block;
}
.menu_link {
	text-indent:-99999px;
	padding-right:20px;
	border-right:1px #FFF solid;
}
.menu_link a{
	background:url(img02/menu_link.png) no-repeat;
	height:20px;
	width:112px;
	display:block;
}
.menu_info {
	text-indent:-99999px;
	padding-right:20px;
}
.menu_info a{
	background:url(img02/menu_contact.png) no-repeat;
	height:20px;
	width:107px;
	display:block;
}

footer {
	position:absolute;
	font-size:10px;
	left:0;
	bottom:0;
	width:100%;
	background-color:#FFFFFF;
	z-index:100;
	padding-top:15px;
	padding-bottom:15px;
}
.copyright {
	position:absolute;
	left:50%;
	top:15px;
	margin-left:-250px;
	width:500px;
	text-align:center;
}
.copyright a{ margin-left:10px; margin-right:10px;}
.copyleft {
	float:left;
	margin-left:20px;
}


.social {
	position:fixed;
	right:40px;
	bottom:20px;
	z-index:1500;
}
.tw {
	background:url(img02/twitter.png) no-repeat;
	height:13px;
	width:53px;
	text-indent:-9999px;
	display:block;
	margin-right:10px;
	float:left;
}
.fb {
	background:url(img02/facebook.png) no-repeat;
	height:13px;
	width:67px;
	text-indent:-9999px;
	display:block;
	margin-right:10px;
	float:left;
}
.rss {
	background:url(img02/rss.png) no-repeat;
	height:11px;
	width:23px;
	text-indent:-9999px;
	display:block;
	margin-right:0px;
	float:left;
}
#shoplist {
	line-height:1.7em;
	font-size:13px;}
#shoplist div {
	text-align:center;
}
.titleshoplist {
	background:url(img02/title_shoplist.png) no-repeat;
	height:15px;
	width:105px;
	text-indent:-99999px;
	margin:60px auto;
}

#link h2 a{
	background:url(img02/title_link.png) no-repeat;
	height:16px;
	width:205px;
	text-indent:-99999px;
	display:block;
}
#link h2{
	height:16px;
	width:205px;
	margin:40px auto;
}

.comLink{ margin:0 auto;
text-align:center;
margin-top:40px;
width:750px;}
.comLink ul{padding:0;}
.comLink li {
	display:inline-block;
	list-style:none;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:11px;
}

.comLink li img {
	display: block;
}

/* Side Nav */
ul#nav {
	position : fixed;
	right: 8px;
	top : 50%;
	z-index : 999;
	margin-top:-30px;
}
ul#nav li {
	height : 20px;
	width: 20px;
	position : relative;
	list-style:none;
}
ul#nav a {
	display:block;
	height:20px;
	width:20px;
	background: url('img02/dot2.png') no-repeat;
	text-indent : -9000px;
	overflow : hidden;
}
ul#nav li.active a{
	background : url('img02/dot.png') no-repeat;
}