@charset "utf-8";
/* CSS Document */

html, body {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width:100%;
	margin:0;
	padding:0;
}

#wrapper {
	width:100%;
	margin:0 auto;
	padding:0;
}

#header {
	width:960px;
	margin:0 auto;
	padding:0;
}

#logo {
	margin:40px 0 0 50px;
	padding:0;
}

#logo a:link, #logo a:hover, #logo a:visited {
	color:#fff;
	border:none;
	text-decoration:none;
}

#logo p a:link, #logo p a:hover, #logo p a:visited{
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	float:right;
	font-size:11px;
	color:#333;
	width:50px;
	margin:-70px 30px 0 0;
	padding:0;
}

#logo p a:hover {
	text-decoration:underline;
	
}


#nav {
	width:960px;
	height:80px;
	text-align:center;
	background-image:url(images/nav_bg.png);
	margin:0;
	padding:0;
	z-index:1;
}

#nav ul {
	margin:0;
	padding:18px 0 0 0;
	height:25px;
}

#nav li {
	list-style:none;
	display:inline;
	margin:0 30px;
}

#nav li a {
display: inline-block;
}

a#button1 {
    display: block;
    width: 70px;
    height: 25px;
    background-image: url(images/about_btn.png);
    margin: 0 auto;
	text-decoration:none;
}
a#button1:hover {
    background-image: url(images/about_h.png);
}

a#button2 {
    display: block;
    width: 70px;
    height: 25px;
    background-image: url(images/service_btn.png);
    margin: 0 auto;
	text-decoration:none;
}
a#button2:hover {
    background-image: url(images/service_h.png);
}

a#button3 {
    display: block;
    width: 140px;
    height: 25px;
    background-image: url(images/cd_btn.png);
    margin: 0 auto;
	text-decoration:none;
}
a#button3:hover {
    background-image: url(images/cd_h.png);
}

a#button4 {
    display: block;
    width: 85px;
    height: 25px;
    background-image: url(images/casestudy_btn.png);
    margin: 0 auto;
	text-decoration:none;
}
a#button4:hover {
    background-image: url(images/casestudy_h.png);
}

a#button5 {
    display: block;
    width: 85px;
    height: 25px;
    background-image: url(images/cantact_btn.jpg);
    margin: 0 auto;
	text-decoration:none;
}
a#button5:hover {
    background-image: url(images/cantact_h.jpg);
}

#container {
	width:960px;
	margin:0 auto 30px;
	padding:0;
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#container img,#container_service img {
	padding:0  20px 0 30px;
}

#container h2 {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:20px;
	line-height:30px;
	color:#333;	
	padding:0  20px 0 30px;
}

#container p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:12px;
	letter-spacing:-0.5px;
	line-height:22px;
	color:#333;
	margin:0;
	padding:0  20px 0 30px;
}

/****************GALLERY*********************/
#tribeca-gallery {
	/*margin-bottom: 20px;*/
	width:100%;
	float:left;
	text-align:center;
	position:relative;
	background:url(images/gallery_bg.png) no-repeat;
}

#tribeca-gallery #overTheImg {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#fff;
	position:absolute;
	width:220px;
	left:50%;
	margin-left:-107px;
	top:100px;
	z-index:10;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #000;
}
#tribeca-gallery #gallery {
	position:relative;
}
#tribeca-gallery #gallery li {
	width:470px;
	height:220px;
	overflow: hidden;position:relative;
}
#tribeca-gallery #gallery li img {
	float: right;
}
#tribeca-gallery #controls {
	position: absolute;
	bottom:1px;
	left:300px;
	width:auto;
}
#tribeca-gallery #controls li {
	display: inline;
	margin:0 2px;
}
#tribeca-gallery #controls li a {
	display: inline-block;
	width:10px;
	height:10px;
	font-size:0px;
	background:url(images/dots2.png) no-repeat right top;
	vertical-align:middle;
	text-indent: -9999px;
}
#tribeca-gallery #controls li.current a, #trebica-gallery #controls li a:hover {
	background-position:left top;
}
#tribeca-gallery #controls #prevBtn a {
	background:url(images/btn-prev2.png) no-repeat right top;
	opacity:0.75;
}
#tribeca-gallery #controls #nextBtn a {
	background:url(images/btn-next2.png) no-repeat right top;
	opacity:0.75;
}
#tribeca-gallery #controls #prevBtn a:hover, #tribeca-gallery #controls #nextBtn a:hover {
	opacity:1;
}
#tribeca-gallery .slider-texts {
	background:url(images/mask.png);
        border-radius:0 3px 3px 0;
        -moz-border-radius:0 3px 3px 0;
        -webkit-border-top-right-radius:3px;
        -webkit-border-bottom-right-radius:3px;
	bottom:20px;
	color:#f2f2f2;
	font-size:15px;
	left:0;
	line-height:1.5em;
	padding:15px 0px;
	position:absolute;
	text-align:left;
	width:65%;
}
#tribeca-gallery h1 { margin-bottom: 10px;}
#tribeca-gallery a { color:#fff;}
/****************GALLERY*********************/


