/* DEFAULT SETTING */
body{
	margin:0;
	padding:0;  
	background:url(img/bg_body_top.gif) repeat-x #fff;
	font-size:80%;
	text-align:center;
	line-height:1.4;
	color:#444;
	font-family:verdana,'MS UI Gothic',sans-serif;
	}
#header{
	position:relative;
	margin:0;
	padding:0;
	height:120px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:url(img/bg_header.gif) no-repeat center bottom;
}
h3{
	background:url(img/bg_h3x780.gif) no-repeat left top;
}
#contents{
	margin:0;
	padding:20px;
	background:url(img/bg_contents_top.gif) no-repeat left top #fff;
	border-top:10px solid #aad5a3;
}
/* MAINCONTENTS */
#main{
	float:left;
	width:780px;
	padding:0;
}
/* PAGECONTENTS */
.page_contents{
	overflow:hidden;
	width:780px;
	margin:0 0 20px 0;
}

#side{
	float:right;
	width:180px;
	margin:0;
	line-height:1.2;
}
/* MOBILE QR CODE */
#qr{
	position:relative;
	margin:-13px 0 0 -4px;
	width:180px;
	height:100px;
}
#qr a{
	position:absolute;
	display:block;
	width:120px;
	height:18px;
	left:74px;
	top:69px;
	text-indent:-1000px;
	overflow:hidden;
}
/* PAGE TOP */
#pagetop{
	clear:both;
	text-align:right;
	font-size:0.8em;
	padding:0 20px 20px 20px;
}

/* BOX */
.box_bg{
	margin-bottom:10px;
	padding:0;
	width:780px;
	background:url(img/box_bg.gif) repeat-y left top;
}
.box_bottom{
	clear:both;
	height:20px;
	background:url(img/box_bottom.gif) no-repeat left top;
	font-size:1px;
	line-height:0;
}

.box_gr01{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/top_gr01.gif) no-repeat left top;
	font-size:12px;
}
.box_gr02{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/top_gr02.gif) no-repeat left top;
	font-size:12px;
}
.box_gr03{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/top_gr03.gif) no-repeat left top;
	font-size:12px;
}
.box_gr04{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/top_gr04.gif) no-repeat left top;
	font-size:12px;
}
.box_gr05{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/top_gr05.gif) no-repeat left top;
	font-size:12px;
}
.box_gr06{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/top_gr06.gif) no-repeat left top;
	font-size:12px;
}
.box_l01{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top01.gif) no-repeat left top;
	font-size:12px;
}
.box_c01{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top02.gif) no-repeat left top;
	font-size:12px;
}
.box_r01{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top03.gif) no-repeat left top;
	font-size:12px;
}


.box_l02{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top04.gif) no-repeat left top;
	font-size:12px;
}
.box_c02{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top05.gif) no-repeat left top;
	font-size:12px;
}
.box_r02{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top06.gif) no-repeat left top;
	font-size:12px;
}


.box_bg_na{
	margin-bottom:10px;
	padding:0;
	width:780px;
	background:url(img/box_bg_na.gif) repeat-y left top;
}
.box_bottom_na{
	clear:both;
	height:20px;
	background:url(img/box_bottom_na.gif) no-repeat left top;
	font-size:1px;
	line-height:0;
}


.box_l03{
	float:left;
	width:220px;
	padding:65px 20px 10px 20px;
	margin:0;
	background:url(img/box_top07.gif) no-repeat left top;
	font-size:12px;
}
.box_c03{
	float:left;
	width:240px;
	padding:10px 10px 10px 10px;
	margin:0;
}
.box_r03{
	float:left;
	width:240px;
	padding:10px 10px 10px 10px;
	margin:0;
}
dl.box_contents {
	margin:0;
	padding:0;
}
.box_contents dt {
	margin:0;
	padding:0;
	font-weight:bold;
}
.box_contents dt.date {
	margin:0;
	padding:0;
	font-size:10px;
	color:#b29e93;
}
.box_contents dd {
	margin:0;
	padding:0;
}
.o_topics {
	margin: 0pt auto;
	width: 762px;
}
.o_topics div {
	border: 1px solid #e3e3e3;
	padding: 8px;
	background-color:#f2f2f2;
	font-size:12px;
}
.o_topics div a {
	color:#444;
}
.o_topics div img {
	vertical-align: middle;
	margin-right: 10px;
}
.o_lp {
	margin:0;
	padding:0;
}
.o_lp {
	list-style-position:outside;
	margin-left:20px;
	line-height: 1.5em;
}
.o_topimg {
	width:820px;
	height:300px;
	background-image:url(img/topimg.jpg);
	background-repeat: no-repeat;
	position:relative;
}
.wrapper_btn {
	width:328px;
	height:100px;
	position:absolute;
	top:152px;
	left:27px;
}
.ti_btn01 {
	float:left;
	margin-right:28px;
}
.ti_btn01 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 150px;
	background-image: url(img/ti_btn01.jpg);
	padding-top: 100px;
	text-align: center;
	margin:0;
}
.ti_btn01 a:hover {
	background-position: 0 -100px;
}
.ti_btn02 {
	float:left;
}
.ti_btn02 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 150px;
	background-image: url(img/ti_btn02.jpg);
	padding-top: 100px;
	text-align: center;
	margin:0;
}
.ti_btn02 a:hover {
	background-position: 0 -100px;
}

/* GROUP LIST */

ul.groupList { margin:10px -20px 0 10px; padding:0; width:780px; overflow:hidden; _zoom:1; }
ul.groupList img { border:0; }
ul.groupList li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
display:inline;
}
ul.groupList li a {
display:block;
	padding:0;
	margin: 0 20px 22px 0;
width:240px;
}


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 820px; height: 340px; position: relative; margin:-12px 0 0 0; /margin:0; padding:0; background:#f1f1f1;}

.anythingSlider .wrapper                { width: 820px; overflow: hidden; height: 340px; margin: 0; position: absolute; top: 0; left: 0px; }
.anythingSlider .wrapper img{border:0px;}
                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0;}
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 340px; width: 900px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 0px; }
.anythingSlider .back                   { background-position: -67px 0; left: 0px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { z-index: 10; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; display:none;}
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }