@charset "utf-8";

.shadow {
	margin-top: 0px; /* 画像の上の余白*/
	display: inline-block;
	box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}

.shadow2 {
	margin: 8px; /* 画像の上の余白*/
	display: inline-block;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.56); /*横方向　下方向　ぼかし　広がり　色 */
}

.shadow3 {
	margin-top: 0px; /* 画像の上の余白*/
	display: inline-block;
	box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}

/* subContents
----------------------------------------------------------------------------------------------*/

/* wp ninki */
.tit_side_ninki{
	font-size:16px;
	text-align:left;
	line-height:1.5em;
	padding:9px 10px 5px 35px;
	margin-bottom:0;
	color:#fff;
	background:#555 url(/common/images/sharesite/icon_side_ninki.png) no-repeat 7px 10px;
	border-bottom:6px solid #2688d0;
}

.side_ninkilist{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0px 15px 15px 15px;
	background-color:#f3f3f3;
}

.side_ninkilist li{
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}

.side_ninkilist li .p01{
	float:left;
	width:80px;
	margin:0;
}

.side_ninkilist li .p02{
	float:right;
	width:172px;
	margin:0;
	font-size:14px;
	line-height:1.5em;
}

/* wp gensen */
.tit_side_gensen{
	font-size:16px;
	text-align:left;
	line-height:1.5em;
	padding:9px 10px 5px 35px;
	margin-bottom:0;
	color:#fff;
	background:#555 url(/common/images/sharesite/icon_side_gensen.png) no-repeat 7px 10px;
	border-bottom:6px solid #e94c96;
}

.side_gensenlist{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0px 15px 15px 15px;
	background-color:#f3f3f3;
}

.side_gensenlist li{
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}

.side_gensenlist li .p01{
	float:left;
	width:80px;
	margin:0;
}

.side_gensenlist li .p02{
	float:right;
	width:172px;
	margin:0;
	font-size:14px;
	line-height:1.5em;
}

/* menber */
/*.menber{
background: url(../images/menber_bg01_t.gif);
margin-bottom:16px;
zoom:1;
}*/

.menber .txt{
color:#eee;
margin-bottom:10px;
}
.menber .txt a{
color:#eee;
text-decoration:underline;
}


ul.btnList01{
margin:-3px -3px;
padding:0;
list-style:none;
}
ul.btnList01 li{
margin:0 0 1px;
padding:0;
}

ul.linkList01S li a{
color:#eee;
text-decoration:underline;
}

dl.osusume{
background:#fff;
margin:20px -14px -8px;
padding:10px 14px;
}
dl.osusume dt{
margin:0 0 10px;
color:#333333;
font-weight:bold;
font-size:120%;
}
dl.osusume dd{
margin:0;
}
dl.osusume dd a{
text-decoration:underline;
}





/* mainContents
----------------------------------------------------------------------------------------------*/
/* top */



/* teikei */
.top_tit_ninki{
	background-color:#555;
	padding:16px 17px;
	border-bottom:1px dotted #bbb;
}

.top_anchorlist{
	font-size:12px;
	line-height:1.5em;
	list-style:none;
	padding:16px 40px 6px;
	border-top:3px solid #999;
	border-bottom:1px solid #ccc;
	background-color: #fafafa;
	margin-bottom:20px;
}

.top_anchorlist li{
	float:left;
	padding:0 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-right:-1px;
	margin-bottom:10px;
}


.top_tit_ninki .p01{
	font-size:22px;
	line-height:1.5em;
	color:#fff;
	float:left;
	width:622px;
	margin:0;
	padding-left:40px;
	font-weight:bold;
	background:url(/common/images/sharesite/icon_top_tit_ninki.png) 0 0px no-repeat;
}

.top_tit_ninki .p02{
	font-size:22px;
	line-height:1.5em;
	color:#fff;
	float:right;
	width:160px;
	margin:0;
}

.top_ninkilist{
	background-color:#555;
	padding:16px 1px 16px 17px;
	width:864px;
	list-style:none;
	margin-bottom:20px;
}

.top_ninkilist li{
	float:left;
	margin-right:16px;
	margin-bottom:0;
	width:272px;
}

.top_ninkilist li p.p01{
	margin-bottom:16px;
	text-align:center;
	height:196px;
	overflow:hidden;
}

.top_ninkilist li p.p02{
	margin:0;
	font-size:16px;
	line-height:1.5em;
	color:#fff;
	overflow:hidden;
	padding:0 10px;
	word-break: break-all;
}

.top_ninkilist li p.p02 a {
	color: #fff;
	text-decoration: none;
}

.top_ninkilist li p.p02 a:hover {
	color: #ccc;
	text-decoration: underline;
}



