/* -----------------------------------------------------------
全頁共通
----------------------------------------------------------- */
header{
	width:100%;
	height:200px;
	top:0;
	position:fixed;
	z-index:9999;
	overflow:hidden;
}
#headerBg{
	width:100%;
	height:200px;
	top:0;
	position:fixed;
	background:url(../images/header_bgb.png) repeat-x;
	z-index:998;
}
header h1{
	width:360px;
	margin:0 auto;
	padding:40px 0 30px 0;
}
footer{
	width:100%;
	height:50px;
	bottom:0;
	position:fixed;
	z-index:9998;
	overflow:hidden;
}
#footerBg{
	width:100%;
	height:100px;
	bottom:0;
	position:fixed;
	background:url(../images/footer_bgb.png) repeat-x;
	z-index:600;
}

nav#globalNavi{
	position:relative;
}
nav#globalNavi ul{
	position:relative;
	float:left;
	left:50%;
}
nav#globalNavi ul li{
	float:left;
	font-size:12px;
	line-height:20px;
	height:20px;
	padding:0 12px;
	position:relative;
	left:-50%;
}

nav#footerNavi{
	position:absolute;
	right:12px;
	bottom:12px;
	width: 500px;
	}
nav#footerNavi ul {
	width: 500px;
	}

nav#footerNavi p {
	font-size: 8px;
	text-align: right;
	width: 500px;
	}

nav#footerNavi ul li{
	padding-left:20px;
	float:right;
	font-size:10px;
	line-height:20px;
	height:20px;
	}
.copyrights{
	font-size:8px;
	height:15px;
	float:right;
	line-height:15px;
}
.copyrights a{
	text-decoration:underline;
}
.copyrights a:hover{
	text-decoration:none;
}

nav#footerIcon{
	position: absolute;
	left: 5px;
	bottom: 1px;
	width: 188px;
	height: 38px;
}
nav#footerIcon ul li{
	padding-left:10px;
	float:left;
	line-height:0;
	height:24px;
	width:24px;
}

nav#globalNavi ul li a,
nav#footerNavi ul li a{
	text-decoration:none;
}
nav#globalNavi ul li a:hover,
nav#footerNavi ul li a:hover,
.onLink{
	text-decoration:underline;
}

#container{
	padding:200px 0 100px 0;
	width:900px;
	margin:0 auto;
	position:relative;
}

#pagetop{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-40px;
	width:80px;
	height:0px;
	overflow:hidden;
}



/* HOME */

#mainImg{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index: 999;
	/*z-index:999; 変更前数値 */

}footerNavi
#mainImg #mainPh{
	position:absolute;
	top:0;
	left:0;
	z-index:8888;
}
#mainImg #awCollection{
	position: absolute;
	width: 500px;
	height: 30px;
	bottom: 110px;
	left: 50%;
	margin-left: -250px;
	z-index: 10000;
}
#mainImg #scrollDown{
	position: absolute;
	width: 130px;
	height: 50px;
	bottom: 37px;
	left: 50%;
	margin-left: -65px;
	z-index: 10000;

}

#topContainer{
	padding:200px 0 100px 0;
	width:960px;
	margin:0 auto;
	position:relative;
}
/*book*/
#book{
	width:991px;
	margin:0 auto;
	height:762px;
	}
#book h2{
	width:950px;
	height:720px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:200;
}
#book div{
	width:900px;
	height:660px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:100;
}
#book_left {
	z-index: 101;
	}

#book_right {
	position: absolute;
	right: 0;
	z-index: 101;
	}

/*COLOR ENERGY*/
#c_energy {
	margin: 0 auto;
	width: 960px;
	height: 500px;
	}

#c_energy h2 {
	position: relative;
	left: -100px;
	z-index: 10000;
	}

#ce_smid {
	position: absolute;
	height: 63px;
	z-index: 1000;
	}

/*EXHIBITION*/
#exhibition {
	margin: 0 auto;
	width: 960px;
	height: 600px;
	}
#exhibition h2 {
	position: relative;
	left: -100px;
	z-index: 10000;
	}
/*FOUR PHOTOBLOGS*/
#f_phb {
	margin: 0 auto;
	width: 960px;
	height: 600px;
	}

