﻿/*全体*/
 
h1{
	font-size:14px;
	color:#666666;
    text-align:right;
	font-weight: normal;
}

h2{
	position:absolute;	
	font-size:11px;
	color:#666666;
	padding:5px;
	line-height:1.6;
	font-weight: normal;	
}


h3{
	font-size:16px;
	color:#666666;
	padding:15px;
	margin:0px;
	line-height:1.6;
	font-weight: normal;
	text-align:left;
}

a {
  text-decoration: none;
  color: #666666; 
}
a:hover {
  text-decoration: underline;
  color: #f6a3b7; 
}


#Wrap {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}


/*ヘッダーコンテンツ*/

  .HeadTop {
  width: 100%;
  height: 100px; 
  background-image: url("../index/1712/images/head-8_01.gif"); 
  background-repeat: no-repeat; 
  position:relative;

  font-size:12px;
  color:#666666;
  margin: 0px auto; /*上下 左右*/
  }
 
  .HeadLeft {width: 80%;float:left;}
  
  .HeadRight {
  width:410px;
  height:80px;
  position:absolute;
  bottom: 0px;
  right: 0px;
  padding:20px 0px 0px 70px;
  background-image: url("../index/1712/images/head-6_02.gif"); 
  }
  
.HeadRight ul {
	margin:0px;
	padding:0px;
	list-style:none;

}
  
.HeadRight ul li {
    display: inline-block;
	float:left;
	padding:4px;
}