.top_tit_ninki2{
	background-color:#eee;
	padding:16px 16px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.top_tit_ninki2 .p01{
	font-size:22px;
	font-weight:bold;
	line-height:1.5em;
	color:#222;
	float:left;
	width:622px;
	margin:0;
	padding-left:40px;
	background:url(/common/images/sharesite/icon_top_tit_wp.png) 0 0px no-repeat;
}

.top_tit_ninki2 .p02{
	font-size:22px;
	line-height:1.5em;
	color:#222;
	float:right;
	width:160px;
	margin:0;
}

.top_ninkilist2{
	background-color:#eee;
	padding:0px 0px 0px 16px;
	width:864px;
	list-style:none;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.top_ninkilist2 li{
	float:left;
	margin-right:16px;
	margin-bottom:16px;
	width:200px;
}

.top_ninkilist2 .box01{
	margin-bottom:0;
	width:184px;
	padding:8px;
	background-color:#555;
}

.top_ninkilist2 li .p01{
	font-size:10px;
	line-height:1.5em;
	background-color:#00ccff;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
	margin:-6px 0 10px -6px;
}

.top_ninkilist2 li .img{
	height:132px;
	overflow:hidden;
}

.top_ninkilist2 li .cbx_wp{
	background-color:#008ffd;
}

.top_ninkilist2 .box02{
	margin-bottom:0;
	width:166px;
	padding:16px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.top_ninkilist2 li p{
	margin:0;
}

.top_ninkilist2 li .title{
	font-size:14px;
	line-height:1.5em;
	height:85px;
	overflow:hidden;
	word-break: break-all;
}

.top_ninkilist2 li .company{
	font-size:10px;
	line-height:1.1em;
	color:#888;
	height:29px;
}


.top_ninkilist2 .box02 p.check{
	color: #222;
	font-size: 14px;
	font-weight:bold;
}

.top_ninkilist2 .box02 p.check input{
	outline: 4px solid #0099ff;
	vertical-align:middle;
}


/* pageTitle */
.pageTitle{
border:1px solid #cccccc;
background: url(../images/pagetitle_bg01_t.gif) repeat-x left bottom;
margin-bottom:16px;
position:relative;
}

.pageTitle h1{
background: url(../images/pagetitle_bg02_t.gif) no-repeat left top;
margin:-1px 0 0;
padding:14px 14px 12px;
font-size:22px;
font-weight:bold;
line-height:1.3;
color:#555;
}

.pageTitle h1 p.tit_material_summary{
background: url(../images/sharesite/icon_s_tit_material_summary.png) no-repeat 0 -2px;
margin-bottom:0;
padding-left:40px;
}

.pageTitle h1 p.tit_ranking{
background: url(../images/sharesite/icon_s_tit_ranking.png) no-repeat 0 -2px;
margin-bottom:0;
padding-left:40px;
}

.pageTitle h1 p.tit_tieup{
background: url(../images/sharesite/icon_s_tit_tieup.png) no-repeat 0 -2px;
margin-bottom:0;
padding-left:40px;
}


.pageTitle_telmarke{
border:1px solid #cccccc;
background: url(../images/pagetitle_bg01_t.gif) repeat-x left bottom;
margin-bottom:16px;
position:relative;
}
.pageTitle_telmarke h1{
background: url(../images/pagetitle_bg02_t.gif) no-repeat left top;
margin:-1px 0 0;
padding:14px 14px 12px;
font-size:140%;
font-weight:bold;
line-height:1.3;
color:#333333;
}
.pageTitleGenreList{
border:1px solid #cccccc;
background: url(../images/pagetitle_bg01_t.gif) repeat-x left bottom;
margin-bottom:16px;
position:relative;
}
.pageTitleGenreList h1{
background: url(../images/pagetitle_bg02_t.gif) no-repeat left top;
margin:-1px 0 0;
padding:10px 14px 8px;
font-size:140%;
font-weight:bold;
line-height:1.3;
color:#333333;
}
.pageTitleGenreList span.genreList{
display:block;
padding:4px 0 4px 40px;
}
.pageTitleGenreList span.genreList span{
color:#9c1d2b;
}
.pageTitle .date{
position:absolute;
right:10px;
top:1em;
font-size:120%;
}

.pageTitle_blue{
border:1px solid #cccccc;
background: url(../images/pagetitle_bg01_blue.gif) repeat-x left bottom;
margin-bottom:16px;
position:relative;
}
.pageTitle_blue h1{
background: url(../images/pagetitle_bg02_blue.gif) no-repeat left top;
margin:-1px 0 0;
padding:14px 14px 12px;
font-size:140%;
font-weight:bold;
line-height:1.3;
color:#333333;
}

/*------------------------------------------------------------  material summary -----*/

.material_summary .topbox .newbox{
	float:left;
	width:350px;
	background-color:#1476be;
	padding:0 16px 16px;
}

.rankbox .ranking ol.rankingList li span{
display:block;
background-repeat: no-repeat;
background-position: left top;
padding-left:35px;
height:97px;
overflow:hidden;
}

/*------------------------------------------------------------  tieup -----*/

.t3list{
	margin-right:-15px;
	width:897px;
}

.t3list li{
	float:left;
	background-color:#fffff9;
	border:1px solid #bfbbb2;
	padding:0px;
	width:282px;
	margin-right:15px;
	margin-bottom:15px;
}

.t3list li .img{
	text-align:center;
	padding:16px 15px 18px;
	background-color:#bfbbb2;
}

.t3list li .cbx{
	padding:4px 20px;
	font-size:11px;
	line-height:1.5em;
	background-color:#e94c96;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	margin-left:15px;
}

.t3list li .txt{
	font-size:16px;
	line-height:1.5em;
	color:#222;
	padding:0 15px;
	height:96px;
	overflow:hidden;
}

.t3list li .comp{
	font-size:11px;
	line-height:1.1em;
	color:#888;
	padding:0 15px;
	height:22px;
}

.t3list li .btn{
	text-align:center;
	padding:0 0 15px;
}