#f_phb h2 {
	position: relative;
	z-index: 10000;
	left: -100px;
	}

/*PRODUCTS*/
#products {
	margin: 0 auto;
	width: 960px;
	height: 600px;
	}

#products h2 {
	position: absolute;
	z-index: 10000;
	left: -100px;
	}
.pr_img {
	
	}

/*MOIVE*/
#movie {
	margin: 0 auto;
	width: 960px;
	height: 600px;
	}

#movie h2 {
	position: relative;
	z-index: 0;
	left: -100px;
	}
	
canvas {
	background:url(../images/mv_img1.jpg) no-repeat;
	z-index: 1000;
}


/*BTN*/
#footer_bts {
	margin: 120px auto 0 auto;
	width: 960px;
	height: 230px;
	z-index: 100;
}


/*------2014.04.10------*/
.indexContents{

}

#container .indexPh01{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
}

.indexPh01 p{
	font-size:11px;
	text-align:left;
	line-height:22px;
	position:absolute;
	top:20px;
	left:130px;
}

#container .indexPh01 img{
	width:70%;
}

#container .indexPh01 .top_text img{
	position:absolute;
	top:30px;
	left:130px;
	width:15%;
	height:auto;
	z-index:9999;
}

#container .savImg{
	width:94%;
	margin:0 auto;
	height:auto;
}

#container .savImg .sav01{
	float:left;
	width:48%;
}

#container .savImg .sav02{
	float:right;
	width:48%;
}

#container .savImg img{
	width:100%;
}





#container .savImg1{
	width:94%;
	margin:0 auto;
	height:auto;
}

#container .savImg1 .sav03{
	padding-top:40px;
	float:left;
	width:48%;
}

#container .savImg1 .sav04{
	padding-bottom:20px;
	margin-top:-10%;
	float:right;
	width:48%;
	position:relative;
	z-index:9999;
}

#container .savImg1 img{
	margin:0 7.5%;
	width:85%;
}
/*#container .savImg .sav02 .img_top05{
	position:relative;
	margin-top:-10%;
	width:70%;
	padding:0 15%;
	padding-bottom:30px;
	background-attachment:fixed;
	z-index:9999;
}
*/



/*------2014.04.10  end------*/
.indexPh04{
	width:32.8%;
	height:auto;
}
.indexPh02,
.indexPh03,
.indexGifanime{
	width:32.8%;
	height:auto;
}
.indexPh02,
.indexPh03,
.indexPh04{
	padding-left:0.8%;
}
.indexPh01 img,
.indexPh04 img,
.indexGifanime img,
.indexPh02 img,
.indexPh03 img{
	width:100%;
	height:auto;
}
.indexPh03 img{
	margin-top:25%;
}





/* CONCEPT */
#conceptContainer{
	font-family: verdana;
	width:900px;
	margin:0 auto;
	padding-top: 200px;
	padding-bottom: 100px;
	}
#conceptContainer h2{
	color: #000;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 60px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000;
	}
#conceptContainer h3 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	width: 232px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
	}
#conceptContainer h3 + p {
	margin-bottom: 30px;
	}

#conceptContainer p {
	font-size: 10px;
	text-align: left;
	width: 600px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}
#conceptContainer p a {
	text-decoration: underline;
	}
#conceptContainer p a:hover {
	text-decoration: none;
	}
/* NEWS */
#newsContainer{
	font-family: verdana;
	width:900px;
	height:auto;
	margin:0 auto;
	padding-top: 200px;
	padding-bottom: 50px;
	}
#newsContainer h2{
	color: #000;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 60px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000;
	}
#newsContainer h3 {
	color: #ec6a45;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-bottom: 6px;
	border-bottom: 1px dotted #ec6a45;
	}
#newsContainer p {
	font-size: 10px;
	text-align: left;
	width: 570px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	}
#newsContainer p a {
	text-decoration: underline;
	}
#newsContainer p a:hover {
	text-decoration: none;
	}
.n_box {
	width: 900px;
	margin-bottom: 60px;
	}

.n_box strong {
	font-size: 14px;
	font-weight: bold;
	}

.n_image {
	width: 300px;
	float: left;
	margin-right: 15px;
	}
.n_image_s {
	width: 173px;
	float: left;
	margin-right: 15px;
	}


