@import "share.css";

#headerWrapper {
background: url(../images/index/bg_header_top.jpg) no-repeat 50% 0%;
}


/*----------コンテナー------------*/

#container {
background: url(../images/share/bg_container.gif) repeat-y 50% 0%;
margin: -12px auto;
}


/*----------サイドコンテンツ------------*/

#topLeft {
width: 151px;
float: left;
text-align: left;
margin: 0;
padding: 0 0 0 11px;
}

ul#snavi {
width: 151px;
height: 432px;
font-size: 1px;
line-height: 0%;
position: relative;
margin: 4px 0 0;
padding: 0;
}

ul#snavi li {
text-indent: -9998px;
line-height: 0%;
}

ul#snavi li a {
width: 150px;
height: 54px;
overflow: hidden;
color: #FFFFFF;
display: block;
background: url(../images/index/snavi_top.jpg) no-repeat;
position: absolute;
left: 0;
}

ul#snavi li.sn1 a {
background-position: 0px -4px;
top: 0;
}

ul#snavi li.sn2 a {
background-position: 0px -58px;
top: 54px;
}

ul#snavi li.sn3 a {
background-position: 0px -112px;
top: 108px;
}

ul#snavi li.sn4 a {
background-position: 0px -166px;
top: 162px;
}

ul#snavi li.sn5 a {
background-position: 0px -220px;
top: 216px;
}

ul#snavi li.sn6 a {
background-position: 0px -274px;
top: 270px;
}

ul#snavi li.sn7 a {
background-position: 0px -328px;
top: 324px;
}

ul#snavi li.sn8 a {
background-position: 0px -382px;
top: 378px;
}

ul#snavi li.sn1 a:hover {
background-position: -151px -4px;
}

ul#snavi li.sn2 a:hover {
background-position: -151px -58px;
}

ul#snavi li.sn3 a:hover {
background-position: -151px -112px;
}

ul#snavi li.sn4 a:hover {
background-position: -151px -166px;
}

ul#snavi li.sn5 a:hover {
background-position: -151px -220px;
}

ul#snavi li.sn6 a:hover {
background-position: -151px -274px;
}

ul#snavi li.sn7 a:hover {
background-position: -151px -328px;
}

ul#snavi li.sn8 a:hover {
background-position: -151px -382px;
}


/*----------メインコンテンツ------------*/

#topRight {
width: 590px;
float: left;
text-align: left;
margin: 0;
padding: 0 0 0 10px;
}

#topRight p.eyecatch {
font-size: 1px;
line-height: 0%;
margin: 0 0 10px;
padding: 0;
}

#topRight .action {
width: 590px;
background: url(../images/index/bg_action.gif) no-repeat 0% 100%;
margin: 0;
padding: 0 0 23px;
}

#topRight .action p.actionTitle {
font-size: 1px;
line-height: 0%;
margin: 0 0 10px;
padding: 0;
}

#topRight dl {
width: 482px;
margin: 0 0 0 60px;
padding: 0;
}

#topRight dl dt {
width: 482px;
height: 41px;
font-size: 1px;
line-height: 0%;
text-indent: -9998px;
position: relative;
margin: 0;
padding: 0;
}

#topRight dl dt.act1 {
background: url(../images/index/title_action_01.gif) no-repeat 0% 0%;
}

#topRight dl dt.act2 {
background: url(../images/index/title_action_02.gif) no-repeat 0% 0%;
}

#topRight dl dt.act3 {
background: url(../images/index/title_action_03.gif) no-repeat 0% 0%;
}

#topRight dl dt.act4 {
background: url(../images/index/title_action_04.gif) no-repeat 0% 0%;
}

#topRight dl dt .btnSpec a {
width: 110px;
height: 22px;
font-size: 1px;
line-height: 0%;
text-indent: -9998px;
display: block;
position: absolute;
background: url(../images/index/btn_spec.gif) no-repeat 0px 0px;
margin: 0;
padding: 0;
top: 8px;
right: 0;
}

#topRight dl dt .btnSpec a:hover {
background: url(../images/index/btn_spec.gif) no-repeat 0px -22px;
}

#topRight dl dd {
line-height: 140%;
margin: 15px 0 22px 28px;
padding: 0;
}

#topRight #news_list {
	border:outset 5px #cccccc;
  padding: 5px;
  margin-bottom: 10px;
}