.HeadBar {background-color: #c2def6;height: 20px;}


.TopContent{
  width: 100%;	
}

.TopTopic{
  width: 100%;	
  height:42px;
  margin:14px 0px 0px 0px;
  padding:6px ;
  border-top:1px solid #76b4db;
  border-bottom:1px solid #76b4db;

  font-size:16px;
  color:#666666;
  text-align:center;

  
}

.TopTopic img{
 vertical-align:middle;
}

.TopNav {
  width:100%;	

  border-top:1px dotted #c2def6;
  border-bottom:1px dotted #c2def6;
  font-family:HGS明朝B;
  vertical-align:middle;
  font-size:20px;
  padding:8px 0px;
  background-image: url("../index/1712/images/topnavbgs.png"); 
}

.TopNav a {
  text-decoration: none;
  color: #333333; 
}

.TopNav a:hover {
  text-decoration: underline;
  color: #317eaa; 
}

.TopNav ul {
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:center;

}
  
.TopNav ul li {
    display: inline-block;
	padding:0px 20px;
    vertical-align:middle;

}



/*メイン*/

.Main{
	width:1080px;
	margin: 0px auto; /*上下 左右*/
}


/*左サイドメニュー*/

.MainNavi{
	float:left;
	width:188px;
	background-color:#FFFFFF;
	margin:10px 0px 0 0;
	padding:4px;
	height:5000px;
    border-right:1px solid #76b4db;
    border-left:1px solid #76b4db;
	

}

.MainNavi ul{
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:center;

}
.MainNavi ul li{
    display: inline-block;
    padding:15px 0px;

}


.NaviFirst{
	font-family:HGS明朝B;
	font-size:16px;
}

.NaviFirst a {
  text-decoration: none;
  color: #333333; 
}

.NaviFirst a:hover {
  text-decoration: underline;
  color: #76b4db; 
}


.NaviFirst ul{
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:left;

}
.NaviFirst ul li{
    display: inline-block;
    padding:15px 0px;

}

.NaviFirst img{
 vertical-align:middle;
}


.NaviList{
	width:188px;

	font-size:12px;
	color:#666666;
	padding:0px 0px;
	margin-top:15px;
	margin-bottom:20px;	
	}
.NaviList ul{
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:center;

}
.NaviList ul li{
    display: inline-block;
    padding:0px 0px 10px 0px;
  	text-align:left;

}


.NaviTitle{
	width:170px;
	font-size:18px;
	color:#333333;
	border-left:10px solid #317eaa;
	border-bottom:1px dotted #317eaa;
  	padding:0px 0px 0px 10px;
	margin:20px 0px;
}

.Search{
	width:170px;
	padding:0px;
}

.Search ul{
	margin:10px 0px;
	padding:0px;
	list-style: none; 
    text-align:left;

}
.Search ul li{
	width:170px;
}
.Search ul li a{
	display: block;
	background: url(../index/1712/images/search_list.png) no-repeat left center;
	padding: 0px 0px 0px 25px;
	color:#333333;
	text-decoration:none;
  	text-align:left;
	font-size:14px;
	line-height:1.0;
}

.Search a {
  text-decoration: none;
  color: #666666; 
}
.Search a:hover {
  text-decoration: underline;
  color: #f6a3b7; 
}


.NaviCon{
	width:178px;
	background-color:white;
	padding:4px;
    border:1px dotted #76b4db;
    font-size:14px;
    color:#f6a3b7;
    text-align:center;
    margin:10px 0px;
}


/*メインコンテンツ*/

.MainContents{
	width:880px;
	float:right;
	margin:10px auto; /*上下 左右*/

}

.PickUp{
	width:670px;
	float:left;
	padding:0px 5px 10px 5px;

}
.PickUpH{
	padding:15px 10px;
	margin:0px;
  border-top:1px dotted #76b4db;
  border-bottom:1px dotted #76b4db;
	
}

.PickUpTitle{
	width:100px;
	padding:5px;
	margin:	20px 560px 0px 0px;
	background-color:#f6a3b7;
	color:#FFFFFF;
  	text-align:center;
	font-size:14px;
	font-weight: bold;
	letter-spacing: 3px;	
}

.PicuUpContent{
	width:670px;
	padding:5px;
}

.PicuUpText{
	width:670px;
	padding:5px 5px 20px 5px;
	font-size:14px;
	color:#666666;
	border-bottom:1px dotted #76b4db;
	}


.NamingTitleWrap {
	width:670px;
	padding:0px;
	margin:	20px 0px 0px 0px;

}

.NamingTitle{
	width:150px;
	padding:5px;
	margin:	10px 0px;
	background-color:#f6a3b7;
	color:#FFFFFF;
  	text-align:center;
	font-size:14px;
	font-weight: bold;
	letter-spacing: 3px;
	float:left;	
}

.NamingTitleR {
	width:500px;
	padding:0px;
	margin:	10px 0px 0px 0px;
	float:right;	
}

.Naming{
	width:670px;
	margin:10px 5px;
	}

.NamingText{
	width:670px;
	padding:5px 5px 15px 5px;
	font-size:14px;
	color:#666666;
}

.NamingTextR{
	width:100%;
	margin:15 10 0 0;
	padding:0px 10px 5px 5px;
	font-size:16px;
	text-align:right;
}

.NamingTextR a {
  text-decoration: none;
  color: #f6a3b7; 
}
.NamingTextR a:hover {
  text-decoration: underline;
  color: #666666; 
}

.Naming ul{
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:center;
}
  
.Naming ul li {
    display: inline-block;
	padding:0px 10px 0px 0px;
	font-size:14px;
	color:#666666;
	text-align:left;
}

.BgImage {

position:relative;
	width:670px;
	margin:10px 5px;

}
.BgTxts {
	position:absolute;
	font-size:15px;
	color:#666666;
	padding:5px;
}
.BgTxtsP {
	position:absolute;
	font-size:15px;
	color:#f6a3b7;
	padding:0px;
}

.BgTxtsP a {
  text-decoration: none;
  color: #f6a3b7; 
}

.BgTxtsP a:hover {
  text-decoration: underline;
  color: #666666; 
}


.Ranking {
	width:180px;
	float:right;
	padding:5px;
	text-align:center;
	background-image:url('../index/1712/images/ranking_bg3.jpg');
	margin-bottom:10px;
	height:1200px;
}

.Ranking ul{
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:center;
}
  
.Ranking ul li {
    display: inline-block;
	padding:7px;
	font-size:14px;
	color:#666666;
	text-align:center;
	vertical-align:middle;
}

.Ranking hr{
	border-top: 1px dashed #f6a3b7;
	width:150px;
	margin:20px auto;
}

.SubContent{
	width:880px;
	background-color:white;
	margin:0px auto; /*上下 左右*/
}

.SubContent hr{
	border-top: 1px dotted #317eaa;
	width:880px;
	margin:10px 0px;
	clear: both;
}


.SubConAbout{
	width:860px;
	padding:10px;
	margin:10px 0px;
}

.SubConAbTitle{
	width:850px;
	border-left:10px solid #317eaa;
	padding:5px 20px;
	font-size:22px;
	color:#333333;
	margin:15px 5px;
	font-family:HGS明朝B;
	clear: both;
	}

.SubConAbout ul{
	margin:10px 0px;
	padding:0px;
	list-style:none;
    text-align:center;
}
  
.SubConAbout ul li {
    display: inline-block;
	padding:5px;
	font-size:14px;
	color:#666666;
	text-align:left;
	vertical-align:top;
}

.STitle{
	font-size:16px;
	color:#666666;
	font-weight: bold;
}

.Txts {

	font-size:16px;
	color:#666666;
	padding:15px 20px;
	line-height:1.6;
}

.TxtsB {
	font-size:19px;
	color:#666666;
	padding:0px;
	line-height:1.6;
	
}
 .Txtsmidi {
	text-align:left;
	font-size:11px;
	color:#666666;
	padding:5px;
	line-height:1.6;
}

 .TxtsPink {
	font-size:14px;
	color:#f6a3b7;
	height:14px;
}



 .TxtsBlue {
	font-size:14px;
	color:#317eaa;
	height:14px;
	font-weight:bold;
}

 .TxtsBlueB {
	font-size:20px;
	color:#317eaa;
	font-weight:bold;
}


.ImgR {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz/border-radius:10px;
}

.ImgB {
	border:1px #999999 solid;
}



ul#searchBox{width:98%; margin:10px auto;}
ul#searchBox li, ul#searchBox dl, ul#searchBox dt, ul#searchBox dd{margin:0;}
ul#searchBox li{list-style:none; text-align:left;}
ul#searchBox li.midashi{color:#333333;font-size:16px;font-weight:normal; padding:5px;  }
ul#searchBox li.item{ padding:3px 0px 10px; font-size:12px;}
ul#searchBox li.item dt{padding:5px; font-weight:normal;color:#333333;}
ul#searchBox li.searchBtn{padding:10px 0; }


/*Informationのスクロール*/

/*スクロールバー全体*/
div::-webkit-scrollbar{
  width: 12px;
}
/*スクロールバーの軌道*/
div::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #317eaa; 
}
/*スクロールバーの動く部分*/
div::-webkit-scrollbar-thumb{
  background: #76b4db;
  border-radius: 10px;
  box-shadow: none;
}
.container{
  width: 100%;
  height: 150px;
  overflow: auto;
}

