@charset "UTF-8";
/*
	Theme Name: HIRO
	Description:
	Theme URI:
	Author:
	Author URI: 
	Version: 1.0
	License: GNU General Public License
	License URI: 
*/

@import url("css/reset.css");
@import url("css/jquery.bxslider.css");
@import url("css/lightbox.css");


body{
	width:100%
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	

article{
	width:100%;
	display:block;
	padding-bottom:56px;
}

.inner{
	font-family: 'Noto Sans Japanese', sans-serif;
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	margin-top:-56px;
	padding-top:56px;

}

a{
	text-decoration: none;
	color:#000000;
}

a:hover{
	color:#D6D6D6;
}


h2{
	display:inline-block;
	font-size:2em;
	font-weight:bold;
	border-bottom:solid 3px #000000;
	letter-spacing:0.2em;
	margin-bottom:50px;
	margin-top:20px;
	color: #000000;
}

p{
	line-height:1.6em;
	margin-bottom: 1.1em;
	letter-spacing: 0.3em;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
	color: #000000;
}

/*　ヘッダー　*/

#header{
	width:100%;
	padding-top: 25px;
}

h1{
	width:120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 img{
	width: 120px;
}

nav{
	font-family: 'Noto Sans Japanese', sans-serif;
	width:100%;
	background-color:#FFFFFF;
	z-index:1;
	padding-top: 20px;
	padding-bottom: 20px;
}

nav ul{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	font-weight:normal;

}

nav li{
	display: inline;
	margin:0 7px;
}

nav a{
	letter-spacing:0.2em;
	font-size:0.8em;
}


/*  news  */

#news {
	margin-bottom: 50px;
}

#news h2{
	margin-bottom: 50px;
	margin-top: 50px;
}


#postinfo {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 50px;
	padding-left:25px;
	padding-right:25px;
	border-bottom: 1px dotted #808080;
}

h3 {
	float: left;
	font-size: 1.3em;
	font-weight: bold;
}

time {
	float: right;
}

#news p {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

i	{
	margin-right: 5px;
}


/* footer */
footer{
	clear: both;
	width:100%;
	margin-top: 50px;
}

footer p{
	text-align:center;
}

/* トップへ戻るボタン */

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 50px;
    text-decoration: none;
    padding: 20px 10px;
}

.pagetop a:hover {
	display: block;
	opacity:0.8;
}


/* 記事の画像 */

.aligncenter {
	display: block;
	margin-top: 30px:
	margin-bottom: 30px;
	margin-left:auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-top: 30px:
	margin-bottom: 30px;
	margin-left: 30px;
}

.alignleft {
	float: left;
	margin-top: 30px:
	margin-bottom: 30px;
	margin-right: 30px;
}