/* CSS Document */

/* .float clear class */
@charset "utf-8";


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,/*strong,*/th,var{font-style:normal;font-weight:normal;}
ul,ol,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* .float clear class */
.clear-fix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
* html .clear-fix {
  display: inline-block;
}
/* no ie mac \*/
* html .clear-fix {
  height: 1%;
}
.clear-fix {
  display: block;
  min-height: 0;
}

dl ,dd ,dt, p, div {
	margin: 0px;
	padding: 0px;
}


a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  margin:0;
  padding:0;
  vertical-align:bottom;
}
.last {
  margin-right: 0px !important;
}
.copy {
  text-align: center;
  padding-bottom: 20px;
  clear: both;
}
body {
  font-family:Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}
#index {
  background-color: #000;
  color: #333;
  font-size: 12px;
}
#index #top_contents {
  margin: 0 auto;
}

/*----------------------------------------------------
=#header
----------------------------------------------------*/

#index #top_contents div.header {
  margin: 0 auto;
  width: 980px;
  height: 38px;
  padding-top: 14px;
}
#index p#logo {
  width: 755px;
  float: left;
  display:inline;
}

#index #top_contents div.header ul li.first {
  padding: 0 10px 1px 10px;
}
#index #top_contents div.header ul li.end {
  padding: 0 0 1px 9px;
  background: none;
}

/* サイト内検索 */
#index p#logo {
  width: 500px;
}
#index #top_contents div.header div.hdnav {
  float:right;
  text-align:right;
  padding-top:4px;
  margin-right:10px;
}

#index #top_contents div.header div.hdnav ul li {
  float: left;
  display:block;
  height:10px;
  padding: 1px 10px 1px 8px;
  background: url(../images/header_v3/header_li.gif) no-repeat right center;
}
#index #top_contents div.header div.hdnav ul li a {
  display:block;
}

#index #top_contents div.header div.hdnav ul li.first {
  padding: 1px 10px 1px 10px;
}
#index #top_contents div.header div.hdnav ul li.end {
  padding: 1px 0 1px 9px;
  background: none;
}


#index #top_contents div.header form,
#index #top_contents div.header input {
  margin:0;
  padding:0;
}

div#___gcse_0 {
  float:right;
  width:215px;
}
div#___gcse_0 .gsc-control-cse {
  background:none;
  border:none;
  padding:0;
}

div#___gcse_0 form table.gsc-search-box {
  margin-bottom:0;
}
div#___gcse_0 form td.gsc-input {
  padding-right:0;
  padding-left:20px;
  background:url/common/images/gcse_icon_k.png) left center no-repeat !important;
}
#index #top_contents div.header div#___gcse_0 form input#gsc-i-id1 {
  width:137px;
  height:20px;
  border: 1px solid #333!important;
  font-size:11px;
  color:#333;
}

div#___gcse_0 form input#gsc-i-id1.gsc-input {
	background:url/common/images/gcse.gif) left center no-repeat #fff !important;
}
div#___gcse_0 form input#gsc-i-id1.gsc-input-focus {
	background-image:none !important;
}

#index #top_contents div.header div#___gcse_0 form input.gsc-search-button {
  width:52px;
  height:22px;
  cursor:pointer;
  font-size:10px;
  line-height:10px;
}
div#___gcse_0 form td.gsc-clear-button {
  display:none;
}

div#___gcse_0 div.gsc-results-wrapper-overlay {
  background:#1b1b1b;
}
div#___gcse_0 div.gsc-results-wrapper-overlay #resInfo-0{
  color:#fff;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-orderby-label {
  color:#fff;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-selected-option-container {
  border:1px solid #999;
  color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gcsc-branding {
  color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor-box {
  text-align:center;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page {
  background-color:#1b1b1b;
  color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #b6b6b6;
  color:#000;
}

div#___gcse_0 div.gsc-webResult.gsc-result {
  background-color: #fff;
  border: none;
  padding:10px;
  border-left:10px solid #fff;
}
div#___gcse_0 div.gsc-webResult.gsc-result:hover {
  border-left:10px solid #ff0000;
}

