@charset "utf-8";

/* ////////////////////////////////////////////
 *                 RESET
 * //////////////////////////////////////////// */

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/* 2011.09.27 added by terada */
img{vertical-align: bottom;}
strong{font-weight: bold;}
#header table,#sidebar table,#footer table,#shop-other table{border-collapse:collapse;border-spacing:0}
#shop-other table{width:100%;}

/* ////////////////////////////////////////////
 *                 BASE & LAYOUT
 * //////////////////////////////////////////// */

/* clearfix
------------------------------------------*/
.clear{ clear: both; }
.clearfix{ zoom: 1; }
.clearfix:after{ content: ""; display: table; clear: both; }

/* base
------------------------------------------*/
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height: 1.6;
}
a{ color: #187bea; text-decoration: none; }
a:hover{ color: #187bea; text-decoration: underline; }
a:hover.alpha img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.alpha input:hover{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

*{ outline: none; }

/*.logo a:hover img, #sidebar a:hover img, #main a:hover img{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }*/

/* IE6 message */
.ie6-message{ padding: 10px 0; width: 100%; text-align: center; background: #feefda; border: #f7941d 1px solid; }
.ie6-message a{ color: #00f; }

/* general class
------------------------------------------*/
.serif{ font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.alphanumeric{ font-family: Verdana, Arial, sans-serif; }

.margin00{ margin: 0; }
.margin05{ margin: 0 0 5px 0; }
.margin10{ margin: 0 0 10px 0; }
.margin15{ margin: 0 0 15px 0; }
.margin20{ margin: 0 0 20px 0; }
.margin25{ margin: 0 0 25px 0; }
.margin30{ margin: 0 0 30px 0; }

.float-left{ float: left; }
.float-right{ float: right; }

.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }

.display-inline{ display: inline; }
.display-block{ display: block; }
.display-inline-block{ display: inline-block; *display: inline; zoom: 1; }

/* frame
------------------------------------------*/
body#home{
	text-align: center;
	background: url(/images/back.jpg) repeat center 76px;
}
#container{
}
#container-inner{
}
#container:empty{ /* for firefox,chrome,safari,opera,IE9 */
    background:url(/images/smf_loading.gif) no-repeat center;
}

#header{
	position: fixed;
	width: 100%;
	height: 106px;
	z-index: 1000;
	background: url(/images/header-bg.jpg) repeat-x center 0;
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);
    box-shadow:0 3px 6px rgba(0, 0, 0, 0.5);

}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 105px;
}
#home #content{
	position: relative;
	padding: 106px 0 100px 0;
	width: 100%;
	background: url(/images/back-inner.jpg) no-repeat center 0;
}
#content-inner{
	margin: 0 auto;
	width: 980px;
}
#main{
	margin: -31px 0 0 0;
	padding: 0 0 25px 0;
	width: 980px;
	text-align: left;
}
#main-inner{
}
.main-top-wrapper{
	width: 988px;
	background: url(/images/main-top-bg.png) no-repeat 0 0;
}
.main-top{
	position: relative;
	width: 980px;
	margin: 0 auto 20px auto;
	height: 810px;
}

.main-top .after-smf{
	position: absolute;
	top: 110px;
	left: 160px;
	z-index: 200;
}

.entry-body{
	margin: 0 70px;
	width: 840px;
}
#footer{
	width: 100%;
	height: 120px;
	background: url(/images/footer-bg.png) repeat-x center 0;
	z-index: 202;
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 130px;
}


/* ////////////////////////////////////////////
 *                 MT & PARTS
 * //////////////////////////////////////////// */

