@charset "utf-8";

/* --------------------------------------------------

 Unique Style

-------------------------------------------------- */

/* smartphone */

p#spLink {

	display:none;

}



/* --------------------------------------------------

   Top Visual Section

-------------------------------------------------- */

#tncVisualSec {

	margin-top:49px;

	font-size:0px;

	line-height:0px;

	width:720px;

	height:417px;

	overflow:hidden;

}

#tncVisualSec_index {

	font-size:0px;

	line-height:0px;

	width:920px;

	height:341px;

	overflow:hidden;

}

#tncVisualSec_index .targetImg1 {

	display:block;

	width:920px;

	background:url(/IMAGES/index_pfa_10.png) no-repeat left top;

}



#tncVisualNav {

	position:absolute;

	right:10px;

	top:394px;

	z-index:99;

}

#tncVisualNav li {

	float:left;

}

#tncVisualNav a {

	width:10px;

	height:10px;

	display:block;

	background:url(/TEMPLATE/IMAGES/SHARE/slide_btn.gif) no-repeat left top;

	margin-left:10px;

}

#tncVisualNav li.activeSlide a {

	background:url(/TEMPLATE/IMAGES/SHARE/slide_btn_on.gif) no-repeat left top;

}

#tncVisualNav_index {

	position:absolute;

	right:10px;

	top:367px;

	z-index:99;

}

#tncVisualNav_index li {

	float:left;

}

#tncVisualNav_index a {

	width:10px;

	height:10px;

	display:block;

	background:url(/TEMPLATE/IMAGES/SHARE/slide_btn.gif) no-repeat left top;

	margin-left:10px;

}

#tncVisualNav_index li.activeSlide a {

	background:url(/TEMPLATE/IMAGES/SHARE/slide_btn_on.gif) no-repeat left top;

}

/* News Section */

/* newsSec */

#newsSec_index {

	clear:both;

}

#newsSec ul {

	width: 720px;

	height: 75px;

	margin: 0 0 20px;

	background:url(/IMAGES/top_news_bg.gif) right top no-repeat;

	overflow: hidden;

}

#newsSec ul li {

	float: left;

	overflow: hidden;

}

#newsSec ul li.ttl {

	width: 100px;

}

#newsSec ul li.text {

	width: 464px;

	margin: 8px 0 0 16px;

	color: #cadb36;

	white-space: nowrap;

}

#newsSec ul li.text a {

	color: #cadb36;

	text-decoration: none;

	line-height: 20px;

}

#newsSec ul li.btn {

	width: 124px;

	margin-left: 16px;

	float: right;

}

#newsSec ul li.btn img {

	padding: 4px 4px 4px 0;

}

#newsSec_index ul {

	width: 920px;

	height: 75px;

	margin: 0 0 30px;

	background:url(/IMAGES/index_news_bg.gif) right top no-repeat;

	overflow: hidden;

}

#newsSec_index ul li {

	float: left;

	overflow: hidden;

}

#newsSec_index ul li.ttl {

	width:148px;

}

#newsSec_index ul li.text {

	width:570px;

	margin: 8px 0 0 16px;

	color: #cadb36;

	white-space: nowrap;

}

#newsSec_index ul li.text a {

	color: #cadb36;

	text-decoration: none;

	line-height: 20px;

}

#newsSec_index ul li.btn {

	width:164px;

	margin-left: 16px;

	float: right;

}

#newsSec_index ul li.btn img {

	padding: 4px 4px 4px 0;

}

/* Category Section */

#catSec {

	width: 720px;

	margin-bottom: 30px;

	background:url(/IMAGES/top_bg_btm.gif) left bottom no-repeat;

}

#catSec:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#catSec .catSecInner {

	width: 170px;

	margin-right: 13px;

	font-size: 93%;

	float: left;

	clear: right;

}

#catSec .last {

	margin-right: 0;

}

#catSec h2 {

	width: 170px;

	height: 50px;

	margin-bottom: 5px;

}

#catSec .catSecInner div {

	margin: 0 5px;

}

#catSec p.text {

	min-height:75px;

	height:auto!important;

	height:75px;

	padding: 20px 8px;

	background:url(/IMAGES/top_box_bg.gif) left bottom no-repeat;

}

*html #catSec p.text {

	height: 70px;

}

#catSec ul.link li {

	padding: 15px 8px;

	border-bottom: 1px solid #3d4227;

}

#catSec ul.link li a {

	padding-left: 13px;

	background:url(/IMAGES/top_arrow_01.gif) left center no-repeat;

}

#catSec ul.link li.last {

	border-bottom: none;

}

/* menuArea */

#menuArea dl {

	width:172px;

	float:left;

	padding:0 15px 30px 0;

	margin-top:19px;

}

#menuArea dl.last {

	padding-right:0;

}

/* social */

#social {

	zoom: 100%;

	padding-bottom:30px;

}

#social div.innerLeft {

	width:560px;

	float:left;

}

#social div.innerLeft ul li {

	display:block;
	
	width:172px;

	padding-right:11px;
	
    float:left;
}