#sticky-posts li {
	width: 220px;
	float:left;
	position:relative;
	line-height: 1.4em;
}
#sticky-posts li + li {
	margin-left: 20px;
}
#sticky-posts .thumbnail {
	margin-bottom:5px;
}
#sticky-posts h2 {
	padding-right: 40px;
	font-size:16px;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom:7px;
	margin-bottom:5px;
}
.keep-reading {
	margin-top: 15px;
	clear:both;
}
.keep-reading > a {
	background: #17dbd7;
	font-size:13px;
	display:inline-block;
	padding: 3px 10px 4px;
	font-weight:bold;
}
.comment-stats {
	float: right;
	background: #000 url(images/i_comment.png) no-repeat 4px center;
	padding: 4px 4px 3px 18px;
	font-size:11px;
	line-height:1em;
	color:#fff;
}
.comment-stats a, .keep-reading > a {
	color:#fff;
}
.comment-stats, .keep-reading a, #col-main input[type=submit] {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.keep-reading .comment-stats {
	margin-top:2px;
}

#col-side {
	width: 280px;
}
#col-main, #col-side {
	padding-top:10px;
}
#col-main {
	width: 470px;
	height:220px;	
	float:left;
	padding-left:0px;
	margin-left:0px;
}
.right + # {
	padding-right: 300px;
}
.left + #col-main {
	padding-left: 220px;
}
#col-main > div > h2 {
	font-size:18px;
	line-height:1em;
	margin-bottom:1em;
	padding-bottom:10px;
}
.widget {
	padding-bottom: 30px;
}
.widget h2 {
	font-size:16px;
	line-height: 1em;
	padding-bottom:5px;
	border-bottom: solid 1px #000;
	margin-bottom:5px;
}
.widget li {
	padding: 5px 0;
	border-bottom: solid 1px #e5e5e5;
}
.post {
	padding: 0 0 0px;
	margin: 0 0 0px;
	width:100%;
	float:left;
	/*border-bottom: solid 1px #000;*/
	clear:both;
}
.post + .post {
	margin-top:30px;
}
div.date {
	float: left;
	width: 55px;
	padding-top:2px;
	text-align:right;
}
div.date span {
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
}
.post h2 {
	font-size: 16px;
	line-height: 1em;
	padding-bottom:5px;
	/*border-bottom: solid 1px #7f7f7f;*/
}
.post .thumbnail {
	width:220px;
	overflow:hidden;
	float:right;
}
.post-details {
	padding-left: 75px;
}
.page-details {
	padding-left: 0px;
}
.thumbnail + .post-details {
	padding-right: 240px;
}
.postmeta {
	border-bottom: solid 1px #e5e5e5;
	padding: 7px 0;
	color:#666;
	margin-bottom:7px;
}
.postmeta a {
	font-weight:bold;
}
.wp-pagenavi .left, .wp-pagenavi .right {
	font-weight:bold;
	font-size:13px;
}
.comments-box {
	border-bottom: solid 1px #000;
}
.comments-box, #respond {
	width:89.5%;
	float:left;
	padding: 30px 0 40px 10.5%;
}
.comments-box h2, #respond h2 {
	font-size:18px;
	margin-bottom:20px;
}
.comments-box li {
	background:#fff;
	padding: 0 0 15px;
	margin: 0 0 15px;min-height:2.5em;
	border-bottom: solid 1px #e5e5e5;
}
.comments-box li ul {
	padding-left: 20px;
}
.comments-box li li {
	border-top: solid 1px #e5e5e5;
	border-bottom: none;
	padding: 15px 0 0;
	margin: 15px 0 0;
}
.comment-meta {
	float:left;
	background: url(images/i_comment2.png) no-repeat left 3px;
	font-size:13px;
	margin: 2px 0;
}
.comment-content {
	line-height: 1.5em;
	padding-left:160px;
}
.comment-content > * {
	margin-top: 10px;
}
.comment-author {
	font-size:13px;
	font-weight:bold;
}
.comment-date {
	font-size: 11px;
	text-transform: uppercase;
	padding-top:3px;
}
#respond form .left {
	width: 260px;
	float:left;
}
#respond form .right {
	width: 300px;
	float: right;
}
#respond form .left input {
	width: 220px;
}
#respond form .right textarea {
	width: 290px;
	min-height:122px;
}

#bottom {
	width:960px;
	margin:0 auto;
	padding:0;
}

