@charset "Shift-JIS";

/*===================================================================
	reset
===================================================================*/
#CONTENTSAREA p { padding-bottom: 0; }

/*===================================================================
	#main
===================================================================*/
#main { background: url(../images/bg_01.png) no-repeat 0 0; width: 950px; height: 1536px; margin: 0 auto; position: relative; }
#main .info { padding: 14px 35px 9px; }
#main .info p { float: left; color: #fff; }

#main .visual { height: 486px; position: relative; }
#main .visual ul li { position: absolute; top: 0; left: 0; }
#main .visual ul li a { position: absolute; top: 17px; right: 96px; cursor: pointer; z-index: 2; }

#main .sns { position: absolute; top: 25px; left: 20px; }
#main .sns ul li { float: left; margin-right: 10px; }

#main .products { position: relative; height: 510px; }
#main .products h2 { margin: 0 auto; width: 183px; }
#main .products .pro01 { position: absolute; top: 110px;left: 170px; }
#main .products .pro02 { position: absolute; top: 110px; right: 170px; }
#main .products .pro03 { position: absolute; top: 40px; right: 28px; }
#main .products p { position: absolute; top: -41px; right: 126px; }

#main .mail { position: relative; width: 713px; margin: 0 auto; height: 246px; background: url(../images/mail_img01.png) no-repeat 0 0; }
#main .mail .regist { position: absolute; top: 40px; left: 5px; }

#modal-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/mod_bg01.png) repeat 0 0; display: none; }
#modal { position: absolute; top: 200px; left: 50%; width: 720px; height: 453px; margin-left: -360px; display: none; }
#modal .modal-inner { position:relative; }
#modal .modal-inner .close-btn { position: absolute; top: 15px; right: 20px; }