/*
Theme Name:株式会社暮らし工房
Author:Yumena-WADS
Description:
Version:1.0
*/

@charset "utf-8";

/*ホームページ全体の設定
---------------------------------------------------------------------------*/
body {
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
    font-weight:lighter;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
a {
	color: #666666;
}
a:hover {
	color: #524831;
	text-decoration: none;
}

/*ヘッダーの設定
---------------------------------------------------------------------------*/
#container_head {
	border-top: 2px solid #005445;
	border-bottom: 2px solid #005445;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
}
#header {
	text-align: left;
	height: 76px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
}
#logo {
	margin-top: 4px;
}
#address {
	float: right;
    text-align: right;
    width: 42%;
}
#main_menu {
	height: 26px;
	width: 952px;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	z-index: 100;
}
*:first-child+html #main_menu {  /*表示ズレ対策*/
	height: 26px;
	width: 952px;
	margin-top: 6px;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
    position: relative;
}
#scroll {
    margin-left: auto;
    margin-right: auto;
	padding-top: 3px;
    text-align: left;
    width: 949px;
	height: 25px;
	font-size: 110%;
	letter-spacing: 1px;
	border: 1px solid #D2D2D2;
}
.contactBtn{
	display: inline-block;
    padding: 2% 8%;
    font-size: 1.2rem;
    background-color: #5da346;
    color: #fff;
    float: left;
    margin-top: 2%;
    text-decoration: none;
}
.contactBtn:hover{
    color:#fff;
    background-color:#005445;
}

/*トップページの設定
---------------------------------------------------------------------------*/
#mainimg {
	position: relative;
	height: 322px;
	width: 952px;
	clear: left;
}
#mainimg .slide_file {
	display: none;
}
#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}
#container_main {
	margin-right: auto;
	margin-left: auto;
	height: 342px;
	background: #305549;
}
#container_main_i {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	width: 952px;
	height: 322px;
}

/*メインコンテンツの設定
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	margin-top: 0px;
	width: 970px;
	height: 2970px;  /*トップページ全体の高さの設定*/
	margin-right: auto;
	margin-left: auto;
	background: url(images/main_bg.gif) ;
}
#contents {
	clear: left;
	width: 946px;
	margin-right: auto;
	margin-left: auto;
}

/*左メニューの設定
---------------------------------------------------------------------------*/
#sub {
	float: left;
	width: 248px;
	margin-top: 15px;
	border-top: 8px solid #305549;
	background: #F7F7F7;
}
#sub .box1 {
	padding: 10px;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
}
#sub .box2 {
	width: 209px;
	margin-top: 10px;
	padding: 7px;
	border: 1px solid #D2D2D2;
	background: url(images/side/bg.gif) ;
}
/*	background: #DCDCDC;
---------------------------------------------------------------------------*/
#sub h1 {
	margin-top: 7px;
}
#sub h2 {
	float: right;
	margin-top: 7px;
}
#sub h3 {
	margin-top: 10px;
}
#sub h4 {
	float: right;
}

