@charset "utf-8";


/*------------------------------------------------------------
  btnSpSite
------------------------------------------------------------ */
#btnSpSite {
display: none;
}
#btnSpSite a {
background: #004938;
border: 5px #fff solid;
margin: 50px;
padding: 25px;
display: block;
text-decoration: none;
font-size: 3em;
font-weight: bold;
color: #ffba00;
box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}


/*------------------------------------------------------------
  topContents
------------------------------------------------------------ */
#topContents {
margin: 0 auto 30px;
}
#topContents { /zoom :1; }
#topContents:after { content :''; display :block; clear :both; }

#topContentsMain{
	width:740px;
	float:left;
}
#topContentsMain { /zoom :1; }
#topContentsMain:after { content :''; display :block; clear :both; }


/*------------------------------------------------------------
  mainVisual
------------------------------------------------------------ */
#mainVisual{
width:740px;
height:360px;
margin-bottom:38px;
}


/*------------------------------------------------------------
  topMenu
------------------------------------------------------------ */
#topContentsMain #topMenu{
	float:left;
}
#topContentsMain #topMenu h2{
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
	background: url(/images/tl_monthlytopics.png) no-repeat;
	width: 215px;
	height: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin-bottom: 9px;
}
#topContentsMain #topMenu figure{
	width:488px;
	background-color:#ffffff;
	margin:0 0 16px;
}
#topContentsMain #topMenu figure img{
	float:left;
}
#topContentsMain #topMenu figure { /zoom :1; }
#topContentsMain #topMenu figure:after { content :''; display :block; clear :both; }
#topContentsMain #topMenu figure figcaption{
	color:#666666;
	overflow:auto;
	padding:10px;
}

#topContentsMain #topMenu figure a{
	text-decoration:none;
}

#topContentsMain #topMenu figure:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

#topContentsMain #topMenu figure figcaption time{
	font-size:70%;
}
#topContentsMain #topMenu figure figcaption h3{
	font-size:80%;
	font-weight:bold;
	margin-bottom:10px 12px;
}
#topContentsMain #topMenu figure figcaption p{
	font-size:70%;
	color:#666;
}
#topContentsMain #topMenu figure figcaption p a{
	color:#666;
	float:right;
}
#topContentsMain #topMenu figure figcaption p span{
	color:#666;
	float:right;
	text-decoration:underline;
}


/*------------------------------------------------------------
  bannerArea
------------------------------------------------------------ */
#topContentsMain #bannerArea{
	width:236px;
	float:right;
}
#topContentsMain #bannerArea ul li{
	font-size:80%;
	margin-bottom:15px;
}
#topContentsMain #bannerArea ul li:hover{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}


/*------------------------------------------------------------
  topContentsRight
------------------------------------------------------------ */
#topContentsRight{
	width:200px;
	float:right;
}

#topContentsRight ul.banner li{
	font-size:80%;
	margin-bottom:15px;
}

#topContentsRight ul.banner li span.external{
	background: url('/common/images/external.png') no-repeat right .3em;
	padding-right:18px;
}


#topContentsRight ul.banner li a:hover{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}

#topContentsRight ul#sns{
	margin-bottom:15px;
}
#topContentsRight ul#sns { /zoom :1; }
#topContentsRight ul#sns:after { content :''; display :block; clear :both; }

#topContentsRight ul#sns li{
	float:left;
}

#topContentsRight ul#sns li a:hover{
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}

#topContentsRight ul#sns li.facebook{
	margin-right:15px;
}
#topContentsRight ul#sns li.facebook a{
width:20px;
height:20px;
background: url(../images/icon_fb.gif) no-repeat 0 0;
display: block;
text-indent: -9999px;
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#topContentsRight ul#sns li.twitter a{
width:20px;
height:20px;
background: url(../images/icon_tw.gif) no-repeat 0 0;
display: block;
text-indent: -9999px;
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#topContentsRight ul#sns li.facebook a:hover,
#topContentsRight ul#sns li.twitter a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*------------------------------------------------------------
  news
------------------------------------------------------------ */
#news{
}
#news h2 {
margin:0 0 15px;
width: 103px;
height: 12px;
background:url(../images/tl_whats_new.gif) no-repeat 0 0;
text-indent: -9999px;
}
#news dl {
margin-bottom: 20px;
}
#news dt{
color:#666666;
font-weight:bold;
font-size:.7em;
line-height:1.5;
border-top:dotted 1px #918c5e;
padding-top:8px;
}
#news dt:first-child{
border-top:none;
padding-top:0;
}
#news dd{
margin-bottom: 8px;
font-size:.6875em;
line-height:1.5;
}
#news dd a{
color:#666666;
}


/*------------------------------------------------------------
  newsList
------------------------------------------------------------ */
ul.newsList {
margin-bottom: 30px;
}
ul.newsList li{
margin-bottom:10px;
}
ul.newsList li a:hover{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}
ul.newsList li.whatsnew a {
width: 121px;
height: 9px;
background:url(../images/tl_whats_new_list.png) no-repeat 0 0;
display: block;
text-indent: -9999px;
}
ul.newsList li.press a {
width: 97px;
height: 9px;
background:url(../images/tl_press_release.png) no-repeat 0 0;
display: block;
text-indent: -9999px;
}


/*------------------------------------------------------------
  group
------------------------------------------------------------ */
ul#group{
}
ul#group li{
margin-bottom:10px;
}
ul#group li a{
display:block;
text-indent:-9999px;
width:200px;
height:36px;
}
ul#group li.group01 a{
background:url(../images/group_01.gif);
}
ul#group li.group02 a{
background:url(../images/group_02.gif);
}
ul#group li.group03 a{
background:url(../images/group_03.gif);
}
ul#group li.group04 a{
background:url(../images/group_04.gif);
}
ul#group li.group05 a{
background:url(../images/group_05.gif);
}
ul#group li.group06 a{
background:url(../images/group_06.gif);
}

ul#group li a:hover{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}


/*------------------------------------------------------------
  img
------------------------------------------------------------ */
img{
margin:0;
padding:0;
border:0;
vertical-align:top;
line-height:0;
}


._1drp{
font-size:13px!important;
}

._5lv6{
font-size:13px!important;
}