#social div.innerLeft ul li a{
	display:block;
	}

#social div.innerRight {

	width:360px;

	float:right;

}

#social div.innerRight ul li {

	display:block;

}

#social div.innerRight p a{
	display:block;
	}

#social:after {

	content: "";

	clear: both;

	height: 0;

	display: block;

	visibility: hidden;

}

/* Button Section */

#btnSec ul {

	width: 720px;

	margin-bottom: 50px;

	clear: both;

}

#btnSec ul:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#btnSec ul li {

	width: 136px;

	margin-right: 10px;

	float: left;

}

#btnSec ul li.last {

	margin-right: 0;

}

/* 20140214 evトップ変更*/
#index-Menu{
	width:920px;
	overflow:hidden;
	margin-bottom:30px;
	padding-top:20px;
	}

#right-Area{
	float:right;
	width:358px;
	}

#right-Area dl{
	width:358px;
	margin-bottom:20px;
	}		

#right-Area dl dt{
	width:358px;
	}

#right-Area dl dd{
	width:358px;
	}

#right-Area .right-Area-Inner{
	width:358px;
	margin-bottom:20px;
	overflow:hidden;
	}

#right-Area .right-Area-Inner dl{
	margin-bottom:0;
	width:172px;
	float:left;
	}

#right-Area .right-Area-Inner dl.first{
	margin-right:14px;
	}	

#right-Area .right-Area-Inner dt,#right-Area .right-Area-Inner dd{
	width:172px;
	}		

#left-Area{
	float:left;
	width:561px;
	}

#left-Area dl{
	width:172px;
	margin-bottom:20px;
	margin-right:15px;
	float:left;
	}

#left-Area dl.Last{
	margin-right:0;
	}	

#left-Area dl dt{
	width:172px;}	


#left-Area dl dd{
	width:172px;
	}

/*20140603top変更*/

html,body{
	background:none;
	}
	
#container{
	width:100%;
	}	

#contentSeg{
	width:960px;
	margin: 0 auto;
	}
	
/* header */

/* --------------------------------------------------
   Header Segment
-------------------------------------------------- */
#headerSeg{
	width:100%;
	background:url(/TEMPLATE/IMAGES/LAYOUT/layout_header_bg.gif) 0 0 repeat-x;
	}

#headerSeg .segInner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#headerSeg .segInner {
	display:inline-block;
	width:943px;
	margin:0 auto;
}
/* Hides from IE-mac ¥*/
* html #headerSeg .segInner {
	zoom:1;
}
#headerSeg .segInner {
	display:block;
}
/* End hide from IE-mac */
#headerSeg #ciLogo {
	float:left;
}
#headerSeg #zeLogo {
	float:right;
}
/*   vi2012   */

#headerSeg #ciLogo2012 {
	dispaly: block;
	width: 97px;
	height: 121px;
	float:left;
	padding-left: 0px;
}

#headerSeg #zeLogo2012 {
	dispaly: block;
	width: 160px;
	height: 70px;
	float:right;
	margin-top: 19px;
}
#headerSeg #rightArea {
	width: 200px;
	float:right;
	display:block;
	zoom:1;
	padding-right:11.5px;
}

#headerSeg #zeLogo2012_index {
	float:right;
	margin-top:52px;
}
#headerSeg div#socialBtn {
	float:right;
	margin-top:0px;
	display:block;
	zoom:1;
}
#headerSeg div#socialBtn td {
	padding-right:5px;
	vertical-align:bottom;
}

#infoContents{
	clear:both;
	padding:15px 11.5px 44px 0;
	}

/* 検索窓　*/

#searchWordMod_index {
	position: relative;
	top:0px;
	right:0;
	float:right;
	width:200px;
	background: url(/TEMPLATE/IMAGES/TNA/search_bg_02.gif) no-repeat;
	z-index:2;
	zoom:1;
}

/* page contents */

#contentSeg .segInner_index {
	/*padding:24px 0 50px 45px;*/
	zoom:1;
	width:920px;
	margin:0 auto;
	padding:0px 0 50px;
	border-top:solid 1px #dddddd;
}

#title{ padding:41px 0 44px;}
	
#index-Menu{
	width:920px;
	overflow:hidden;
	margin-bottom:30px;
	padding-top:0px;
	}

#index-Menu img{
	vertical-align:baseline;}
	

#index-Menu a:hover, #social a:hover{
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter : "alpha(opacity=70)"!important;
	zoom:1;
	}
	
/*　page 上部メニュー　*/	
	
#top-Menu{
	margin-bottom:70px;
	}

#top-Menu .left-Area{
	width:453px;
	float:left;
	}

#top-Menu .right-Area{
	width:453px;
	float:right;
	}
	
#top-Menu a{
	border-bottom:#dddddd solid 1px;
	display:block;
	height:282px;
	padding:0px 0 29px 0px;
	}


/*　page 真ん中メニュー　*/

