@charset "UTF-8";
/* mura#css for murayama-arch.com */




body {
    margin: 0px;
    padding: 0px;
    color: #666666;
    background-color: #ffffff;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0.2em;
    line-height: 1.75em;
    white-space: normal;
   	overflow-x:hidden;
}
br {
	letter-spacing: 0px;
}


/* index.html */
div#top_box {
    position: absolute;
    width: 100%;
    text-align: center
}
img#top_logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
	border-style: none;
}
img#top_type {
    margin-top: 50px
}
img#top_logotype {
    margin-top: 50px
}
div#top_footer {
    margin-top: 10px
}
div#top_under {
    margin-top: 20px
}
/* end of index.html */




/* menu.html */
table#Table_menu {
	margin-top: 100px;
	margin-left: 18%;
	width: 575px;
}
/* end of menu.html */




/* philosophy.html */
body#philosophy_body {
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(./img/philosophy_back01.jpg);
}
img#philosophy_house {
	position: relative;
	border-style: none;
	margin-left: 30%;
	margin-top: 250px;
}
a.philosophy:link {
	text-decoration: none;
	color: #cc3333;
}
a.philosophy:visited {
	text-decoration: none;
	color: #cc3333;
}
a.philosophy:hover {
	text-decoration: none;
	background-color: #ff6666;
	color: white;
}

p.philosophy {
	line-height: 2em;
	font-size: 13px;
}
p#philosophy_p1 {
	position: relative;
	left: 10%;
	top: 0px;
	width: 60%;
}
p#philosophy_p2 {
	position: relative;
	left: 45%;
	top: 0px;
	width: 50%;
}
p#philosophy_p3 {
	position: relative;
	width: 60%;
	left: 25%;
	top: 0px;
}
p#philosophy_p4 {
	position: relative;
	width: 60%;
	left: 15%;
	top: 0px;
}
p#philosophy_p5 {
	position: relative;
	width: 60%;
	left: 30%;
	top: 0px;
}
p#philosophy_p6 {
	position: relative;
	width: 60%;
	left: 20%;
	top: 0px;
}
p#philosophy_p7 {
	position: relative;
	width: 40%;
	left: 40%;
	top: 0px;
}
p#philosophy_p8 {
	width: 100px;
	position: relative;
	left: 65%;
	top: 0px;
}
img#philosophy_kohitsuji {
	position: relative;
	left: 25%;
	top: 25px;
}
p#philosophy_kukan {
	float: left;
	position: relative;
	left: 150px;
	top: 0px;
}
img#philosophy_spacer {
	height: 350px;
	min-height: 350px;
	left: 0px;
	top: 0px;
	position: relative;
}
                            





                  
/* end of philosophy.html */





/* profile.html */
body#profile_body {
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(./img/profile_back01.jpg);
}
div#profile_box {
    position: absolute;
    width: 100%;
}
div#profile_textbox{
	line-height: 0;
	text-align: left;
	margin-bottom: 50px;
	width: 100%;
	font-size: 13px;
}
img#profile_photo {
	left: 60px;
	top: 100px;
	float: left;
	position: absolute;
}
p#profile_p1 {
	color: #663333;
	margin-left: 300px;
	margin-top: 80px;
}
p#profile_p2 {
	margin-left: 330px;
	margin-top: 30px;
}
p#profile_p3 {
	margin-left: 280px;
	margin-top: 25px;
}
p#profile_p4 {
	margin-left: 330px;
	margin-top: 25px;
}
p#profile_p5 {
	margin-left: 450px;
	margin-top: 25px;
}
p#profile_p6 {
	margin-left: 350px;
	margin-top: 25px;
}
p#profile_p7 {
	margin-left: 380px;
	margin-top: 25px;
}
p#profile_p8 {
	margin-left: 430px;
	margin-top: 25px;
}
p#profile_p9 {
	margin-left: 290px;
	margin-top: 25px;
}
p#profile_p10 {
	margin-left: 430px;
	margin-top: 25px;
}
p#profile_p11 {
	margin-left: 310px;
	margin-top: 25px;
}
p#profile_p12 {
	margin-left: 430px;
	margin-top: 25px;
}
p#profile_p13 {
	margin-left: 420px;
	margin-top: 25px;
}
p#profile_p14 {
	color: #663333;
	margin-left: 140px;
	margin-top: 60px;
}
p#profile_p15 {
	line-height: 2em;
	margin-left: 150px;
	margin-top: 20px;
}
p#profile_p16 {
	line-height: 2em;
	margin-left: 150px;
	margin-top: 20px;
}
img#profile_spacer {
	height: 300px;
	min-height: 300px;
	left: 0px;
	top: 0px;
	position: relative;
}
/* end of profile.html */




