/*------------------------
  toraya index_style
-------------------------*/


/************** index **************/

body {
    background: url(../images/common/img_body_bg.png) repeat;
}

#wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

/************** ヘッダー **************/

#header {
    background: url(../images/top/main_img.jpg) no-repeat;
    background-color: #666;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 1600px;
    min-width: 980px;
    height: 435px;

}

#header .header_inner {
    width: 980px;
    margin: 0 auto;
}

#header .header_inner .header_l {
    width: 230px;
    display: inline-block;
    float: left;
}

#header .header_inner .header_l img {
    margin: 0 0 10px 0;
}

#header .header_inner .header_r {
    width: 218px;
    display: inline-block;
    float: right;
    margin: 160px 3px 0 0;
}

/*-- index --*/
#header-index{
	width: 1600px;
	height:435px;
	margin:0 auto;
	position: relative;
	z-index: 0;
}

/*-- index-top覆う画像 --*/

#header-index-overlay{
	z-index: 1;
	position: relative;
	top:-457px;
	width:980px;
	height:435px;
	margin:0 auto;
}


#header-index-overlay .index_float_box{
	overflow:hidden;
	width: 980px;
	margin:0 auto;
}

/************** グローバルメニュー **************/

#menu {
    background: url(../images/top/menu_bg.png) no-repeat;
    background-position: center top;
    max-width: 1600px;
    min-width: 980px;
    height: 300px;
    margin: -70px 0 0 0;
	z-index:2;
	position:relative;
}

#menu .menu_list {
    width: 980px;
    margin: 0 auto;
}

#menu .menu_list li {
    float: left;
    margin: 0 10px 0 0;
    display: inline-block;
}

#menu .menu_list li a {
    display: block;
    width: 100px;
    height: 229px;
}

#menu .menu_list .menu_02 {margin-top: 2px;}
#menu .menu_list .menu_03 {margin-top: 8px;}
#menu .menu_list .menu_04 {margin-top: 18px;}
#menu .menu_list .menu_05 {margin-top: 28px;}
#menu .menu_list .menu_06 {margin-top: 42px;}
#menu .menu_list .menu_07 {margin-top: 19px;}
#menu .menu_list .menu_08 {margin-top: 26px;}
#menu .menu_list .menu_09 {margin: 34px 0 0 0;}


/************** リフォームローン **************/
.loanImg {
    margin: -30px 0 0 0;
    position: relative;
    z-index: 100;
}
/************** 施工例カルーセル **************/

#contents {
    width: 980px;
    margin: 0 auto;
}

#contents .carousel_wrap .carousel_tab {
    display: inline-block;
    float: left;
    margin: 0 0 0 30px;
}

#contents .carousel_wrap .carousel_tab li {
    float: left;
    height: 26px;
    width: 80px;
    margin: 0 5px 0 0;
}

#contents .carousel_wrap .carousel_tab .walltab { background: url(../images/top/carousel_tab_01_off.gif) no-repeat;}
#contents .carousel_wrap .carousel_tab .rooftab { background: url(../images/top/carousel_tab_02_off.gif) no-repeat;}
#contents .carousel_wrap .carousel_tab .interiortab { background: url(../images/top/carousel_tab_05_off.gif) no-repeat;}
#contents .carousel_wrap .carousel_tab .otherstab { background: url(../images/top/carousel_tab_03_off.gif) no-repeat;}
#contents .carousel_wrap .carousel_tab .alltab { background: url(../images/top/carousel_tab_all_off.gif) no-repeat;}

#contents .carousel_wrap .carousel_tab .walltab:hover,
#contents .carousel_wrap .carousel_tab .walltab a.active {
    background: url(../images/top/carousel_tab_01_on.gif) no-repeat;
}

#contents .carousel_wrap .carousel_tab .rooftab:hover,
#contents .carousel_wrap .carousel_tab .rooftab a.active {
    background: url(../images/top/carousel_tab_02_on.gif) no-repeat;
}

#contents .carousel_wrap .carousel_tab .interiortab:hover,
#contents .carousel_wrap .carousel_tab .interiortab a.active {
    background: url(../images/top/carousel_tab_05_on.gif) no-repeat;
}

#contents .carousel_wrap .carousel_tab .otherstab:hover,
#contents .carousel_wrap .carousel_tab .otherstab a.active {
    background: url(../images/top/carousel_tab_03_on.gif) no-repeat;
}