/* COLLECTION */
h2#collection{
	padding-left:5%;
}
#collectionContainer{
	width:100%;
	height: 600px;
	overflow: hidden;
	margin:170px auto 30px;
	}
#slider_container {
	position: relative;
	margin: 0 auto;
	width: 882px;
	height: 600px;
	}

#sl_bg {
	position: absolute;
	top: 0;
	left: -559px;
	z-index: 1;
	}
#slbg_l {
	position: absolute;
	z-index: 1;
	top: 0;
	left: -559px;
	}

#slbg_r {
	position: absolute;
	z-index: 1;
	top: 0;
	right: -559px;
	}

#txt_1 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	position: absolute;
	top: 470px;
	left: 590px;
	z-index: 1000;
	padding: 5px;
	display: inline;
	}
#txt_2 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 487px;
	left: 62px;
	}

#txt_3 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 395px;
	left: 265px;
	}

#txt_4 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 288px;
	left: 460px;
	}

#txt_5 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 560px;
	left: 480px;
	}

#txt_6 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 423px;
	left: 15px;
	}

#txt_7 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 335px;
	left: 540px;
	}

#txt_8 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 575px;
	left: 695px;
	}

#txt_9 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 435px;
	left: 180px;
	}

#txt_10 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 470px;
	left: 510px;
	}

#txt_11 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 360px;
	left: 720px;
	}

#txt_12 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 573px;
	left: 640px;
	}

#txt_13 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 448px;
	left: 150px;
	}

#txt_14 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 550px;
	left: 570px;
	}

#txt_15 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 555px;
	left: 60px;
	}

#txt_16 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 315px;
	left: 253px;
	}

#txt_17 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 475px;
	left: 516px;
	}

#txt_18 {
	font-family: "Crimson Text", serif;
	line-height: 120%;
	background-color: white;
	display: inline;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	top: 562px;
	left: 620px;
	}

#slider_container p a {
	color: #000;
	text-decoration: none;
	height: 100%;
	display: block;
	}

#slider_container p a:hover {
	color: #969696;
	text-decoration: none;
	}

/*追加*/
#collectionContainer2{
	width:1010px;
	margin:0 auto;
	padding-top:30px;
}

#collectionContainer .box{
	width:330px;
	float:left;
}
/*追加*/
#collectionContainer2 .box{
	width:330px;
	float:left;
}

/* -----------2ndCOLLECTION  追加----------- */


div#collection2nd a {
	line-height: 0;
	display: block;
}

#collection2nd #collectionContainer{
	position:relative;
}

#collection2nd .ab05{
	position:absolute;
	top:30px;
	right:-50px;
	z-index:10;
}

#collectionContainer .box01_04{
	width:670px;
	float:left;
	position:relative;
}

#collectionContainer .ab01{
	position:absolute;
	top:353px;
	left:223px;
	z-index:10;
}

#collectionContainer .ab02{
	position:absolute;
	top:1185px;
	left:15px;
	z-index:10000;
}

#collectionContainer .ab06{
	position:absolute;
	top:-15px;
	left:320px;
	z-index:10;
}

#collectionContainer .ab07{
	position:absolute;
	top:1185px;
	left:14px;
	z-index:10;
}

#collectionContainer .box2nd{
	width:670px;
	float:left;
}

#collectionContainer .box2nd a{
	z-index:10000;
}

#collection2nd #slid2nd{
	width:1010px;
	margin:0 auto;
}


#collectionContainer2 .box2nd01{
	position:relative;
	width:278px;
	height:590px;
	float:left;
}

#collectionContainer2 .ab03{
	position:absolute;
	top:208px;
	left:52px;
}

#collectionContainer2 .box2nd02{
	width:722px;
	float:left;
}

#collectionContainer2 .box2nd03{
	position:relative;
	width:670px;
	float:left;
}

#collectionContainer2 .box2nd03 .ab08{
	position:absolute;
	top:80px;
	left:-100px;
	z-index:10;
}


#collectionContainer2 .box2nd04{
	position:relative;
	width:330px;
	height:1094px;
	float:left;
}

#collectionContainer2 .ab04{
	position:absolute;
	top:950px;
	left:28;
}

/* SHOP LIST */
#shoplistContainer{
	font-family: verdana;
	width:900px;
	margin:0 auto;
	padding-top: 200px;
	padding-bottom: 100px;
	}
