/*デザインオフォス　リンク集*/

body {
	font-family: "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3";
}

.float_clear {
	clear: both;
	height: 0px;
	width: 0px;
	visibility: hidden;
}

#designmain{
	width: 1008px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	position: relative;
}

	#map_main {
		width:1008px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		color:#333333;
		font-size:12px;
		margin-bottom: 35px;
		padding-left: 15px;
	}
	#map_left {
		float: left;
		width: 300px;
		position: relative;
	}
	#map_right {
		float: right;
		width: 511px;
		/*padding-top: 20px;*/
	}
	#map_righttext {
		position: absolute;
		left: 200px;
		font-weight:bold;
		font-size:14px;
		color: #003399;
		background-color: #FFFFFF;
		padding: 8px;
		border: 2px solid #FF0000;
		line-height: 1.4em;
		width: 280px;
		margin-bottom: 20px;
	}

#map_totourokubox {
	padding-top:25px;
	margin-bottom:10px;
	width: 300px;
}

#map_totourokuleft {
	float:left;
	width:50px;
	margin-top:15px;
	padding-left: 40px;
}
#map_totourokuright {
	float:right;
	width: 152px;
	margin-right: 55px;
}

/* 建築家インタビュー */
#spacedesign2 {
	width:878px;
	text-align:left;
	/*background-image:url(../designoffice/spacedesign.jpg);*/
	background-repeat:no-repeat;
	padding-top:140px;
	padding-bottom:15px;
	border:solid 1px #666666;
	background-position: left top;
	 }

.linktable {
	width:100%;
	margin: 0px;
	padding: 0px;
}
.linktable table {
border-collapse: separate;
}
.linktable td {
padding: 6px;
margin: 1px;
}



table{
    width:100%;
	height:auto;
	font-size:12px;
	color: #333333;
}

	
	
.linktittle{
	height:50px;
	background-color:#6699ff;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	width: 640px;
	margin-top:10px;
}
	
.totop{
	width:820px;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}



.todoufuken {
	width:100%;
	text-align:left;
	font-size:14pt;
	font-weight:bold;
	color:#40698E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #6699ff;
	border-left-color: #6699ff;
}
.todoufuken_koumu {
	width:840px;
	text-align:left;
	font-size:14pt;
	font-weight:bold;
	color:#336600;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #66cc00;
	border-left-color: #66cc00;
}
.todoufuken_zouen {
	width:840px;
	text-align:left;
	font-size:14pt;
	font-weight:bold;
	color:#FF6600;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}
.center{
vertical-align:middle;
}

#spacedesign{
     width:640px;
     margin-left:10px;
	 margin-right:10px;
	 margin-top:10px;
	 margin-bottom:10px;
	 text-align:left;
	 /*background-image:url(../designoffice/spacedesign.jpg);*/
	 background-repeat:no-repeat;
	 padding-top:140px;
	 padding-bottom:15px;
	 height:auto;
	 border:solid 1px #666666;
	 }
	 
.monthly{
	width:500px;
	height:auto;
	margin-left:10px;
	border:solid #666666 1px;
	padding:10px 10px 10px 10px;
	text-align:left;
	margin-bottom: 15px;
	 }
	 
.prphoto{
     width:100px;
	 float:left;
	 text-align:left;
	 }
	 
.profile{
     width:390px;
	 float:right;
	 }

/*　設計士　変更分　*/
#designmain2{
	width:660px;
	height:auto;
	margin-top: 20px;
	margin-bottom:20px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}
#spacedesign1_2 {
	width:660px;
	text-align:left;
	/*background-image:url(../designoffice/spacedesign.jpg);*/
	background-repeat:no-repeat;
	padding-top:140px;
	padding-bottom:15px;
	height:auto;
	border:solid 1px #666666;
	background-position: center top;
	 }
.sd_box {
	width:270px;
	float:left;
	padding: 4px;
	border: 1px solid #666666;
	margin-left: 8px;
	margin-bottom: 10px;
	 }

.sdbox_r {
	width:308px;
	float:left;
	padding: 4px;
	border: 1px solid #666666;
	margin-left: 8px;
	margin-bottom: 10px;
	 }
*html .sdbox_r {
	width:308px;
	float:left;
	padding: 4px;
	border: 1px solid #666666;
	margin-left: 4px;
	margin-bottom: 10px;
	 }