#contents .carousel_wrap .carousel_tab .alltab:hover,
#contents .carousel_wrap .carousel_tab .alltab a.active {
    background: url(../images/top/carousel_tab_all_on.gif) no-repeat;
}

#contents .carousel_wrap .carousel_tab li a {
    display: inline-block;
    height: 26px;
    width: 80px;
}

#contents #tabcontent {
    background: url(../images/top/carousel_bg.gif) no-repeat;
    width: 980px;
    height: 280px;
    display: inline-block;
}

/************** 4つのおすすめ **************/

#contents .rec_four {
    width: 980px;
    height: 680px;
    display: inline-block;
    margin: 0 auto 40px auto;
}

#contents .rec_four h1 {
    width: 590px;
    height: 43px;
    margin: 0 0 18px 0;
}

#contents .rec_four h1 img {
    float: left;
}

#contents .rec_four h1 span {
    float: right;
    text-align: left;
    font-size: 75%;
    color: #666;
    line-height: 1.6em;
    font-weight: normal;
    margin: 9px 0 0 0;
}

#contents .rec_four .plan li {
    float: left;
    display: inline-block;
}

#contents .rec_four .float_box{
	height:205px;
	overflow:hidden;
	width: 1000px;
}

#contents .rec_four .float_box .fleft .line{
	 border-bottom: 1px solid #ccc;
}


/**#contents .rec_four .float_box p.bk_01{
	background:url(../images/top/osusume_plan_sub.png) no-repeat 10px;
	background-position: left center;
	padding: 4px 10px 4px 15px;
}
**/

/************** お問い合わせ **************/

#contents .contact_wrap {
    height: 100px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 25px 52px 0 52px;
    margin: 0 0 55px 0;
}

#contents .contact_wrap .contact_info {
   color: #4d4d4d;
   margin: 0 0 20px 0;
   font-size: 95%;
}

#contents .contact_wrap .contact_l,
#contents .contact_wrap .contact_r {
    width: 425px;
    display: inline-block;
}

#contents .contact_wrap .contact_l {
    float: left;
    border-right: 1px solid #ccc;
}

#contents .contact_wrap .contact_r{
    float: right;
}

/************** メニュー **************/

#contents .middle_menu_wrap {
    margin: 0 0 55px 0;
    display: inline-block;
}

#contents .middle_menu_wrap .middle_menu li {
    float: left;
    display: inline-block;
}

/************** 匠ブログ＆NEWS **************/

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

#contents .blog_news_wrap h1 {
    width: 555px;
    height: 35px;
    margin: 30px 0 12px 0;
    display: inline-block;
    float: left;
}

#contents .blog_news_wrap h1 img {
    float: left;
}

#contents .blog_news_wrap h1 span {
    float: right;
    text-align: left;
    font-size: 75%;
    color: #666;
    line-height: 1.6em;
    font-weight: normal;
    margin: 1px 0 0 0;
}

#contents .blog_news_wrap .blog_news_tab {
    width: 195px;
    height: 77px;
    margin: 0 40px 0 0;
    float: right;
    position: relative;
}

#contents .blog_news_wrap .blog_news_tab li {
    width: 104px;
    height: 77px;
    float: left;
    position: absolute;
}

#contents .blog_news_wrap .blog_news_tab .blog_btn a {
    background: url(../images/top/blog_btn_off.png) no-repeat;
    z-index: 10;
}

#contents .blog_news_wrap .blog_news_tab .blog_btn a:hover {
    background: url(../images/top/blog_btn_on.png) no-repeat;
    z-index: 100;
}

#contents .blog_news_wrap .blog_news_tab .blog_btn a.current {
    background: url(../images/top/blog_btn_on.png) no-repeat;
    z-index: 100;
}

#contents .blog_news_wrap .blog_news_tab .blog_btn a.out_hover {
    background: url(../images/top/blog_btn_off.png) no-repeat;
    z-index: 10;
}

#contents .blog_news_wrap .blog_news_tab .news_btn {
    right: 0;
}

#contents .blog_news_wrap .blog_news_tab .blog_btn a,
#contents .blog_news_wrap .blog_news_tab .news_btn a {
    width: 104px;
    height: 77px;
    display: inline-block;
    position: relative;
}

#contents .blog_news_wrap .blog_news_tab .news_btn a {
    float: right;
}

#contents .blog_news_wrap .blog_news_tab .news_btn a {
    background: url(../images/top/news_btn_off.png) no-repeat;
    z-index: 10;
}

