@charset "utf-8";
/*
//	PORTO
//	contentsページ用
//	2015.5.22 started by Tadashi YAMAOKA
*/

/* リンクCSS
---------------------------------------------*/
@import url(reset.css);
@import url(basic.css);

/* ページボディ
---------------------------------------------*/


/*基本レイアウト
---------------------------------------------*/
#header-cont {

	height:140px;
	padding:0 0 0 0;
	}


/*　コンタクト
----------------------- */

div.contact {
	width:100%;
 	margin:0 auto 5px auto;
	padding:50px 0 60px 0;
	background:#fbf8f4 ;
	border-bottom: #CCC solid 1px;
}

h2.contact {
	text-align:center;
	margin:0px 0 50px 0;
	padding:0 0 0 0;
}
h3.contact {
	margin:0 0 10px 0;
	font-family: 'F+UD-TsukuMin R';
	color:#333;
	font-weight:normal;
	font-size:13px;
	letter-spacing:0.07em;
	}
	
div.contact-body {
	background: #FFF;
	width:400px;
	border:#ccc solid 1px;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	margin:0 auto 0 auto;
	padding:40px 90px 40px 90px;
	font-size:12px;
	}

div.contact-charge {
	border-bottom: #ccc solid 1px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	}
div.contact-charge2 {
	border-bottom: #fff solid 0px;
	padding:0 0 0px 0;
	margin:0 0 0px 0;
	}

div.contact-charge p, div.contact-charge2 p{
	font-family:'F+UD-TsukuMin R';
	color:#333;
	font-weight:normal;
	font-size:13px;
	letter-spacing:0.07em;
	}

div.inquiry-body {
	background: #FFF;
	width:400px;
	border:#ccc solid 1px;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	margin:0 auto 30px auto;
	padding:60px 90px 40px 90px;
	font-size:12px;
	}

div.inquiry-charge {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	}

div.inquiry-charge p {
	font-family:'F+UD-TsukuMin R';
	color:#333;
	font-weight:normal;
	font-size:13px;
	letter-spacing:0.07em;
	}

div.inquiry-charge h3{
	margin:0px 0 5px 0;
	
	}
input.inquiry {
	width:100%;
	margin:0 0 25px 0;
}
input.inquiry-btn {
	width:100%;
	height:50px;
	margin:0px auto 0 auto;
	padding:15px;}

textarea.inquiry {
	width:100%;
	margin:0 0 25px 0;
	}





/*　ニュース・イベント
----------------------- */
#contents-news {
	width:100%;
	margin:0px auto 0px auto;
	padding:0 0 0 0;
	background:#fbf8f4 ;
}
.contents-news-body {
	width:940px;
	margin:0 auto 0 auto;
	}
div.news {
	float:right;
	width:650px;
 	margin:0 auto 5px auto;
	padding:50px 0 60px 0;
}

	h2.news {
		text-align:center;
		margin:0px 0 50px 0;
		padding:0 0 0 0;
	}

	h2.news-article {
		text-align:center;
		margin:0px 0 50px 0;
		padding:0 0 0 0;
	}


	h3.news {
		margin:0 0 10px 0;
		font-family: 'F+UD-TsukuMin R';
		color:#333;
		font-weight:normal;
		font-size:13px;
		letter-spacing:0.07em;
		}
	
	div.news-body {
		background: #FFF;
		width:500px;
		border:#ccc solid 1px;
		border-radius: 10px;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px;
		margin:0 auto 25px auto;
		padding:40px 20px 40px 20px;
		font-size:12px;
		}
	p.archieve {
		text-align:center;
		font-family:'F+UD-TsukuMin R';
		font-size:20px;
		margin:0px 0 20px 0;
		letter-spacing:0.07em;
		}
	h3.news-title, h3.news-title a {
		font-family: 'F+UD-TsukuMin R';
		border-bottom: #ccc solid 1px;
		padding:0 0 10px 0;
		margin:0 0 5px 0;
		}
	div.news-body p.date{
		text-align:right;
		margin:0 10px 15px 0;
		font-weight:bold;
		}
	div.news-body p{
		font-family:'F+UD-TsukuMin R';
		color:#333;
		font-weight:normal;
		font-size:13px;
		letter-spacing:0.07em;
		}

div.side-news {
	width:230px;
	
	float:left;
	margin:50px 0 0px 20px;
	
}
div.side-news-body {
	background:#f3f4f3;
	margin:0px 0 20px 0px;
	}
div.side-news h3 {
	font-family: 'Lora';
	border-bottom: #ccc solid 1px;
	padding:15px 0 10px 0;
	margin:0px 0 5px 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.08em;
	font-size:15px;
	}
div.side-news ul{
	margin:0 20px 0px 20px;
	padding:10px 0 15px 0;
	}
div.side-news ul li, div.side-news ul li a{
	margin:0 0 7px 0px;
	font-family: 'F+UD-TsukuMin R';
	font-size:15px;
	}


div.pager {
	text-align:center;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	margin:15px 0 0 0;
	padding:60px 0 10px 0;
	border-top: #CCC solid 1px;
	}
.page_navi {
    text-align: center;
}
 
.page_navi li {
    display: inline;
    list-style: none;
}
 
.page_navi li.current span {
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 3px 7px;
}
 
.page_navi li a {
    color: #333;
    padding: 3px 7px;
    display: inline-block;
    text-decoration: none;
}
 
.page_navi li a:hover {
    color: #f00;
}
 
.page_navi li.page_nums span {
    color: #fff;
    padding: 3px 7px;
    display: inline-block;
}	
	
	

ul.ul-basic01 {
	list-style:disc;
	font-family:'F+UD-TsukuMin R';
	}
	ul.ul-basic01 li{
		margin:5px;}