@charset "utf-8";
/* core	================================================　*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
br{
	letter-spacing:0;
}

/* css3 animation */

/*anime1*/
@-moz-keyframes anime1 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(360deg);}
100% {transform: rotateZ(0deg);}
}
@-webkit-keyframes anime1 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(360deg);}
100% {transform: rotateZ(0deg);}
}

@-o-keyframes anime1 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(360deg);}
100% {transform: rotateZ(0deg);}
}

@-ms-keyframes anime1 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(360deg);}
100% {transform: rotateZ(0deg);}
}


/*anime2*/
@-moz-keyframes anime2 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(-360deg);}
100% {transform: rotateZ(0deg);}
}
@-webkit-keyframes anime2 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(-360deg);}
100% {transform: rotateZ(0deg);}
}

@-o-keyframes anime2 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(-360deg);}
100% {transform: rotateZ(0deg);}
}

@-ms-keyframes anime2 {
0% {transform: rotateZ(0deg);}
50% {transform: rotateZ(-360deg);}
100% {transform: rotateZ(0deg);}
}


/*anime3*/
@-moz-keyframes anime3 {
0% {transform: scale(0.5,0.5);}
50% {transform: scale(1,1);}
100% {transform: scale(0.5,0.5);}
}
@-webkit-keyframes anime3 {
0% {transform: scale(0.5,0.5);}
50% {transform: scale(1,1);}
100% {transform: scale(0.5,0.5);}
}

@-o-keyframes anime3 {
0% {transform: scale(0.5,0.5);}
50% {transform: scale(1,1);}
100% {transform: scale(0.5,0.5);}
}

@-ms-keyframes anime3 {
0% {transform: scale(0.5,0.5);}
50% {transform: scale(1,1);}
100% {transform: scale(0.5,0.5);}
}


/*anime4*/
@-moz-keyframes anime4 {
0% {top: 150px;right: -300px;}
100% {top: 1000px;right: 3000px;}
}

@-webkit-keyframes anime4 {
0% {top: 150px;right: -300px;}
100% {top: 1000px;right: 3000px;}
}

@-o-keyframes anime4 {
0% {top: 150px;right: -300px;}
100% {top: 1000px;right: 3000px;}
}

@-ms-keyframes anime4 {
0% {top: 150px;right: -300px;}
100% {top: 1000px;right: 3000px;}
}


.clearfix:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}

/* CSS Document */
html,body {
	height:100%;
	/*max-width: 1560px;*/
}
body {
	font-family:"Helvetica","Arial","メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif;
}
.fixedBg {
	position: fixed;
	top: 0;
	left: 0;
}

a{
	color: #da7e8b;		
}
a:hover{
	text-decoration:underline;
}
::selection{
background: #FCE8EB;
color: #716f72;
text-shadow: none;
}
::-moz-selection{
background: #FCE8EB;
color: #716f72;
text-shadow: none;
}

#in_wrapper {
	position: relative;
	width: 100%;

}

#siteLogo {
	width:489px;
	height: 131px;
	position: fixed;
	top:0;
	margin-left: -180px;
	z-index: 1000;
}

#leftArea {
	width: 253px;
	height:100%;
	position: fixed;
	top:168px;
}

/* gloabl menu */

.global__menu{
	position: fixed;
	top:0px;
	left:0px;
	z-index: 100;
	width: 194px;
}
.global__menu .global__menu_inner{
	position: relative;
	width: 194px;
}

.global__menu .global__menu_inner .header{
	position: absolute;
	top: 0px;
	left: 0px;
}
.global__menu .global__menu_inner .menus{
	position: absolute;
	top: 183px;
	left: 30px;
}

.global__menu .global__menu_inner .menus ul{

}

.global__menu .global__menu_inner .menus ul li{
	-webkit-transition: all 0.45s;
	transition: all 0.45s;
	margin: 22px 0 0 0;
	cursor: pointer;
}
.global__menu .global__menu_inner .menus ul li:first-child{
	margin: 0 0 0 0;
}
.global__menu .global__menu_inner .menus ul li:hover{
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	transform: rotate(3deg);
	transform-origin:left middle;
	opacity: 0.8;
	border-bottom: 6px double #7291A3;
}

.foot_info{
	position: fixed;
	bottom: 0px;
	left: 0px;
}

.foot_info .inner{
	position: relative;
	height: 356px;

}

.foot_info .inner .qr{
	position: absolute;
}

