@charset "utf-8";

/* HOW TO SELECT =============== */

/* HEADER
---------------------------------------------*/

#sec #header {
	background: url(../img/topimg.jpg) left top no-repeat;}

/* COMMON
---------------------------------------------*/

#ttlbox {
	position: relative;
	height: 65px; }

#selectcontents {
	position: relative;
	margin-top: 10px;}

#selectcontents dl dd {padding-top: 10px;}
#selectcontents dl dd p {line-height: 2em;}

.abs {position: absolute;}


.jump {
	position: absolute;
	right: 27px; top: -80px;
	z-index: 1000;}

.jump02 {
	position: absolute;
	left: 15px; top: -60px;
	z-index: 1000;
	padding-left: 190px;
	text-align: left;
	background: url(../img/ttl_catenavi.gif) left 8px no-repeat;}

.jump p {
	margin: 0 15px 5px 0;
	text-align: right;}

#main .sum p {
	font-weight: bold;
	letter-spacing: 0;}

#main .sum p {
	display: block;
	width: 500px;
	margin-bottom: 3px;}

#main .sum span {
	display: block;
	float: left;
	width: 4em;
	padding-right: 2em;}

#main .sum em {text-decoration: underline;}

#main .sum .att {padding-top: 6px;}


#open a {
	display: block;}

#open02 a {
	display: block;}

#close {
	display: none;}

#close02 {
	display: none;}

.catelist ul {
	margin-top: -3px;}

.catelist ul li a {
	display: block;
	color: #fff;
	width: 244px;
	margin-left: 3px;
	padding: 6px;
	background-color: #333;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	border-bottom: 1px solid #666;}

.catelist ul li a:hover {
	display: block;
	color: #fff;
	width: 244px;
	margin-left: 3px;
	padding: 6px;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	text-decoration: none;
	color: #f60;
	}


/* TOP
---------------------------------------------*/

.topmsg {
	width: 652px;
	margin-top: 15px;
	line-height: 2em;}

#topbox {
	position: relative;
	height: 1460px;
	background: url(../img/bg_topbox.jpg) left top no-repeat;}

.selectlink,.selectlink02,.selectlink02 a img {
	position: absolute;}

.selectlink a img {margin: 12px 0 0 -6px;}

#linkwork {left: 0; top: 36px;}
#linkdaily {left: 459px; top: 220px;}
#linkschool {left: 0; top: 274px;}
#linkenjoy {left: -10px; top: 715px;}
#linktravel {left: 465px; top: 701px;}
#linkmulti {left: 0px; top: 1165px;}

.selectlink02 a img {
	left: 255px; top: 56px;}


/* WORK & BUSINESS SUPPORT
---------------------------------------------*/

.work #selectcontents {height: 1470px;}

.work #selectcontents #lay01 {left: 0; top: 15px;}

.work #selectcontents #lay02 {
	width: 412px;
	left: 435px; top: 15px;}

.work #selectcontents #lay03 {left: 435px; top: 193px;}
.work #selectcontents #lay04 {left: 458px; top: 360px;}

.work #selectcontents #lay05 {
	width: 440px;
	left: 8px; top: 383px;}

.work #selectcontents #lay06 {left: 16px; top: 590px;}

.work #selectcontents #lay07 {left: 7px; top: 949px;}

.work #selectcontents #lay08 {
	width: 400px;
	left: 8px; top: 767px;}

.work #selectcontents #lay09 {left: 7px; top: 1310px;}

.work #selectcontents #lay10 {left: 470px; top: 949px;}

.work #selectcontents #lay11 {
	width: 400px;
	left: 456px; top: 767px;}

.work #selectcontents #lay12 {left: 456px; top: 1310px;}

/* DAILY USE
---------------------------------------------*/

.daily #selectcontents {height: 1350px;}

.daily #selectcontents #lay01 {left: 488px; top: 24px;}
.daily #selectcontents #lay02 {left: 50px; top: 230px;}

.daily #selectcontents #lay03 {
	width: 577px;
	left: 0px; top: 32px;}

.daily #selectcontents #lay03 dd {
	padding-right: 70px;}

.daily #selectcontents #lay04 {left: 330px; top: 207px;}
.daily #selectcontents #lay05 {left: 0px; top: 235px;}

.daily #selectcontents #lay06 {left: 500px; top: 467px;}

.daily #selectcontents #lay07 {
	width: 471px;
	left: 14px; top: 622px;}

.daily #selectcontents #lay07 dd {
	padding-right: 150px;}

.daily #selectcontents #lay08 {left: 350px; top: 756px;}

.daily #selectcontents #lay08 strong {
	padding-left: 6em;}

