@charset "utf-8";
/* common css */

ul.tdftad{display:none;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
div#wrapper{
	width:800px;
	margin:0 auto;
	background:#fff;
}


div#header{
	width:800px;
	height:72px;
	background:#fff;
;

	padding-top:10px;
}

#content{
	width:800px;
	margin:0 auto;

}

.works{
	width:700px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	font-family:Arial, Helvetica, verdana, sans-serif;
}


h2{
	font-size:17px;
	background:url(../img/17btn.png) no-repeat 0 1px;;
	text-indent:25px;
	color:#151515;
}

ul.cite {
	width:700px;

}

.cite li{
	float:left;
}


a.taki1{
	display:block;
	width:230px;
	height:250px;
	background:url(../img/taki_work250_white.jpg) no-repeat;
	margin-top:20px;
	text-indent:-999em;

}

a.taki1:hover{
	width:230px;
	height:250px;
	background:url(../img/taki_work250_grey.jpg) no-repeat;
	margin-top:20px;
}


a.taki2{
	display:block;
	color:#333333;
	margin-top:10px;
	margin-left:50px;
	text-decoration:none;
}


a.taki2:hover{
	color:blue;
}



.sakuhin{
	width:400px;
	margin-left:70px;
	margin-
	}

.sakuhin ul li a{
	display:block;
	text-indent:-999em;
}

.works1 a {
	background:url(../img/pumpkin_white.gif) no-repeat;
	width:110px;
	height:110px;
}

.works1 a:hover {
	background:url(../img/pumpkin_grey.gif) no-repeat;
	width:110px;
	height:110px;
}


.works2 a {
	background:url(../img/house_white.gif) no-repeat;
	width:110px;
	height:110px;
}

.works2 a:hover {
	background:url(../img/house_grey.gif) no-repeat;
	width:110px;
	height:110px;
}

.works3 a {
	background:url(../img/kyoto_white.gif) no-repeat;
	width:110px;
	height:110px;
}

.works3 a:hover {
	background:url(../img/kyoto_grey.gif) no-repeat;
	width:110px;
	height:110px;
}

.works4 a {
	background:url(../img/suika_white.gif) no-repeat;
	width:110px;
	height:110px;
}

.works4 a:hover{
	background:url(../img/suika_grey.gif) no-repeat;
	width:110px;
	height:110px;
}

.works5 a {
	background:url(../img/usagi_white.gif) no-repeat;
	width:110px;
	height:110px;
}

.works5 a:hover {
	background:url(../img/usagi_grey.gif) no-repeat;
	width:110px;
	height:110px;
}

.works6 a {
	background:url(../img/hateb_white.gif) no-repeat;
	width:110px;
	height:110px;
}

.works6 a:hover {
	background:url(../img/hateb_grey.gif) no-repeat;
	width:110px;
	height:110px;
}



.sakuhin ul li.works1,.works2,.works3,.works4,.works5,.works6 {
	width:110px;
	height:110px;
	float:left;
}

.works1 p,.works2 p,.works3 p,.works4 p,.works5 p,.works6 p{
	font-size:12px;
	color: #555555;
	background:url(../img/button-11.png) no-repeat 0 2px;
	text-indent:13px;
}

.sakuhin ul li.works1,.works2,.works3,.works4,.works5 {
	margin-right:10px;
}

.sakuhin ul li.works4,.works5,.works6 {
	margin-top:20px;
}

.sakuhin h3 {
	font-size:15px;
	font-weight:bold;
	color:	#5f5f5f;
	margin-top:15px;
	background:url(../img/button15.png) no-repeat 0 1px;;
	text-indent:20px;
	margin-bottom:8px;
}

.attention {
	clear:both;
	font-size:13px;
	color:	#555555;
	padding-top:30px;
}	
.navi{
	width:800px;

}


.navi h1{
	background:url(../img/port03.gif) no-repeat;
	width:379px;
	height:72px;
	text-indent:-999em;
	float:left;
	margin-top:10px;
	margin:0;
	padding:0;
}


.navi ul{
	width:300px;
	float:left;
	margin-left:30px;
	margin-top:0px;
}

.navi ul li{
	float:left;
	margin-right:10px;
}

.btn1 a{
	display:block;
	width:65px;
	height:65px;
	background:url(../img/home_white.png) no-repeat;
	text-indent:-999em;
}

.btn2 a{
	display:block;
	width:65px;
	height:65px;
	background:url(../img/works_white.png) no-repeat;
	text-indent:-999em;
}


.btn3 a{
	display:block;
	width:65px;
	height:65px;
	background:url(../img/profile_w.png) no-repeat;
	text-indent:-999em;
}

.btn1 a:hover {
	background:url(../img/button-home.png) no-repeat;
}
	
.btn2 a:hover  {
	background:url(../img/button-works.png) no-repeat;
}

.btn3 a:hover  {
	background:url(../img/button-profile.png) no-repeat;
}


.navi li.btn1 .a_homeOn {
	background:url(../img/home_white.png) no-repeat ;
}

.navi li.btn2 .a_worksOn {
	background:url(../img/button-works.png) no-repeat;
}

.navi li.btn3 .a_profileOn {
	background:url(../img/button-profile.png) no-repeat;
}


/* ボタン回転　*/
.navi ul li a{
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;	
}
.navi ul li a:hover{
		-webkit-transform: rotate(50deg);
     -moz-transform: rotate(30deg);
       -o-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}

.coment{
	clear:both;
	width:700px;
	margin-left:50px;
	overflow:hidden;
}