.foot_info .inner .link{
	position: absolute;
	bottom: 33px;
	left: 30px;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.foot_info .inner .link:hover{
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	transform-origin:left middle;
	opacity: 0.8;	
}

.foot_info .inner .cr{
	position: absolute;
	bottom: 16px;
	left: 30px;
}


/* gloabl menu */

.decoration_star_1{
	position: fixed;
	top: 50px;
	right: 440px;
	-moz-animation-name: anime1;
	-moz-animation-duration: 5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: anime1;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: anime1;
	-o-animation-duration: 5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: anime1;
	-ms-animation-duration: 5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;
}
.decoration_star_2{
	position: fixed;
	top: 80px;
	right: 400px;
	-moz-animation-name: anime2;
	-moz-animation-duration: 5.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: anime2;
	-webkit-animation-duration: 5.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: anime2;
	-o-animation-duration: 5.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: anime2;
	-ms-animation-duration: 5.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;
}
.decoration_star_3{
	position: fixed;
	bottom: 300px;
	right: 0;

	-moz-animation-name: anime3;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: anime3;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: anime3;
	-o-animation-duration: 2s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: anime3;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;


}
.decoration_star_4{
	position: fixed;
	bottom: 150px;
	right: 300px;

	-moz-animation-name: anime3;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: anime3;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: anime3;
	-o-animation-duration: 2s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: anime3;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

}


.decoration_star_5{
	position: fixed;
	top: 150px;
	right: -300px;

	-moz-animation-name: anime4;
	-moz-animation-duration: 4.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: anime4;
	-webkit-animation-duration: 4.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: anime4;
	-o-animation-duration: 4.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: anime4;
	-ms-animation-duration: 4.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

}


.copyright{
	width: 162px;
	height:11px;
	margin: 50px auto 10px;
}

#sphere{
	width: 168px;
	height: 15px;
	margin-bottom: 16px;
}

#copyrights{
	width:93px;
	height:24px;
	margin-bottom:24px;
}

#qr{
	width: 134px;
	height: 106px;
	margin-bottom: 33px;
}

#title{
	/* margin: 0 auto; */
	text-align: left;
	width: 243px;
	margin:0 auto 50px;
}



/*common*/
#contents { position: absolute; padding: 0 0 0 50px; -webkit-transition: all 0.25s; transition: all 0.25s; position: absolute; top: 0; left: 50%; z-index: 100; width: 940px; margin-top: 140px; margin-left: -470px; /* min-width: 720px; max-width: 940px;  */ }
.bt { border-bottom: 2px dashed #e6e6e6!important; border-top:none!important;}

/* info st*/
.infoContents { width: 100%; }
.infoContents dt { text-align: left; padding-bottom: 16px; margin-bottom: 32px; color: #c12c1c; font-weight: none; font-size: 12px; }
.infoContents dt span { font-weight: bold; margin-right: 10px; font-size: 14px; text-align: left; color: #c12c1c; }
.infoContents dd { color: #716f72; font-size: 12px; line-height: 180%; text-align: left; }
p.gotop { width: 923px; text-align: right; font-size: 11px; padding: 28px 0; background-image: url(../img/info/line.png); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 43px; }
.moreInfo { padding: 10px 0 0 0; font-size: 12px; text-align: center; }
.info_navi { text-align: right; }
#informationList { background: url('http://www.toyosakiaki.com/img/common/bg/alpha.png') repeat top left; padding: 20px 45px; }
#infoDetailArea { background: url('http://www.toyosakiaki.com/img/common/bg/alpha.png') repeat top left; padding: 20px 30px 45px !important; }
.mailService { width: 100% !important; margin: 10px 0 30px 0 !important; padding: 0 30px 0 0; }
.mailService a { color: #76848d; }
/* info en */

/* disco st */
#disco { -webkit-transition: all 0.25s; transition: all 0.25s; width: 660px; margin: 0 0 0 -440px; position: absolute; top: 140px; left: 50%; z-index: 100; }
#discoList { max-width: none !important; background: url('http://www.toyosakiaki.com/img/common/bg/alpha.png') repeat top left !important; }
#contentsBlock table tbody tr td.link_center { color: #7B7B7B; font-size: 12px; font-weight: bold; }
/* disco en */

/* live st */
.liveTourArea { width: 100% !important; max-width: none !important; background: url('http://www.toyosakiaki.com/img/common/bg/alpha.png') repeat top left !important; padding: 20px 45px; }
.liveTourArea .liveTourArea { width: 100% !important; padding: 0 !important; max-width: none !important; background: none !important; }
.naviLiveArea p, .liveSortList li { color: #da7e8b !important; }
/* live en */

/* profile st */
#profileArea { width: 100% !important; max-width: none !important; background: url('http://www.toyosakiaki.com/img/common/bg/alpha.png') repeat top left !important; padding: 40px 45px; }
/* profile en */

/* link st */
#linkList { width: 100% !important; max-width: none !important; background: url('http://www.toyosakiaki.com/img/common/bg/alpha.png') repeat top left !important; padding: 40px 45px; }
/* link en */