.daily #selectcontents #lay09 {left: 0px; top: 891px;}

.daily #selectcontents #lay10 {
	width: 542px;
	left: 322px; top: 949px;}

.daily #selectcontents #lay11 {left: 322px; top: 1094px;}


/* SCHOOL & CAMPUS LIFE
---------------------------------------------*/

.school #selectcontents {height: 1745px;}

.school .bookpack {
	clear: both;
	margin-top: 20px;}

.school .bookpack p {
	color: #235774;
	line-height: 1.3em;}

.school .bookpack img {
	float: left;
	margin-right: 10px;}

.school #selectcontents #lay01 {left: 580px; top: 35px;}

.school #selectcontents #lay02 {
	width: 565px;
	left: 0px; top: 80px;}

.school #selectcontents #lay03 {left: 405px; top: 249px;}
.school #selectcontents #lay04 {left: 45px; top: 259px;}

.school #selectcontents #lay05 {
	width: 411px;
	left: 12px; top: 638px;}

.school #selectcontents #lay06 {left: 12px; top: 858px;}
.school #selectcontents #lay07 {left: 611px; top: 623px;}

.school #selectcontents #lay08 {
	width: 393px;
	left: 448px; top: 437px;}

.school #selectcontents #lay09 {left: 448px; top: 665px;}
.school #selectcontents #lay10 {left: 25px; top: 1230px;}

.school #selectcontents #lay11 {
	width: 400px;
	left: 0px; top: 1037px;}

.school #selectcontents #lay12 {left: 0px; top: 1603px;}
.school #selectcontents #lay13 {left: 417px; top: 1128px;}

.school #selectcontents #lay14 {
	width: 401px;
	left: 457px; top: 1020px;}

.school #selectcontents #lay14 dd {padding-top: 265px;}

.school #selectcontents #lay15 {left: 457px; top: 1513px;}


/* ENJOY HOLIDAY
---------------------------------------------*/

.holiday #selectcontents {height: 1032px;}

.holiday #selectcontents #lay01 {left: 0px; top: 220px;}

.holiday #selectcontents #lay02 {
	width: 585px;
	left: 0px; top: 60px;}

.holiday #selectcontents #lay03 {left: 0px; top: 418px;}

.holiday #selectcontents #lay03 strong {
	padding-left: 6em;}

.holiday #selectcontents #lay04 {left: 612px; top: 55px;}

.holiday #selectcontents #lay05 {
	width: 520px;
	left: 350px; top: 450px;}

.holiday #selectcontents #lay06 {left: 425px; top: 270px;}

.holiday #selectcontents #lay06 strong {
	padding-left: 6em;}

.holiday #selectcontents #lay07 {left: 0px; top: 633px;}

.holiday #selectcontents #lay08 {
	width: 542px;
	left: 312px; top: 643px;}

.holiday #selectcontents #lay09 {left: 320px; top: 865px;}


/* TRAVEL SUPPORT
---------------------------------------------*/

.travel #selectcontents {height: 1000px;}

.travel #selectcontents #lay01 {left: 451px; top: 0px;}

.travel #selectcontents #lay02 {
	width: 452px;
	left: 0px; top: 25px;}

.travel #selectcontents #lay03 {left: 265px; top: 190px;}

.travel #selectcontents #lay03 strong {
	padding-left: 6em;}

.travel #selectcontents #lay04 {left: 0px; top: 256px;}

.travel #selectcontents #lay05 {
	width: 410px;
	left: 0px; top: 628px;}

.travel #selectcontents #lay06 {left: 0px; top: 829px;}

.travel #selectcontents #lay07 {left: 493px; top: 675px;}

.travel #selectcontents #lay08 {
	width: 430px;
	left: 444px; top: 369px;}

.travel #selectcontents #lay09 {left: 450px; top: 560px;}


/* MULTI PURPOSE & USE
---------------------------------------------*/

.multi #selectcontents {height: 990px;}

.multi #selectcontents #lay01 {left: 486px; top: 30px;}

.multi #selectcontents #lay02 {
	width: 568px;
	left: 0px; top: 70px;}

.multi #selectcontents #lay02 dd {padding-right: 100px;}

.multi #selectcontents #lay03 {left: 654px; top: 360px;}

.multi #selectcontents #lay04 {left: 0px; top: 257px;}

.multi #selectcontents #lay05 {left: 376px; top: 461px;}

.multi #selectcontents #lay06 {left: 430px; top: 580px;}

.multi #selectcontents #lay07 {
	width: 482px;
	left: 0px; top: 630px;}

.multi #selectcontents #lay07 dd  {padding-right: 50px;}

.multi #selectcontents #lay08 {left: 0px; top: 828px;}