div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title {
  margin-bottom:10px;
  text-decoration:none;
  font-weight:bold;
  height:21px;
}

div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a {
  color: #333;
  text-decoration:none;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a:hover,
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a:hover em {
  text-decoration:underline;
  font-size:16px;!important
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title b {
  color: #000;
}
div#___gcse_0 div.gsc-webResult.gsc-result .gs-snippet {
  color:#333;
}

div#___gcse_0 div.gsc-webResult.gsc-result .gs-no-results-result .gs-snippet,
div#___gcse_0 div.gsc-webResult.gsc-result .gs-error-result .gs-snippet {
  background: none;
  border: none;
  padding:10px;
}


div#___gcse_0 div.gsc-webResult.gsc-result .gs-visibleUrl {
	color:#000;
	font-weight:bold;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title.gs-bidi-start-align a em {
	text-decoration:underline;
	color:#000;
}
/* サイト内検索 */


/*----------------------------------------------------
=flash
----------------------------------------------------*/
#index #top_contents .flash {
  margin: 0 auto;
  width: 100%;
}

/*----------------------------------------------------
=Navmenu
----------------------------------------------------*/
#index #top_contents .menu_bg {
  width: 100%;
  padding-bottom: 1px;
  background: url(parts/menu_bg3.jpg) repeat-x;
}
#index #top_contents .menu {
 height:44px;
 margin:0 auto;
}

#index #top_contents .menu ul {
 width:979px;
 background :url(parts/menu_btn_bg.jpg) repeat-x scroll center;
 margin: 0 auto !important;
 padding:1px 1px 0 1px;
}
#index #top_contents .menu ul li {
  float: left;
  display:inline;
 height:42px;
 padding:0 1px 0 0;
}


/*----------------------------------------------------
=#contents
----------------------------------------------------*/
#contents {
  width:100%;
  background-color:#1b1b1b;
  border-bottom:1px solid #333;
}

#index #top_contents .main {
  margin: 0 auto;
  width: 980px;
}
#index #top_contents .main div.block01 {
  padding: 17px 0 7px 0;
}
#index #top_contents .main div.block02 {
  padding: 0;
}
#index #top_contents .main div.block01 div ,
#index #top_contents .main div.block02 div {
  float: left;
}
#index #top_contents .main div.m_left {
  width: 550px;
  margin-right: 10px;
}

#index #top_contents .main div.m_right{
  width: 418px;
}

*html #index #top_contents .main div.m_left {
  float: left;
  width: 550px;
  margin-right: 8px;
}

#index #top_contents .main div.m_left .title {
  position: relative;
  width: 550px;
  height: 37px;
}
#index #top_contents .main div.m_right .title {
  position: relative;
  width: 420px;
  height: 37px;
}
#index #top_contents .title a.rss {
  position: absolute;
  top: 4px;
  right: 60px;
  width: 51px;
  height: 0 !important;
  padding-top: 36px;
  overflow: hidden;
  background: url(parts/btn_rss.png) no-repeat left top;
}
#index #top_contents .title a.more {
  position: absolute;
  top: 4px;
  right: 5px;
  width: 51px;
  height: 0 !important;
  padding-top: 36px;
  overflow: hidden;
  background: url(parts/btn_more2.png) no-repeat left top;
}

#index #top_contents .title a.rss:hover {
  background: url(parts/btn_rss_over.png) no-repeat left top;
}
#index #top_contents .title a.more:hover {
  background: url(parts/btn_more2_over.png) no-repeat left top;
}

#index #top_contents .whatsnew .title {
  background: url(../images/top_v3/tit_whatsnew.jpg) no-repeat;
}
#index #top_contents .whatsnew iframe {
  margin:0;
  padding:0;
  width:550px;
  height:513px;
  background-color:#d8d9da;
}