/* header
------------------------------------------*/
.logo{
	position: absolute;
	top: 0;
	left: -6px;
}
.logo2{
	position: absolute;
	top: 0;
	left: -6px;
}
.gnav{
	position: absolute;
	top: 13px;
	left: 160px;
}
.gnav li{
	display: inline;
}
/* droppy */
.gnav-ul { position: relative; text-align: left; zoom: 1; }
.gnav-ul li { float: left; display: block; position: relative; z-index: 1000; }
.gnav-ul ul { display: none; position: absolute; top: 4px; left: -7px; width: 224px; padding: 46px 8px 15px 8px; background: url(/images/gnav-cat03-bg.png) no-repeat 0 0; }
.gnav-ul ul li { float: none; }
.gnav-ul ul li a { zoom: 1; }
.gnav-ul ul li a.hover { text-decoration: none; }

.jci-btn{
	position: absolute;
	top: 0;
	right: 1px;
}
.header-btn{
	position: absolute;
	top: 81px;
	right: 0;
}	
.header-fb{	
	float: left;
}
.header-twitter{
	float: left;
}
.header-news-area{
	position: absolute;
	top: 85px;
	left: 180px;
}
.header-news-area li{
	color: #999;
	font-size: 77%;
}
div.ticker {
	width: 575px;
	height: 10px;
	position: relative;
	overflow: hidden;
}

div.ticker ul {
	height: 1.6em;
}

div.ticker ul li {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	list-style-type: none;
	position: relative;
	line-height: 1em;
	width:980px;
}


/* mainvisual
------------------------------------------*/
#mainvisual{
	width: 100%;
	overflow: hidden;
}
#mainvisual-inner{
	position: relative;
	width: 980px;
	height: 670px;
	margin: 0 auto;
}
#mainvisual-img{
	position: absolute;
	top: 35px;
	left: -230px;
	margin: 0 -210px;
	padding:0 210px;
	width: 980px;
	height: 635px;
	z-index: 200;
}
.guest{
	position: absolute;
	top: 461px;
	left: -80px;
	z-index: 202;
}




/* home
------------------------------------------*/
.information{
	position: absolute;
	top: -32px;
	left: -11px;
}

.message{
	z-index: 14;
	position: absolute;
	top: 55px;
	right: -63px;
}
.message-inner{
	padding: 78px 0 0 0;
	width: 458px;
	height: 502px;
	background: url(/images/message-bg.png) no-repeat 0 0;
}
.message h2{
	margin: 0 0 41px 35px;
}
.message-body{
	margin: 0 0 0 17px;
}

.eventmap{
	position: absolute;
	top: 25px;
	left: 0;
}
.eventmap-inner{
	position: relative;
	width: 681px;
	height: 532px;
	background: url(/images/map-img.png) no-repeat 0 bottom;
}
.eventmap-nav{
	position: absolute;
	top: 0;
	left: 46px;
	width: 570px;
	height: 79px;
	background: url(/images/mapnav-bg.png) no-repeat 0 0;
	z-index: 100;
}
.eventmap-nav li.eventmap-nav01{
	position: absolute;
	top: 53px;
	left: 10px;
}
.eventmap-nav li.eventmap-nav02{
	position: absolute;
	top: 40px;
	left: 100px;
}
.eventmap-nav li.eventmap-nav03{
	position: absolute;
	top: 16px;
	left: 275px;
}
.eventmap-nav li.eventmap-nav04{
	position: absolute;
	top: 6px;
	left: 466px;
}
.map-btn01{
	position: absolute;
	top: 152px;
	left: 491px;
}
.map-btn02{
	position: absolute;
	top: 166px;
	left: 182px;
}
.map-btn03{
	position: absolute;
	top: 240px;
	left: 320px;
}
.map-btn04{
	position: absolute;
	top: 200px;
	left: 346px;
}

.event{
	position: absolute;
	top: 490px;
	left: 10px;
}
.event-inner{
	position: relative;
	width: 980px;
	height: 340px;
	background: url(/images/event-bg.png) no-repeat 0 0;
}
.event h2{
	position: absolute;
	top: 0;
	left: 0;
}
.event01{
	position: absolute;
	top: 44px;
	left: 42px;
}
.event02{
	position: absolute;
	top: 102px;
	left: 255px;
}
.event03{
	position: absolute;
	top: 32px;
	left: 473px;
}
.event04{
	position: absolute;
	top: 99px;
	left: 703px;
}

