@charset "utf-8";

/**
 *
 *  プレスリリース詳細
 *
 */


#Main{
	margin:0 0 50px 0;
}

/*--------------------------------------------------------------------------
textarea
---------------------------------------------------------------------------*/
#Main .textarea{
	padding:30px 40px 45px 40px;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	background:url(/images/front/shared/main_bg_line.png) repeat-x 0 0;
}
#Main .textarea h3{
	margin:0 0 0px 0;
	font-size:150%;
	line-height:1.5;
	font-weight:bold;
}
#Main .textarea .day{
	margin:10px 0 10px 0;
	font-size:108%;
}
#Main .textarea .print{
	float:right;
	margin:-10px 0 0 0;
}
#Main .textarea .social{
	float:left;
}
#Main .textarea .social div{
	float:left;
}
#Main .textarea .social .twitter{
	width:110px;
	overflow:hidden;
}
#Main .textarea .social .bookmark{
	margin:-3px 0 0 20px;
	position:relative;
	cursor:pointer;
}
#Main .textarea .social .bookmark-inside{
	display:none;
	position:absolute;
	width:108px;
	top:22px;
	left:0;
	border:1px solid #E5E5E5;
}
#Main .textarea .social .bookmark-inside a{
	display:block;
	padding:3px 5px;
	font-size:85%;
	text-decoration:none;
	background:#FFF;
}
#Main .textarea .social .bookmark-inside a:hover{
	background:#EEE;
}
#Main .textarea .social .bookmark-inside a img{
	margin:0 5px 0 0;
}

#Main .textarea .pic{
	width:100%;
	padding:28px 0;
	overflow:hidden;
	font-size:85%;
}
#Main .textarea .pic dt{
	text-align:center;
	margin:0 0 10px 0;
}
#Main .textarea .text{
	width:100%;
	clear:both;
	font-size:108%;
    word-break: break-all;
}


/*--------------------------------------------------------------------------
info
---------------------------------------------------------------------------*/
#Main .info{
}
#Main .info table{
	width:100%;
	margin:15px 0 0 0;
}
#Main .info table th,
#Main .info table td{
}
#Main .info table th{
	width:115px;
	padding:18px 0 0 20px;
	text-align:left;
	vertical-align:top;
	background:url(/images/front/shared/main_bg_grey.png);
	border:1px solid #FFF;
}
#Main .info table td{
	padding:13px 0 13px 18px;
	border:1px solid #F0F0F0;
}
#Main .info ul li{
	float:left;
	padding:0 10px 0 0;
}
/* photo
-----------------------------------------------------------------*/
#Main .info ul.photo{
    margin: 0px auto;
    width: 660px;
}
#Main .info ul.photo li{
    width:210px;
    overflow:hidden;
    margin:0 13px 0 0;
    padding:0;
    text-align:center;
    display: inline-block;
    vertical-align: top;
    float:none;
}
#Main .info ul.photo li span{
    display: block;
    width: 281px;
    margin: 3px auto 10px auto;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    letter-spacing:0.7px;
    word-break: break-all;
    word-wrap: break-word;
}
#Main .info ul.photo li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* movie
-----------------------------------------------------------------*/
#Main .section table.movie th{
    width:100px;
    text-align:left;
    vertical-align:middle;
    bgcolor:#efe8e0;
    padding:0px 0px 0px 10px;
}
#Main .section table.movie td div.youtube {
    font-size:14px;
    line-height:16px;
    margin:10px 0px;
}

/* 添付ファイル
-----------------------------------------------------------------*/
#Main .section table.attached th{
    width:100px;
    text-align:left;
    vertical-align:middle;
    bgcolor:#efe8e0;
    padding:0px 0px 0px 10px;
}

/* slider
-----------------------------------------------------------------*/
#Main #slider {
    margin: 0 auto;
    width: 640px;
    overflow: hidden;
}

#Main #viewport{
    width: 570px;
    overflow:hidden;
}
#Main #viewport ul{
    position: relative;
    padding: 0;
}
#Main #viewport li{
    width: 186px; /* Defines the size of inner element */
    height: 122px;
    float: left; /* Places list items side by side*/
    list-style: none; /* Resets default - User Agent - style */

    /* Cosmetic */
    background: url(/images/front/shared/main_bg_darkgrey.png);
    margin: 1px 1px;
    padding: 7px 1px;
    text-align:center;
}

/* Cosmetic */
#Main #simplePrevious{
    background: url(/images/front/shared/footer/pagetop.png) no-repeat left top;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
    width: 30px;
    height: 19px;
    margin: 58px  2px 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#Main #simpleNext {
    background: url(/images/front/shared/footer/pagetop.png) no-repeat left top;
    float: right;
    text-indent: -9999px;
    cursor: pointer;
    width: 30px;
    height: 19px;
    margin: 62px  2px 0 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

/* contact
-----------------------------------------------------------------*/
#Main .info .contactbox{
	margin:25px 0 45px 0;
	padding:10px 0 0 0;
	background:url(/images/front/SearchPr/detail/info_ico_arrow.png) no-repeat 0 0;
}
#Main .info .contact-inside{
	padding:30px 30px 20px 30px;
	background:url(/images/front/SearchPr/detail/info_bg_blue.png);
}
#Main .info .contactbox .txt{
	margin:0 0 15px 0;
	padding:10px 0;
	color:#FFF;
	background:url(/images/front/SearchPr/detail/info_bg_dotline.png) repeat-x 0 100%;
}
#Main .info .contactbox ul li{
	float:left;
	width:263px;
	line-height:1;
}
#Main .info .contactbox ul li img.rover{
	margin:5px 0 0 0;
}

