@charset "utf-8";

/* clearfix iepngfix
----------------------------------------------------------- */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from MacIE \*/

*html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

/* End hide from MacIE */

/* iepngfix */

* html .iepngfix {
 behavior: expression(IEPNGFIX.fix(this));
}

/* タグの定義
----------------------------------------------------------- */

html {
	background: #FFF;
}

body {
	margin: 0px;
	padding: 0px;
	color: #423333;
	text-align: center;
	font: 76%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
	background-image: url(../image/image_common/bk.jpg);
	background-repeat: repeat;
	background-position: left top;
}

h1, h2, h3, h4, h5, h6, table, form, p, ul, ol, li, dl, dt, dd, img {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1em;
}

div, p, table, form {
	text-align: left;
}

p {
	font-size: 100%;
	line-height: 1.6em;
	margin-bottom: 10px;
}

table {
	width: 100%;
	empty-cells: show;
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
}

th, td {
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	padding: 6px;
	line-height: 1.2em;
}

th {
	text-align: center;
	background-color: #EBD6D6;
}

td {
	background: #FFF;
}

img {
	border: 0px;
	vertical-align: top;
}

ul, ol, dl {
	line-height: 1.6em;
}
li {
	list-style: none;
}

hr {
	display: none;
}

input {
}

a {
	text-decoration: underline;
}

a:link, a:visited {
	color: #663300;
	text-decoration: underline;
}

a:hover, a:active {
	color: #660000;
	text-decoration: underline;
}

/* クラスの定義
----------------------------------------------------------- */

.clear {
	clear: both;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}
.small {
	font-size: 80%;
}
.fred {
	color: #CC0000;
}

/* 全体の定義
----------------------------------------------------------- */

#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	text-align: center;
	}
#header {
	position: relative;
}

#header h1 {
	margin: 0px;
	font-size: 80%;
	color: #FFFFFF;
	background-color: #660000;
	text-align: right;
	padding-right: 10px;
	font-weight: normal;
}
#header_inner {
	background-image: url(../image/image_common/head_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 123px;
	margin: 0px;
	padding: 0px;
}
#header_inner h2 {
	margin: 0px;
	padding-left: 10px;
	padding-top: 10px;
}
#header_post {
	position: absolute;
	top: 40px;
	right: 80px;
	text-align:right;
	}
#menu  {
	padding: 0px;
	list-style: none;
	width: 950px;
	margin: 0px;
	background-image: url(../image/image_common/top_bk.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#menu li  {
	float: left;
}

#content {
	background-image: url(../image/image_common/top_bk.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
}
#content h3 {
	margin-bottom: 10px;
}

#footer_menu {
	text-align: right;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
}
#footer_menu a:link, a:visited {
	text-decoration: none;
}
.to_top {
	clear:both;
	margin-bottom:4px;
	text-align:right;
	padding-right: 3px;
}
#footer {
	background-image: url(../image/image_common/img_fotter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #663300;
	padding-top: 12px;
	padding-left: 8px;
}
#footer h3{
	font-size: 80%;
}
#footer h4{
	padding-top: 3px;
}
#footer h5{
	font-size: 80%;
	padding-top: 3px;
}
#footer .copy{
	text-align:right;
	padding-right: 3px;
	font-size: 80%;
}
/* トップページの定義
----------------------------------------------------------- */
#home_main {
	margin-left: 9px;
	margin-right: 9px;
}
#home_main_inner {
	background-image: url(../image/image_common/top_bk2.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 10px;
}
#home_main_left {
	margin-top: 10px;
	width: 374px;
	float: left;
	margin-left: 15px;
}
#home_main_left_com {
	background-image: url(../image/image_common/top_msg2.gif);
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6em;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 15px;
	height: 149px;
}
#home_main_right {
	margin-top: 10px;
	width: 486px;
	float: left;
	margin-left: 30px;
}
#home_main_right ul {
	background-image: url(../image/image_common/top_topics2.gif);
	font-size: 110%;
	line-height: 1.8em;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	height: 146px;
}
#home_main_right li {
	background-image: url(../image/image_common/top_topics_mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}
#home_main_inner .home_box{
	float: left;
	padding-left: 3px;
}

/* 会社案内の定義
----------------------------------------------------------- */
#company {
	margin-left: 5px;
	margin-right: 5px;
}
#company_left {
	width: 230px;
	float: left;
	margin-top: 15px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
}
#company_right {
	width: 660px;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../image/image_common/top_bk2.gif);
	background-repeat: repeat;
	background-position: left top;
	line-height: 1.6em;
}
#company p {
	padding-bottom: 10px;
}
#company_right .company_box_l{
	margin-top: 10px;
	float: left;
}
#company_right .company_box_r{
	margin-top: 10px;
	line-height: 1.6em;
	margin-left: 10px;
	float: left;
	width: 350px;
}
#company h4{
	font-size: 120%;
	font-weight: bold;
	color: #660000;
}
#company_right .company_box_l2{
	float: left;
	background-color: #EDDCCB;
	line-height: 1.6em;
	padding: 5px;
}
#company_right .company_box_r2{
	margin-left: 10px;
	float: left;
	width: 290px;
}

/* 記事の定義
----------------------------------------------------------- */
#company_right .blog_main {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
    overflow: hidden;
}
#company_right .blog_main .blog_main_inner {
	line-height: 1.6em;
	margin-bottom: 10px;
}
#company_right .blog_main .blog_main_inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#company_right .blog_main .blog_main_inner p{
	padding-bottom: 5px;
}

#company_right .blog_main h4{
	padding-left: 40px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../image/image_common/title_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 15px;
}
#pagenavi {
	text-align: center;
	padding-bottom: 10px;
}

