/* CSS Document */

@charset "utf-8";


#TabbedPanelsTabGroup {
width: 649px;
margin-bottom: 10px;
}

#TabbedPanels li.TabbedPanelsTab {
float: left;
width: 314px;
cursor: pointer;
}

.TabbedPanelsContentGroup {
clear: both;
margin-bottom: 40px;
}

div.TabbedPanelsContent {
clear: both;
margin-top: 10px;
padding: 20px;
border:1px solid #d0d0d0;
}

div.TabbedPanelsContent h2 {
clear: both;
margin-bottom: 20px;
}

div.areaBlock01{
background: url(img/index_bg_001.gif) repeat-y left top;
padding-left: 1px;
margin-bottom: 20px;
clear: both;
}

div.areaBlockbottom01{
background: url(img/index_bg_002.gif) no-repeat -1px bottom;
}

div.areaBlock02{
background: url(img/index_bg_004.gif) repeat-y left top;
padding-left: 1px;
margin-bottom: 20px;
}

div.areaBlockbottom02{
background: url(img/index_bg_005.gif) no-repeat -1px bottom;
}

div.areaBlock03 {
clear: both;
}

div.areaBlock03 .columnBlock01 {
border: 1px solid #b9b3b3;
}

.columnBlock01{
float: left;
margin-right: 11px;
width: 194px;
padding-bottom: 10px;
border-top: 1px solid #b9b3b3;
}

.columnBlock01 .headingBlock01, .headingBlock02 {
background:url(img/index_bg_003.gif) repeat-x left bottom;
}

.columnBlock01 .headingBlock01 h3 {
padding: 10px;
background: url(img/index_ico_001.gif) no-repeat left top;
font-size: 1.2em;
font-weight: bold;
}

.columnBlock01 .headingBlock02 h3 {
padding: 10px;
background: url(img/index_ico_002.gif) no-repeat left top;
font-size: 1.2em;
font-weight: bold;
}

.columnBlock01 h3 a {
display: block;
padding-left: 10px;
background: url(../common/img/contents_ico_001.gif) no-repeat left 5px;
}

.columnBlock01 div.tableBlock, div.tableBlock02 {
width: 174px;
margin-bottom: 10px;
padding: 10px;
background:url(img/index_bg_003.gif) repeat-x left bottom;
}

.columnBlock01 p.txtBlock01  {
display:block;
width: 90px;
line-height: 1.2;
}

.columnBlock01 p.txtBlock01 span {
color: #990000;
font-size: 1.4em;
font-weight:bold;
}

.columnBlock01 p.txtBlock02 span.txtBlock03 {
display: block;
background:#fbffed ;
border: 1px solid #FFFFFF;
}

.columnBlock01 p.txtBlock02 {
width:71px;
border: 1px solid #b9b3b3;
}

.columnBlock01 .tableBlock02 p.txtBlock02 span.txtBlock03 {
display: block;
background:#fbf0ed ;
border: 1px solid #FFFFFF;
}

.columnBlock01 .headingBlock01 {
background:url(img/index_bg_003.gif) repeat-x left bottom;
}

.useBlock {
clear: both;
margin-bottom: 10px;
background: #f9f9f9;
border: 1px solid #cfcfcf;
font-size: 1.2em;
}


.useBlock dl dt {
padding:10px 0 8px;
background: url(img/index_bg_006.gif) repeat-x left bottom;
font-weight: bold;
}

.useBlock dl dt span {
padding-left: 10px;
}

.useBlock dl dd {
padding:10px;
}

.useBlock dl dd span{
padding-left: 15px;
}

.support {
border: 1px solid #c4c4c4;
}

.support ul li{
float: left;
margin-right: 10px;
}

.support ul {
margin: 0 25px 0 25px;
padding: 10px 0 25px 15px;
background: url(img/index_bg_007.gif) no-repeat left top;
}


/*--------------------------------------20090327CSS--*/

.Canpaign_Finish{
position:absolute;
margin-top:5px;
margin-left:15px;
background-image:url(img/fin_icon.gif);
width:50px;
height:50px;
display:block;
}

/* safari only \*/
html:\66irst-child .Canpaign_Finish{
position:absolute;
margin-top:15px;
margin-left:15px;
background-image:url(img/fin_icon.gif);
width:50px;
height:50px;
display:block;
}
/* safari 3.0only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.Canpaign_Finish{
position:absolute;
margin-top:15px;
margin-left:15px;
background-image:url(img/fin_icon.gif);
width:50px;
height:50px;
display:block;
}
}
.Canpaign_Finish span{
display:none;
}

/*--------------------------------------20090327CSS--*/

.Canpaign_only{
position:absolute;
margin-top:5px;
margin-left:15px;
background-image:url(img/anime_icon.gif);
width:50px;
height:50px;
display:block;
}

/* safari only \*/
html:\66irst-child .Canpaign_only{
position:absolute;
margin-top:15px;
margin-left:15px;
background-image:url(img/anime_icon.gif);
width:50px;
height:50px;
display:block;
}
/* safari 3.0only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.Canpaign_only{
position:absolute;
margin-top:15px;
margin-left:15px;
background-image:url(img/anime_icon.gif);
width:50px;
height:50px;
display:block;
}
}
.Canpaign_only span{
display:none;
}

/*--------------------------------------20091029CSS--*/
#pageNavBlock {
	margin-bottom:24px;
	background:url(img/index_bg_008.gif) no-repeat left top;
	padding:4px 6px;
}
#pageNavBlock li {
	display:block;
	float:left;
	width:215px;
	margin-right:6px;
}

#pageNavBlock li#last {
		margin-right:0px;
}


/*--------------------------------------20090327CSS--*/

.Canpaign_camp{
position:absolute;
margin-top:5px;
margin-left:15px;
background-image:url(img/camp_icon.gif);
width:50px;
height:50px;
display:block;
}

/* safari only \*/
html:\66irst-child .Canpaign_camp{
position:absolute;
margin-top:15px;
margin-left:15px;
background-image:url(img/camp_icon.gif);
width:50px;
height:50px;
display:block;
}
/* safari 3.0only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.Canpaign_camp{
position:absolute;
margin-top:15px;
margin-left:15px;
background-image:url(img/camp_icon.gif);
width:50px;
height:50px;
display:block;
}
}
.Canpaign_camp span{
display:none;
}