/***********************************************
pc-new-original.css　960　2017-08-29
***********************************************/

/*------------------------------------------
My original
------------------------------------------*/

.font-21 a{
	font-size: 21px;
	line-height: 160%;
}

.font-21  a, .font-21 a:link, .font-21 a:visited{
	text-decoration: underline !important;
	color: #fff !important;
}

.botan-20blue{
	text-align: center;
	padding: 10px 40px 10px 40px;
	background-color: #003F98;
	color: #ffffff;
	font-family: 'Hiragino Kaku Gothic W5 JIS2004';
	font-size: 20px;
	line-height: 160%;
	display:inline-block;
	border-radius: 50px;
	clear: both;
	margin:10px 0px;
	}

ul#servicelist{
	float:left;
	text-align:left;
	width: 960px;
	border-top:0px solid #A1CBED;
	border-left:0px solid #A1CBED;
	border-right:0px solid #A1CBED;
	}

ul#servicelist li{
	list-style-type:none;
	float:left;
	text-align:left;
	width: 176px;
	margin-top: 20px;
	margin-right: 20px;
	}

ul#servicelist li:nth-child(5n){
	list-style-type:none;
	float:left;
	text-align:left;
	width: 176px;
	margin-top: 20px;
	margin-right: 0px;
	}

ul#servicelist li img{
	max-eidth: 100%;
	height: auto;
	}

#servicelist a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

img {
	max-width: 1260px;
}

#h1Area {
	border-bottom: 1px solid #003586;
}

.headertop-center{
	float: left;
	text-align: left;
	width:150px;
	margin-top:10px;
	margin-right:10px;
	}

.headertop-form{
	float: left;
	text-align: left;
	width:180px;
	margin-top:10px;
	margin-right:10px;
	}

.headertop-form a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.footerbox-Area {
	float: left;
	text-align: left;
	width: 100%;
	clear: both;
	background-color: #EFEFEF;
	padding-top: 30px;
	padding-bottom: 10px;
	}


.dtitlebox{
	float: left;
	text-align: center;
	display:block;
	width: 100%;
	background: url(/skinimg/d-titleback.png) ;
	background-position: top center;
	background-repeat: no-repeat;
	font-family:'Hiragino Kaku Gothic W7 JIS2004';
	padding: 30px 0px 0px 0px;
	color:#ffffff;
	font-size:32px;
	line-height : 160%;
	clear:both;
	}

@media all and (-ms-high-contrast:none){
.dtitlebox{
	float: left;
	text-align: center;
	display:block;
	width: 100%;
	background: url(/skinimg/d-titleback.png) ;
	background-position: top center;
	background-repeat: no-repeat;
	font-family:'Hiragino Kaku Gothic W7 JIS2004';
	padding: 30px 0px 0px 0px;
	color:#ffffff;
	font-size:32px;
	line-height : 160%;
	clear:both;
	}
}

.dtitlebox-small{
	margin: 0 auto;
	text-align: center;
	display:block;
	width: 960px;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#ffffff;
	font-size:24px;
	line-height : 160%;
	clear:both;
	padding: 0px 0px 20px 0px;
	}


.newtitlebox{
	float: left;
	text-align: center;
	display:block;
	width: 100%;
	padding: 0px 0px 34px 0px;
	background: url(/skinimg/chu-titleback.png) ;
	background-position: bottom;
	background-repeat: no-repeat;
	font-family:'Hiragino Mincho W6 JIS2004';
	color:#003586;
	font-size:26px;
	line-height : 160%;
	clear:both;
	}

@media all and (-ms-high-contrast:none){
.newtitlebox{
	float: left;
	text-align: center;
	display:block;
	width: 100%;
	padding: 0px 0px 30px 0px; /* IEハック用 */
	background: url(/skinimg/chu-titleback.png) ;
	background-position: bottom;
	background-repeat: no-repeat;
	font-family:'Hiragino Mincho W6 JIS2004';
	color:#003586;
	font-size:26px;
	line-height : 160%;
	clear:both;
	}
}


