@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/

a:link, a:visited { color:#06C; text-decoration:none; }
a:hover, a:active {	color:#06C; text-decoration:underline; }
html { background-color:#fff; }
body { background-color:#F0EEEC; color:#333; min-width:1090px; 
	margin: 60px 0 0 0;
}


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	width:1040px;
	margin:0 auto 80px;
}

/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
/** header **/
#header2{
    width: 100%; 
	position: fixed !important;
    position: absolute;  
    top: 0; 
    left: 0;  
	z-index: 300;
	background:#fff;
/*	box-shadow: 0 0 5px 0 #666;
    -webkit-box-shadow: 0 0 5px 0 #666;
    -moz-box-shadow: 0 0 5px 0 #666;*/
	filter: alpha( opacity = 95 );
	opacity: 0.95;
	font-size:12px;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	line-height:1.5em;
	
}
#header2 #navi{
	width:990px;
	height:60px;
	margin:0 auto;
	padding:0 20px 0 30px;
	background:#fff;
	filter: alpha( opacity = 100 );
	opacity: 1;
}
#header2 #navi h1{
	width:215px;
	height:40px;
	float:left;
	margin:10px 0 0 0;
}
#header2 #navi ul{
	float:right;
}
#header2 #navi li{
	display:block;
	float:left;
	padding:22px 20px 0 0;
	font-weight:bold;
}
#header2 #navi li.login_btn,#header2 #navi li.login_btn2{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#0B3E6B;
	padding:0;
}
#header2 #navi li.login_btn2{
	background:#ed704b;
}
#header2 #navi li.login_btn a,#header2 #navi li.login_btn2 a{
	display:block;
	color:#fff;
	background:#eeac0f;
	padding:22px 20px 20px 20px;
}
#header2 #navi li.login_btn2 a{
	background:#e95a38;
}
/** hover **/
#header2 #navi p a,#header2 #navi li a{
	text-decoration:none;
	color:#0b3e6b;
}


#header2 #navi p a:hover,
#header2 #navi li a:hover{
	text-decoration:none;
	color:#2f6594;
	zoom: 1;
}
#header2 #navi p a:hover{
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}
#header2 #navi li.login_btn a:hover {
	border-bottom:none;
	background:#f0c358;
	color:#fff;
}

#header2 h1#sitecatch{
	font-size:12px;
	line-height:1.8em;
	color:#fff;
	background:#0B3E6B;
	border-bottom:solid 1px #fff;
	padding: 0 0 0 40px;
}
#header2 #navi .kakeibonlogo{
	width:215px;
	height:40px;
	float:left;
	margin:10px 0 0 0;
}

/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	float:right;
	width:756px;
}

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/
#side {
	float:left;
	width:268px;
}
#side .block {
	padding-bottom:5px;
	margin-bottom:15px;
	background:url(../img/common/bg_side_bottom.gif) no-repeat 0 100%;
}
#side .block01 {
	padding-bottom:0;
	background:none;
}
#side .block .blockInner {
	background:url(../img/common/bg_side_content.gif) repeat-y 0 0;
}
#side .block .blockInner .blockContent {
	padding:0 4px;
	background:;
}
#side .block .blockInner h4.headline4 {
	position:relative;
	padding:0 4px;
	background:#EDEFEE;
	color:#333;
}
#side .block .blockInner h4.headline4 span {
	display:block;
	padding:7px 9px;
	background:url(../img/common/bg_headline4.gif) repeat-x 0 0;
}
#side .block .blockInner h4.headline4 a.follow {
	position:absolute;
	top:5px;
	right:9px;
	padding:0;
}
#side .block01 .blockInner h4.headline4 span {
	padding:13px 19px 11px;
}
#side .block .blockInner .article {
	padding:6px 10px 17px;
	background:url(../img/common/bg_side_bottom.gif) no-repeat 0 100%;
}
#side .block .blockInner .article .leftBlock {
	float:left;
	position:relative;
	width:95px;
	padding:10px 0 0 10px;
}
#side .block .blockInner .article .leftBlock .icon {
	display:inline;
	position:absolute;
	top:0;
	left:0;
}
#side .block .blockInner .article .rightBlock {
	position:relative;
	float:right;
	width:135px;
	padding:8px 3px 30px 0;
	min-height:54px;
}
* html #side .block .blockInner .article .rightBlock {
	height:55px;
}
#side .block .blockInner .article .rightBlock .title a {
	font-weight:bold;
	color:#000;
}
#side .block .blockInner .article .rightBlock ul {
	position:absolute;
	left:0;
	bottom:0;
	padding-top:7px;
	background:url(../img/common/bg_dotted.gif) repeat-x 0 0;
}
* html #side .block .blockInner .article .rightBlock ul {
	top:72px;
}
#side .block .blockInner .article .rightBlock ul li {
	display:inline;
}
#side .block .blockInner .article .rightBlock ul li a {
	font-size:10px;
	color:#000;
	letter-spacing:-1px;
}
#side .block .blockInner .article .rightBlock ul li a img {
	vertical-align:middle;
}
#side .block .blockInner .article .rightBlock ul li a span {
	display:inline-block;
	vertical-align:middle;
}
#side .block .blockInner .article .rightBlock ul li a:hover span {
	text-decoration:underline;
}
#side .block .blockInner p.banner {
	padding:0 4px;
}
#side .block .blockInner ul.entry {
	padding:6px 9px;
	background:#F3F3F3;
}
#side .block .blockInner ul.entry li {
	margin-bottom:7px;
	padding-bottom:13px;
	background:url(../img/common/bg_dotted.gif) repeat-x 0 100%;
}
#side .block .blockInner ul.entry li p.title {
	padding:0 1px;
}
#side .block .blockInner ul.entry li p.title a {
	color:#39499C;
}
#side .block .blockInner ul.entry li p.user {
	margin-top:-2px;
	text-align:right;
}
#side .block .blockInner ul.entry li p.user a {
	font-weight:bold;
	color:#E73044;
	text-decoration:underline;
}
#side .block .blockInner ul.entry li p.user a:hover {
	text-decoration:none;
}