/* サイドの定義
----------------------------------------------------------- */
#company_left .sidemenu {
	margin-bottom: 10px;
}
#company_left .sidemenu dd{
	background-image: url(../image/image_common/icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	padding-top: 5px;
}
#company_left .sidemenu dl{
	padding-bottom: 10px;
}

/* スタッフ紹介の定義
----------------------------------------------------------- */
#company_right .h_staff{
	line-height: 1.8em;
	font-size: 120%;
	font-weight: normal;
	color: #666666;
}
#company_right .staff_name{
	font-size: 140%;
	font-weight: normal;
	background-image: url(../image/image_staff/icon_staff.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 38px;
	padding-top: 5px;
}
#company_right .staff_box {
	float: left;
	width: 310px;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-image: url(../image/image_staff/bk_staff.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#company_right .staff_box .staff_left {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 120%;
	width: 150px;
	line-height: 1.8em;
}
#company_right .staff_box .staff_right {
	float: right;
	width: 140px;
	padding-right: 5px;
}
#staff_box .staff_right h4{
	font-size: 140%;
	font-weight: bold;
	color: #663300;
	padding-bottom: 10px;
}

/* リンクの定義
----------------------------------------------------------- */
#company_right .link_f{
	line-height: 1.8em;
	font-size: 110%;
	margin-top: 10px;
}

/* 無料小冊子の定義
----------------------------------------------------------- */
#company_right .siryo_title{
	padding-left: 40px;
	font-size: 120%;
	font-weight: bold;
	color: #990033;
	background-image: url(../image/image_siryo/title_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* 展示スペースの定義
----------------------------------------------------------- */
#company_right .space_box {
	margin-top: 15px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
    overflow: hidden;
	width: 635px;
}
#company_right .space_box h4{
	padding-left: 40px;
	font-size: 120%;
	font-weight: bold;
	color: #003399;
	background-image: url(../image/image_bosyu/title_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 15px;
}
#company_right .space_box .space_left {
	float: left;
	width: 260px;
}
#company_right .space_box .space_right1 {
	float: left;
	width: 360px;
	font-size: 110%;
	line-height: 1.8em;
}
#company_right .space_box .space_right2 {
	padding-right: 10px;
	font-size: 110%;
	line-height: 1.8em;
}

/* 育児サロンの定義
----------------------------------------------------------- */
#company_right .saron_box {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
    overflow: hidden;
}

/* サイトマップの定義
----------------------------------------------------------- */
#company_right .sitemap_box {
	margin-top: 10px;
	margin-bottom: 10px;
}
#company_right .sitemap_box h4{
	font-size: 130%;
	font-weight: normal;
	background-image: url(../image/image_sitemap/icon_sitemap.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
	padding-top: 5px;
}

/* 住まいるパークって？の定義
----------------------------------------------------------- */
#company_right .park_box{
	font-size: 110%;
}
#company_right .park_box_l{
	margin-top: 10px;
	float: left;
}
#company_right .park_box_r{
	margin-top: 10px;
	line-height: 1.6em;
	margin-left: 10px;
	float: left;
	width: 350px;
}
#company_right .park_box p{
	margin-top: 10px;
	margin-bottom: 0px;
}
#company_right .park_box2{
	margin-right: 10px;
	font-size: 110%;
	background-image: url(../image/image_park/p3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

/* Content ---------------------------------------------------------------- */

.asset-name,
.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-title
.archive-header,
.search-form-header,
.search-results-header {
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
} 

.asset-name,
.asset-name a,
.archive-title {
    color: #3e667e;
}

.asset-footer {
    border-top-color: #e0f2fe;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #a0cddd;
}

.comment,
.trackback {
    border-color: #e0f2fe;
}



.archive-list-item {
    margin-bottom: 5px;
}


/* Widget ----------------------------------------------------------------- */

.layout-wtt #content-inner { background: transparent url(content-wtt.gif) repeat-y scroll right top; }
.layout-twt #content-inner { background: transparent url(content-twt.gif) repeat-y scroll left top; }
.layout-wt #content-inner { background: transparent url(content-wt.gif) repeat-y scroll right top; }
.layout-tw #content-inner { background: transparent url(content-tw.gif) repeat-y scroll left top; }




.widget a,
.archive-widget .widget-list .item {
    color: #4c6885;
} 

.widget-header {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: bold; 
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; 
    background: url(widget-header.gif) repeat top left #587fa5; 
}  
.widget .widget-header {
    border-left: 1px solid #fff;
}

.layout-tw .widget .widget-header {
    border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
    border: 0;
}

.embed-asset-widget .widget-header {
    margin-bottom: 10px;
}  
.widget-header,
.widget-header a {
    text-decoration: none;
    color: #fff;
}

.widget-header .edit a {
    border-left-color: #fff
} 
.widget .widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    padding: 0 15px;
}

.media-stream-widget img {
    border: 1px solid #999;
} 
.widget-header .edit a,
.archive-widget .widget-list .item a,
.archive-widget .widget-list .item {
    font-weight: normal;
} 

.widget-header {
    font-size: 14px;
}

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}


/* "Powered By" Widget */

.widget-powered .widget-content {
    padding: 10px;
    text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
    font-size: 10px;
}


/* Footer Widgets */

#footer .widget {
    margin: 10px 0;
}

#footer .widget-content {
    padding-right: 0;
    padding-left: 0;
}

#footer .widget-powered .widget-content {
    padding: 0;
    text-align: left;
}


/* Footer ----------------------------------------------------------------- */


#footer-content {
    margin: 20px 0;
}


/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}

.published {
	font-size: 80%;
	margin-top: 10px;
}