/***********************************************
pc-new-original.css　700-230 2017-08-29
***********************************************/

.pc-displaynone{
	display: inline;
	}

.sp-displaynone{
	display: none;
	}

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

#one_maincolumn{
	background-color:#ffffff;
	width:100%;
	}

#mainArea{
	background:#fff;
	}

#page_title_imges{
	margin:0px;
	background:#fff;
	}

#bottomArea {
	background: url(/skinimg/bottomback.jpg);
	}

h1 {
	font-size: 14px;
	}

.footer-left{
	float: left;
	text-align: left;
	width:350px;
	margin:20px 33px 60px 0px;
	}

.footer-right{
	float: left;
	text-align: left;
	width:577px;
	margin:20px 0px 60px 0px;
	font-size: 13px;
	}

#footer{
	list-style-type:none;
	}

.footer-right p {
	float: left;
	}

h1 {
	padding-bottom: 10px;
	}

#h1Area {
	padding-top: 10px;
	}

h2 {
	font-size: 15px;
	color: #ff9933;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

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

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

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

/*新着情報を入れる線付きの箱*/

.new-side-Area{
	float: left;
	text-align: left;
	clear: both;
	border: 1px solid #cccccc;
	width: 230px;
	}

.new-side-box{
	float: left;
	text-align: left;
	width: 220px;
	padding: 10px 0px 10px 10px;
	}

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

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

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

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

.newszone img{
	margin: 0 auto;
	text-align: center;
	padding-bottom: 5px;
	max-width:230px;
	}

.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:340px;
	float:left;
	}

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

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

#one_blogArea{
	float:left;
	width:340px;
	margin-left:20px;
	}

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

#one_blogArea .newszone img{
	max-width:286px;
	}

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

#one_blogArea .sidenews {
	float: left;
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
	width: 318px;
	}

.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: 286px;
	float:none;
	padding:0px 0px 5px 0px;
	}

#one_newsArea .sidenews {
	float: left;
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
	width: 318px;
	}

#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;
	}
	

/*メインブログボックス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;
	}

/*サイドブログ*/

.new-side-box b{
	color:#888;
	}
/*------------------------------------------
テンプレートArea
------------------------------------------*/

.headertop-Area{
	float:left;
	text-align: center;
	width:100%;
	clear: both;
	background-color: #FFFFFF;
	}

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

.headertop-left{
	float: left;
	text-align: left;
	}

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

.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{
	float: left;
	text-align: left;
	width:230px;
	clear: both;
	}

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

.sidebottom-Area{
	float: left;
	text-align: left;
	width:230px;
	clear: both;
	}

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

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

.maintop-Area img{
	margin: 0 auto;
	text-align: center;
	}
	
.mainbottom-Area{
	float: left;
	text-align: left;
	width:700px;
	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{
	color: #4260a1;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	font-size : 20px !important;
	line-height : 160%;
	padding-top: 0px;
	}

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

h4{
	color: #4260a1;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	font-size : 20px !important;
	line-height : 160%;
	padding-top: 0px;
	}

h5{
	color: #4260a1;
	font-family:'Hiragino Mincho W5 JIS2004';
	font-size : 18px !important;
	line-height : 160%;
	}

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

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

.midashi40{
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#0000FF;
	font-size:24px;
	}

/*------------------------------------------
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: 160px;
	padding: 21px 10px 25px 10px;
	background: url(/skinimg/merit-imges.png) no-repeat;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	color: #ffffff;
	font-size: 24px;
	line-height: 160%;
	margin-bottom: 10px;
	}

.box42-U{
	float: left;
	text-align: left;
	width: 500px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	color: #F08200;
	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:20px;
	line-height: 180%;
	}

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

.box44-top{
	width: 320px;
	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: 300px;
	float: left;
	text-align: left;
	border: 5px solid #555555;
	background-color: #ffffff;
	padding: 15px 15px 10px 15px;
	clear:both;
	}
	
