@charset "UTF-8";

@import url(./css/detail.css);
@import url(./css/lightbox.css);

/*** foundation ***/

*{
font-size:100%;
font-weight:normal;
font-family:verdana,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka',sans-serif;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}

img{
border-width:0;
}

a{
color:#03f;
text-decoration:underline;
}

a:hover{
color:#393;
}

strong{
font-weight:bold;
}

pre{
font-size:90%;
line-height:1.2;
font-family:'ＭＳ ゴシック','Osaka－等幅',monospace;
margin:10px;
}

/** framework **/

body{
background-color:#efefef;
}

div#header{
background-color:#fff;
background-image:url(./img/index_bg_foot.gif);
background-position:center bottom;
background-repeat:no-repeat;
width:780px;
margin:0 auto;
padding-top:10px;
}

#header h1{
width:230px;
float:left;
padding:0 0 0 10px;
}

#header h1 img{
vertical-align:middle;
}


#header h1 a{
text-decoration:none;
}


#header ul{
list-style-type:none;
margin-left:270px;
}

#header ul li{
display:inline;
background-image:url(./img/headmenu_mark.gif);
background-position:left center;
background-repeat:no-repeat;
width:110px;
float:left;
padding:10px 0 10px 10px;
}

#header ul li#hmenu_last{
width:125px;
}

#header p, #mainmenu p{
clear:both;
}

div#mainmenu{
width:780px;
margin:5px auto;
}

#mainmenu ul{
list-style-type:none;
/*
margin-left:405px;
*/
/* margin-left:591px; */
margin-left:500px;
height:24px;
}

#mainmenu ul li{
width:83px;
float:left;
padding-left:10px;
}

.shu{
  font-size: 12px;
  font-weight: 500;
  /* width: 120px; */
  /* padding: 10px; */
  border: 0;
  /* border-radius: 20px; */
  
  /* background-color: #999; */
  /* transition: background-color 0.3s, border-radius 1s; */
}

#mainmenu .shu a{
    color: #fff;
    padding: 2.7px 0 2.3px 19px;
}

#mainmenu ul a{
display:block;
background-image:url(./img/mainmenu_bg.gif);
background-position:0 0;
background-repeat:no-repeat;
width:62px;
height:17px;
padding:5px 0 0 19px;
text-decoration: none;
}

#mainmenu ul a:hover{
background-position:0 -22px;
}


#mainmenu ul img{
vertical-align:top;

}


div#content{
background-color:#fff;
background-image:url(./img/sidemenu_bg.gif);
background-position:left top;
background-repeat:repeat-y;
width:780px;
clear:both;
margin:0 auto;
}

div#footer{
width:780px;
margin:0 auto;
padding-top:10px;
}

#footer p.foot_element{
background-image:url(./img/index_bg_head.gif);
background-position:center bottom;
background-repeat:no-repeat;
padding-bottom:30px;
}

#footer p.foot_element img{
vertical-align:bottom;
margin:0 10px;
}

#footer ul.footmenu{
background-color:#fff;
font-size:80%;
width:380px;
float:left;
padding-left:10px;
}

#footer ul.footmenu li{
display:inline;
margin:0 3px;
}

#footer ul.footmenu a{
color:#999;
background-image:url(./img/link_marker.gif);
background-position:left center;
background-repeat:no-repeat;
text-decoration:none;
padding-left:11px;
}

#footer ul.footmenu a:hover{
color:#3c3;
}

#footer p.copyright{
color:#999;
background-color:#fff;
font-size:80%;
text-align:right;
padding:0 10px 10px 0;
}


/*** index ***/

div#content.index{
background-image:url(./img/index_bg_foot.gif);
background-position:center bottom;
background-repeat:no-repeat;
}


#content p#flash{
background-color:#efefef;
}


div.index_pickup{
width:250px;
/*
height:130px;
*/
float:left;
padding:0 0 0 20px;
}

.index_pickup h2{
background-image:url(./img/index_chapter_bg.gif);
background-position:left center;
background-repeat:repeat-x;
padding:5px 15px;
}

.index_pickup p{
margin:20px 0;
}

