@charset "utf-8";

* {
	margin:0;
	padding:0;
}

/*--　全体設定　--*/
html {	
	overflow-y:scroll; 
	overflow-x:hidden;
	font-size: 62.5%;
}

body{
	background: #fff;
	margin:0;
	padding:0;
	min-height:100%;
	height:100%;
	_height:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-size: 1.4rem; 
}


body > #wrapper {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	width:100%;
	height:100%;
	_height: 100% ;
	min-height:100%;
	}

/*--　全体設定　--*/


table{
	border-collapse: collapse;
	border-spacing: 0;
	border:0;
}

th,td,form{
	margin: 0;
	padding: 0;
	background-color: transparent;
	boder:0;
	}
	
h1,h2,h3,h4,h5,h6 { 
	text-decoration:none;
	font-weight:normal;
	font-size:100%;
	margin:0;
	padding:0;
}


select,input,button,textarea {
	font:99% ;
	font-family:Helvetica,Arial,sans-serif,ヒラギノ角ゴシック Pro W3,Hiragino Kaku Gothic Pro,MS P ゴシック;
}

/*IE6&IE7*/
*select,input,button,textarea {
	font-weight:normal;
	font-size:99%;
	font-family:Helvetica,Arial,sans-serif,ヒラギノ角ゴシック Pro W3,Hiragino Kaku Gothic Pro,MS P ゴシック;
}
dl,dt,dd {	text-decoration:none; margin:0;	padding:0; }
ul,ol,li {	list-style:none; }
img	{ border:0; }
p {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 1.5;
}
/*--　初期設定　--*/

strong,em{
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	}

/*--------------リンク設定------------*/
a {
	color:#4c1c75;
	text-decoration: none;
	
	/* -for webkit- */
     -webkit-transition-property: color, background-color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color, background-color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color, background-color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
	}
a:link,a:visited{
	color:#d591de;
	outline:none;
	}
a:hover{
	color:#d591de;
	}
a:active{
	color:#4c1c75;
	outline:none;
	}

.button a img, a.button img {
	opacity: 1;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.button a:hover img, a:hover.button img {
	opacity: 0.5;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

/*-------リンク設定-------*/
	
/*--wrap--*/
#wrapper{
	width:100%;
	height:100%;
	color:#333;
	}

h1{
	display:block;
	margin:0 auto;
	font-size:10px;
	color:#333;
	text-align:center;
	}
h1 a{
	color:#4c1c75;
	}
h1 a:hover{
	color:#d6a9dc;
	}
h2,h3{
	margin:0;
	padding:0;
	}

#header-wrap{
	background: url(../img/header_bg.png) repeat-x bottom center;
	width:100%;
	}
#header{
	width:100%;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	}
/*--timely news--*/
#timely-news{
	width:320px;
	margin:0 auto;
	}	
#ticker-wrapper{
	background: url(http://y-iris.com/s/img/timelynews_bg.gif) repeat top left;
	width:90%;
	padding:0 0 10px 0;
	}
	
.ticker-news {
  color: #13a6af;
  margin-top:5px;
  overflow: hidden;
}

.ticker-news p span{
	margin-right:200px;
	}
.ticker-news p {
  display: inline-block;
  white-space: nowrap;
  font-size:1rem !important;
  padding-left: 100%;
  -webkit-animation-name: ticker-animation;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 50s;
}

@-webkit-keyframes ticker-animation {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}


/* webkitのみで省略 */ 

#contents-wrap{
	background: url(../img/header_bg2.jpg) repeat-x top center;
	clear:both;
	width:100%;
	margin:0 auto;
	padding-top:20px;
	}
#contents{
	width:100%;
	margin:0 auto;
	}
#index-slide-shdow{
	display:block;
	background: url(http://y-iris.com/s/img/contents_bg.png) repeat-x top center;
	height:30px;
	overflow:hidden;
	width:100%;
	position:absolute;
	z-index:999;
	}
#head-banner{
	width:320px;
	margin:0 auto;
	padding:10px 0;
	}
#head-banner ul{}
#head-banner li{
	display:block;
	width:150px;
	padding:5px;
	text-align:center;
	float:left;
	}
#top-movie{
	width:305px;
	margin:0 auto;
	background:#000;
	padding:6px;
	margin-bottom:20px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	text-align:center !important;
	}


#pagecontents{
	width:100%;
	margin:0 auto;
	}
h3.pagenavi{
	display:block;
	width:100%;
	height:50px;
	color:#fff;
	margin:0 auto;
	margin-bottom:15px;
	}
.ch-head{
	display:block;
	width:315px;
	color:#fff;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	}

#nav{
	width:320px;
	margin:0 auto;
	}
#nav ul{}

#nav li{
	display:block;
	width:25%;
	text-align:center;
	float:left;
	}



#pagetop{
	width:100%;
	margin:0 auto;
	margin-bottom:15px;
	text-align:right;
	}
footer{
	width:100%;
	margin: 0 auto;
	margin-top:20px;
	border-top:1px solid #FF0057;
	}
p.footer-link{
	font-size:13px;
	line-height:1.6;
	text-align:center;
	color:#CC9966;
	padding:10px 0;
	}
p.footer-link a{
	font-size:13px;
	line-height:1.6;
	color:#CC9966;
	}
footer h4{
	text-align:center;
	font-size:12px;
	line-height:1.6;
	}
footer h5{
	font-size:12px;
	text-align:center;
	line-height:1.6;
	color:#ae7aa3;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
#footer-contents{
	width:100%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	}

@media only screen and (orientation : landscape) { 

#head-banner{
	width:480px;
	margin:0 auto;
	padding:10px 0;
	}
#head-banner ul{}
#head-banner li{
	display:block;
	width:230px;
	padding:5px;
	text-align:center;
	float:left;
	}
#top-movie{
	width:465px;
	margin:0 auto;
	background:#000;
	padding:6px;
	margin-bottom:20px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	text-align:center !important;
	}


.ch-head{
	display:block;
	width:480px;
	color:#fff;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	}
	
#nav{
	width:480px;
	margin:0 auto;
	}
	
}



/*clear*/
.clear{
	height:0px;
	clear:both;
	display: hidden;
	line-height:0;
	font-size:0px;
	zoom:1;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
　 font-size: 0;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */

#home_pickup {
    position: relative;
}

.home_pickup {
    font-size: 12px;
    position: relative;
}

.home_pickup a {
    background: url("../img/alp50.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    bottom: 5px;
    color: rgb(255, 255, 255);
    display: block;
    padding: 5px 35px 5px 10px;
    position: absolute;
    right: 5px;
    text-align: left;
}

/*--　カラー設定　--*/
.gray {
		background-color: #333333;
}
.lightgray {
		background-color: #999999;
}
.black {
		background-color: #000000;
}
.red {
		background-color: #FF3333;
}
.brown {
		background-color: #73541B;
}
.pink {
		background-color: #FFB8E0;
}
.lpink {
		background-color: #F3EAEA;
}