.news{
	display: inline;
	float: left;
	margin: 0 0 0 60px;
	width: 410px;
	height: 290px;
}
.newtwitter{
	display: inline;
	float: right;
	margin: 0 50px 0 0;
	width: 410px;
	height: 290px;
}
.news h2{
	position: relative;
	z-index: 100;
	margin: 0 0 -13px -16px;
}
.news-inner{
	padding: 20px 0 10px 0;
}

.news dl{
	margin: 0 0 2px 5px;
	padding: 8px 0;
	width: 410px;
	font-size: 85%;
	border-bottom: 1px dotted #909090;
}
.news dt{
	padding: 0 0 0 10px;
	float: left;
	width: 85px;
}
.news dd{
	float: left;
	width: 315px;
}
.news dd a{
	color: #333;
}

/* twitter */
.newtwitter-inner{
	padding: 20px 0 10px 0;
}
.newtwitter h2{
	position: relative;
	z-index: 100;
	margin: 0 0 -13px -16px;
}

.twtr-ft{
	display:none;
}
.twtr-hd{
	display:none;
}
.twtr-tweet-wrap{
	margin: 0 0 10px 15px;
	padding: 0 0 10px 0;
	border-bottom: #909090 1px dotted;
}
.main-thanks{
	text-align: right;
	width:914px;
	min-height:115px;
	margin:0 auto 30px auto;
}
.main-thanks ul{
	padding:32px 0 0 196px;
}
.main-thanks li{
	display:inline;
	margin-right:9px;
}

/* Pararax */

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#intro{
	width: 100%;
	height: 1000px;
	margin: 0 auto;
	background:url(/images/cat01-aboutsmf-bg.jpg) repeat fixed;
}
#intro .cat01-about-bg01{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat01-about-bg01.png) no-repeat fixed;
}
#intro .cat01-about-bg02{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat01-about-bg02.png) no-repeat fixed;
}
#intro .cat01-about-contents{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#second{
	width: 100%;
	height: 1600px;
	margin: 0 auto;
	background: url(/images/cat02-guestlist-bg.jpg) repeat fixed;
}
#second .cat02-guest-bg01{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat02-guest-bg01.png) no-repeat fixed;
	z-index: 1;
}
#second .cat02-guest-bg02{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat02-guest-bg02.png) no-repeat fixed;
	z-index: 1;
}
#second .cat02-guest-img{
	width: 980px;
	margin: 0 auto;
	padding: 106px 0 0 0;
	position: relative;
	z-index: 300;
}

#third{
	width: 100%;
	height: 3000px;
	margin: 0 auto;
	background: url(/images/cat03-eventlist-bg.jpg) 50% center repeat fixed;
}
#third .cat03-event-bg01{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat03-event-bg01.png) no-repeat fixed;
}
#third .cat03-event-bg02{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat03-event-bg02.png) no-repeat fixed;
}
#third .cat03-event-bg03{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat03-event-bg03.png) no-repeat fixed;
}
#third .cat03-event{
	position: relative;
	z-index: 300;
}
#third .cat03-event-once{
	padding: 106px 0 0 0;
}

#forth{
	width: 100%;
	margin: 0 auto;
	height: 4625px;
	background: url(/images/cat04-coupon-bg.jpg) repeat fixed;
}
#map-container{
	width: 820px;
	height: 500px;
	padding:5px;
	margin:0 auto 15px auto;
	background:#fff;
	border:#333 solid 1px;
}
#map {
	width: 820px;
	height: 500px;
	font-size:90%;
}

.geo-title{
	font-weight:bolder;
	font-size:110%;
}