.headertop-right a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.headertop-center a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.newblogzone{
	float: left;
	text-align: left;
	width: 100%;
	padding: 35px 0px;
	background-color: #003586;
	margin-bottom: 30px;
	}

.bottomlogoArea{
	float: left;
	text-align: left;
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 20px;
	margin-top: 20px;
	}

.bottomlogoArea img{
	margin:0 auto;
	text-align:center;
	}

.bottomlogoArea p{
	text-align: center;
	}


.linkdetails{
	float: left;
	text-align: left;
	width: 100%;
	margin-top: 10px;
	}

.linkdetails a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#bottomArea{
	background-color: #EFEFEF;
	padding-bottom: 0px;
	}

ul#snslinks{
	float: left;
	text-align: left;
	width: 960px;
	margin-bottom: 10px;
	}

ul#snslinks li{
	list-style-type: none;
	float: left;
	text-align: left;
	margin-right: 5px;
	}

ul#snslinks li:last-child{
	list-style-type: none;
	float: left;
	text-align: left;
	margin-right: 0px;
	}

#snslinks a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.faqb {
	float:left;
	width:960px;
	}

.faq-left {
	float:left;
	margin-right:20px;
	}

.faq-right {
	float:left;
	}

.sp-faqb {
	display:none;
	}

#one_maincolumn {
	padding: 0px;
	}

.newsmainAria {
	border: 1px solid #727172;
	background-color: #ffffff;
}

.news-time {
	width: 900px;
}


.fotterb {
	margin: 0 auto;
	text-align: left;
	clear: both;
	width: 960px;
	height:280px;
	padding: 20px 0px 35px 0px;
	}

.fotterb-left {
	float:left;
	width:520px;
	margin-left: 20px;
	}

.fotterb-leftbox{
	float: left;
	text-align: left;
	width: 220px;
	background: url(/skinimg/footerlogo.png) no-repeat;
	padding: 230px 5px 5px 295px;
	}

.fotterb-leftbox a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.fotterb-right {
	float:left;
	width:420px;
	}

#footerback{
	float:left;
	width:100%;
	background-color: #ffffff;
	padding-top: 15px;
	}

ul.box {
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

ul.box li {
	list-style-type: none;
	float: left;
	text-align: left;
	padding-right:21px;
	}

ul.box li a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

ul.box li:last-child {
	padding-right:0px;
	}

ul#bottomlinklist{
	margin:0 auto;
	text-align:center;
	width:960px;
	}

ul#bottomlinklist li{
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 15px;
	}

ul#bottomlinklist li:nth-child(1){
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 0px;
	}

ul#bottomlinklist li:nth-child(4){
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 0px;
	}

ul#bottomlinklist li:nth-child(7){
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 0px;
	}

ul#bottomlinklist li:nth-child(10){
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 0px;
	}

ul#bottomlinklist li:nth-child(13){
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 0px;
	}

ul#bottomlinklist li:nth-child(16){
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 0px;
	}

.linklistmain{
	float: left;
	text-align: left;
	width: 100%;
	border-bottom: 1px dashed #333333;
	padding-bottom: 5px;
	font-family: "Hiragino Kaku Gothic W6 JIS2004";
	font-size: 16px;
	font-weight: normal;
	color:: #333333;
	margin-bottom: 5px;
	}

.linklistsub{
	float: left;
	text-align: left;
	width: 295px;
	background: url(/skinimg/footericon.png) left top no-repeat;
	border-bottom: 1px dashed #cccccc;
	padding: 7px 0px 7px 15px;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	}

/*------------------------------------------
ボタン
------------------------------------------*/

.botan-red {
	margin: 0 auto;
	text-align: center;
	padding: 10px 40px 10px 20px;
	color: #ffffff;
	font-family: 'Hiragino Kaku Gothic W5 JIS2004';
	font-size: 20px;
	line-height: 160%;
	display: table;
	border-radius: 10px;
	clear: both;
	background: url(/skinimg/yajirushi.png) no-repeat right center #C7000B;
}

.botan-red a,.botan-red a:link,.botan-red a:visited {
	text-decoration: none !important;
	color: #ffffff !important;
}

