@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

/*--------------------------------------------------------------------------
   visual
---------------------------------------------------------------------------*/
#Content .visual{
	width:100%;
	background:url(/images/front/index/visual_bg_repeat.png) repeat-x 0 0;
}
#Content .visual-banner{
	width:100%;
	background:#FFB3B3 repeat-x 0 0;
}
#Content .visual-inside{
	height:353px;
	padding:0 0 0 4px;
	background:url(/images/front/index/visual_img_pic.jpg) no-repeat 50% 0;
}
#Content .visual h2,
#Content .visual .btn,
#Content .visual-banner .banner{
	width:976px;
	margin:0 auto;
}
#Content .visual h2{
	padding:53px 0 29px 0;
}
#Content .visual .btn{
}

/*--------------------------------------------------------------------------
   social
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   ranking
---------------------------------------------------------------------------*/
#Content .ranking{
	background:url(/images/front/shared/main_bg_grey.png);
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #dedede;
}
#Content .ranking .box{
	border-right:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
}
#Content .ranking h3{
	padding:0 0 15px 0;
	text-align:center;
}
#Content .ranking .box .count{
	background:url(/images/front/shared/parts/ranking_bg_count.png) no-repeat 0 0;
}
/* more */
#Content .ranking .more{
	padding:14px 0 26px 0;
	text-align:right;
}
/* about */
#Content .ranking .about{
	text-align:center;
}

/*--------------------------------------------------------------------------
Wrapper
---------------------------------------------------------------------------*/
.contents-inside{
	width:100%;
	border-top:1px solid #f4f4f4;
}
#Wrapper{
	padding:49px 0 0 0;
}


/*--------------------------------------------------------------------------
#Main
---------------------------------------------------------------------------*/
/* pressrelease
-----------------------------------------------------------------*/
.pressrelease{
}
.pressrelease .more{
	padding:25px 0 55px 0;
}

/* 一覧の画像の位置調整
-----------------------------------------------------------------*/


/*--------------------------------------------------------------------------
#Side
---------------------------------------------------------------------------*/
#Side{
	padding:30px 0 0 0;
}

/* banner
-----------------------------------------------------------------*/
#Side .banner{
	padding:0 0 6px 0;
	background:url(/images/front/shared/main_bg_dotline.png) repeat-x 0 100%;
}
#Side .banner li{
	margin:0 0 10px 0;
}

/* link
-----------------------------------------------------------------*/
#Side .link{
	padding:4px 0 0 0;
	text-align:center;
}
#Side .link li{
	margin:10px 0 0 0;
}
#Side .link li a:hover img{
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

/* likebox
-----------------------------------------------------------------*/
#Side .likebox{
	margin:20px 3px 40px 3px;
}

/* latest
-----------------------------------------------------------------*/
#Side .latest{
	position:relative;
	width:276px;
	margin:25px auto;
	font-size:93%;
}
#Side .latest p.more{
	position:absolute;
	top:0;
	right:0;
}
#Side .latest ul.list{
	overflow:hidden;
}
#Side .latest ul.list li{
	margin:-1px 0 0 0;
	padding:10px 0;
	border-top:1px solid #e4e4e4;
}
#Side .latest ul.list li em{
	display:block;
	font-weight:bold;
}
#Side .latest ul.list li a{
	color:#4E4E4E;
	text-decoration:none;
}
#Side .latest ul.list li a:hover{
	color:#737373;
	text-decoration:underline;
}

/* タブ */
#toptab{
  width:679px;
  border-right:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
  background-color:#ECECEC;
}
#toptab_main li{
  background-color:#ECECEC;
  text-align:center;
  line-height:30px;
  float:left;
  display:block;
  border-left:solid 1px #cccccc;
  margin:0px;
  padding:0px;
}
#toptab_main li a{display:block;text-decoration:none;color:#000000;}
#toptab_main li a:hover{text-decoration:underline;background-color:#E3E3E3;}

#toptab_main .active a{background-color:#898989;color:#ffffff;}
#toptab_main .active a:hover{text-decoration:none;background-color:#898989;}