#forth .cat04-coupon-bg01{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat04-coupon-bg01.png) no-repeat fixed;
}
#forth .cat04-coupon-bg02{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background: url(/images/cat04-coupon-bg02.png) no-repeat fixed;
}
#forth .cat04-coupon{
	width: 980px;
	padding: 106px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#forth .cat04-coupon-attention{
	width:750px;
	padding: 3px;
	font-weight:bolder;
	text-align:center;
	background:#fff;
	border:1px solid #333;
	margin:9px auto;
}
#forth .cat04-coupon-inner{
	padding: 0 26px;
	margin: 0 -16px 0 0;
}
#forth h2.cat04-coupon-title{
	width: 1040px;
	margin: 0 -30px 0 0;
	font-size:93%;
}
#forth .cat04-coupon-once{
	width: 180px;
	float: left;
	margin: 0 8px 13px 0;
	background: url(/images/cat04-coupon-once-bg.png) repeat 0 0;
}
#forth .cat04-coupon-once p {
	font-size: 85%;
}
#forth .cat04-coupon-once a{
	word-break:break-all;
}
#forth .coupon-service {
	font-weight:bolder;
}
#forth .cat04-coupon-once-inner{
	padding: 10px;
}
#forth h3.cat04-coupon-once-title{
	padding: 3px;
	margin: 0 0 5px 0;
	font-weight: bold;
	background: url(/images/cat04-coupon-once-title-bg.png) no-repeat 0 bottom;
}
#forth .cat04-coupon-once p{
	margin: 0 0 5px 0;
}


#fifth{
	width: 100%;
	height: 920px;
	margin: 0 auto;
	padding: 106px 0 0 0;
	background: url(/images/cat05-supportingcompany-bg.jpg) 50% center repeat fixed;
}

.slide {
	width: 100%;
}

/* footer
------------------------------------------*/
.footer-links{
	width: 980px;
	margin: 0 auto 40px auto;
	text-align:left;
}
.supporters{
}
.supporters h2{
	margin: 0 0 28px 0;
	text-align: center;
}
.supporters-top{
	margin: 0 0 46px 0;
}
.supporters-top li{
	display: inline;
}
.supporters-top li.supporter01{
	margin: 0 0 0 72px;
}
.supporters-top li.supporter02{
	margin: 0 0 0 76px;
}
.supporters-top li.supporter03{
	margin: 0 0 0 68px;
}

.tokubetsukyousan{
	margin: 0 auto 30px auto;
	width: 905px;
}
.tokubetsukyousan h2{
	text-align: center;	
}

.kyousan{
	margin: 0 auto 30px auto;
	width: 905px;
}
.kyousan h2{
	margin: 0 0 30px 0;
}
.kyousan-inner{
	margin: 0 -20px 0 70px;
}
.kyousan li{
	margin: 0 20px 0 0;
	display: inline;
}

.kyouryoku{
	margin: 0 auto 65px auto;
	width: 905px;
}
.kyouryoku h2{
	margin: 0 0 30px 0;
}
.kyouryoku-inner{
	margin: 0 -23px 0 13px;
}
.kyouryoku li{
	margin: 0 23px 0 0;
	display: inline;
}

.web-link h2{
	margin: 0 0 40px 0;
	text-align: center;
}
.web-link-inner{
	margin: 0 0 65px 39px;
	text-align:center;
}
.web-link li{
	margin: 0 8px 0 0;
	display: inline;
}

.web-contact{
	margin: 0 auto 65px auto;
	width: 920px;
	color: #333;
	font-size: 85%;
}
.web-contact h2{
	margin: 0 0 5px 0;
}
.web-contact-inner{
	padding: 0 10px;
	margin: 0 0 0 0;
	text-align:left;
}
.web-contact-body div{
	width: 447px;
}
.copyright{
	width: 980px;
	height: 10px;
	line-height: 10px;
	margin: 0 auto;
	color: #333;
	font-size: 85%;
}
.copyright a{
}
.copyright a:hover{
}