div.index_newsrelease{
background-image:url(./img/index_bg_border.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0 20px 0 270px;
padding-bottom:5px;
/*
height:130px;
*/
}

.index_newsrelease h2{
background-image:url(./img/index_chapter_bg.gif);
background-position:left center;
background-repeat:repeat-x;
padding:5px 15px;
border-style:solid;
border-color:#999;
border-width:0 0 0 2px;
}

.index_newsrelease ol{
color:#555;
font-size:80%;
list-style-type:none;
line-height:1.3;
padding:3px 15px 3px 110px;
text-indent:-95px;
}

.index_newsrelease ol li{
margin:7px 0;
}

.index_newsrelease ol span{
color:#292;
margin-right:18px;
}

.index_newsrelease p.to_newslist{
font-size:90%;
text-align:right;
margin:0 30px 10px 0;
}

p.to_newslist a{
color:#fff;
background-color:#060;
text-decoration:none;
padding:3px;
}

p.to_newslist a:hover{
color:#000;
background-color:#6f6;
}



/*** common style of chapters ***/

/* chapter */

div.chapter{
background-position:center top;
background-repeat:no-repeat;
padding:5px 15px;
}

.chapter h2{
display:none;
}

.chapter p.topicpath{
color:#fff;
font-size:80%;
margin-left:165px;
padding:3px 0;
}

.chapter p.topicpath a{
color:#fff;
}

.chapter h3{
margin-left:170px;
padding:16px 0 8px 0;
}

div.maincolumn{
width:565px;
float:right;
padding:20px;
}

/* side menu */

ul#sidemenu{
list-style-type:none;
}

ul#sidemenu li{
font-size:90%;
}

ul#sidemenu li img{
vertical-align:top;
}

ul#sidemenu li a{
display:block;
color:#777;
background-color:#fafafa;
font-weight:bold;
text-decoration:none;
letter-spacing:-1px;
width:150px;
/* width:153px; */
padding:10px;
border-style:solid;
border-color:#efefef;
border-width:0 1px 1px 0;
}

ul#sidemenu li a:hover{
background-color:#ded;
}

/* content */

div.maincolumn p.copy{
margin:0 0 20px 10px;
}

div.maincolumn h4{
color:#686;
font-size:150%;
font-weight:bold;
clear:right;
margin:25px 2px 5px 2px;
padding:0 3px;
border-style:solid;
border-color:#797;
border-width:0 0 2px 0;
}

.office div.maincolumn h4{
color:#679;
}

div.maincolumn table{
border-collapse:collapse;
margin:10px 15px 20px 15px;
}

div.maincolumn th{
color:#666;
background-image:url(./img/table_marker.gif);
background-position:0 5px;
background-repeat:no-repeat;
font-size:90%;
font-weight:bold;
vertical-align:top;
text-align:left;
width:190px;
padding:8px 0 15px 22px;
border-style:solid;
border-color:#c0cccd;
border-width:5px 0 0 0;
}

div.maincolumn td{
color:#333;
font-size:90%;
padding:7px 10px 15px 10px;
border-style:solid;
border-color:#efefef;
border-width:5px 0 0 0;
}


div.maincolumn p{
font-size:90%;
line-height:1.5;
margin:0.9em 15px;
}

div.maincolumn p.chapter_message{
width:380px;
}

div#content p.pagetop{
font-size:80%;
text-align:right;
clear:right;
padding:5px 10px;
}

div#content p.pagetop a{
color:#999;
text-decoration:underline;
}



/*** company ***/

div.company div.chapter{
background-image:url(./img/chapterbg_company.gif);
}
div.error div.chapter{
background-image:url(./img/chapterbg_error.gif);
}

div.topmessage div.maincolumn  p.message_sign{
background-image:url(./img/title_logo.jpg);
background-position:right center;
background-repeat:no-repeat;
text-align:right;
font-style:italic;
padding-right:46px;
}

div.access div.maincolumn p{
margin:0 25px 1.4em 25px;
}

div.access div.maincolumn p.map{
text-align:center;
margin:20px 0;
}


/*** service ***/

div.service div.chapter{
background-image:url(./img/chapterbg_service.gif);
}

div.service div.maincolumn table{
margin:10px 0;
}

div.service div.maincolumn th{
width:185px;
}

div.service div.maincolumn th a{
color:#779;
font-weight:bold;
}

div.maincolumn tr.sub td{
border-style:solid;
border-color:#fff;
border-width:0;
}

div.service div.maincolumn td.photo{
padding:5px 3px 15px 3px;
}

div.service td.photo img{
padding:2px;
border-style:solid;
border-color:#ccc;
border-width:1px;
}

div.service div.maincolumn td.name{
padding:5px 0;
}

div.service div.maincolumn th{
font-size:90%;
}


div.introduction div.maincolumn p{
color:#266;
font-size:105%;
letter-spacing:2px;
line-height:1.7;
margin-bottom:40px;
}

div.introduction div.maincolumn dt{
color:#686;
font-weight:bold;
margin:20px 10px 5px 10px;
border-style:solid;
border-color:#99a999;
border-width:0 0 1px 0;
}

div.introduction div.maincolumn dd{
color:#666;
font-size:90%;
margin:10px 30px;
}


/*** column ***/

div.column div.chapter{
background-image:url(./img/chapterbg_column.gif);
}

div.column.list ol{
margin:10px 20px 40px 20px;
padding-left:20px;
}

div.column.list ol li{
margin:0.6em 0;
}