#contents .blog_news_wrap .blog_news_tab .news_btn a:hover {
    background: url(../images/top/news_btn_on.png) no-repeat;
    z-index: 100;
}

#contents .blog_news_wrap .blog_news_tab .news_btn a.current {
    background: url(../images/top/news_btn_on.png) no-repeat;
    z-index: 100;
}

#contents .blog_news_wrap .blog_news_tab .news_btn a.out_hover {
    background: url(../images/top/news_btn_off.png) no-repeat;
    z-index: 10;
}

#contents .blog_news_wrap .blog_wrap {
    display: inline-block;
    width: 980px;
    margin: 0 0 45px 0;
}

#contents .blog_news_wrap .blog_wrap .blog_top,
#contents .blog_news_wrap .blog_wrap .blog_bottom {
    background: url(../images/top/blog_news_bg.gif) no-repeat;
    height: 12px;
}

#contents .blog_news_wrap .blog_wrap .list-wrap {
    background: url(../images/top/blog_news_bgcont.gif) repeat-y;
    background-position: center;
    width: 980px;
    padding: 20px 0 0 0;
}

#contents .blog_news_wrap .blog_wrap .blog_inner {
}

#contents .blog_news_wrap .blog_wrap .blog_inner li {
    width: 232px;
    margin: 0 0 15px 0;
    display: inline-block;
	vertical-align: top;
}

#contents .blog_news_wrap .blog_wrap .blog_inner .bd_r {
    border-right: 1px dotted #999;
}
#contents .blog_news_wrap .blog_wrap .blog_inner li a {
    display: block;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li img {
    margin: 0 0 20px 0;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li h5,
#contents .blog_news_wrap .blog_wrap .blog_inner li p {
    text-align: left;
    margin: 0 0 12px 0;
    width: 180px;
    display: inline-block;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li p.date {
    font-size: 75%;
    color: #d2272d;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li p.blog_mes {
    font-size: 70%;
    line-height: 1.7em;
    color: #666;
    margin: 0 0 0 0;
    height: 8.5em;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li p.more_btn {
    margin: 0;
    height: 22px;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li p.more_btn img {
    margin: 0;
}

#contents .blog_news_wrap .blog_wrap .blog_inner li h5 {
    font-size: 75%;
    font-weight: bold;
    color: #706551;
}

/************** おすすめコンテンツ **************/

#contents .recommend_wrap h1 {
    width: 610px;
    height: 35px;
    margin: 30px 0 12px 0;
    display: inline-block;
    float: left;
}

#contents .recommend_wrap h1 img {
    float: left;
    margin: 2px 0 0 0;
}

#contents .recommend_wrap h1 span {
    float: right;
    text-align: left;
    font-size: 75%;
    color: #666;
    line-height: 1.6em;
    font-weight: normal;
}

#contents .recommend_wrap .recommend_inner {
    display: inline-block;
    margin: 0;
}

#contents .recommend_wrap .recommend_inner li {
    float: left;
}

/************** bottom お問い合わせ **************/

#contents .bottom_contact_wrap {
    background: url(../images/top/cont_bottom_bg.gif) no-repeat;
    width: 980px;
    height: 58px;
    text-align: right;
    margin: 0 0 50px 0;
}

#contents .bottom_contact_wrap p {
    padding: 6px;
}


/**************  フッター **************/

#footer {
    background: url(../images/common/img_footer_bg.png) repeat;
    margin-top: 85px;
}

#footer .footer_content {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

#footer .footer_content .page_top_btn {
    position: absolute;
    right: 0;
    top: -35px;
}

#footer .footer_content .company_prof {
    width: 460px;
    text-align: left;
    padding: 15px 0 0 0;
    display: inline-block;
    float: left;
    margin: 0 0 10px 0;
}

#footer .footer_content .company_prof span {
    font-size: 70%;
    margin: 10px 0 0 30px;
    display: inline-block;
    color: #4d4d4d;
    line-height: 1.8em;
}

#footer .footer_content .company_prof span strong {
    color: #4d4d4d;
    font-size: 110%;
    letter-spacing: 0.1em;
}

#footer .footer_content .company_prof .tel {
    margin: 8px 0 0 30px;
    display: inline-block;
}

#footer .footer_content .sns_list {
    display: inline-block;
    float: right;
    margin: 15px 0 10px 0;
}