/*--------------------------------------------------------------------------
recommend
---------------------------------------------------------------------------*/
#Content .recommend-outside{
	width:100%;
	padding:3px 0 0 0;
	background:url(/images/front/shared/main_bg_whitedarkgrey.png) repeat-x 0 0;
	border-bottom:1px solid #D7D7D7;
}
#Content .recommend{
	width:100%;
	padding:40px 0 36px 0;
	background:url(/images/front/shared/main_bg_darkgrey.png);
}
#Content .recommend-inside{
	overflow:hidden;
	position:relative;
	width:980px;
	margin:0 auto;
}
#Content .recommend p.more{
	position:absolute;
	top:0;
	right:0;
}

/* box
-----------------------------------------------------------------*/
#Content .recommend .ranking{
	width:1000px;
	padding:10px 0 0 2px;
}
#Content .recommend .box{
	width:182px;
	font-size:93%;
	line-height:1.4;
}
#Content .recommend .box .pic{
	display:table-cell;
	width:182px;
	height:132px;
	layout-grid-line:132px;
	vertical-align:middle;
}
#Content .recommend .box .pic img{
	vertical-align:middle;
}

#Content .recommend .box .title{
	margin:10px 10px;
	font-weight:bold;
}
#Content .recommend .box .title a{
	color:#4C4C4C;
	text-decoration:none;
}
#Content .recommend .box .title a:hover{
	text-decoration:underline;
}


/* banner
-----------------------------------------------------------------*/
#Content .recommend ul.banner{
	clear:both;
	width:100%;
	height:90px;
	padding:40px 0 0 0;
}
#Content .recommend ul.banner li.feature{
	float:left;
}
#Content .recommend ul.banner li.seminar{
	float:right;
}
#Content .recommend ul.banner li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


/*--------------------------------------------------------------------------
印刷用ページ
---------------------------------------------------------------------------*/
body.popup-wrapper{
	min-width:665px;
}
body.popup-wrapper #Main{
	float:none;
	margin:0 auto;
}
body.popup-wrapper .print{
	margin:30px 0 20px 0;
	text-align:center;
}
body.popup-wrapper .lead{
	float:left;
	font-size:108%;
}
body.popup-wrapper .day{
	float:right;
	text-align:right;
}
body.popup-wrapper #Main .textarea .pic{
	font-size:108%;
}
body.popup-wrapper #Main .textarea h3{
	clear:both;
	width:100%;
	margin:0;
	text-align:center;
}
body.popup-wrapper #Main .textarea .pic{
	text-align:center;
}
body.popup-wrapper #Main .pr_print_title {
    clear:both;
    padding:30px 0;
}

/* 原稿自由化されたリリース対応 */
#news_body_block {
    background: none;
    margin:0 !important;
    padding:0px !important;
    border: none;
    color: #3d3d3d;
    text-align:left;
    vertical-align: top;
    font-size:15px;
    line-height: 26px;
    font-weight:normal;
    overflow: hidden;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
    background-color:#ffffff;
    clear: both;
    width:100%;
    word-break: break-all;
}
#news_body_block a:not(.btn) {
    color: #4597a1;
    text-decoration: none;
}
#news_body_block a:not(.btn):hover,
#news_body_block a:not(.btn):focus {
    text-decoration: underline;
}
#news_body_block img {
    max-width: 560px !important;
    margin: 10px !important;
    padding: 0px;
    display: block;
}
#news_body_block img.fl {
    float: left;
    margin: 10px;
}
#news_body_block img.fr {
    float: right;
    margin: 10px;
}
#news_body_block img.tc {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
}
#news_body_block img.mr {
    float: none;
    margin-left: auto !important;
}
#news_body_block img.ml {
    float: none;
    margin-right: auto !important;
}
#news_body_block img a {
    border:none;
    text-decoration: none;
    margin:0px;
    padding:0px;
}
#news_body_block .fr-video {
    max-width: 560px;
    margin: 10px 0px;
    overflow: hidden;
}
#news_body_block p.contents-video {
    margin: 10px 0px;
    border:none;
}
#news_body_block p.contents-image {
    margin: 0px;
    border:none;
    display: block;
}
#news_body_block table {
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    background-color: inherit;
    font-size: 14px;
    line-height: 22px;
    color: inherit;
    padding:0;
    margin: 5px 0px 20px 0px;
}
#news_body_block table td,
#news_body_block table th {
    padding: 10px;
    margin:0;
    border: 1px solid #000;
    background-color: inherit;
    font-size: inherit;
    color: inherit;
}
#news_body_block table img {
    width: 100%;
    display: block;
}
#news_body_block p {
    display:block;
}
#news_body_block p,
#news_body_block u,
#news_body_block mark {
    font-size: 15px;
    line-height: 26px;
    margin: 0px;
    padding: 0px;
}
#news_body_block h3,
#news_body_block h3 u,
#news_body_block h3 b,
#news_body_block p.contents-caption,
#news_body_block p.contents-caption u,
#news_body_block p.contents-caption b {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: bold;
    margin: 35px 0px 15px 0px !important;
    color: #000000;
    padding: 0px;
    background-color: #FFF;
    text-align: left !important;
}
#news_body_block strong,
#news_body_block b {
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    color: inherit;
}