#shoplistContainer h2{
	color: #000;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 60px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000;
	}
#shoplistContainer h2 + h3 {
	color: #ec6a45;
	border-bottom: 1px solid #ec6a45;
	}

#shoplistContainer h3 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	width: 120px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
	}
#shoplistContainer h3 + p {
	color: #ec6a45;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 70px;
	}

#shoplistContainer h4 {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	}
#shoplistContainer p {
	font-size: 10px;
	text-align: center;
	margin-bottom: 10px;
	}
#shoplistContainer p a {
	text-decoration: underline;
	}
#shoplistContainer p a:hover {
	text-decoration: none;
	}
.sl_box {
	text-align: center;
	margin-bottom: 130px;
	
	}
.sl_box ul {
	margin: 0;
	}
.sl_box li {
	width: 300px;
	height: 140px;
	float: left;
	margin: 0;
	}
	
.shoplistchinese{
	margin-bottom:65px;
	}

.sl_box2 {
	text-align: center;
	margin-bottom: 65px;
	}
.sl_box2 ul {
	margin: 0;
	}
.sl_box2 li {
	margin: 0;
	width: 450px;
	height: 140px;
	float: left;
	}
/* LINK */

#linkContainer{
	font-family: verdana;
	width:900px;
	margin:0 auto;
	padding-top: 200px;
	padding-bottom: 100px;
	}
#linkContainer h2{
	color: #000;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 60px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000;
	}
#linkContainer h3 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	width: 120px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
	}

.l_box {
	text-align: center;
	margin-bottom: 65px;
	}

.l_box ul {
	margin: 0;
	}

.l_box li {
	width: 300px;
	height: 70px;
	float: left;
	margin: 0;
	}

.l_box2 {
	text-align: center;
	margin-bottom: 65px;
	}

.l_box2 ul {
	margin: 0;
	}

.l_box2 li {
	margin: 0;
	width: 450px;
	height: 70px;
	float: left;
	}

#linkContainer h4 {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	}

#linkContainer p {
	font-size: 10px;
	text-align: center;
	}

#linkContainer p a {
	text-decoration: underline;
	}

#linkContainer p a:hover {
	text-decoration: none;
	}

.linkBox{
	width:223px;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:16px;
}
.linkType{
	font-size:15px;
	line-height:22px;
}






/* CONTACT & RECRUIT */
#fancyContainer{
	width:700px;
	margin:0 auto;
}
#fancyContainer h2{
	color:#fff;
	font-size:18px;
	font-weight:normal;
}
#fancyContainer h3{
	color:#fff;
	font-size:12px;
	padding-bottom:15px;
}
#fancyContainer p{
	color:#fff;
}
#fancyContainer .box01{
	background:#000000;
	width:660px;
}
#fancyContainer .box02{
	width:660px;
}
#fancyContainer .leftBox{
	width:100px;
	float:left;
	padding:8px;
}
#fancyContainer .rightBox{
	width:520px;
	float:left;
	border-left:1px dotted #444;
	padding:8px 8px 8px 15px;
}
#fancyContainer .btn{
	padding-top:10px;
}
#fancyContainer .btn a:link,
#fancyContainer .btn a:visited{
	text-decoration: underline;
	color:#F69;
	font-weight:bold;
}

#fancyContainer .btnr a:hover,
#fancyContainer .btn a:active{
	text-decoration: none;
	color: #F69;
	font-weight:bold;
}

#fancyContainer a:link,
#fancyContainer a:visited{
	text-decoration: underline;
	color: #fff;
}

#fancyContainer a:hover,
#fancyContainer a:active{
	text-decoration: none;
	color: #fff;
}
#fancyContainer #recruitBox{
	width:700px;
	padding-left:20px;
	height:400px;
	overflow: auto;
	position:relative;
	z-index:100000;
}

#fancyContainer #recruitOpen{
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}
#fancyContainer #recruitBox .scroll-pane{
	width:680px;
	height:400px;
}


/*20140117*/
#fancyContainer #fonttyp{
	font-size:14px;
	color:#ff0036;
	font-weight:bold;
}


/* -------------------------------------- */

/* ------- NEWS -------- */

/* -------------------------------------- */