/* 下層 みんなの声
------------------------------------------*/
body#voices{
	text-align: center;
	background: url(/images/back.jpg) repeat center 76px;
}
#voices #content{
	position: relative;
	padding: 163px 0 160px 0;
	width: 100%;
	background: url(/images/voices-bg.jpg) repeat-y center 89px;
}
#voices #main{
	float: right;
	margin: 107px 20px 0 0;
	width: 680px;
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
#voices #main-inner{
	padding: 20px;
}
#voices #main h2{
	height: 90px;
	line-height: 90px;
	padding: 220px 0 0 0;
	margin: 0 0 30px 0;
	font-size: 197%;
	font-weight: bold;
}
#voices #main-inner  .entry-once:first-of-type h2{
	padding: 0 0 0 0;
}
#voices .entry-once{
}
#voices .entry-body{
	padding: 20px 0;
	border-top: 2px dotted #CCCCCC;
}
#voices .entry-body h3{
	clear: both;
	margin: 1.8em 0 0.8em 0;
	height: 41px;
	line-height: 41px;
	font-size: 116%;
	text-indent: 33px;
	background: url(/images/entry-title-bg.jpg) no-repeat 0 0;
}

#sidebar h1{
	margin: 0 0 20px 0;	
}
#sidebar{
	float: left;
	margin: 0 0 0 30px;
	width: 220px;
	text-align: left;
}
#sidebar-inner{
	position: fixed;
}

.snav{
	margin: 0 0 30px 0;
}
.snav-inner{
	padding: 0 5px 5px 15px;
}
.snav li a span{
	display: block;
	padding: 0 0 0 15px;
	border-bottom: 1px dashed #999999;
	background: url(/images/snav-btn-bg.png) no-repeat 3px 50%;
	font-size: 93%;
	line-height: 2.6;
	color: #333333;
}

#voices .entry-body{
	margin: 0 auto;
	width: 600px;
}


#voices-footer{
	width: 100%;
	height: 99px;
	background: url(/images/footer-bg.png) repeat-x center bottom;
	z-index: 202;
}
#voices-footer #footer-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
}
#voices-footer .copyright{
	position: absolute;
	left: 0;
	bottom: 65px;
	width: 100%;
	text-align: center;
	font-size: 77%;
	color: #ccc;
}
#voices-footer .copyright a{
	color: #ccc;
}





/* ////////////////////////////////////////////
 *                 JAVASCRIPT
 * //////////////////////////////////////////// */

/* jquery.rollOver.js
------------------------------------------*/
.ro-switch,
.ro-fswitch{
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

/* jquery.slideImage.js
------------------------------------------*/
.slide-image-main{
	position: relative;
	text-align: center;
	overflow: hidden;
}
.slide-image-main div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: -1;
}
.slide-image-thumbnail li{
	cursor: pointer;
}

/* sp-link-btn
------------------------------------------*/
.sp-link-btn{
	padding: 30px 0;
	text-align: center;
	background: #000;
}
.sp-link-btn a{
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.2)),
		color-stop(50%, rgba(255, 255, 255, 0.1)),
		color-stop(51%, rgba(0, 0, 0, 0.0)),
		color-stop(100%, rgba(0, 0, 0, 0.1))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.25),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.25);
	background-color: #92a4b8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sp-link-btn a:hover{
	text-decoration: none;
}



/** Teenage Dream Song **/

#teenage-song{
	width:598px;
	margin:0 auto;
	padding-top:30px;
}

#tds-header{
	background:url(/tds/images/bg.jpg) repeat-x center 0;
}
#tds-header-inner{
	background:url(/tds/images/bg2.jpg) no-repeat center 0;
}
#tds-header-inner2{
	background:url(/tds/images/bg3.jpg) repeat-x center 0;
}
#tds-header-inner3{
	width:917px;
	height:781px;
	position:relative;
	margin:0 auto;
	z-index:10;
}