/*メイン表示（ページ右側部分）の設定
---------------------------------------------------------------------------*/
#news {
	float: right;
	width: 683px;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #F7F7F7;
}
#box {
	width: 641px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 10px;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #FFF;
    line-height: 95%;
	letter-spacing: 0.5px;
}
#main {
	float: right;
	width: 685px;
	margin-top: 15px;
	border-top: 7px solid #305549;
	background: #FFF;
}
#main h1 {
	padding-top: 12px;
	padding-left: 10px;
}
#main .box1 {
	overflow: hidden;
	width: 685px;
	height: 668px;
	background: url(images/reform/top_image_ri.gif) ;
	background-repeat: no-repeat;
}
#main .box1 h3 {
	margin-left: 11px;
	margin-bottom: 10px;
}
#rimage_01 {
	margin-top:5px;
	margin-left:450px;
}
#rimage_02 {
	margin-top:60px;
	margin-left:10px;
}
#rimage_03 {
	margin-top:50px;
	margin-left:590px;
}
#rimage_04 {
	margin-top:110px;
	margin-left:450px;
}
#rimage_05 {
	margin-top:0px;
	margin-left:320px;
}
#rimage_06 {
	margin-top:50px;
	margin-left:100px;
}
#rimage_07 {
	margin-top:30px;
	margin-left:400px;
}
#rimage_08 {
	margin-top:0px;
	margin-left:100px;
}
#rimage_09 {
	margin-top:10px;
	margin-left:280px;
}
#rimage_10 {
	float: right;
	margin-right: 3px;
	margin-bottom: 5px;
}
#main .box2 {
	overflow: hidden;
	width: 685px;
	height: 1360px;
	background: url(images/top_image_02.gif) ;
}
#main .box2 h1 {
	margin-top:5px;
	margin-left:30px;
}
#main .box2 h2 {
	margin-top:15px;
	margin-left:100px;
}
#main .box2 h3 {
	float: right;
	margin-top:15px;
	margin-right:30px;
}
#main .box2 h4 {
	margin-top:10px;
	margin-left:50px;
}
#main .box2 h5 {
    color: #80644D;
    font-size: 140%;
    display: inline-block; _display: inline;
}
#main .box3 {
	overflow: hidden;
	width: 685px;
	height: 620px;
	background: url(images/top_image_02.gif) ;
}
#main .box3 h1 {
	margin-left:30px;
}
#main .photo4 {
	margin-top:15px;
	margin-left:41px;
}
#main .photo5 {
	float: right;
	margin-top:15px;
	margin-right:38px;
}
#main .txtbox01 {
	overflow: hidden;
	width: 580px;
	height: 125px;
	margin-top:8px;
	margin-left:55px;
}
#main .txtbox02 {
	overflow: hidden;
	width: 380px;
	height: 145px;
	margin-top:10px;
	margin-left:55px;
}
#main .txtbox03 {
	overflow: hidden;
	width: 285px;
	height: 225px;
	margin-top:10px;
	margin-left:55px;
}
#main .txtbox04 {
	overflow: hidden;
	width: 560px;
	height: 115px;
	margin-top:8px;
	margin-left:55px;
}

/*フッターの設定
---------------------------------------------------------------------------*/
#container_foot {
	border-top: 2px solid #005445;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}

/*その他の設定
---------------------------------------------------------------------------*/
#pageTop{
	background:#EEE;
	border-radius:5px;
	color:#666;
	padding:10px;
	position:fixed;
	bottom:10px;
	right:10px;
	}
#pageTop:hover{
	background:#EEE;
	color:#000;
}

#slide{
	position:relative;
	top:0;
	left:0;
}

#slide img {
	position:absolute;
	left:0;
	top:0;
}
/*メニュードロップダウンの設定
---------------------------------------------------------------------------*/
ul#pulldown-menu a {
        color: #000;
        text-decoration: none;
		border-bottom: 10px solid #F7F7F7;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        letter-spacing: 3px;
        background: #F7F7F7;
		border-top: .5px solid #999;
		border-left: .5px solid #999;
		border-right: .5px solid #999;
		border-bottom: 3px solid #005445;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        letter-spacing: 3px;
        color: #FFF;
        background: #005445;
		border-bottom: 3px solid #CCC;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
		margin: 0 1px 0;
        width: 117px;
        font-weight: bold;
        line-height: 2em;
}
ul#pulldown-menu li a {
        display: block;
        width: 116px;
        height: 2em;
        text-align: center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
     	position:absolute;
        z-index: 100;
}
*:first-child+html ul#pulldown-menu li:hover ul {  /*表示ズレ対策*/
        display: block;
        position: relative;
}
ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}
#adjust {
    letter-spacing: -.5px;
}
#adjust_2 {
    letter-spacing: -1px;
}
#adjust_3 {
    letter-spacing: .5px;
}

/*ブログ中身*/

.content_area{
    padding: 5%;
}

.content_area img {
    width:100%;
}

/*ウィジェット*/
.widgettitle {
    float:none!important;
	font-size: 1.3em;
    font-weight: bold;
    padding-left: 1em;
    border: solid #9f9f9f 1px;
    background-color: #f7f7f7;
}

.wp-calendar{
width:100%
}

.sidebar{
    padding: 4%;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}

/*ページネーション*/

.pagenation {
    text-align: center;
    margin-top: 5%!important;
}
    
.page-numbers {
    font-size: 1rem;
    border: solid 1px #005545;
    padding: 2%;
    margin-right: 2%;
}

.page-numbers::hover{
    color:#fff;
    background-color: #005545;
}