.inner{
  width:90%;
  height:300px;
  font-size:14px;
  color:#666666;
  padding:10px;
}
.containerY{
  width: 100%;
  height: 400px;
  overflow: auto;
}

.innerY{
  width:1900px;
  height:350px;
  padding:10px;
}

.innerY ul{
	margin:0px;
	padding:0px;
	list-style:none;
    text-align:center;
    
}
  
.innerY ul li {
    display: inline-block;
	padding:5px;
	font-size:10px;
	color:#666666;
	text-align:center;
	vertical-align:top;
}



/*フッター*/

.Footer{
  background-color: #76b4db;
  width: 100%;
  margin: 0px;
  padding:10px;
  clear: both;
}

.Footer a {
  text-decoration: none;
  color: #FFFFFF; 
}


.Footer ul{
	margin:10px 0px;
	padding:0px;
	list-style:none;
    text-align:center;
}
  
.Footer ul li {
    display: inline-block;
	padding:10px;
	font-size:14px;
	color:#FFF;
	text-align:left;
	vertical-align:top;
	width:30%;
	line-height:1.8;
	height:600px;
}
.FTitle{
	font-size:18px;
	color:#FFF;
	font-weight: bold;
}
.BorderRight {
	border-right:1px dotted #FFF;
}
.BorderBot {
	border-bottom:1px dotted #FFF;
}



/*フッターナビ部分*/

#FootNavi {
	background-color: #c2def6;
	padding-top:30px;
	margin: 0px;
	height: 750px;
	clear:left;
    width: 100%;
}



#FootNavi dl {
	float:left;
	margin:5 20;
	list-style:none;
	font-size:14px;
}

#FootNavi ul {
	margin:5 20;
	list-style:none;
	font-size:14px;
}

#FootNavi dl.searchValue {
	clear:left;
}

#FootNavi .FNavi {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	color:#333333;
}

.FNavi li {
margin-top:10px;
margin-bottom:10px;
}

.FNavi dt {
font-weight:bold;
}

span.newsPick a {
color:blue;
}