/*------------------------------------------
ヘッダー　3つのボタン
------------------------------------------*/

.headertop-right ul li {
	float: left;
	padding-right:6px;
	}

.headertop-right ul li a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.headertop-right ul li:last-child {
	padding-right:0px;
	}

/*------------------------------------------
フォトループ背景100％
------------------------------------------*/

.backloop{
	float:left;
	width:100%;
	background-repeat:no-repeat;
	padding-top: calc(500 / 2000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background-size: cover;
	}

/*------------------------------------------
NwesBlog Area
------------------------------------------*/

/*新着情報のスクロールバー有無どちらでも正常に表示させるための定義*/

.newslist{
	float: left;
	text-align: left;
	width: 95%;
	}

/*新着情報の内容が入る箱（繰り返し）*/

.newszone{
	float: left;
	text-align: left;
	width: 100%;
	}

.newszone hr{
	float:left;
	text-align:left;
	border:1px solid #cccccc;
	border-left:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-bottom:0px solid #cccccc;
	width:100%;
	display:inline;
	margin:10px 0;
	}

ul.siderss{
	float:left;
	text-align:left;
	width:100%;
	margin-top: 10px;
	}

ul.siderss li{
	list-style-type:none;
	float:left;
	text-align:left;
	margin-right: 10px;
	}

/*メインニュースボックス*/

.newsbox img {
	float: right;
	text-align: right;
	padding: 10px 10px 10px 10px;
	}

#one_newsArea{
	width:470px;
	float:left;
	}

.newsmain hr{
	border-top:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-right:0px solid #cccccc;
	}

.mainrss{
	margin-top:5px;
	}

.newsmainAria .main_news img{
	max-width:200px;
	}
	
.newsmainAria .newsmain img{
	max-width:200px;
	}

.newsmainAria .newsmain hr{
	width:918px;
	}

/*メインブログボックス2個*/

#one_blogArea{
	float:left;
	width:470px;
	margin-left:18px;
	}

#one_blogArea .centerclear{
	width:auto;
	float:left;
	}

#one_blogArea .newszone img{
	margin:0 auto;
	text-align:center;
	max-width:416px;
	}

.newszone img{
	max-width:190px;
	}

#one_blogArea .sidenews {
	float: left;
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
	width: 448px;
	background-color: #ffffff;
	}

#one_blogArea .sidenews b{
	color:#888;
	}

#one_blogArea .sidenews hr{
	float:left;
	text-align:left;
	border:1px solid #cccccc;
	border-left:0px solid #46B035;
	border-right:0px solid #46B035;
	border-bottom:0px solid #46B035;
	width:100%;
	display:inline;
	margin:5px 0;
	}

#one_newsArea .newsbox{
	float: left;
	text-align: left;
	width: 95%;
	}

#one_newsArea .newsbox img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 5px;
	max-width: 416px;
	float:none;
	padding:0px 0px 5px 0px;
	}

#one_newsArea .sidenews {
	float: left;
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
	width: 448px;
	text-align:left;
	background-color: #ffffff;
	}

#one_newsArea .sidenews hr{
	float:left;
	text-align:left;
	border:1px solid #cccccc;
	border-left:0px solid #46B035;
	border-right:0px solid #46B035;
	border-bottom:0px solid #46B035;
	width:100%;
	display:inline;
	margin:5px 0;
	}

p.newstitle{
	font-size: 14px;
	color:#333333;
	font-weight:normal;
	}

.sidenews .rss{
	margin-top:10px;
	}

.sidenews b{
	color:#888;
	text-align:left;
	}
	
#one_blogArea{
	border:0px;
	}

/*メインブログボックス1個*/

.newsmainAria .newslist{
	width:100%;
	}

.newsmainAria .newszone img{
	float: right;
	text-align: right;
	padding: 10px 10px 10px 10px;
	}

.newsmainAria br{
	clear:left;
	}

/*コンテンツ側で一列の場合*/

.one-main-Area{
	float: left;
	text-align: left;
	clear: both;
	}

/*コンテンツ側で二列の場合*/