.coment h3{
	width:700px;
	font-size:16px;
	font-weight:bold;
	color:#4a4a4a;
	background-color:#d5bfaa;
	line-height:2;
	padding-top:3px;
	text-indent:20px;
	margin-top:40px;
}

.practice {
	width:700px;
	clear:both;
	padding-top:5px;
}

.practice  ul li{
	float:left;
	width:300px;
}

.practice .site_map{
	font-size:14px;
	background:#b4b4b4;
	width:220px;
	padding:15px 15px 15px 20px;
	color:white;
	font-weight:bold;
	border :solid 2px #9f9f9f;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:5px;
	text-align:center;
}

.cake a{
	display:block !important;
	background:url(../img/cake_white.gif) no-repeat;
	text-indent:-999em;
	width:230px;
	height:230px;
}

.cake a:hover{
	display:block !important;
	background:url(../img/cake_grey.gif) no-repeat;
	width:230px;
	height:230px;
}


.practice a{
	text-decoration:none;
	width:230px;
}

.practice a:hover .site_map{
	background:#95eaea;
	border :solid 2px #95eaea;
}


.practice .enshu {
	font-size:14px;
	color:#4a4a4a;
	background:url(../img/10b.png) no-repeat 0px 4px;
	width:330px;
	text-indent:15px;
}

.practice h2{
	margin-bottom:20px;
}

/* table */
	
table {
	width: 700px;
	margin: 0 auto 40px;
	border: solid 4px #4e95dc;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#fffaf4;
	font-size: 13px;
	margin-top:10px;
}

tr {
	vertical-align: middle;
}

th, td {
	padding: 8px;
	border: solid 1px #C0C0C0;
	line-height:1.5;
	font-size: 14px;

}

td{
	font-size:13px;
	color:#2a2a2a;
}


th {
	width: 100px;
	text-align: center;
	color:#2a2a2a;
}

.big_letter{
	font-weight:bold;
	font-size:16px;
}
.client{
	width:700px;
	margin:0 auto;
}

.client h3{
	font-size:18px;
	font-weight:bold;
	color:#555555;
	background:url(../img/button17.png)no-repeat 0 4px;
	text-indent:25px;
	margin-bottom:15px;
}	

.client ul li {
	font-size:14px;
	line-height:1.6;
	padding-bottom:10px;
}

.coment1{
	font-size:15px;
	font-weight:bold;
	color:#555555;

}

.flow{
	width:700px;
	margin:0 auto;
	margin-bottom:30px;
}

	

.flow h3{
	font-size:18px;
	font-weight:bold;
	color:#555555;
	background:url(../img/17g.png)no-repeat 0 4px;
	text-indent:25px;
	margin-top:20px;
}	

.flow ul {
	width:700px;
	margin-top:15px;
}

.flow ul li{
	float:left;
	width:340px;
	height:300px;
	background-color:#d4d4d4;
	margin-bottom:20px;
	border-radius:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	
}

.flow dl {
	width:340px;
	margin-top:10px;
}

.flow dl dt,dd {
	width:155px;
	float:left;
}



.flow dl dt{
	width:155px;
	margin-left:10px;
	margin-right:5x;

	}

.flow dl dd{
	width:155px;
	margin-right:5px;
	color:#3f3f3f;
	font-size:14px;
}

.midashi{
	font-size:16px;
	color:#2a2a2a;
	margin-left:5px;
	font-weight:bold;
}

.arm{
	text-indent:10px;
	font-size:13px;
	color:#2a2a2a;
}

.plan,.concept2{
	font-size:13px;
	color:#2a2a2a;
	margin-left:18px;
	line-height:1.4;
}

.concept{
	font-size:13px;
	color:#2a2a2a;
	text-indent:10px;
	margin-top:10px;
}

.plan1{
	line-height:1;
	margin-left:18px;

}


.bigsize {
	font-size:13px;
	color:blue;
	margin-top:7px;
	text-decoration:blue;
}

a:visited .lightbox{
	color:blue;
}

dt .cap,.shiyou2{
	color:#ffff55;
	font-size:13px;
	margin-bottom:5px;
}


.youken{
	margin-right:10px;

}


.shiyou{
	margin-left:10px;

}

.site{
	margin-right:10px;
}

.pkouzou{
	margin-left:10px;
	}
p.pagekouzo{
	float:left;
	width:155px;
	color:#ffff55;
	font-size:13px;
	margin-top:5px;
	margin-left:10px;
}

.pagekouzo2{
	float:left;
	width:155px;
	font-size:16px;
	color:#3f3f3f;
	font-weight:bold;
	margin-top:5px;
}

.taki{
	clear:both;
	margin-left:10px;
}

.bigsize2{
	font-size:13px;
	color:blue;
	text-indent:10px;
	margin-top:3px;
}


/*  top ページへ*/

#toTop {
	clear:both;
	position: fixed;
	bottom: 30px;
	margin-left: 730px;
}
#toTop a {
	width: 80px;
	display: block;
	line-height: 32px;
	font: 15px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #55ffff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	text-indent: 28px;
	padding-top:5px;
	font-weight:bold;
}

#toTop a:hover {
	color: #261a1f;
}
/* arrow icon (span tag) */
#toTop span {
	width: 32px;
	height: 32px;
	display: block;
	margin-bottom: 7px;
	background: url(../img/) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#toTop a:hover span {
	background-color: #fff/*#c99*/;
}


div#footer{
	clear:both;
	width:800px;
	height:30px;
	background:#333;
	color:#fff;
	line-height:30px;
	text-align:right;
	font-size:13px;
}

#footer p.copy{
	margin-right:20px;
}