/*---------------トピックス-----------------*/
#index #top_contents .topics {
  position:relative;
  margin-bottom: 7px;
  background-color:#d8d9da;
}
#index #top_contents .topics .title {
  height:37px;
  background: url(../images/top_v3/tit_topics_v2.jpg) no-repeat;
}
#index #top_contents .topics .inner {
  padding:10px;
  width: 398px;
  border:1px solid #7e7e7e;
  border-top:none;
}
#index #top_contents .topics .inner img ,
#index #top_contents .topics .inner_r {
  float:left;
}
#index #top_contents .topics .inner_r {
  margin-right:12px;
  padding-left: 8px;
}
#index #top_contents .topics .inner_r p {
  font-weight: bold;
  margin-bottom:10px;
}
#index #top_contents .topics .inner_r ul {
  position:absolute;
  bottom:11px;
  font-size: 11px;
  line-height: 1.2;
  border:1px solid #EEEEEE;
  padding:3px 5px;
  margin-right:10px;
  width:160px\9;
}

#index #top_contents .topics .inner_r ul li {
  color: #333;
  background:url(parts/topics_list.gif) no-repeat left top;
  padding-left:18px;
  margin:5px 0;
}

#index #top_contents .topics .inner_r ul li.txt {
  color: #333;
  background:none!important;
  padding-left:0!important;
  margin:0!important;
}



/*---------------ブログ-----------------*/

#index #top_contents .blog {
  margin-bottom: 7px;
  background-color:#d8d9da;
  width:418px;
}

#index #top_contents .blog .title {
  background: url(../images/top_v3/tit_blog.jpg) no-repeat;
}
#index #top_contents .blog .inner {
  padding: 0;
  width: 418px;
  border:1px solid #7e7e7e;
  border-top:none;
  height: 296px;
  background-color:#d8d9da;
}

#index #top_contents .blog dl{
  float:left;
  border-bottom:1px solid #babdc0;
  padding:5px 0;
}
#index #top_contents .blog dl.top4{
  float:left;
  border-bottom:none;
}
#index #top_contents .blog dl dt.icon{
  float:left;
  width:73px;
}
#index #top_contents .blog dl dt.icon img{
  border:1px solid #999999;
  margin:0 5px 0 10px;
}

#index #top_contents .blog dl dd{
  float:left;
  width:345px;
  line-height:1.2em;
}

#index #top_contents .blog dl dd a:hover{
  text-decoration:none;
}
#index #top_contents .blog dl dd a{
  display:block;
  font-weight:bold;
  color:#333333;
  padding:0 5px 2px 0;
}

#index #top_contents .blog dl dd span.date{
  display:block;
  font-weight:normal;
  font-size:10px;
  color:#666666;
  padding:2px 0 0 0;
}

/*20101018*/
#index #top_contents .blog dl a:hover{
  text-decoration:none;
}
#index #top_contents .blog dl dd.blogtitle{
  font-weight:bold;
  color:#666;
}
#index #top_contents .blog dl dd.ex{
  float:left;
  width:345px;
  font-weight:normal;
}

#index #top_contents .blog dl dd.ex span.date{
  display:block;
  font-weight:normal;
  font-size:10px;
  color:#666666;
  padding:2px 0 0 0;
}

.SpryHiddenRegion{   visibility: hidden;}

.loading{
  display:block;
  padding: 0;
  width: 382px;
  border:1px solid #7e7e7e;
  border-top:none;
  height: 259px;
  background-color:#d8d9da;
  padding:18px;
  text-align:center;
}


/*---------------ピックアップ-----------------*/
#index #top_contents .pickup .title {
  background: url(../images/top_v3/tit_pickup.jpg) no-repeat;
}
#index #top_contents .pickup .inner {
  width:536px;
  background-color:#333;
  border:1px solid #3d3d3d;
  border-top:none;
  padding:5px 6px;
}

#index #top_contents .pickup .inner ul{
  display:table;
  width:531px;
  margin:0;
  padding:0;
  list-style:none;
}

#index #top_contents .pickup .inner ul li{
  display:table-cell;
  *display:inline;
  *zoom:1;
  width:172px;
  margin:0;
  padding:0 3px 3px 2px;
}

*html #index #top_contents .pickup .inner ul li{
  display:inline;
  width:172px;
  margin:0;
  padding:0 3px 3px 0;
}

