/* CSS Document 松原秀範建築設計研究所は、香川県にて商業建築デザイン、ソリッドウッド販売を行っております中ページ */

#main1 {
	width:780px;
	margin:0 auto;
	padding:10px 0 ;
	text-align:left;
	clear:both ;}
	
#main1:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}


/* ★三列表示ページのカラム ----------------------------------------------------------------------------------- */

/*　左ボックス　*/
#main1 #left {
	width:150px ; 	/*左ボックスの幅*/
	margin:10px 1px; 
	float:left ;}

/*　右ボックス　*/
#main1 #right {
	width:600px ; 	/*右ボックスの幅*/
	margin:10px ; 
	text-align:center;
	float:right ;}

#main1 p {
	margin:0 ;
	padding:10px ;	/*テキストのパディング*/} 


/*　右ボックスの中のカラム　*/

/*　左ボックス　*/
#main1 #right #left2 {
	width:179px ; 	/*左ボックスの幅*/
	margin:0 0 0 15px ; 	/*左ボックスとの余白*/
	float:left ;}

/*　中ボックス　*/
#main1 #right #center2 {
	width:179px ; 	/*中ボックスの幅*/
	margin:0 0 0 15px ; 	/*左ボックスとの余白*/
	float:left ;}

/*　右ボックス　*/
#main1 #right #right2 {
	width:179px ; 	/*右ボックスの幅*/
	float:right ;}


/* ★作品 ----------------------------------------------------------------------------------- */


/*サムネイルロールオーバー*/


/*佐野邸*/
.sano  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/sano.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.sano a:hover {
	background: url(../work/01thum/sano.jpg) 0 -100px no-repeat;}
	


/*樹里庵*/
.jyurian  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/jyurian.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.jyurian a:hover {
	background: url(../work/01thum/jyurian.jpg) 0 -100px no-repeat;}

/*アビタ*/
.abi  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/abi.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.abi a:hover {
	background: url(../work/01thum/abi.jpg) 0 -100px no-repeat;}


/*FIRN*/
.firn  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/firn.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.firn a:hover {
	background: url(../work/01thum/firn.jpg) 0 -100px no-repeat;}


/*天勝*/
.tenkatsu  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/tenkatsu.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.tenkatsu a:hover {
	background: url(../work/01thum/tenkatsu.jpg) 0 -100px no-repeat;}


/*都市劇場*/
.toshi  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/toshi.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.toshi a:hover {
	background: url(../work/01thum/toshi.jpg) 0 -100px no-repeat;}


/*あづま*/
.azuma  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/azuma.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.azuma a:hover {
	background: url(../work/01thum/azuma.jpg) 0 -100px no-repeat;}

	
/*丸善織物*/
.maruzen  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/maruzen.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.maruzen a:hover {
	background: url(../work/01thum/maruzen.jpg) 0 -100px no-repeat;}
	



/*MOON(その他）*/
.moon  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/moon.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.moon a:hover {
	background: url(../work/01thum/moon.jpg) 0 -100px no-repeat;}


/*サラ*/
.sara  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/sara.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.sara a:hover {
	background: url(../work/01thum/sara.jpg) 0 -100px no-repeat;}
	

/*魚虎*/
.uotora  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/uotora.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.uotora a:hover {
	background: url(../work/01thum/uotora.jpg) 0 -100px no-repeat;}
	

/*やすらぎ*/
.yasuragi  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/yasuragi.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.yasuragi a:hover {
	background: url(../work/01thum/yasuragi.jpg) 0 -100px no-repeat;}

/*AIR*/
.air  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/air.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.air a:hover {
	background: url(../work/01thum/air.jpg) 0 -100px no-repeat;}

/*彫刻家*/
.chokoku  a{
	width:100px ;
	height:100px;
	margin:0;
	padding:0;
	background: url(../work/01thum/chokoku.jpg) 0 0 no-repeat;
	text-indent:-500px;
	overflow:hidden;
	display:block;}

.chokoku a:hover {
	background: url(../work/01thum/chokoku.jpg) 0 -100px no-repeat;}


/*作品の細かい紹介ページ*/

#main2 {
	width:780px;
	margin:0 auto;
	padding:10px 0 ;
	text-align:center;
	background-color:#fff;
	clear:both ;}

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

#main2 h2{
	width:700px;
	margin:0 auto ;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:140% ;		/*フォントサイズ*/
	color:#036 ;		/*フォント色*/
	text-align:left;
	border-left:7px solid #999 ;		/*左ボーダーの設定*/
}

#main2 h4{
	width:600px;
	margin:5px auto ;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:100% ;		/*フォントサイズ*/
	color:#036 ;		/*フォント色*/
	text-align:left;
	font-weight : normal ;
	line-height:1.4em;
	background-color:#e1e1e1;}



/*別ウインドウ*/

#window {
	width:620px ; 
	margin:10px auto 0 auto;
	padding:10px 0 ;
	clear:both ;
	border:1px solid #666;
	background-color:#fff;
	font-size:80%;}

#window :after {
	content:".";
	height:0;
	crear:both;
	visibility:hidden;
	display:block;}

#window img{
	border:1px solid #333 ;
	clear:both ;}


/*　■テーブル　*/

#main2 table {
	width:620px ;
	margin:20px auto ;
	padding:0 ;
	text-align:center;
	vertical-align:bottom ;
	border:1px solid #666;

 }

