<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*
	Site Name: 住まいのダイエット PC 【common.css】
	Version: 
	Author: 
*/

/* =============================================
 共通
============================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
}
html{
    font-size: 62.5%;
}
body {
	background: #fff;
	color:#36251d;
	text-align:center;/* box centering */
	font: 13px/1.231 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka',sans-serif;

	font-size: 1.4rem;
	margin: 0px;
	min-width: 1200px;
	padding: 0px;
}
img {
	border: none;
	vertical-align: bottom;
}
li {
	list-style: none;
}

#gNav { display: none;}

/* general params
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&amp;padding reset */
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height: 1.0;}
table {
	margin : 0;
	empty-cells: show;
	/* IE 6以前でtableへフォントサイズの継承がうまくいかない問題を回避　*/
	font-size: inherit; 　/*for modern browser*/
	font: 100%;　 /* for IE 5-5.5､6( 後方互換モード) */
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {*font-size:100%;}
address, em {font-style:normal;}
hr,.areaAnchor,.anchor {display : none;}
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li {list-style: none;}/* link do not want a dot */
/* -------------------------------------------
 p
------------------------------------------- */
p + p,
dl + p{
	margin-top: 10px;
}
/* -------------------------------------------
 a
------------------------------------------- */
a{
	overflow: hidden;
	outline: none;
	color: #006699;
	text-decoration: underline;
}
a:hover{
	color: #2da7e3;
	text-decoration: none;
}

/* -------------------------------------------
 font soze／color
------------------------------------------- */
.f14 { font-size: 1.4rem;}
.f15 { font-size: 1.5rem;}
.f16 { font-size: 1.6rem;}
.f17 { font-size: 1.7rem;}
.f18 { font-size: 1.8rem;}
.f20 { font-size: 2.0rem;}
.f22 { font-size: 2.2rem;}
.f24 { font-size: 2.4rem;}
.f26 { font-size: 2.6rem;}
.f28 { font-size: 2.8rem;}
.f30 { font-size: 3.0rem;}

.brown { color: #31221b;}
.brown2 { color: #60402e;}
.pink { color: #db5066;}
.pink2 { color: #ef898c;}
.red { color: #d93641;}
.yellow { color: #f2e725;}
.blue { color: #1c94d4;}



/* -------------------------------------------
 ヘッダー
------------------------------------------- */
#header.wrap_out1100 {
	padding: 0;
	background-color: transparent !important;
	border: none;
}
#header .wrap_in {
	position: relative;
	height: 220px;
	background: url(../../img/common/photo_seto.png) 580px 5px no-repeat transparent;
	background-size: 225px;
}

/* ロゴ OA キャッチ */
#header #header_logo {
	position: absolute;
	top: 0;
	left: 0;
	background: url( ../../img/pc/bg_logo.png) 20px 0 no-repeat transparent;
	background-size: 238px;
	text-align: center;
}

#header #header_logo .wrap_logo {
	display: table;
}
#header #header_logo .wrap_catch {
	display: table-cell;
	padding-top: 50px;
    vertical-align: top;
}

#header #header_logo h1 {
	display: table-cell;
	width: 290px;
	padding-top: 5px;
}
#header #header_logo h1 img {
	width: 280px;
}

#header #header_logo .oa_time {
	display: block;
}


/* =============================================
main_top
============================================= */
#main_top #main{
	display: table-cell;
	vertical-align: top;
}
#main_top #right_column{
	display: table-cell;
	vertical-align: top;
	width: 270px;
}

/* =============================================
right_column
============================================= */
#main_top #right_column .wrap_r_column {
	position: relative;
}

/* tw */
#main_top #right_column #r_column_tw {
	width: 270px;
	margin: 40px 0;
	padding: 80px 5px 0 5px;
	background-color: #fff;
}

#main_top #right_column #tver,
#main_top #right_column #r_column_tw {
	background: url(../../img/common/bt_r_column.png) 0 0 repeat transparent;
	border: 2px solid #31221b;
	box-sizing: border-box;
	padding: 90px 15px 30px;
	margin-bottom: 30px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*#main_top #right_column #tver,*/
#main_top #right_column #r_column_tw {
	margin-top: 60px;
}


#main_top #right_column #tver dt,
#main_top #right_column #r_column_tw dt {
	position: absolute;
	top: -25px;
	left: -10px;
}
#main_top #right_column #tver dt img,
#main_top #right_column #r_column_tw dt img {
	width: 288px;
}

