@charset "utf-8";
/* ===========================================================
 * 
 * 松原建築　スタイルシート
 * Last UpDate : 2013/11/14
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */




/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

@import "general.css";

html{
	background-color:#fff;
}

body{
	color:#333;
	background:url(../images/bg.png);
}

.txt{ line-height:1.5em; }


.orange{ color:#f60; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link { color:#999; text-decoration:underline; }
a:visited { color:#999; text-decoration:underline; }
a:hover { color:#f60; text-decoration:none; none; }
a:active { color:#f60; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

h1	{  }

h2.takumi		{ background:url(../takumi/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }
h2.flow			{ background:url(../flow/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }
h2.results		{ background:url(../results/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }
h2.company		{ background:url(../company/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }
h2.contact		{ background:url(../contact/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }
h2.privacy		{ background:url(../privacy/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }
h2.sitemap		{ background:url(../sitemap/images/h2.jpg) no-repeat; width:960px; height:100px; margin-bottom:40px; }


h3 { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:2em; margin-bottom:30px; }
h4 { background:url(../images/arrow01.png) no-repeat; height:25px; padding:5px 0 0 30px; margin:10px 0; font-size:1.2em; border:1px solid #ccc; background-position:13px 5px; }
h4.industry { background:url(../industry/images/h4.png) no-repeat; height:25px; padding:5px 0 0 40px; margin:10px 0; font-size:1.2em; border:1px solid #ccc; background-position:13px 3px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; border:none; }


h5 { background:url(../images/h5.png) no-repeat; height:25px; padding:0 0 0 15px; margin:10px 0; font-size:1.1em; }


/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

#wrapper{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}



/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */

#header{
	width:960px;
	height:120px;
}


#header .headerTxt{
	float:left;
	width:400px;
	padding-top:20px;
}

#header .headerLink{
	float:right;
	width:400px;
	padding-top:20px;
}
#header .headerLink02{
	float:right;
	padding-top:20px;
	text-align:right;
}



#header .headerContact, #header .headerSitemap{
	float:left;
	width:120px;
}


#header .headerFB{
	float:left;
	margin-left:20px;
}


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */

#footerWrapper{
	width:1150px;
	margin:0 auto;
	background-image:url(../images/footer_bg01.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#footer{
	padding-top:30px;
	width:960px;
	overflow:hidden;
	margin:0 auto;
}


#footer .footerSecAdd{
	float:left;
	width:220px;
	padding-top:20px;
}

#footer .footerSecSitemap{
	float:right;
	overflow:hidden;
	font-size:0.9em;
	padding-top:20px;
}

#footer .footerSecSitemap01{
	float:left;
	width:180px;
	height:120px;
	border-left:1px solid #999;
	padding-top:20px;
}

#footer .footerSecSitemap01 ul{
	margin-left:20px;
	padding-left:20px;
}

#footer .footerSecSitemap01 ul li{
	margin-bottom:10px;
}

#footer .footerSecSitemap01 ul li a{
	color:#666;
	text-decoration:none;
}

#footer .footerSecSitemap01 ul li a:hover{
	color:#f60;
	text-decoration:none;
}


#footer .footerCopyright{
	text-align:right;
	padding:10px;
	font-size:0.8em;
	color:#666;
	border-top:1px dotted #999;
	margin-top:20px;
}




/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* nav */
#gNavi {
	width:1150px;
	height:50px;
	margin:0 auto 40px auto;
	background-image:url(../images/gnavi_bg01.png);
	background-repeat:no-repeat;
}

#gNavi ul {
	margin:0 auto;
	padding-left:95px;
}

#gNavi li {
	float: left;
	display: inline;
}
#gNavi li a {
	width:192px;
	height:50px;
	display: block;
	background-image: url(../images/gnavi.png);
	background-repeat: no-repeat;
}