#main2 table td {
	font-size:100% ;
	color:#3F3F3F ;
	line-height:1.6em;
	background-color:#FFF;}

#main2 table .tr2 td {
	background-color:#036;
	color:#fff;}


#main2 p{
	padding:10px 0 ;
	line-height:1.6em;}


.back {
	margin:0 0 0 10px;
	text-align:left;}

.back2 {
	margin:20px 0;
	text-align:center;}

.pagetop{
	margin:0 10px 0 0;
	text-align:right;}
	
	
	
	
	
	
	
/*ソリッドウッドページ ----------------------------------------------------------------------------------- */

#solidwood {
	width:770px;
	margin:20px auto;
	padding:0 ;
	text-align:left;
	line-height:1.6em;
	clear:both ;}

#solidwood:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}
	
	
#solidwood h3{
	width:500px;
	margin:10px auto 10px auto;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:120% ;		/*フォントサイズ*/
	color:#00552e ;		/*フォント色*/
	text-align:left;
	border:none;		
	font-weight:bold}
	
	
#solidwood h4{
	margin:0 auto 0 5px;
	padding:0;	/*テキストの間隔*/
	color:#752100 ;		/*フォント色*/
	text-align:left;
	font-size:100%;
	border:none;		
	font-weight : normal ;}


/*　左ボックス　*/
#solidwood #left {
	width:520px ; 	/*左ボックスの幅*/
	margin:10px auto 10px auto; 
	padding:0 0 0 40px;
	float:left ;
}

/*　右ボックス　*/
#solidwood #right {
	width:170px ; 	/*右ボックスの幅*/
	margin:10px auto 10px 5px; 
	float:right ;}

#solidwood p{
	padding:5px;}


.pagenavi {
	width:600px;
	margin:10px auto 20px auto;
	text-align:center;
	font-size:120%;
	border-bottom:1px dotted #a19361 ;}

.pickup {
	width:630px;
	margin:10px auto;
	padding:10px;
	text-align:left;
	font-size:130%;
	color:#b7282e ;
	border-left:5px solid #999 ;		/*左ボーダーの設定*/
	border-bottom:1px dotted #999 ;		/*上ボーダーの設定*/
}

.toiawase {
	width:300px;
	margin:20px auto 10px auto;
	padding:10px;
	text-align:left;
	border:1px solid #bed2c3; }
		

#solidwood2 {
	width:600px;
	margin:20px auto;
	padding:0 ;
	text-align:left;
	line-height:1.6em;
	clear:both ;}

#solidwood2:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}
	
	
#solidwood2 h3{
	width:600px;
	margin:10px auto 10px auto;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:120% ;		/*フォントサイズ*/
	color:#00552e ;		/*フォント色*/
	text-align:left;
	border-left:5px solid #b0ca71 ;		
	border-bottom:1px dotted #b0ca71 ;
	font-weight:bold}
	
	
#solidwood2 h4{
	margin:0 auto 0 5px;
	padding:0;	/*テキストの間隔*/
	color:#b55233 ;		/*フォント色*/
	text-align:left;
	font-size:100%;
	border:none;		
	font-weight : normal ;}

#solidwood2 p{
	padding:10px;}
	

#solidwood2 table {
	width:500px ;
	margin:10px auto ;
	padding:10px ;
	text-align:center;
	vertical-align:bottom ;
	background:#666;
	}

#solidwood2 table td {
	font-size:100% ;
	color:#3F3F3F ;
	line-height:1.6em;
	background-color:#FFF;}	
	
	
	

/*プロフィールページ ----------------------------------------------------------------------------------- */

#main3 {
	width:650px;
	margin:20px auto;
	padding:10px 0 ;
	text-align:left;
	line-height:1.6em;
	clear:both ;}

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

#main3 h3{
	width:650px;
	margin:10px auto 10px auto;
	padding:8px 10px ;	/*テキストの間隔*/
	font-size:120% ;		/*フォントサイズ*/
	color:#6b8e23 ;		/*フォント色*/
	text-align:left;
	border-left:5px solid #999 ;		/*左ボーダーの設定*/
	border-bottom:1px solid #999 ;		/*上ボーダーの設定*/
	font-weight : normal ;}







/*エッセイページ ----------------------------------------------------------------------------------- */

#main4 {
	width:600px;
	margin:0 auto;
	padding:20px 0 ;
	text-align:left;
	line-height:1.8em;
	clear:both ;}

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

#main4 h3{
	width:600px;
	margin:10px auto;
	padding:8px;	/*テキストの間隔*/
	font-size:140% ;		/*フォントサイズ*/
	color:#060 ;		/*フォント色*/
	text-align:left;
	border-left:5px solid #666 ;		/*左ボーダーの設定*/
	border-bottom:1px solid #666 ;		/*上ボーダーの設定*/
	font-weight:bold}

#main4 h4{
	margin:20px auto 5px auto;
	padding:10px 0 ;	/*テキストの間隔*/
	font-size:100% ;		/*フォントサイズ*/
	color:#060 ;		/*フォント色*/
	}
	
	
	


/* ★画像 --------------------------------------------------------------------------------- */
.imgcenter{
	margin:20px 0;
	text-align:center;
	clear:both ;}


.pagetop {
	width:770px;
	margin:10px auto 20px auto;
	font-size:85%;
	text-align:right;}
	
.center {
	text-align:center;}

.color1 {
	color:#b55233 ;}