#toptab_main #tab_press0{width:78px;}
#toptab_main #tab_press1{width:74px;}
#toptab_main #tab_press2{width:78px;}
#toptab_main #tab_press11{width:78px;}

#toptab_main #tab_press7{width:88px;}
#toptab_main #tab_press3{width:86px;}
#toptab_main #tab_press5{width:88px;}
#toptab_main #tab_press99{width:95px;}

/* サブタブ */
#toptab_sub{
  width:664px;
  background-color:#898989;
  border-right:solid 1px #cccccc;
  text-align:center;
  clear:both;
}
#toptab_sub li{
  background-color:#898989;
  text-align:center;
  width:102px;
  line-height:30px;
  float:left;
  color:#ffffff;
  display:block;
}
#toptab_sub li a{text-decoration:none;color:#ffffff;}
#toptab_sub li a:hover{text-decoration:underline;}

#toptab_sub .active a{text-decoration:underline;color:#ffffff;}

#toptab_sub #tab_press10{width:70px;}
#toptab_sub #tab_press12{width:90px;}
#toptab_sub #tab_press4{width:90px;}
#toptab_sub #tab_press6{width:90px;}
#toptab_sub #tab_press8{width:60px;}
#toptab_sub #tab_press9{width:60px;}


/* pressrelease
--------------------*/
.pressrelease {
	width:680px;
	overflow:hidden;
	background:#fff;
}

.pressrelease .list {
    clear:both;
	padding:25px 0 0 0;
	overflow:hidden;
	border-bottom:solid 1px #f7f7f7;

}
.pic-outside {
float: left;
position: relative;
width:250px;
}

.pressrelease .list:last-child {
	border-bottom:none;
}
.pressrelease .list .ttl {
    clear:both;
	font-size:27px;
	font-weight:bold;
	line-height:32px;
	margin:0 0 12px;
}
.pressrelease .list .ttl a {
color: #555;
font-size: 20px;
font-weight: bold;
line-height: 25px;
text-decoration: none;
}
.pressrelease .list .pic {
    width:250px;
    height:200px;
	layout-grid-line:200px;
    float:none;
    display: table-cell;
    text-align:center;
    vertical-align:middle;
    border: solid 1px #F3F3F3;
    padding:0px;
    margin:0px;
}
.pressrelease .list .listtxt {
	width:380px;
	height:225px;
	display:table-cell;
    padding-left: 20px;
}
.pressrelease .list .txt {
	width:380px;
	font-size:14px;
	line-height:22px;
    word-wrap:break-word;
    word-break:break-all;
}
.pressrelease .list .publisher {
	color:#949494;
	width:380px;
	font-size:11px;
	line-height:22px;
    margin-top:8px;
}
.pressrelease .list .social {
    margin-top:15px;
	width:380px;
}
.pressrelease .list .social .twitter,
.pressrelease .list .social .facebook {
	float:left;
	width:105px;
	overflow:hidden;
}
.pressrelease .list .social .date {
	float:left;
	width:150px;
	font-size:12px;
	text-align:left;
	line-height:20px;
}

/*--------------------------------------------------------------------------
   modalWindow
---------------------------------------------------------------------------*/
#Content .modalWindow{
	display:none;
}
.modal-inside{
	overflow:auto;
	width:735px;
	padding:45px 0 28px 0;
}
.modal-inside .section{
	padding:0 28px;
}
.modal-inside .title_line{
	padding:0 0 10px 0;
	border-bottom:2px solid #898989;
}
/* lead
-----------------------------------------------------------------*/
.modal-inside .lead{
	margin:15px 0 20px 8px;
}
/* fig
-----------------------------------------------------------------*/
.modal-inside .fig{
	text-align:center;
	margin:0 0 53px 0;
}
.modal-inside .graph{
	float:left;
	padding:37px 0 40px 20px;
}
.modal-inside .graph_text{
	width:350px;
	float:right;
	padding:30px 0 30px 0;
	line-height:1.5;
}
.modal-inside .graph_text p{
	margin-bottom:20px;
}