.photo {
	width: 80px;
	float: left;
	margin-bottom: 10px;
	padding-top: 5px;
}
.photo2 {
	text-align: left;
	width: 120px;
	float: left;
}
.profile2 {
	float: right;
	width: 185px;
}
.profile4 {
	float: right;
	width: 145px;
}
.profile3 {
	width: 305px;
	background-image:url(../designoffice/image/profile_15.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	margin: 0px;
	height: 13px;
	padding-top: 82px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.new_gif {
	width: 36px;
}
.theme {
	width: 310px;
}
.sdlink {
	text-align: right;
}

.to_spacedesign a {
	width:120px;
	height:22px;
	display: block;
	background-image:url(../designoffice/to_spacedesign.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
.to_spacedesign a:hover {
	background-image:url(../designoffice/to_spacedesign_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
.sd_season {
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	margin-bottom: 3px;
}
.sd_company {
	font-size: 10pt;
	letter-spacing: -0.08em;
}
.sd_company a {
	color:#1E9987;
	text-decoration: none;
}
.sd_company a:hover {
	color:#FF6600;
}

.sd_name {
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
	display: block;
}
.sd_name a {
	color:#22B39D;
	text-decoration: none;
}
.sd_name a:hover {
	color:#FF6600;
}
.sd_name2 {
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	display: block;
	letter-spacing: -0.09em;
}
.sd_name2 a {
	color:#22B39D;
	text-decoration: none;
}
.sd_name2 a:hover {
	color:#FF6600;
}

.sd_text {
	font-size: 10pt;
	line-height: 1.3em;
	letter-spacing: -0.05em;
}
.sd_text a {
	color:#333333;
	text-decoration: none;
}
.sd_text a:hover {
	color:#FF6600;
}
#iframe_spacedesign {
	width: 880px;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#to_link {
    font-size:11pt;
	color:#FF3300;
}
#to_link a {
    font-size:10pt;
	color:#333333;
}
#to_link a:hover {
    font-size:10pt;
	color:#FF3300;
}

.stylewaku2{
	width:600px;
	margin-bottom: 15px;
	padding-top: 15px;
}



.styleright2 {
	float:right;
	padding-top: 15px;
}
	#design_topimg {
		width: 850px;
		margin-bottom: 40px;
		padding-left: 15px;
		margin: 0 auto;
	}
/*#map_left {
	float: left;
	width: 520px;
	text-align: center;
}*/
.sd_sbox {
	width: 270px;
}
#link_mainbox {
	width: 100%;
	margin-bottom: 25px;
	padding-left: 10px;
}
#link_subbox {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.category_icon {
	background-color: #dbe7f2;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.category_icon img {
    margin-left:5px;
}

.company {
	background-color: #DBE7F2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 570px;
	font-size: 11pt;
}

.company2 {
	background-color: #DBE7F2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 430px;
	font-size: 11pt;
}
.comment {
	font-size: 10pt;
	line-height: 1.2em;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	letter-spacing: -0.03em;
	width: 750px;
}
.city {
	width: 90px;
	background-color: #DBE7F2;
	font-size: 10pt;
	color: #333333;
	text-align: center;
}
.comment2 {
	width: 90px;
}
.spacedesign {
	width: 140px;
	background-color: #DBE7F2;
	text-align: center;
}
#spacedesign_banner {
	width: 650px;
	margin-bottom: 30px;
	margin-left: 110px;
}
#side_linkbox {
	width: 270px;
	margin-left: 15px;
}


.side_takumitext {
	width: 280px;
	padding:10px;
	font-size:16px;
	line-height:20px;
}
.side_takumiwaku {
	width: 300px;
	margin-bottom:20px;
}



.side_link1 {
	margin-bottom: 10px;
}
.side_link2 {
	margin-bottom: 20px;
}
#areabox {
	width: 860px;
	margin-bottom: 25px;
}
#areabox li {
	font-size: 10pt;
	line-height: 1.6em;
	float: left;
	list-style-type: none;
}
#tiiki_obi {
	width: 840px;
	margin-bottom: 15px;
	padding-left: 10px;
}
.to_ido {
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 50px;
}
.to_ido a {
    color:#0033CC;
}
.to_ido a:hover {
    color:#FF3300;
}



@media print, screen and (max-width: 480px) {

	#designmain{
		width: 100%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		position: relative;
	}
	#map_main {
		width: 100%;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		color:#333333;
		font-size:12px;
		margin-bottom: 35px;
		padding-left: 15px;
	}
	#map_left {
		float: none;
		width: 100%;
		position: relative;
	}
	#map_right {
		float: none;
		width: 100%;
		/*padding-top: 20px;*/
	}
	#map_righttext {
		position: static;
		left: 0;
		font-weight:bold;
		font-size:14px;
		color: #003399;
		background-color: #FFFFFF;
		padding: 8px;
		border: 2px solid #FF0000;
		line-height: 1.4em;
		width: 280px;
		margin-bottom: 20px;
	}
	#design_topimg {
		width: 100%;
		margin-bottom: 40px;
		padding-left: 15px;
		margin: 0 auto;
	}


	.area_chiiki {
		font-size: 0.8em;
		font-weight: bold;
		padding-bottom: 4px;
		margin-top: 10px;
	}
	.area_ken {
		margin-top: 4px;
		font-size: 0.8em;
	}
	.area_ken li {
		float: left;
		margin-right: 10px;
	}

	.linktable table tr {
		display: inline-block;
	
	}





}