/* works.html */
body#works_body {
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(./img/works_back03.jpg);
}
a.works:link {
	text-decoration: none;
	color: #669933;
}
a.works:visited {
	text-decoration: none;
	color: #669933;
}
a.works:hover {
	text-decoration: none;
	color: white;
	background-color: #ccff00;
}
div#works_box {
    position: absolute;
    width: 100%;
}
div#works_textbox{
	position: absolute;
	left: 140px;
	top: 200px;
	text-align: left;
	line-height: 1.5em;
	font-size: 13px;
}
div#works_cap{
	position: absolute;
	left: 140px;
	top: 450px;
	text-align: left;
	line-height: 1.5em;
	font-size: 10px;
}

/* end of works.html */




/* works_common */
p.works_name {
	position: absolute;
	left: 100px;
	top: 50px;
	color: #669933;
	font-size: 13px;
	font-weight: bold;
}
body#works_body2 {
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(./img/works_back04.jpg);
}
p.works_cap {
	position: absolute;
	left: 95px;
	top: 75px;
}
img.works_main {
	position: absolute;
	left: 95px;
	top: 115px;
}                 
img.works_thum01 {
	position: absolute;
	left: 530px;
	top: 120px;
}
img.works_thum02 {
	position: absolute;
	left: 620px;
	top: 120px;
}
img.works_thum03 {
	position: absolute;
	left: 710px;
	top: 120px;
}
img.works_thum04 {
	position: absolute;
	left: 800px;
	top: 120px;
}
img.works_thum05 {
	position: absolute;
	left: 530px;
	top: 210px;
}
img.works_thum06 {
	position: absolute;
	left: 620px;
	top: 210px;
}
img.works_thum07 {
	position: absolute;
	left: 710px;
	top: 210px;
}
img.works_thum08 {
	position: absolute;
	left: 800px;
	top: 210px;
}
div.workslink {
	position: absolute;
	left: 530px;
	top: 230px;
	size: 10px;
}
div.workslink2 {
	position: absolute;
	left: 530px;
	top: 320px;
	size: 10px;
}
/* end of works_common */




/* contact.html */
body#contact_body {
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(./img/contact_back02.jpg);
}
a.contact:link {
	text-decoration: none;
	color: #006699;
}
a.contact:visited {
	text-decoration: none;
	color: #006699;
}
a.contact:hover {
	text-decoration: none;
	background-color: #33cccc;
	color: white;
}
img#contact_moji {
	position: relative;
	top: 170px;
	left: 300px;
}
p#contact_p2{
	position: relative;
	top: 200px;
	left: 330px;
	text-align: left;
	font-size: 13px;
}            
p#contact_p3{
	position: relative;
	top: 200px;
	left: 360px;
	text-align: left;
	font-size: 13px;
}           
p#contact_p4{
	position: relative;
	top: 200px;
	left: 390px;
	text-align: left;
	font-size: 13px;
}
p#contact_p5{
	position: relative;
	top: 200px;
	left: 430px;
	text-align: left;
	font-size: 13px;
}
/* end of contact.html */



/* menu */
#menu_position {
	position:absolute;
	left: 19%;
	top: 100px;
	width:574px;
	height:357px;
}

#menu-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:170px;
	height:121px;
}

#menu-02_ {
	position:absolute;
	left:170px;
	top:0px;
	width:272px;
	height:80px;
}

#menu-03_ {
	position:absolute;
	left:442px;
	top:0px;
	width:132px;
	height:80px;
}

#menu-04_ {
	position:absolute;
	left:170px;
	top:80px;
	width:167px;
	height:179px;
}