div.column.list ol a{
text-decoration:none;
border-style:solid;
border-color:#66c;
border-width:0 0 1px 0;
}

/* allthat */

.allthat .maincolumn h4{
color:#676;
font-size:120%;
margin:25px 0px 15px 0px;
padding:3px;
border-style:double;
border-color:#cdc;
border-width:0 0 3px 0;
}

.allthat .maincolumn h5{
color:#353;
font-size:105%;
font-weight:bold;
margin:20px 5px 10px 5px;
}

.allthat .maincolumn h6{
font-size:90%;
font-weight:bold;
margin:20px 5px 10px 5px;
}


.allthat .maincolumn hr{
color:#cdc;
margin:10px 30px;
}

.allthat .maincolumn p.pickup{
color:#225;
margin-left:20px;
}

.allthat p.photo img{
padding:5px;
border-style:solid;
border-color:#ccc;
border-width:1px;
}


.allthat .maincolumn q{
background-color:#efefff;
margin-left:10px;
}

.allthat .maincolumn em{
color:#333;
font-weight:bold;
}

.allthat .maincolumn strong{
font-size:110%;
font-weight:bold;
}

div.column_foot{
line-height:1.8;
margin:40px 30px;
padding:20px;
border-style:dotted;
border-color:#999;
border-width:3px;
}



/*** inquiry ***/

div.inquiry div.chapter{
background-image:url(./img/chapterbg_inquiry.gif);
}

div.p_policy ol{
font-size:90%;
margin:1em 10px;
}

div.p_policy ol li{
margin:0.4em 0 0.4em 20px;
}

p.inquiry_button{
text-align:center;
margin:0;
}


/*** news release ***/

div.newsrelease div.chapter{
background-image:url(./img/chapterbg_newsrelease.gif);
}

div.newsrelease .maincolumn ol{
color:#555;
font-size:80%;
list-style-type:none;
line-height:1.3;
padding:3px 15px 3px 110px;
text-indent:-95px;
}

div.newsrelease ol li{
margin:7px 0;
}

div.newsrelease ol span{
color:#292;
margin-right:18px;
}




/* category common */

.maincolumn p.category_image{
text-align:center;
}

.maincolumn p.category_image a.tolist_button{
display:block;
background-position:0 0;
background-repeat:no-repeat;
width:371px;
height:38px;
margin:15px auto;
padding:18px 5px 6px 5px;
}

.maincolumn p.category_image a.tolist_button:hover{
background-position:0 -63px;
padding:19px 4px 5px 6px;
}


.maincolumn p.sidephoto{
width:160px;
float:right;
clear:right;
margin:0;
padding:0 0 3px 3px;
}

.maincolumn p a.toinquiry_button{
display:block;
background-image:url(./img/button_toinquiry.gif);
background-position:0 0;
background-repeat:no-repeat;
width:93px;
height:16px;
margin:15px auto;
padding:6px 5px 7px 30px;
}

.maincolumn p a.toinquiry_button:hover{
background-position:0 -29px;
}

.objectlist .maincolumn table{
margin:10px 10px 20px 10px;
}

.objectlist .maincolumn th{
background-image:url(./img/office_table_marker.gif);
width:250px;
padding:0 0 5px 0;
}

.office .maincolumn th{ background-image:url(./img/office_table_marker.gif); }
.residence .maincolumn th{ background-image:url(./img/regidence_table_marker.gif); }


.objectlist .maincolumn td{
color:#999;
text-align:center;
padding:0 4px 5px 4px;
}

.objectlist .maincolumn h3{
color:#666;
font-weight:bold;
line-height:1.5;
margin:5px 0 8px 20px;
}

.objectlist .maincolumn p{
line-height:1.3;
margin:0.2em 0;
padding:0;
}

.objectlist .maincolumn a.todetail{
display:block;
background-image:url(./img/button_detail.gif);
background-position:0 0;
background-repeat:no-repeat;
width:24px;
height:12px;
padding:3px 14px 3px 24px;
}

.objectlist .maincolumn a.todetail:hover{
background-position:0 -19px;
}

.objectlist a.todetail img{
vertical-align:top;
}

.maincolumn table.property{
margin:0 5px;
}

.maincolumn .property th{
background-image:none;
width:80px;
padding:0.1em 0;
border:0;
}

.maincolumn .property td{
padding:0.1em 0;
border:0;
}

.objectlist .maincolumn p.toinquiry{
margin:30px 0 0 0;
text-align:center;
}


/*** office ***/

div.office div.chapter{
background-image:url(./img/chapterbg_office.gif);
}

.office .maincolumn a.tolist_button{
background-image:url(./img/office_list_button.jpg);
}


.office .maincolumn h4{
border-color:#afcbde;
border-width:0 0 1px 0;
}



/*** residence ***/

div.residence div.chapter{
background-image:url(./img/chapterbg_residence.gif);
}

