/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying 'audio' without controls
*/
audio:not([controls]) {
display: none;
}
/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Keeps page centred in all browsers regardless of content height
* 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%; /* 1 */
overflow-y: scroll; /* 2 */
-webkit-text-size-adjust: 100%; /* 3 */
-ms-text-size-adjust: 100%; /* 3 */
}
/*
* Addresses margins handled incorrectly in IE6/7
*/
body {
margin: 0;
}
/*
* Addresses font-family inconsistency between 'textarea' and other form elements.
*/
body,
button,
input
select,
textarea {
font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
}
/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
/*
* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
font-size: 2em;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in S5, Chrome
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
/* 1 */
q {
quotes: none;
}
/* 2 */
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
ul,
ol {
margin-left: 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects alignment displayed oddly in IE6/7
*/
legend {
border: 0; /* 1 */
*margin-left: -7px; /* 2 */
}
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/
button,
input {
line-height: normal; /* 1 */
}
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
*overflow: visible; /* 3 */
}
/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding that is displayed in S5, Chrome on OS X
*/
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* =============================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Normalize.css ends here
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
sekisuihouse.co.jp styles begin here */
body {
background:#ffffff;
color:#333333;
font-size:75%; /* base 12px */
line-height:1.4; /* base 16.8px */
font-family:"ƒƒCƒŠƒI","Meiryo","‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;
padding:15px 0 0;
}
dl,
dt,
dd,
p,
ul{
margin:0;
padding:0;
}
ul{
list-style:none;
}
img {
font-size: 0;
line-height: 0;
border: none;
vertical-align: top;
}
address{
font-style:normal;
}
/* ----- link color */
a,
a:link,
a:visited{
color:#000000;
text-decoration:none;
}
a:hover,
a:active{
color:#666666;
text-decoration:underline;
}
/* ----- structure */
.wrap_960_center{
width:960px;
margin:0 auto;
position:relative;
}
/* siteHeader */
#siteHeader{
position:relative;
/*border-bottom:1px solid #cccccc;*/
z-index: 110;
}
#siteHeader h1{
line-height:0;
height:45px;
margin:0;
}
#siteHeader h1 a{
display:block;
width:117px;
height:37px;
overflow:hidden;
}
#siteHeader h1 img{
display:block;
line-height:0;
}
#utility{
position:absolute;
top:0;
right:0;
width:540px;
height:45px;
overflow:hidden;
}
#utility ul{
list-style:none;
margin:0;
padding:0;
}
#utility li{
float:left;
height:10px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}
.link_top{
width:63px;
margin:0 14px 0 0;
}
.link_shm{
width:63px;
margin:0 16px 0 0;
}
.link_catalog{
width:89px;
margin:0 15px 0 0;
}
.link_liaison{
width:84px;
margin:0 15px 0 0;
}
.link_mobile{
width:45px;
margin:0 15px 0 0;
}
.link_sitemap_com{
width:65px;
margin:0 14px 0 0;
}
.link_sitemap_cojp{
width:18px;
}
#utility a{
display:block;
background-image:url(../images/cmn_util_001.gif);
background-repeat:no-repeat;
}
.link_top a{
background-position:0 0;
}
.link_top a:hover{
background-position:0 -20px;
}
.link_shm a{
background-position:-80px 0;
}
.link_shm a:hover{
background-position:-80px -20px;
}
.link_catalog a{
background-position:-159px 0;
}
.link_catalog a:hover{
background-position:-159px -20px;
}
.link_liaison a{
background-position:-263px 0;
}
.link_liaison a:hover{
background-position:-263px -20px;
}
.link_mobile a{
background-position:-362px 0;
}
.link_mobile a:hover{
background-position:-362px -20px;
}
.link_sitemap_com a{
background-position:-422px 0;
}
.link_sitemap_com a:hover{
background-position:-422px -20px;
}
.link_sitemap_cojp a{
background-position:-501px 0;
}
.link_sitemap_cojp a:hover{
background-position:-501px -20px;
}
/*---------------------------------
contents
----------------------------------*/
.pagetop{
margin:0 20px 20px;
}
.pagetop a{
float:right;
display:block;
width:44px;
height:10px;
background:url(../images/btn_pagetop.gif) no-repeat;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}
.pagetop a:hover{
background-position:-44px 0;
}
#contents {
clear: both;
margin: 0;
padding: 0;
width: 960px;
height: auto;
}
/* ƒƒCƒ“ƒ^ƒCƒgƒ‹ */
.h1_base {
width: 960px;
height: 170px;
position: relative;
}
.h1_title {
width: 860px;
position: absolute;
top: 37px;
left: 47px;
}
.h1_title h1 {
padding-top: 2px;
font-size: 0;
line-height: 0;
float: left;
}
.h1_read {
padding-left: 25px;
float: left;
font-size: 120%;
line-height: 160%;
text-align: left;
color: #666666;
}
.h1_lead {
padding-left: 25px;
float: left;
font-size: 120%;
line-height: 160%;
text-align: left;
color: #666666;
}
.navi_liaison {
position: absolute;
top: 117px;
left: 5px;
}
.navi_liaison a {
padding-top: 1px;
/padding-top: 2px;
padding-left: 15px;
background-image: url(../images/arrow1.gif);
background-position: left center;
background-repeat: no-repeat;
font-size: 85%;
font-weight: bold;
color: #666;
}
.navi_region {
position: absolute;
top: 117px;
left: 120px;
}
.navi_region a {
padding-top: 1px;
/padding-top: 2px;
padding-left: 15px;
background-image: url(../images/arrow2.gif);
background-position: left center;
background-repeat: no-repeat;
font-size: 85%;
font-weight: bold;
color: #666;
}
/* side_navi ------------------------------*/
#side_navi {
width: 240px;
float: right;
}
/* main -----------------------------------*/
#main {
margin-top: 5px;
width: 695px;
float: left;
}
/* region_footer ---------------------------*/
#region_footer{
clear:both;
padding-top:50px;
}
#region_footer a:link,
#region_footer a:visited {
color: #666;
text-decoration: none;
}
#region_footer a:hover,
#region_footer a:active {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
text-decoration: underline;
}
.wrap_bd {
border: 6px solid #E1E1ED;
}
.prefecture dl {
border-bottom:1px solid #ccc;
font-size: 93%;
font-weight:bold;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
padding-bottom: 10px;
}
.prefecture dt {
display: inline;
line-height:100%;
padding-right:12px;
}
.prefecture dd {
display: inline;
line-height:100%;
background: url(../images/icon_arrow_002.gif) no-repeat 0 center;
padding-left: 7px;
padding-right:12px;
}
.prefecture .open {
background:none;
padding-left: 7px;
padding-right:12px;
}
.prefecture ul{
display:inline;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding-left:12px;
margin-left:-12px;
}
.prefecture li{
display:inline;
background: url(../images/icon_arrow_002.gif) no-repeat 0 center;
padding-left: 7px;
padding-right:12px;
}
.bd {
border-right:1px solid #ccc;
margin-right:10px;
}
#util {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
}
#util li {
float: left;
width: 115px;
height:16px;
font-size:82%;
}
/* Žx“Xˆê—— */
.office {
clear: both;
margin-top:18px;
margin-bottom:14px;
*margin-bottom:18px;
font-size:77%;
}
.office .col01,
.office .col02 {
float:left;
}
.office dl{
clear:both;
}
.office dt,
.office dd {
float: left;
white-space: nowrap;
}
.office .col01 dd {
padding-right: 25px;
}
.office dt {
display:block;
background: url(../images/icon_arrow_002.gif) no-repeat;
background-position: 0 2px;
padding-left: 7px;
padding-right:7px;
margin-bottom:4px;
border-right: 1px solid #CCC;
}
.office dd {
display:block;
margin-bottom:4px;
padding-left: 7px;
}
/*----------------------------------
siteFooter
-----------------------------------*/
#siteFooter{
clear: both;
height:30px;
overflow:hidden;
border-top:1px solid #cccccc;
}
.copyright{
float:left;
width:276px;
height:30px;
margin:0;
background:url(../images/cmn_footer_001.gif) no-repeat 0 0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.copyright:hover{
background-position:0 -30px;
}
.attention{
list-style:none;
width:306px;
height:30px;
margin:0;
padding:0;
overflow:hidden;
float:right;
}
.attention li{
float:right;
height:30px;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
}
.link_use{
width:194px;
height:30px;
}
.link_privacy{
width:112px;
height:30px;
}
.attention a{
height:30px;
display:block;
background:url(../images/cmn_footer_001.gif) no-repeat 0 0;
}
.link_use a{
background-position:-766px 0;
}
.link_use a:hover{
background-position:-766px -30px;
}
.link_privacy a{
background-position:-654px 0;
}
.link_privacy a:hover{
background-position:-654px -30px;
}
/* ----- common class */
.alpha a:hover,
.alpha a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* ƒAƒL’²® */
.mgtop30 {
margin-top: 30px !important;
}
.mgtop25 {
margin-top: 25px !important;
}
.mgtop20 {
margin-top: 20px !important;
}
.mgtop15 {
margin-top: 15px !important;
}
.mgtop10 {
margin-top: 10px !important;
}
.mgtop5 {
margin-top: 5px !important;
}
/* sekisuihouse.com styles end here
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*--------------------
clearfix
--------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
/* Print styles */
@media print {
}
.clear {
clear: both;
}