#footer .footer_content .info {
    width: 450px;
    display: inline-block;
    float: right;
    font-size: 70%;
    margin: 0 0 20px 0;
}

#footer .footer_content .info span {
    float: right;
}

#footer .footer_content .footer_menu_wrap {
    border-top: 1px solid #A9A9A9;
    -webkit-box-shadow: 0 1px 0 #DCDCDC;
    -moz-box-shadow: 0 1px 0 #DCDCDC;
    box-shadow: 0 1px 0 #DCDCDC;
}

#footer .footer_content .footer_menu {
    width: 485px;
    display: inline-block;
    float: left;
    margin: 20px 0 0 125px;
}

#footer .footer_content .footer_menu li {
    float: left;
    width: 100px;
    text-align: left;
    font-size: 65%;
    line-height: 2.0em;
    background: url(../images/top/foot_menuicon.png) no-repeat;
    background-position: 0 8px;
    padding: 0 0 0 8px;
}

#footer .footer_content .footer_menu li a {
    text-decoration: none;
    color: #4d4d4d;
}

#footer .footer_content .footer_menu li a:hover {
    text-decoration: underline;
    color: #4d4d4d;
}

#footer .footer_content .sns_link {
    float: right;
    display: inline-block;
    margin: 50px 0 30px 0;
}

#footer .footer_content .sns_link li {
    float: left;
}

#footer #copyright {
    height: 40px;
    background-color: #8e8d88;
}

#footer #copyright .copyright_inner {
    width: 980px;
    margin: 0 auto;
}

#footer #copyright .copyright_inner .copyright_menu {
    display: inline-block;
    float: left;
    margin: 14px 0 0 0;
}

#footer #copyright .copyright_inner .copyright_menu li {
    float: left;
    text-align: left;
    font-size: 65%;
    background: url(../images/top/copyright_icon.png) no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 7px;
}

#footer #copyright .copyright_inner .copyright_menu li a {
    color: #DCDCDC;
    text-decoration: none;
}

#footer #copyright .copyright_inner span {
    color: #DCDCDC;
    display: inline-block;
    float: right;
    font-size: 60%;
    margin: 15px 0 0 0;
}


/************** 施工事例　2014/8/22追加 **************/

#contents .works_wrap {
    margin: 0 0 25px 0;
    width: 980px;
    display: inline-block;
}

#contents .works_wrap h1 {
    width: 457px;
    height: 35px;
    margin: 30px 0 20px 0;
    display: inline-block;
    float: left;
}

#contents .works_wrap h1 img {
    float: left;
    margin: -4px 0 0 0;
}

#contents .works_wrap h1 span {
    float: right;
    text-align: left;
    font-size: 75%;
    color: #666;
    line-height: 1.6em;
    font-weight: normal;
}

#contents .works_wrap .works_box {
    width: 980px;
    display: inline-block;
}

#contents .works_wrap .works_box .works_inner {
    border-bottom: dotted 1px #959595;
    width: 475px;
    height: 155px;
    display: inline-block;
    text-align: left;
    margin: 0 0 30px 0;
}

#contents .works_wrap .works_box .noneborder {
    border-bottom: none;
}

#contents .works_wrap .works_box .works_inner h3 {
    background: url(../works/img/works_icon.gif) no-repeat;
    background-size: 12px 13px;
    color: #978475;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
}

#contents .works_wrap .works_box .works_inner .works_L {
    float: left;
}

#contents .works_wrap .works_box .works_inner .works_R {
    float: right;
    color: #333;
}

#contents .works_wrap .works_box .works_inner .works_R table {
    border-top: dashed 1px #959595;
    width: 178px;
}

#contents .works_wrap .works_box .works_inner .works_R table tr {
    border-bottom: dashed 1px #959595;
}

#contents .works_wrap .works_box .works_inner .works_R table th {
    background-color: #bfb0a2;
    padding: 10px 10px 10px 5px;
    font-size: 11px;
}

#contents .works_wrap .works_box .works_inner .works_R table th span {
    color: #941c04;
    margin: 0 2px 0 0;
}

#contents .works_wrap .works_box .works_inner .works_R table td {
    color: #404040;
    padding: 10px 3px 10px 8px;
    font-size: 10px;
    width: 95px;
}

#contents .works_wrap .works_box .works_inner .works_R .more_btn {
    text-align: right;
    margin: 18px 0 0 0;
}

/************** fixedボタン　2014/8/22追加 **************/

#fixed_btn {
    width: 44px;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 200;
}