@charset "UTF-8";

/********** レイアウト **********/

* {
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
}

body > #site {
	height:auto;
}

#site {
	width:100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin:0;
	padding:0;
	position:relative;
}

#wrapper {
	width:950px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin:40px auto 0;
	padding:30px 25px 170px;
	position:relative;
	display:block;
	background:url(../images/common/bg_warpper.png) repeat-y top center #fff;
}

body.home #wrapper {
	padding-top:20px;
}

/*** 全体 ***/

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color: #333;
	line-height:160%;
	text-align:left;
	word-wrap: break-word;
	background:#fff;
}

/*** リンク ***/

a {
	color:#333;
	outline:none;
	text-decoration:none;
}

a:hover {
	color:#09F;
}

nav a:hover img {
	-khtml-opacity:0.75;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
	opacity:0.75;
}

#content a:hover img {
	-khtml-opacity:0.85;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
	opacity:0.85;
}

body.page article a,
.postContents a {
	text-decoration:underline;
}

body.page article a:hover,
.postContents a:hover {
	color:#09F;
}

/*** ヘッダー ***/

#headWrapper {
	width:100%;
	height:160px;
	padding-bottom:40px;
	position:relative;
	background:url(../images/common/bg_header.png) repeat top left;
}

body.home #headWrapper {
	height:310px !important;
	background:none;
}

header {
	width:950px;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
}

header h1 {
	width: 178px;
	height: 99px;
	display: block;
	position:absolute;
	top:10px;
	right:0;
}

header h1 a {
	width: 178px;
	height: 99px;
	display: block;
	text-indent: -9999em;
	background:url(../images/common/logo.png) no-repeat;
}

/*** メニューナビ ***/

nav#mainNavi {
	width:100%;
	height:40px;
	position:absolute;
	bottom:-40px;
	background:#000;
}

nav#mainNavi ul {
	width:950px;
	height:40px;
	margin:0 auto;
	padding:0;
}

nav#mainNavi ul li {
	height:40px;
	margin:0;
	padding:0;
	float:left;
}

nav#socialNavi {
	width:130px;
	height:38px;
	position:absolute;
	top:0;
	left:0;
}

nav#socialNavi ul {
	width:140px;
	height:38px;
	margin:0 -10px 0 0;
	padding:0;
	overflow:hidden;
}

nav#socialNavi ul li {
	width:25px;
	height:38px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

/*** パンくず ***/

#breadcrumb {
	width:950px;
	font-size:11px;
	margin:0 auto 20px;
	padding:0;
	line-height:120%;
}

#breadcrumb ol {
	width:950px;
	display:block;
	margin:0;
	padding:0;
}

#breadcrumb ol li {
	display:inline;
	list-style:none;
}

#breadcrumb ol li a {
	background-image:url(../images/common/arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:25px;
	margin:0 7px 0 0;
	text-decoration:none;
	color:#069;
}

#breadcrumb ol li a:hover {
	text-decoration:underline;
}

#breadcrumb ol li:nth-last-of-type(1) a {
	background:none;
}

#breadcrumb ol li img {
	margin-right:5px;
	vertical-align:middle !important;
}

/*** サイドバー ***/

aside#sidebar {
	width:230px;
	margin:0;
	padding:0;
	float:right;
}

/*** ウィジェット ***/

aside#sidebar section {
	width:230px;
	margin:0 0 50px;
	padding:0;
}

aside#sidebar section h3 {
	width:230px;
	height:16px;
	margin:0 0 15px;
	padding:0;
	display:block;
	text-indent:-9999em;
}

aside#sidebar section#search-2 input,
aside#sidebar section#search-3 input,
aside#sidebar section#search-4 input {
	width:218px;
	padding:5px;
	border:1px solid #ccc;
}

aside#sidebar section#recent-posts-2 h3,
aside#sidebar section#recent-posts-3 h3,
aside#sidebar section#recent-posts-4 h3 {
	background:url(../images/title/sttl_posts.png) no-repeat;
}

aside#sidebar section#archives-2 h3,
aside#sidebar section#archives-3 h3,
aside#sidebar section#archives-4 h3 {
	background:url(../images/title/sttl_archives.png) no-repeat;
}

aside#sidebar section#categories-2 h3,
aside#sidebar section#categories-3 h3,
aside#sidebar section#categories-4 h3,
aside#sidebar section#php_widget-3 h3 {
	background:url(../images/title/sttl_category.png) no-repeat;
}

aside#sidebar section#search-2 h3,
aside#sidebar section#search-3 h3,
aside#sidebar section#search-4 h3 {
	background:url(../images/title/sttl_search.png) no-repeat;
}