/* individual */
#gNavi li#gNavi_01 a {
	background-position: left 0;
}
#gNavi li#gNavi_01 a:hover, #gNavi li#gNavi_01 a:active ,#gNavi li#gNavi_01 .gnavi_cr01 {
	background-position: left -50px;
}
#gNavi li#gNavi_02 a {
	background-position: -192px 0;
}
#gNavi li#gNavi_02 a:hover, #gNavi li#gNavi_02 a:active ,#gNavi li#gNavi_02 .gnavi_cr02 {
	background-position: -192px -50px;
}
#gNavi li#gNavi_03 a {
	background-position: -384px 0;
}
#gNavi li#gNavi_03 a:hover, #gNavi li#gNavi_03 a:active ,#gNavi li#gNavi_03 .gnavi_cr03 {
	background-position: -384px -50px;
}
#gNavi li#gNavi_04 a {
	background-position: -576px 0;
}
#gNavi li#gNavi_04 a:hover, #gNavi li#gNavi_04 a:active ,#gNavi li#gNavi_04 .gnavi_cr04 {
	background-position: -576px -50px;
}
#gNavi li#gNavi_05 a {
	background-position: -768px 0px;
}
#gNavi li#gNavi_05 a:hover, #gNavi li#gNavi_05 a:active ,#gNavi li#gNavi_05 .gnavi_cr05 {
	background-position: -768px -50px;
}



/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */

#lNavi {
	float:left;
	width:230px;
	margin-right:30px;
}

#lNavi .lNaviTit{
	background-color:#63bf26;
	color:#fff;
	font-weight:bold;
	padding:5px;
}


#lNavi .lNaviSec{
	background-color:#fff;
	border:1px solid #ccc;
}


#lNavi .lNaviContact{
	text-align:center;
	margin:5px auto 10px auto;
}



#lNavi ul {
	margin:0 auto;
}

#lNavi li {
	display: inline;
}
#lNavi li a {
	width:230px;
	height:45px;
	display: block;
	background-image: url(../images/lnavi.png);
	background-repeat: no-repeat;
}


/* individual */
#lNavi li#lNavi_01 a {
	background-position: left 0;
}
#lNavi li#lNavi_01 a:hover, #lNavi li#lNavi_01 a:active ,#lNavi li#lNavi_01 .lnavi_cr01 {
	background-position: -230px 0;
}
#lNavi li#lNavi_02 a {
	 background-position: left -45px;
}
#lNavi li#lNavi_02 a:hover, #lNavi li#lNavi_02 a:active ,#lNavi li#lNavi_02 .lnavi_cr02 {
	background-position:  -230px -45px;
}
#lNavi li#lNavi_03 a {
	background-position: left -90px;
}
#lNavi li#lNavi_03 a:hover, #lNavi li#lNavi_03 a:active ,#lNavi li#lNavi_03 .lnavi_cr03 {
	background-position:  -230px -90px;
}
#lNavi li#lNavi_04 a {
	background-position: left -135px;
}
#lNavi li#lNavi_04 a:hover, #lNavi li#lNavi_04 a:active ,#lNavi li#lNavi_04 .lnavi_cr04 {
	background-position:  -230px -135px;
}
#lNavi li#lNavi_05 a {
	background-position: left -180px;
}
#lNavi li#lNavi_05 a:hover, #lNavi li#lNavi_05 a:active ,#lNavi li#lNavi_05 .lnavi_cr05 {
	background-position:  -230px -180px;
}
#lNavi li#lNavi_06 a {
	background-position: left -225px;
}
#lNavi li#lNavi_06 a:hover, #lNavi li#lNavi_06 a:active ,#lNavi li#lNavi_06 .lnavi_cr06 {
	background-position: -230px -225px;
}


#lNavi .lNaviBtn{
	margin-top:20px;
}




/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

#contents{
	width:960px;
	overflow:hidden;
	margin:30px auto;
}


#main{
	width:960px;
	/* overflow:hidden; */
}


/************** トップページ **************/


#topImg{
	width:960px;
	height:250px;
	margin:20px auto;
}



.topImgShadow{
    background: #fff;
    position:relative;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
}





#main .pankuzu{
	padding:0 0 5px 0;
	font-size:85%;
	color:#999;
}


#main .pankuzu a{
	text-decoration:none;
	color:#999;
}

#main .pankuzu a:hover{
	text-decoration:none;
	font-weight:normal;
	color:#63bf26;
}





/* トップページ */