.two-main-Area{
	float: left;
	text-align: left;
	clear: both;
	}

/*------------------------------------------
テンプレートArea
------------------------------------------*/

.headertop-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.headertop{
	float: left;
	text-align: left;
	clear: both;
	background: url(/skinimg/headertop.png) top no-repeat;
	}

.headertop-left{
	float: left;
	text-align: left;
	width:250px;
	margin-right:318px;
	}

.headertop-right{
	float: left;
	text-align: left;
	width:392px;
	}

.headertop-Area img{
	margin: 0 auto;
	text-align: center;
	}

.headerbottom-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.headerbottom-Area img{
	margin: 0 auto;
	text-align: center;
	}

.sidetop-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.sidetop-Area img{
	margin: 0 auto;
	text-align: center;
	}

.sidebottom-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.sidebottom-Area img{
	margin: 0 auto;
	text-align: center;
	}

.maintop-Area{
	float: left;
	text-align: left;
	width: 100%;
	clear: both;
	border-top: 1px solid #C9CACA;
	background: url(/skinimg/mainback.png) top no-repeat;
	}

.maintop-Area img{
	margin: 0 auto;
	text-align: center;
	}
	
.mainbottom-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.mainbottom-Area img{
	margin: 0 auto;
	text-align: center;
	}

.bottomtop-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.bottomtop-Area img{
	margin: 0 auto;
	text-align: center;
	}

.bottombottom-Area{
	margin: 0 auto;
	text-align: center;
	width:960px;
	clear: both;
	}

.bottombottom-Area img{
	margin: 0 auto;
	text-align: center;
	}

/*------------------------------------------
見出し文
------------------------------------------*/

.midashi{
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	color: #0089dd;
	font-size: 22px;
	line-height: 160%;
	margin-bottom: 0px;
	width: 100%;
	}

/*------------------------------------------
h4タグ
------------------------------------------*/

h4{
	padding-top: 8px;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	font-size : 24px !important;
	line-height : 160%;
	color: #221815;
	width: 100%;
	border-bottom: 1px solid #221815;
	padding-bottom: 10px;
	margin-bottom: 15px;
	}

/*------------------------------------------
skin-40　チェックボックス
------------------------------------------*/

.checkboxfont td{
	border: 0px !important;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#333333;
	font-size:20px;
	}

.midashi40{
	font-family:'Hiragino Mincho W7 JIS2004';
	color:#221815;
	font-size:26px;
	}

/*------------------------------------------
skin-41　チェックシート
------------------------------------------*/

.box41{
	float: left;
	text-align: left;
	width:100%;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	color: #F08200;
	font-size: 20px;
	line-height: 160%;
	font-weight: normal;
	}

/*------------------------------------------
skin-42　メリットボックス
------------------------------------------*/

.meriticon{
	float: left;
	text-align: center;
	width: 180px;
	padding: 21px 10px 25px 10px;
	background: url(/skinimg/merit-imges.jpg) top no-repeat,url(/skinimg/merit-imges-bottom.jpg) bottom no-repeat;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	color: #ffffff;
	font-size: 20px;
	line-height: 160%;
	}

.box42-U{
	float: left;
	text-align: left;
	width: 740px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	color: #0089dd;
	font-size: 20px;
	line-height: 160%;
	margin-bottom: 10px;
	}

/*------------------------------------------
skin-43　背景付き見出し（三列）
------------------------------------------*/

p.title43 {
	margin: 0 auto;
	text-align: center;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#ffffff;
	font-size:24px;
	line-height: 180%;
	}

/*------------------------------------------
skin-44　見出し付き文章（二列）
------------------------------------------*/

.box44-top{
	width: 450px;
	float: left;
	text-align: left;
	background-color:#555555;
	padding: 20px 10px 0px 10px;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#ffffff;
	font-size:20px;
	line-height: 160%;
	clear:both;
	}

.box44-bottom{
	width: 430px;
	float: left;
	text-align: left;
	border: 5px solid #555555;
	background-color: #ffffff;
	padding: 15px 15px 10px 15px;
	clear:both;
	}