@charset "utf-8";

@import url(../common/css/common.css);
/*
========================================

Top
	・Over ride
	・Slide
	・News
	・Banner
	・Activities
	・Ring turn
	
========================================
*/
/* Over ride
========================================*/
body{
background:#ffd053 url(../images/top_head_bg.gif) left top no-repeat;
}

#wrapAll{
background-image:url(../images/footer_repeat_bg.gif);
}

#wrapper{
background-image:url(../images/contents_bg.gif);
}

#headerWrap{
background:none;
}

#header{
height:161px;
background:none;
}


/* Slide
========================================*/
#slide{
margin:0 0 12px 0;
width:1000px;
height:328px;
}

/* Contents
========================================*/
#contents{
margin:0 0 0 100px;
width:794px;
position:relative;
}

/* News
========================================*/
#news{
width:479px;
height:213px;
float:left;
}

#news h2{
line-height:0;
font-size:0;
}

#news #box{
width:479px;
height:90px;
overflow:auto;
}

#news ul{
width:460px;
}

#news .newsWrap,
#news .newsTitle{
background-image:url(../images/news_bg.gif);
background-repeat:no-repeat;
}

#news .newsWrap{
margin:0 0 3px 0;
padding:5px 0 0 0;
width:460px;
background-position:0 0;
background-color:#fa9552;
}

* html #news .newsWrap{
margin:0 0 1px 0;
}

#news .newsTitle{
padding:0 10px 5px;
width:440px;
background-position:-460px 100%;
color:#fff;
/*font-size:116%;*/
}

#news dt{
width:110px;
float:left;
clear:left;
}

#news dd{
margin:0 0 0 110px;
padding:0 0 0 18px;
background:transparent url(../common/images/icon.gif) 0 -1305px no-repeat;
color:#fff;
}

* html #news dd{/* IE6 */
height:1%;
}

#news dd a,
#news dd span{
color:#fff;
text-decoration:none;
}


/* Banner
========================================*/
#banner{
width:297px;
height:213px;
float:right;
}

#banner li{
margin:0 0 6px 0;
}

/* Activities
========================================*/
#activities{
clear:both;
}

#activities h2{
margin:0 0 7px 0;
font-size:200%;
font-weight:bold;
color:#deffd4;
}

#activities .sectionWrap,
#activities .section{
background-image:url(../images/activities_bg.gif);
background-repeat:no-repeat;
}

#activities .sectionWrap{
margin:0 0 10px 0;
width:479px;
background-color:#288c0d;
background-position:0 0;
}

#contents #activities .section{
margin:0;
padding:12px 17px 17px 18px;
width:444px;
background-position:-479px 100%;
}

#contents #activities h3{
margin:0 0 4px 0;
width:444px;
background:none;
color:#ffba00;
font-size:150%;
font-weight:normal;
}

#activities p{
color:#fff;
line-height:1.7;
}

/* Ring turn
========================================*/
#ringTurn{
position:absolute;
top:222px;
left:431px;
width:372px;
height:324px;
background:transparent url(../images/ringturn_text.png) left top no-repeat;
text-indent:-9999px;
}

* html #ringTurn{
background-image:url(../images/ringturn_text.gif);
}

#footerLink{
margin:0;
}