/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
/** footer **/
#footer2{
	background:#fff;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
}
#footer2 #sitemapnavi{
	width:740px;
	padding:40px;
	margin:0 auto;
	background:#fff;
}
#footer2 #sitemapnavi ul{
	display:block;
	float:left;	
	margin:0 80px 0 0;
}

#footer2 #sitemapnavi ul.list_end{
	margin:0;
}
#footer2 #sitemapnavi ul li{
	line-height:1.7em;
	font-size:14px;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
#footer2 #sitemapnavi ul li strong{
	font-weight:bold;
}
#footer2 #sitemapnavi ul li h6{
	color:#fffffff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
#footlogo{
	width:100%;
	background:#fff;
	padding:0 0 5px 0;
	position:absolute;
}
#footlogo .inbox{
	text-align:center;
	margin:0 auto 10px;
}
.copyright {
	text-align:center;
	font-size:0.9em;
}
/*#footlogo .inbox img.nttlogo{
	display:block;
	width:123px;
	height:54px;
	margin:0 auto;
}*/
/** hover **/
#footer2 a,#footlogo a{
	text-decoration:none;
	color:#333;		
}
#footer2 a:hover,#footlogo a:hover{
	text-decoration:none;
	color:#333;
	filter: alpha( opacity = 70 );
	opacity: 0.7;
	zoom: 1;
}
#keyv2{
	position:relative;
	padding:0 0 0 0;

}
#footer_out{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
/* ------------------------------------------------------------------
	2-7. common class
-------------------------------------------------------------------*/
.leadBox {
	background: #fcfdfc url(../img/common/bg_leadbox02.gif) no-repeat 0 100%;
	width: 1040px;
	margin: 10px auto 20px;
}
.leadBoxInner {
	background: url(../img/common/bg_leadbox01.gif) no-repeat 0 0;
	color:#666;
	font-size: 16px;
	padding: 14px 20px 12px;
}
.leadBoxInner h2.headline1 {
	color: #185AA3;
	font-size: 26px;
	font-weight: bold;
	padding: 0 0 3px;
}
.leadBoxInner .text {
	font-size: 18px;
	padding: 0 0 16px;
}
.leadBoxInner ul {
	padding: 10px 0 10px 7px;
}
.leadBoxInner ul li {
	padding: 0 0 1px 10px;
	text-indent:-10px;
}
.breadcrumb {
	margin-bottom: 10px;
	overflow:hidden;
}
#main .breadcrumb {
	margin-top:-3px;
	position:relative;
	z-index:10;
}
.breadcrumb li {
	float: left;
	padding-right: 6px;
	color: #666;
}
.breadcrumb li a {
	background:url(../img/common/icon_arrow.gif) no-repeat 100% 5px;
	padding-right:11px;
	color:#666;
	text-decoration:underline;
}
.breadcrumb a:hover {
	text-decoration:none;
}
.headline2 {
	background: url(../img/common/bg_headline01.gif) no-repeat 0 0;
	padding:12px 0 20px 10px;
}
.headline3 {
	border-left:3px solid #80C10F;
    font-size:14px;
    font-weight:bold;
    margin:-8px 0 9px 3px;
    padding:1px 0 1px 5px;
}
.group h2 {
	padding-bottom:17px;
}
.groupInfo .banner01 {
	position:relative;
	left:-1px;
	padding-bottom: 23px;
}

