@charset "utf-8";
/* CSS Document */

/* head
------------------------------------------------------------ */
#head {
	margin: 0 auto;
	width: 900px;
	height:60px;
}
#head-top {
	width: 900px;
	height:60px;
}
#head-navi {
font-size: 81.3%;
padding: 35px 10px 0 10px;
background:url(../../img/head_bg_att_xre.gif) top left repeat-x;
}
#head-navi ul{

}
#head-navi li{
background: url(../img/y_icon_1.gif) 0 1px no-repeat ;
padding: 0 0 0 15px;
margin: 0 0 0 15px;
display: inline;
}
#head-navi li a{
color: #FFFFFF;
text-decoration: underline;
height: 20px;
}
#head-navi li a:hover{
color: #FFFFFF;
text-decoration: none;
}

#logo {
float: left;
display: inline; 
margin: 0 0 0 0;
}
#logo h1{
display: inline;
}
#head-navi {
float: right;
margin: 0 0 0 0;
vertical-align: top;
}


#flash-area {
width: 100%;
height: 300px;
text-align: center;
margin: 0 auto;
}



#main {
padding: 0 0 50px 0;
}


#g-navi {
margin: 0 0 0 5px;
}
#g-navi ul{
list-style: none;
}
#g-navi li{
display: inline;
}

#content {
width:630px;
margin: 30px 20px 0 0;
padding: 0 0 0 20px;
float: left;
}
#side {
margin: 30px 0 0 0;
width: 200px;
float: right;
}

.boxRow {
width: 630px;

}
#content h2{
margin: 0 0 25px 0;
}

#content h3{
margin: 0 0 12px 0;
}
.box  {
width: 305px;
height: 153px;
display: inline;
float: left;
line-height: 166.6%;
}
.box p {
margin: 0 15px 0 11px;
}
.box ul {
margin: 0 15px 0 11px;
}
.box li {
background: url(../img/y_icon_1.gif) 0 5px no-repeat;
padding: 0 0 0 15px;
}


.news {
margin: 10px 0 0 0;
width: 630px;
}

.news span{
width: 60px;
background: url(../img/icon_2.gif) top right no-repeat;
padding: 0 7px 0 11px;
margin: 0 7px 0 0;
}
.news .newsline{
margin: 15px 0 0 0;
padding: 0 0 15px 0;
background: url(../img/dot_xre.gif) bottom left repeat-x;
}
.news .newsline-bottom{
margin: 15px 0 0 0;
padding: 0 0 15px 0;
background: none;
}