.middle-Menu{
	margin-bottom:63px;
	overflow:hidden;
	}

.middle-Menu .left-Area{
	width:295px;
	float:left;
	margin-right:17.5px;
	zoom:1;
	}

.middle-Menu .left-Area.last{
	margin-right:0px;
	zoom:1;
	}

.middle-Menu .right-Area{
	width:168px;
	float:right;
	zoom:1;
	}
	
.middle-Menu a{
	/*border-bottom:#dddddd solid 1px;*/
	display:block;
	height:231px;
	/*padding:0px 0 32px 0px;*/
	zoom:1;
	}

.middle-Menu.under .left-Area,#middle-Menu.under .left-Area{
	padding-bottom:30px;
	border-bottom:1px solid #dddddd;
	}

/*　3段目　*/
.middle-2nd-Menu{
	margin-bottom:75px;
	overflow:hidden;
	zoom:1;
	}

.middle-2nd-Menu .left-Area{
	width:221px;
	float:left;
	margin-right:12px;
	_margin-right:11px;
	zoom:1;
	}

.middle-2nd-Menu .left-Area.last{
	margin-right:0px;
	}
	
.middle-2nd-Menu a{
	display:block;
	height:228px;
	width:100%;
	}

.middle-2nd-Menu.under .left-Area{
	padding-bottom:31px;
	border-bottom:1px solid #dddddd;
	}		

/*　page 下部メニュー　*/

#bottom-Menu{
	margin-bottom:88px;
	}

#bottom-Menu .left-Area{
	width:107px;
	float:left;
	margin-right:9px;
	_margin-right:8.9px;
	}
	
#bottom-Menu .left-Area-last{
	width:107px;
	float:left;
	margin-right:0px;
	}	

	
#bottom-Menu a{
	border-bottom:#dddddd solid 1px;
	display:block;
	height:170px;
	padding:0 0 24px 0px;
	}

	
/* footer top のみ */

/* --------------------------------------------------
   Footer Segment
-------------------------------------------------- */
#footerSeg {
	position: fixed;
	width:100%;
	bottom:0;
	left:0;
	background:#fff;
	z-index:5;
}


* html #footerSeg {
	position: absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
/* iPhone */
@media screen and (max-device-width: 480px) {
 #footerSeg {
position: static;
}
}
/* iPad */
@media screen and (max-device-width: 1024px) {
 #footerSeg {
position: static;
}
}
#footerSeg .segInner {
	position:relative;
	width:964px;
	margin:0 auto;
	min-height:30px;
	zoom:1;
}

* html #footerSeg .segInner {
	height:30px;
}
#footerSeg .segInner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Share Module Segment
-------------------------------------------------- */
#shareMod {
	float:left;
	width:82px;
}
#shareMod ul {
	margin-left:-6px;
	padding:7px 10px 0;
	zoom:1;
}
#shareMod ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#shareMod li {
	float:left;
	display: inline;
	margin-left:6px;
	font-size:0;
	line-height: 0;
}
/* Share Link Module Segment
-------------------------------------------------- */
#shareLinksMod {
	float:left;
	width:170px;
}


#shareLinksMod ul {
	border-left:1px solid #333333;
	zoom:1;
}
#shareLinksMod ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#shareLinksMod li {
	float:left;
	padding:9px;
	border-right:1px solid #333333;
	font-size:0;
	line-height: 0;
}
#shareLinksMod02 {
	float:left;
	width:170px;
}

#shareLinksMod02 ul {
	border-left:none;
	zoom:1;
}
#shareLinksMod02 ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#shareLinksMod02 li {
	float:left;
	padding:9px;
	padding-right:11px;
	padding-left:0px;
	border-right:none;
	font-size:0;
	line-height: 0;
}

#shareLinksMod02 li.last{
	padding-right:0;
	}

/* Balloon Link Module Segment
-------------------------------------------------- */
#balloonLinkMod {
	position:absolute;
	top:-35px;
	left:10px;
}
/* Footer Links Module Segment
-------------------------------------------------- */
#footerLinksMod {
	text-align: right;
	zoom:1;
}
#footerLinksMod ul {
	padding-top:6px;
	padding-right:22px;
}
#footerLinksMod li {
	display: inline;
	padding-left:4px;
	font-size:89%;
	border-right:1px solid #616161;
	padding-right:4px;

}


/*ie7*/
*+html #footerLinksMod li{padding-right:0px;}

/*ie6*/
#footerLinksMod li{	_padding-right:0px;	}




#footerLinksMod li.last {
	border-right:none;
	padding-right:0em;
}

html:not(:target) #footerLinksMod li {
font-size:9px;
}
#footerLinksMod li.firstItem {
	border-left:none;
}


/* a (footer)*/

#footerLinksMod a{
	color:#616161;
	text-decoration:none;
	}

#footerLinksMod a:hover{
	color:#616161;
	}

#footerLinksMod a:visited{
	color:#616161;
	text-decoration:none;
	}

#footerLinksMod a:link{
	color:#616161;
	text-decoration:none;
	}