/* ボタン（バックナンバー etc） */
#main_top #right_column .bt_bkn {}

#main_top #right_column .bt_bkn a:link,
#main_top #right_column .bt_bkn a:visited {
	display: block;
	margin-bottom: 20px;
	width: 270px;
	height: 65px;
	box-sizing: border-box;
	background: url(../../img/common/bt_pink_off.png) 0 0 no-repeat transparent;
	padding: 17px 0 0 15px;
	
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: underline;
	color: #31221b;
}

#main_top #right_column li.navTVer .bt_bkn a:link,
#main_top #right_column li.navTVer .bt_bkn a:visited {
	background:
		url(../../img/common/ico_tver.png) 10px 16px no-repeat,
		url(../../img/common/bt_blue_off.png) 0 0 no-repeat transparent;
	color: #fff;
	padding-left: 60px;
}

#main_top #right_column .bt_bkn a:hover,
#main_top #right_column li.navTVer .bt_bkn a:hover {
	background: url(../../img/common/bt_pink_on.png) 0 0 no-repeat transparent;
	text-decoration: none;
	padding-top: 20px;
}

#main_top #right_column li.navTVer .bt_bkn a:hover {
	background:
		url(../../img/common/ico_tver.png) 12px 18px no-repeat,
		url(../../img/common/bt_pink_on.png) 0 0 no-repeat transparent;
	color: #31221b;

}

#main_top #right_column li.marumaru .bt_bkn a {
    line-height: 1.2;
    padding: 9px 0 0 15px;
}

#main_top #right_column li.marumaru .bt_bkn a:hover {
    padding: 11px 0 0 15px;
}
#main_top #right_column li.marumaru .bt_bkn a span {
	font-size: 1.2rem;
}

/* right_column sns
-----------------------------------------------*/
#main_top #right_column .sns {
	width: 165px;
	margin: 0 auto;
}
#main_top #right_column .sns:before {
	padding-left: 15px;
	content: url(../../img/common/sns_copy.png);
}
#main_top #right_column .sns ul {
	overflow: hidden;
	margin-bottom: 50px;
}
#main_top #right_column .sns li a:link {
	display: inline-block;
	height: 65px;
    width: 70px;
}
#main_top #right_column .sns li.twitter {
	background-color: #55acee;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: right;
}
#main_top #right_column .sns li.fb {
	background-color: #3c5b97;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
}
#main_top #right_column .sns li.fb img {
	padding-right: 3px;
}
#main_top #right_column .sns li img {
	width: 35px;
	padding-top: 17px;
}
#main_top #right_column .sns li:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}


/* =============================================
 PC TOP sns
============================================= */
.sns_top {
	position: absolute;
	top: 0;
	right: 0;
}
.sns_top ul {
	width: 110px;
}
.sns_top li a:link {
	display: inline-block;
	width: 50px;
	height: 45px;
	padding: 5px 0 0;
	text-align: center;
	box-sizing: border-box;
}
.sns_top li.twitter {
	background-color: #55acee;
	
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	-moz-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	float: right;
}
.sns_top li.fb {
	background-color: #3c5b97;
	
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	-moz-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	float: left;
}
.sns_top li.fb img {
	padding-right: 3px;
}
.sns_top li img {
	height: 32px;
}
.sns_top li:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}


/* =============================================
 footer
============================================= */
#footer{
	display: block;
	clear: both;
	background: #36251d;
	padding: 20px 0 30px;
}

#footer .wrap_in {
	display: table;
}

#footer .footer_copy{
	display: table-cell;
	text-align: left;
	color: #d9d5d0;
}
#footer .pageTop{
	display: table-cell;
	text-align: right;
}
#footer .pageTop a{
}
#footer .pageTop a:hover{
}

@keyframes boundAnime {
	0% {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	50% {
		-webkit-transform: translate(0,-10px);
		-ms-transform: translate(0,-10px);
		-o-transform: translate(0,-10px);
		transform: translate(0,-10px);
	}
	70% {
		-webkit-transform: translate(0,3px);
		-ms-transform: translate(0,3px);
		-o-transform: translate(0,3px);
		transform: translate(0,3px);
	}
	100% {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}

/* =============================================
 広告
============================================= */
div.header_ad {
	border-bottom: 1px solid #ccc;
}

div.ad_banner_super {
	width: 728px;
	height: 90px;
	margin: 10px auto;
	background-color: #f9f9f9;
}

div.ad_banner_rectangle {
	width: 300px;
	height: 250px;
	background-color: #f9f9f9;
}
</pre></body></html>