.residence .maincolumn h4{
border-color:#83b780;
border-width:0 0 1px 0;
}

.residence .maincolumn a.tolist_button{
background-image:url(./img/residence_list_button.jpg);
}


/*** estate ***/

div.estate div.chapter{
background-image:url(./img/chapterbg_estate.gif);
}

.estate .maincolumn h4{
border-color:#d8afaf;
border-width:0 0 1px 0;
}




/*** detail page ***/

.detail div.maincolumn{
background-position:50% 50px;
background-repeat:no-repeat;
width:595px;
padding:10px 5px 20px 5px;
}

.detail .maincolumn h4{
margin:25px 0 5px 0;
}

.detail .maincolumn h5{
margin:20px 0 280px 20px;
}

.detail .maincolumn p.detail_front{
color:#777;
font-weight:bold;
margin:20px 30px;
}

.detail .maincolumn p.detail_leftimage{
color:#444;
background-position:left center;
background-repeat:no-repeat;
line-height:1.6;
height:80px;
margin:20px;
padding:20px 10px 20px 190px;
}


.detail .maincolumn p.detail_rightimage{
color:#444;
background-position:right center;
background-repeat:no-repeat;
letter-spacing:2px;
line-height:1.8;
height:80px;
margin:20px;
padding:20px 190px 20px 10px;
}

.detail .maincolumn p.detail_center{
color:#444;
letter-spacing:2px;
line-height:1.8;
text-align:center;
margin:20px auto;
}

.detail_center a img{
padding:5px;
border-style:solid;
border-color:#fcc;
border-width:1px;
}


#detail_suncradle{
background-image:url(./img/detail/suncradle.jpg);
background-position:50% 30px;
}

#detail_sendai-tsutsujigaoka{
background-image:url(./img/detail/sendai-tsutsujigaoka.jpg);
}

.detail .maincolumn#detail_sendai-tsutsujigaoka h5{
margin:20px 0 340px 20px;
}

.detail .maincolumn h6{
color:#444;
margin:20px 10px 5px 10px;
padding:2px 5px;
border-style:solid;
border-color:#ccc;
border-width:0 0 1px 0;
}


.detail .maincolumn table{
border-collapse:collapse;
margin:15px auto;
border-style:double;
border-color:#c0cccd;
border-width:3px;
}

.detail .maincolumn th{
color:#666;
background-color:#f3fff3;
background-image:none;
font-size:90%;
font-weight:bold;
vertical-align:middle;
text-align:center;
width:90px;
padding:8px 5px;
border-style:solid;
border-color:#ccc;
border-width:1px 0;
}

.detail .maincolumn td{
color:#333;
font-size:90%;
padding:3px 20px 3px  5px;
border-style:solid;
border-color:#ccc;
border-width:1px 0;
}

/*-- slide --*/

#mainBox {
 width:100%;
 margin:0 auto;
 padding:0;
}

#home_pict_main{
 margin: 0 auto;
 padding:0;
 width: 780px;
 height: 418px;
}
ul#pict_main{
 float:left;
 clear: both;
 display: block;
 list-style:none;
}

li.pict_main01{
 width: 780px;
 height: 418px;
 display: none; 
 }

li.pict_main02{
 width: 780px;
 height: 418px;
 display: none; 
}

li.pict_main03{
 width: 780px;
 height: 418px;
 display: none; 
}

.floatBox{
 width:100%;
 margin-bottom:30px;
}

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

.floatBoxLeft{
 width:305px;
 margin-top:10px;
 margin-right:20px;
 float:left;
 font-size:13px;
 line-height:150%;
}
.maincolumn .floatBoxLeft p{
 margin-left:0;
 padding-left:0;
 font-size:13px;
 line-height:150%;
}
.floatBoxLeft h3.title{
 color:#666;
 background-image:url(../img/table_marker.gif);
 background-position:0 1px;
 background-repeat:no-repeat;
 font-size:120%;
 font-weight:bold;
 vertical-align:top;
 text-align:left;
 padding:0 0 2px 26px;
}

.floatBoxRight{
 width:240px;
 margin-top:10px;
 float:right;
}

.bukkenBox{
 width:100%;
 margin-bottom:30px;
}

.bukkenBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.bukkenBox{
 width:100%;
 margin-bottom:30px;
}

.bukkenBox ul{
 margin-bottom:20px;
}
.bukkenBox li{
 margin-right:5px;
 float:left;
 list-style:none;
 font-size:13px;
}


div.maincolumn div.workTable{
 width:100%;
 border-collapse:collapse;
 border:none;
}

div.maincolumn div.workTable td{
 margin-right:5px;
 font-size:13px;
}

div.maincolumn div.workTable img{
 border:none;
}

div.maincolumn div.workTable a{
 text-decoration:none;
}