#tds-header-contents{
	width:598px;
	height:712px;
	position:relative;
}
.tds-header-contents01{
	position:absolute;
	top:67px;
	left:0;
}
.tds-header-contents02{
	position:absolute;
	top:308px;
	left:5px;
}
.tds-header-contents03{
	position:absolute;
	top:428px;
	left:4px;
}
.tds-header-contents04{
	position:absolute;
	top:428px;
	left:151px;
}
.tds-header-contents05{
	position:absolute;
	top:428px;
	left:315px;
}
.tds-header-contents06{
	position:absolute;
	top:573px;
	left:7px;
}
.tds-header-contents07{
	position:absolute;
	top:636px;
	left:9px;
}
.tds-header-button1{
	position:absolute;
	top:258px;
	left:377px;
}
.tds-header-button2{
	position:absolute;
	top:258px;
	left:489px;
}
#tds-slide{
	height:781px;
	width:723px;
	position:absolute;
	top:0;
	right:-179px;
}
#tds-entry{
	background:#333333;
}
#tds-entry-inner{
	position:relative;
	z-index:5;
	width:917px;
	height:420px;
	margin:-69px auto 0 auto;
	}
.tds-entry-inner01{
	position:absolute;
	left:0px;
	top:0;
}
.tds-entry-inner02{
	position:absolute;
	left:0px;
	top:62px;
}
.tds-entry-inner03{
	position: absolute;
	left: 0px;
	top :109px;
}
.tds-entry-inner04{
	position: absolute;
	left: 198px;
	top :222px;
}
.tds-entry-inner05{
	position: absolute;
	left: 495px;
	top: 222px;
}
.tds-entry-inner06{
	position: absolute;
	left: 0px;
	top: 300px;
}
.tds-entry-inner07{
	position:absolute;
	left:0px;
	bottom:30px;
}
#tds-footer{
	background:url(/tds/images/tds-footer-bg.jpg) repeat-x center 0;
}
#tds-footer-inner{
	position:relative;
	width:917px;
	height:409px;
	margin:0 auto;
}
.tds-footer-inner01{
	position:absolute;
	top:46px;
	left:0;
}
.tds-footer-inner02{
	position:absolute;
	top:54px;
	left:265px;
}
.tds-footer-inner03{
	position:absolute;
	top:174px;
	left:267px;
}
.tds-footer-inner04{
	position:absolute;
	top:11px;
	right:0;
}
.tds-footer-inner05{
	position:absolute;
	top:345px;
	left:0;
	width:917px;
	text-align:center;
}
.tds-footer-inner06{
	position:absolute;
	bottom:0;
	left:0;
	width:917px;
	text-align:center;
	font-size:80%;
	height:33px;
	line-height:33px;
}
.tds-footer-inner07{
	position:absolute;
	top:261px;
	left:268px;
}
.tds-footer-inner08{
	position:absolute;
	top:261px;
	left:397px;
}
.tds-footer-inner00{
	position:absolute;
	top:162px;
	right:167px;
}
#tds-footer a{
	color:#008C53;
}

/* CSS3 animation */
.skew{
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-moz-transform:-moz-transform ease-out;
	-moz-transition-duration: .5s;
}
.skew:hover{
    -webkit-transform:rotate(-15deg) scale(1.1);
	-moz-transform:rotate(-15deg) scale(1.1);
}
.skew2{
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-moz-transform:-moz-transform ease-out;
	-moz-transition-duration: .5s;
	z-index: 201;
}
.skew2:hover{
	-webkit-transform:rotate(15deg) scale(1.1);
	-moz-transform:rotate(15deg) scale(1.1);
}
 
.skew3{
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-moz-transform:-moz-transform ease-out;
	-moz-transition-duration: .5s;
}

.skew3:hover{
	-webkit-transform:rotate(360deg) scale(1.1);
	-moz-transform:rotate(360deg) scale(1.1);
}