@charset "utf-8";
/***********************************************/
/* header layout                               */
/***********************************************/
#wrapHead {
	background:url(images/back-indextop.jpg) no-repeat center 0;
	margin:0 auto ;
}
#wrapHead2 {
	height:500px;
	margin:0 auto ;
	width:795px ;
	position:relative;
}
#wrapHead #catch {
	top:91px;
	left:218px;
}
#wrapHead2 h1 {
	position:absolute ;
	top:56px;
	left:180px;
	text-indent:-999999px ;
}
#wrapHead2 h2 {
	top:240px;
	left:98px;
}


#wrapHead .btn-access a{
	width:198px;
	height:155px;
	display:block;
	position:absolute;
	background:url(images/btn-access.jpg);
	left:531px;
	top:235px;
	text-indent:-999999px;
}

#wrapHead .btn-access a:hover {
	background:url(images/btn-access_on.jpg);
	width:198px;
	height:155px;
}

/* main area */
/***********************************/
#wrapLeft h3 {
	margin-bottom:5px;
}

#wrapLeft p.top {
	font-size:1.2em;
	margin-bottom:15px;
	line-height:1.8;
}

.boxLine {
	width:275px;
	padding-bottom:10px;
}
.boxLine > div {
	margin-bottom:20px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding-right:10px ;
	padding-left:10px ;
}
.boxLine div h4 {margin-bottom:5px;}
.boxLine div h5 {
	color:#000000 ;

	margin:0 6px 2px;
}
.boxLine div h5 span {
	font-weight:normal;
}
.boxLine div p {
	font-size:1.1em;
	margin:0 10px;
}
.boxLine div .line {
	padding-bottom:7px;
	margin-bottom:8px;
	background:url(images/line-01.gif) repeat-x 0 bottom;
}

.box-work {
	padding-top:50px;
	margin-top:7px;
	background:#deeffe;
	padding-bottom:10px ;
	position:relative;
	margin-bottom:20px ;

}
.box-work h4 {
	position:absolute;
	top:-9px;
	left:10px ;
}
.box-work h5 {
	font-size:1.15em;
	line-height:1.5;
	color:#105fad;
}
.safari .box-work h5,
.opera .box-work h5,
.chrome .box-work h5,
.mac .box-work h5 {
	font-size:1.1em;
}
.box-work p {
	color:#0f68b3 ;
	bottom:12px;
}
.box-work p a {
	color:#0f68b3 ;
	padding-left:10px;
	background:url(images/arrow-02.gif) no-repeat 0 50%;
}

.box-workshop {
	padding-bottom:10px;
	background:#effbe1;
	padding-top:50px ;
	position:relative ;
}
.box-workshop h4 {
	position:absolute;
	top:-9px;
	left:10px ;
}
.box-workshop h5 {
	font-size:1.15em;
	line-height:1.6 ;
	color:#64b800;
}
.box-workshop p.arrow {
	color:#f5821f ;
	background:url(images/arrow-03.gif) no-repeat 0 50%;
	padding:0px 0 0 12px;
	margin-top:6px ;
	margin-bottom:2px ;
}
.box-workshop p.indent10{
	margin:0 5px 2px 23px;
	padding-left:10px ;
	text-indent:-10px ;
	font-size:1.1em
}
.box-workshop p.txt{
	margin:0 0 0 23px;
}
.box-workshop li {
	padding:0 0 3px 5px;
	font-size:1.1em
}

.box-concert {
	margin-top:7px;
	height:290px;
	padding-top:54px;
	background:#f9e7d2;
	position:relative;
}
.safari .box-concert{
	height:290px;
}
.box-concert h4 {
	position:absolute ;
	top:-9px;
	left:10px ;
}
.box-concert h5.line {
	font-size:1.15em;
	line-height:1.6;
}
.box-concert li {
	font-size:1.1em;
	padding:0 15px 5px;
}


.box-shop {
	position:relative ;
	background:#dfeef1;
	padding-top:50px ;
	padding-bottom:10px ;
}
.safari .box-shop {
}
.box-shop h4 {
	position:absolute ;
	top:-9px;
	left:10px ;
}

.box-shop h5 {
	font-size:1.15em;
	color:#f18a11;
}
.mac .box-shop h5,
.chrome .box-shop h5,
.opera .box-shop h5,
.safari .box-shop h5 {
	font-size:1.1em;
}
.ie6 .box-shop h5 {
	font-size:1.05em;
}

.box-supp {
	position:relative ;
	background:#f0f0f0;
	padding-top:12px ;
	padding-bottom:11px ;
}


.boxLine div.box-supp h5{
	color:#0f68b3;
	font-weight:bold ;
	font-size:1.15em;
	margin-bottom:5px ;
}
.boxLine div.box-supp p {
	font-size:1.1em;
	margin:0 8px;
}


/* right side */
/**************************************/
#Right {
	margin-top:25px;
	float:right ;
	width:197px ;
	text-align:center !important;
}
#wrapRight {
	margin:0 4px 10px auto;
	border:solid 2px #f2f2f2;
	padding:1px;
	text-align:left ;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#Right h4 {margin-bottom:5px;}
#wrapRight p {
	font-size:1.2em;
	padding:0 8px 5px;
}
 h4.access a{
	 display:block ;
	background:url(images/btn_access.gif) no-repeat 0 0;
	width:197px ;
	height:107px ;
	text-indent:-9999px ;
}
 h4.access a:hover{
	background:url(images/btn_access_on.gif) no-repeat 0 0;
}
/* excel form */
.box-form {
	margin-bottom:2px;
	margin-left:5px ;
}
.box-form p {
}
.box-form p a {
	padding-top:18px ;
	display:block ;
	color:#105fad;
	text-indent:18px;
	font-size:1.0em ;
	padding-bottom:5px;
	background:url(images/img-excel_back.gif) no-repeat 0 0;
	width:160px ;
	height:33px ;
	text-decoration:none ;
}
.box-form p a:hover {
	color:#ffffff;
	background:url(images/img-excel_back_on.gif) no-repeat 0 0;
}


.box-link {
	width:161px;
	margin:0 auto 15px;
	padding-bottom:3px;
	background-color:#f5f5f5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative ;
	padding-top:60px ;
}
.box-link h5 {
	position:absolute ;
	top:-7px ;
	left:9px ;
}
#wrapRight .box-link p {margin-bottom:2px;}
.box-link a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:144px;
	height:26px;
	line-height:26px;
	text-indent:25px;
	color:#000000;
}

/* movie link */
.movie a {background:url(images/btn-movie.gif) no-repeat;}
.movie a:hover {background:url(images/btn-movie-on.gif);}

/* photo */
.photo a {background:url(images/btn-photo.gif) no-repeat;}
.photo a:hover {background:url(images/btn-photo-on.gif) no-repeat;	color:#ffffff;
}

/* last year list */
.lastyear a {background:url(images/btn-photo.gif) no-repeat;}
.lastyear a:hover {background:url(images/btn-photo-on.gif) no-repeat;color:#ffffff;}

.box-link2 {
	width:161px;
	margin:0 auto 15px;
	padding-bottom:3px;
	background-color:#f5f5f5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative ;
	padding-top:40px ;
}
.box-link2 h5 {
	position:absolute ;
	top:-12px ;
	left:9px ;
}
#wrapRight .box-link2 p {margin-bottom:2px ;}
.box-link2 a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:168px;
	height:26px;
	line-height:26px;
	text-indent:25px;
}