#main .topSec{
}

#main .topSec01{
	float:left;
	width:640px;
}

#main .topSec01Btn{
	float:left;
	width:300px;
	margin-right:20px;
	margin-top:20px;
}


#main .topSec02{
	float:left;
	width:320px;
}

#main .topSec a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}



#main .topSecNews, #main .topSecFB{
	float:left;
	width:470px;
	margin-top:20px;
}

#main .topSecNewsL{
	width:960px;
	margin-top:20px;
}



#main .topSecNews01{
	border:1px solid #999;
	height:290px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:10px 20px;
	
}


#main .topNewsSec{
	overflow:hidden;
	padding:10px;
	border-bottom:1px dotted #999;
}

#main .topNewsSecDate{
	float:left;
	width:100px;
}

#main .topNewsSecTxt{
	float:left;
}





/************** 松原建築の匠技 takumi **************/

#main .takumiSec{
	overflow:hidden;
}

#main .takumiSec01{
	float:left;
	width:640px;
	margin-right:20px;
}


#main .takumiSecTit{
	margin-bottom:20px;
}

#main .takumiSecTxt{
	line-height:1.8em;
}

#main .takumiSecImg{
	float:left;
	width:300px;
}


#main .takumiSecTit01{
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:20px;
}

.bbdot{
	border-bottom:1px dotted #666;
	padding-bottom:40px;
	margin-bottom:40px;
}





/************** 家づくりの流れ flow **************/


#main .flowSec{
}


#main .flowSec01{
	background:url(../flow/images/img_flow01.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}

#main .flowSec02{
	background:url(../flow/images/img_flow02.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}

#main .flowSec03{
	background:url(../flow/images/img_flow03.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}

#main .flowSec04{
	background:url(../flow/images/img_flow04.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}

#main .flowSec05{
	background:url(../flow/images/img_flow05.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}

#main .flowSec06{
	background:url(../flow/images/img_flow06.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}

#main .flowSec07{
	background:url(../flow/images/img_flow07.png) no-repeat left top;
	width:960px;
	height:180px;
	padding-left:230px;
	padding-top:90px;
	line-height:1.8em;
}



/************** 施工実績 results **************/

#main .resultsSec01{
	overflow:hidden;
	float:left;
	width:300px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:40px;
}

#main .resultsSec01Img{
}

#main .resultsSec01Tit{
	background-color:#474b42;
	color:#fff;
	padding:10px;
	border-bottom:1px dotted #ccc;
}

#main .resultsSec01Add{
	background-color:#474b42;
	color:#fff;
	padding:10px;
	border-bottom:1px dotted #ccc;
}

#main .resultsSec01Date{
	background-color:#474b42;
	color:#fff;
	padding:10px;
}



/************** 会社案内 company **************/


#main .companySec{
	overflow:hidden;
}

#main .companySec01{
	float:left;
	width:740px;
	margin-right:20px;
}


#main .companySecTit{
	margin-bottom:20px;
}

#main .companySecTxt{
	line-height:1.8em;
}

#main .companySecImg{
	float:left;
	width:200px;
}

#main .companySecTxt01{
	text-align:right;
	font-size:1.3em;
}


#main .companySec01 table{
	width:800px;
}

#main .companySec01 table th{
	width:180px;
	padding:10px;
	background-color:#ccc;
	text-align:left;
}

#main .companySec01 table td{
	padding:10px;
}





/************** プライバシーポリシー privacy **************/

#main .privacySec{
	margin-bottom:40px;
}


/************** サイトマップ **************/

#main .sitemapSec{
}

#main .sitemapSec ul{
	margin-left:100px;
	margin-bottom:30px;
}

#main .sitemapSec ul li{
	list-style-type:square;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1.3em;
	padding-left:10px;
	line-height:2em;
}

#main .sitemapSec ul li a{
	color:#333;
	text-decoration:none;
}

#main .sitemapSec ul li a:hover{
	color:#f60;
	text-decoration:none;
}











/* お問い合わせ contact */
#confirm_phase{
	text-align:center;
	color:#f00;
	font-weight:bold;
	margin:20px;
	font-size:1.3em;
}