#index #top_contents .pickup .inner ul li img {
  border:1px solid #FFF;
}

/*---------------Twitterアカウント-----------------*/
#index #top_contents .twitter {
  margin-bottom: 7px;
  background-color:#d8d9da;
  width:418px;
}
#index #top_contents .twitter .title {
  background: url(../images/top_v3/tit_social.jpg) no-repeat;
}
#index #top_contents .twitter .inner {
  padding: 0;
  width: 418px;
  border:1px solid #7e7e7e;
  border-top:none;
  letter-spacing: -1px;
  height: auto;
  background-color:#d8d9da;
}
#index #top_contents .tweet {
  display:block;
  padding:0;
}

#index #top_contents .twitter .tweet dl{
  float:left;
  border-bottom:1px solid #babdc0;
  padding:5px 0;
}
#index #top_contents .twitter .tweet dl.last{
  float:left;
  border-bottom:none;
}
#index #top_contents .twitter .tweet dl dt{
  float:left;
  width:65px;
}
#index #top_contents .twitter .tweet dl dt img{
  border:1px solid #999999;
  margin:0 5px 0 10px;
}

#index #top_contents .twitter .tweet dl dd{
  float:left;
  width:353px;
  line-height:1.2em;
}

#index #top_contents .twitter .tweet a:hover{
  display:block;
  background-color:#EFF0F0;
  text-decoration:none;
}
#index #top_contents .twitter .tweet dl dd span.account{
  display:block;
  font-weight:bold;
  color:#666666;
}
#index #top_contents .twitter .tweet dl dd span.tweet{
  display:block;
  font-weight:normal;
  color:#333333;
  height:1.1em;
  overflow:hidden;
  padding:4px 5px 0 0;
}
#index #top_contents .twitter .tweet dl dd span.date{
  display:block;
  font-weight:normal;
  font-size:10px;
  color:#666666;
  padding:2px 0 0 0;
}


/*---------------サブメニュー-----------------*/
#index #top_contents .submenu .inner {
  padding:0;
  width: 420px;
}

#index #top_contents .submenu .inner ul {
  display:table;
  margin:0;
  padding:0;
}
#index #top_contents .submenu .inner ul li {
  display:table-cell;
  *display: inline;
  *zoom: 1;
  width: 101px;
  padding-left:5px;
}

#index #top_contents .submenu .inner ul li.first {
  display:table-cell;
  *display: inline;
  *zoom: 1;
  width: 101px;
  padding-left:0;
}

#index .re_top .btn {
  float: right;
  display: inline;
  margin: 11px 0;
}

/*----------------------------------------------------
=footer
----------------------------------------------------*/

.footer_bg {
  border-top:1px solid #333;
  background-color: #000;
}
.footer {
  width: 980px;
  margin: 0 auto;
  font-size: 10px;
}

.footer a, .footer a:link{color:#eee;}


.footer div.list {
  display: table-cell;
  padding: 15px 0;
  width:510px;
  vertical-align:top;
}

.footer div.qr {
  display: table-cell;
  padding: 15px 0;
  width:465px;
  vertical-align:top;
}


.footer ul li {
  float: left;
  display:inline;
  padding: 0 8px 5px;
  background: url(/common/images/header_v2/line_footmenu.gif) no-repeat right top;
}
.footer ul li.last {
  background: none!important;
}

.footer .bridge ,
.footer .mobile {
  color: #9c9c9c;
  padding:0;
	float:left;
	display:block;
}
.footer .bridge {
	width:210px;
}
.footer .mobile {
	width:235px;
	margin:0 0 0 20px;
}
.footer .bridge img ,
.footer .mobile img {
  float: right;
  display:inline;
  vertical-align:top;
  margin-left:5px;
}

/* 2013.09.10修正
.footer .mobile {
  float: left;
  width: 270px;
  color: #9c9c9c;
  padding:15px 0 0 0;
}
.footer .mobile dt {
  float: left;
  width: 210px;
  padding: 0;
}
*/