/****************BOX HOME*********************/
.box {
	background:url(images/home_box.png) no-repeat;
	width:222px;
	height:200px;
	margin:70px 9px 0 9px;
	padding:0;
	float:left;
	padding:0;
}

.box h3 {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin:12px 0;
	padding:0 10px;
}

.box p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:10px;
	line-height:15px;
	color:#333;
	margin:0;
	padding:0 13px;	
}

.box img {
	margin:5px 0 0 130px;
}

#bottom a:link, .box a:hover, .box a:visited {
	color:#fff;
	border:none;
	text-decoration:none;
}

/****************BOX ABOUT*********************/
#box_a {
	background:url(images/box_1.png) no-repeat;
	width:262px;
	height:255px;
	margin:70px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_b {
	background:url(images/box_2.png) no-repeat;
	width:262px;
	height:255px;
	margin:70px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_c {
	background:url(images/box_3.png) no-repeat;
	width:262px;
	height:255px;
	margin:70px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}

#box_a h3, #box_b h3 {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:18px;
	letter-spacing:-0.5px;
	font-weight:bold;
	color:#333;
	margin:10px 0;
	padding:0 15px;
}

#box_c h3 {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:18px;
	letter-spacing:-1.5px;
	font-weight:bold;
	color:#333;
	margin:10px 0;
	padding:0 15px;
}

#box_a p, #box_b p,#box_c p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:10px;
	line-height:15px;
	color:#333;
	margin:0;
	padding:0 15px;	
}

.box_a img {
	margin:5px 0 0 130px;
}

/****************SERVICE PAGE*********************/

#container_service {
	width:960px;
	height:auto;
	margin:0 auto 100px;
	padding:0;
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#main {
	width:970px;
	height:870px;
	min-height:870px;
	margin: 0 auto;
	padding:0 0;
	background:url(images/service_bg.jpg) no-repeat;
	z-index:1;
}

#main_cd {
	width:970px;
	height:400px;
	min-height:400px;
	margin: 0 auto;
	padding:0 0;
	background:url(images/cd_bg.jpg) no-repeat;
	z-index:1;
}

.text-content {
	width:400px;
	height:460px;
	min-height:460px;
	margin:20px 0 0 0;
	padding:0 30px 0 40px;
	float:left;
}

.text-content h3 {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#333;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	margin:10px 0;
}

.text-content p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#333;
	font-size:11px;
	line-height:14px;
	text-align:left;
	padding:0 15px 0 20px;
	text-align:left;
	margin:0 0;
}

.text-content img {
	margin:10px 3px;
}

.text-content ul li {
	color:#333;
	font-size:11px;
	line-height:14px;
}

.text-content ul li span {
	color:#333;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}

/****************CD PAGE*********************/

#magazine {
	background:url(images/magazine_bg.jpg) no-repeat;
	width:880px;
	height:310px;
	min-height:310px;
	margin:0 auto;
	padding:80px 0 0 0;
	z-index:1;
}

#magazine p {
	width:440px;
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#000;
	font-size:12px;
	line-height:17px;
	text-align:left;
	padding:0 0px 0 20px;
	text-align:left;
	margin:0 0 0 150px;
}

#magazine img {
	float:right;
	margin:-230px 40px 0 0;
	padding:0;
}

/****************BOX CASESTUDY*********************/
#box_1 {
	background:url(images/cs_1.png) no-repeat;
	width:262px;
	height:224px;
	margin:0px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_2 {
	background:url(images/cs_2.png) no-repeat;
	width:262px;
	height:224px;
	margin:0px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_3 {
	background:url(images/cs_3.png) no-repeat;
	width:262px;
	height:224px;
	margin:0px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_4 {
	background:url(images/cs_4.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_5 {
	background:url(images/cs_5.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_6 {
	background:url(images/cs_6.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_7 {
	background:url(images/cs_7.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_8 {
	background:url(images/cs_8.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_9 {
	background:url(images/cs_9.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px 0 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_10 {
	background:url(images/cs_10.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_11 {
	background:url(images/cs_11.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px;
	padding:0;
	float:left;
	padding:0;
}
#box_12 {
	background:url(images/cs_12.png) no-repeat;
	width:262px;
	height:224px;
	margin:40px 28px;
	padding:0;
	float:left;
	padding:0;
}

#box_1 p,#box_4 p, #box_5 p,#box_6 p, #box_7 p, #box_8 p, #box_9 p, #box_10 p, #box_11 p, #box_12 p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:10px;
	line-height:15px;
	color:#333;
	margin:120px 0 0 0;
	padding:0 15px;	
}

#box_3 p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:10px;
	line-height:15px;
	color:#333;
	margin:140px 0 0 0;
	padding:0 10px;	
}

#box_2 p,#box_9 p {
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:10px;
	line-height:15px;
	color:#333;
	width:120px;
	margin:20px 0 0 110px;
	padding:0 15px;	
}