aside#sidebar section#categories-2 ul li,
aside#sidebar section#categories-3 ul li,
aside#sidebar section#categories-4 ul li,
aside#sidebar section#recent-posts-2 ul li,
aside#sidebar section#recent-posts-3 ul li,
aside#sidebar section#recent-posts-4 ul li,
aside#sidebar section#archives-2 ul li,
aside#sidebar section#archives-3 ul li,
aside#sidebar section#archives-4 ul li,
aside#sidebar section#php_widget-3 ul li {
	font-size:12px;
	padding-left:20px;
	background:url(../images/common/icon_list_01.png) no-repeat left 5px;
}

ul.sideBanner {
	width:230px;
	margin-bottom:-10px;
}

ul.sideBanner li {
	width:230px;
	margin:0 0 10px;
}

ul.sideBanner li img {
	max-width:230px;
	margin:0 auto;
	display:block;
}

/*** コンテンツ ***/

div#content {
	width:950px;
	margin:0;
	padding:0 0 100px;
	display:inline-block;
}

article#topPage {
	width:950px;
	margin:0 auto;
	padding:0;
	clear:both;
}

article {
	width:700px;
	margin:0;
	padding:0;
	float:left;
}

div.entry {
	width:700px;
	margin:0;
	padding:0;
	display:block;
}

hr {
	margin:30px 25px;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	clear:both;
	display:block;
}

/*** ページ送り（シングル用） ***/

.flip {
	width:700px;
	margin:0;
	display: inline-block;
	font-size:12px;
	line-height:140%;
}

.flip a {
	text-decoration:none;
}

.flip .fLeft {
	width:290px;
	padding:0 0 0 30px;
	text-align:left;
	background:url(../images/common/arrow_left_01.png) no-repeat left 48%;
}

.flip .fRight {
	width:290px;
	padding:0 30px 0 0;
	text-align:right;
	background:url(../images/common/arrow_right_01.png) no-repeat right 48%;
}

/*** ページ送り（一覧用） ***/

.wp-pagenavi {
	margin: 20px auto 40px;
	padding:0;
	text-align: center;
	clear: both;
	display:block;
	font-size:12px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 5px 0 0;
	padding: 3px 10px;
}

.wp-pagenavi span {
	border: 1px solid #666;
}

.wp-pagenavi span.pages {
	border: 1px solid #666;
	background:#666;
	color:#fff;
}

.wp-pagenavi span.extend {
	border: none;
	color:#666;
}

.wp-pagenavi a,
.wp-pagenavi a:link {
	border: 1px solid #666;
	color: #fff;
	background:#666;
	text-decoration:none;
}

.wp-pagenavi a:hover {
	border: 1px solid #666;
	color: #666;
	background: none;
}

.wp-pagenavi a:active {
	border: 1px solid #666;
	color: #fff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*** 画像タイトル ***/

h2.imgttl {
	width:700px;
	height:16px;
	margin:0 0 25px;
	text-indent:-9999em;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}

body.page-id-67 h2.imgttl {
	background-image:url(../images/title/ttl_contact.png) ;
}

body.page-id-63 h2.imgttl {
	background-image:url(../images/title/ttl_about.png) ;
}

body.page-id-65 h2.imgttl {
	background-image:url(../images/title/ttl_staff.png) ;
}

body.page-id-81 h2.imgttl {
	background-image:url(../images/title/ttl_links.png) ;
}

p.ttlSub {
	margin:0 0 10px;
	font-size:12px;
}

h3.ttl {
	font-size:18px;
	margin:0 0 20px;
	padding:10px 0 8px 0;
	border-top:3px double #999;
	border-bottom:3px double #999;
}

/*** フッター ***/

#footWrapper {
	width:100%;
	height:170px;
	background:#000;
	clear:both;
	position:absolute;
	bottom:0;
}

footer {
	width:950px;
	height:170px;
	margin:0 auto;
	padding:0;
	display:block;
	font-size:12px;
	color:#fff;
	position:relative;
}

footer a {
	color:#fff;
}

footer div.footCredit {
	width:250px;
	position:absolute;
	top:25px;
	right:0;
	text-align:right;
	line-height:140%;
}

footer div.footCredit h3 {
	font-size:14px;
}

footer ul {
	width:170px;
	margin:25px 0 0;
	float:left;
}

footer ul li {
	margin:0 0 5px;
	list-style:inside disc;
	line-height:150%;
}

footer address {
	position:absolute;
	right:0;
	bottom:5px;
	font-size:11px;
	font-style:normal;
}

footer .totop {
	width:41px;
	height:41px;
	display:block;
	position:absolute;
	top:-70px;
	left:50%;
	margin-left:-20px;
}