.headline_comic {
  background: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.movieList {
	overflow:hidden;
	margin-right:-10px;
	padding: 2px 0 47px 0;
}
.movieList li {
	width:50%;
	display:block;
	float:left;
}
.movieList li iframe {
  display: block;
  margin: 0 auto;
}
.movieList .titleMovie {
	font-size:22px;
	font-weight: bold;
	text-align:center;
	padding: 7px 0 4px;
}
.movieList .titleMovie a {
	color:#17549C!important;
	text-decoration:underline!important;
}
.movieList .titleMovie a:hover {
	text-decoration: none!important;
	color:#3595D3!important;
}
.movieList .noteMovie {
	text-align:center;
	font-size:12px;
	color:#000;
	line-height:1.35em;
}
.btnList {
	margin:0 auto 20px;
	padding-top:30px;
	position: relative;
	width: 753px
}
.btnList li {
	float: left;
	margin-right:9px;
	width: 372px;
}
.btnList li.last {
	margin:0;
}
.reportList li {
	background:url(../img/common/bg_report.gif) repeat-y 0 0;
}
.reportList li .reportInner {
	background:url(../img/common/bg_report_bottom.gif) no-repeat 0 100%;
}
.reportList li .reportInner02 {
	position:relative;
	background:url(../img/common/bg_report_top.gif) no-repeat 0 0;
}
.reportList li.first .reportInner02 {
	background:url(../img/common/bg_report_top_first.gif) no-repeat 0 0;
}
.reportList li.bl-hover .reportInner02 {
	background:url(../img/common/bg_report_top_h.gif) no-repeat 0 0;
}
.reportList .image {
	float:left;
	padding:10px 10px 10px 11px;
}
.reportList .reportDetail {
	float:left;
	width:461px;
	padding:10px 0 8px;
}
.reportList .reportDetail .text {
	width:428px;
	color:#666;
}
.reportList .reportDetail .date {
	padding-bottom:1px;
	color:#A09B98;
	font-size:12px;
}
.reportList .reportDetail h3 {
	padding-bottom:5px;
	color:#333;
	font-size:17px;
	font-weight:bold;
}
.reportList .reportDetail .tag {
	padding-bottom:8px;
}
.reportList .reportDetail .tag ul {
	font-size:12px;
	margin-top:-1.4em;
	padding-left:5.4em;
}
.reportList .reportDetail .tag li {
	display:inline;
	background:none;
	white-space:nowrap;
}
.reportList .reportDetail .tag p {
	color:#000;
	font-weight:bold;
}
.reportList .reportDetail .tag li,
.reportList .reportDetail .tag a {
	color:#666;
}
.reportList .reportDetail .tag a {
	text-decoration:underline;
}
.reportList .reportDetail .tag a:hover {
	text-decoration:none;
}
.reportList .reportDetail .social {
	padding:11px 0 0 1px;
	margin-top:10px;
	background:url(../img/common/bg_dotted.gif) repeat-x 0 0;
}
.reportList .reportDetail .social ul {
	float:left;
}
.reportList .reportDetail .social li {
	float:left;
	padding-right:10px;
	width:89px;
	background:none;
}
.reportList .reportDetail .social li.width01 {
	width:70px;
}
.reportList .reportDetail .social li img {
	padding-right:9px;
	vertical-align:middle;
}
.reportList .reportDetail .social li a {
	display:block;
	color:#000;
}
.reportList .reportDetail .social p {
	float:right;
	position:relative;
	margin-top:-25px;
}
.reportList .reportDetail .social p img {
	padding-left:10px;
}
.reportList .reportDetail .social p span {
	position:relative;
	top:-2px;
	color:#000;
	font-size:15px;
	font-weight:bold;
}
.reportList p.category {
	position:absolute;
	right:-22px;
	top:10px;
}
.reportList p.btnBack {
	position:absolute;
	right:8px;
	top:41%;
}
.reportList p.btnBack a {
	display:block;
}



/* ------------------------------------------------------------------
	pagetop
-------------------------------------------------------------------*/

#pagetop {
	position:fixed;
	bottom:20px;
	right:20px;
}