#menu-05_ {
	position:absolute;
	left:337px;
	top:80px;
	width:237px;
	height:72px;
}

#menu-06_ {
	position:absolute;
	left:0px;
	top:121px;
	width:120px;
	height:138px;
}

#menu-07_ {
	position:absolute;
	left:120px;
	top:121px;
	width:50px;
	height:48px;
}

#menu-08_ {
	position:absolute;
	left:337px;
	top:152px;
	width:237px;
	height:119px;
}

#menu-09_ {
	position:absolute;
	left:120px;
	top:169px;
	width:50px;
	height:90px;
}

#menu-10_ {
	position:absolute;
	left:0px;
	top:259px;
	width:242px;
	height:59px;
}

#menu-11_ {
	position:absolute;
	left:242px;
	top:259px;
	width:95px;
	height:12px;
}

#menu-12_ {
	position:absolute;
	left:242px;
	top:271px;
	width:71px;
	height:86px;
}

#menu-13_ {
	position:absolute;
	left:313px;
	top:271px;
	width:229px;
	height:58px;
}

#menu-14_ {
	position:absolute;
	left:542px;
	top:271px;
	width:32px;
	height:86px;
}

#menu-15_ {
	position:absolute;
	left:0px;
	top:318px;
	width:242px;
	height:39px;
}

#menu-16_ {
	position:absolute;
	left:313px;
	top:329px;
	width:229px;
	height:28px;
}
/* end of menu */






/* menuSmall */
#menuSmall_position {
	position:absolute;
	left:110px;
	top:110px;
	width:250px;
	height:155px;
}

#menuSmall_philosophy_position {
	float: left;
	min-height: 200px;
	position:relative;
	left: 400px;
	top: 100px;
	width:250px;
}

#menuSmall_profile_position {
	min-height: 200px;
	position:absolute;
	left:100px;
	top:750px;
	width:250px;
}

#menuSmall_works_position {
	position:absolute;
	left:580px;
	top:50px;
	width:250px;
}

#menuSmall_works2_position {
	position:absolute;
	left:700px;
	top:350px;
	width:250px;
}

#menuSmall_contact_position {
	position:absolute;
	left:660px;
	top:50px;
	width:250px;
}

#menuSmall-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:74px;
	height:53px;
}

#menuSmall-02_ {
	position:absolute;
	left:74px;
	top:0px;
	width:119px;
	height:35px;
}

#menuSmall-03_ {
	position:absolute;
	left:193px;
	top:0px;
	width:57px;
	height:35px;
}

#menuSmall-04_ {
	position:absolute;
	left:74px;
	top:35px;
	width:73px;
	height:77px;
}

#menuSmall-05_ {
	position:absolute;
	left:147px;
	top:35px;
	width:103px;
	height:31px;
}

#menuSmall-06_ {
	position:absolute;
	left:0px;
	top:53px;
	width:52px;
	height:59px;
}

#menuSmall-07_ {
	position:absolute;
	left:52px;
	top:53px;
	width:22px;
	height:20px;
}

#menuSmall-08_ {
	position:absolute;
	left:147px;
	top:66px;
	width:103px;
	height:52px;
}

#menuSmall-09_ {
	position:absolute;
	left:52px;
	top:73px;
	width:22px;
	height:39px;
}

#menuSmall-10_ {
	position:absolute;
	left:0px;
	top:112px;
	width:105px;
	height:26px;
}

#menuSmall-11_ {
	position:absolute;
	left:105px;
	top:112px;
	width:42px;
	height:6px;
}

#menuSmall-12_ {
	position:absolute;
	left:105px;
	top:118px;
	width:31px;
	height:37px;
}

#menuSmall-13_ {
	position:absolute;
	left:136px;
	top:118px;
	width:100px;
	height:25px;
}

#menuSmall-14_ {
	position:absolute;
	left:236px;
	top:118px;
	width:14px;
	height:37px;
}

#menuSmall-15_ {
	position:absolute;
	left:0px;
	top:138px;
	width:105px;
	height:17px;
}

#menuSmall-16_ {
	position:absolute;
	left:136px;
	top:143px;
	width:100px;
	height:12px;
}
/* end of menuSmall */
/* eof */
