body{

	

	background: url("/wp-content/themes/respo/_inc/images/bgdata.jpg");

	margin: 0px;

	padding: 0px;

	font-family: A1 Mincho, serif;

	position:relative;

}



.contentsbox:after{



	display:block;

	clear:both;

	height:0;

	line-height:0;

	visibility:hidden;

	content: ".";

	font-size: 0.1em;



}



.contentsbox{



	display:inline-block;



}



a{

	

	color: #000;

	text-decoration: none;

	

}



a:link,

a:visited,

a:active{

	color: #000;

	text-decoration: none;

}



a:hover{

	

	text-decoration: none;

	

}



img a{

	border: 0;

}







header{

	

	width: 100%;

	text-align: center;

	position: relative;

	height: 307px;

	

}



article{

	position: relative;

}



.logoandpen{

	

	position: relative;

	top:0;

	left: -98px;

}





.header_inner{

	

	width: 1056px;

	margin: 0px auto;

	text-align: left;

	position: relative;

	

}



.contents_inner{

	width: 1056px;

	margin: 0px auto;

	text-align: left;

	position: relative;

	

}



h1,h2,h3{

	margin: 0px;

	padding: 0px;

}



.header_navi{

	

	width:856px;

	position: absolute;

	top:0;

	left: 0;

	margin-left: 190px;

	margin-top: 180px;

}



header h1{

	float: left;

}



header .topnavi{

	float: right;

}



.article_img{

	

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 560px;

	background: #fff;

}



.article_img img{

	

	position: relative;

	top: 0;

	left: 50%;

	margin-left: -1400px;

}







#slice_line{

	

	width: 100%;

	position: relative;

	text-align: center;

	

}



.slice_cut_line{

	

	position: relative;

	width: 100%;

	background:url("/wp-content/themes/respo/_inc/images/phb32.png")  no-repeat center top;

	height: 289px;

	

}



img.slice_img_ov{

	/*width: 481px;

	height: 495px;

	position: relative;

	top: -550px;

	margin-left: 30px;*/

	display:block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	margin-top: -550px;

	margin-left: -380px;

}



.contents{

	

	width: 100%;

	background: #fff;

	margin: 0px;

	padding: 70px 0px;

}



.imagelists_ul{

	

	margin: 60px 0px 20px 0px;

	padding: 0px;

	height: 161px

}



.imagelists_ul li{

	

	margin: 0px;

	padding: 0px 10px 0px 0px;

	float: left;

	display: block;

	text-align: center;

	

}



.workslink{

	

	background: #000;

	color: #fff;

	display: block;

	width: 187px;

	height: 161px;

	

}



.contents_article{

	

	width:476px;

	float: left;

	min-height: 210px;

	position: relative;

	

}





.con_img{

	display: block;

	width: 243px;

	float: left;

}



.con_date{

	

	background: white;

	display: inline-block;

	position: absolute;

	top: 150px;

	left: 0px;

	padding: 1px 10px 3px 10px;

	font-family:"minion-pro";

	font-size: 18px;

}



.contents_article h3{

	

	font-size: 20px;

	font-weight: normal;

	line-height: 140%;

}



.con_txt{

	

	float: right;

	width: 213px;

	font-size: 15px;

	

}



.contents_voice{

	position: absolute;

	bottom: 0;

	line-height: 180%;

}



#about{

	

	width: 100%;

	position: relative;

	text-align: center;

	padding: 160px 0px 200px 0px;

	

	background: url("/wp-content/themes/respo/_inc/images/phb30.png") no-repeat center 800px;

}



#presented_by{

	

	width: 100%;

	position: relative;

	text-align: center;

	

}



.presented_by_box{

	width: 425px;

	position: relative;

	z-index: 50;

}



.ptb{

	float: left;

	padding-left: 60px;

}



.loftwork{

	float: right;

	padding-right: 60px;

}



.presented_by_img{

	

	width: 100%;

	text-align: center;

	margin-bottom: 20px;

	

}



.presented_by_txt{

	

	line-height: 180%;

	font-size: 18px;

	height: 400px;

	position: relative;

	margin-bottom: 20px;

	z-index: 50;

}



.gowebsite{

	

	position: absolute;

	bottom: 0px;

	font-family:"minion-pro";

	font-size: 20px;

}



.btn{

	

	text-align: center;

	margin-top: 30px;

	width: 690px;

	padding: 3px 0px;

	margin: 0px auto 0px auto;

	background: black;

	color: white;

	font-size: 24px;

}



#howtojoin{

	

	padding-top: 90px;

	text-align: center;

	width: 100%;

	

}



.forcreator h3,

.forcompany h3{

	

	margin: 60px 0px 40px 0px;

	font-weight: normal;

	font-size: 30px;

}



footer{

	

	width: 100%;

	text-align: center;

	background: #000;

	color: #fff;

	height: 236px;

	margin: 180px 0 0 0;

	padding: 0;

	font-family:"minion-pro";

	font-size: 18px;

	letter-spacing: 0.1em;

	line-height: 180%;

}



.footer_in{

	

	padding: 80px 0px 0px 0px;

	

}



#pagetop{

	width: 295px;

	height: 250px;

	position: fixed;

    right: 30px;

    bottom: -50px;

    z-index: 1500;

}



#pagetop a{

	border: 0;

	width: 295px;

	height: 250px;

	display: block;

	background: url("/wp-content/themes/respo/_inc/images/hukurou3.png") no-repeat left top;

}



#pagetop a:hover{

	border: 0;

	width: 295px;

	height: 250px;

	display: block;

	background: url("/wp-content/themes/respo/_inc/images/hukurou3.png") no-repeat left -250px;

}





.about_h{

	

	background: url("/wp-content/themes/respo/_inc/images/phb19.png");

	width: 734px;

	height: 490px;

	margin: 0px auto;

	

}



.about_h h2{

	

	padding-top: 295px;

	font-weight: normal;

	font-size: 28px;

	letter-spacing: 0.1em;

	

}



.swarrow_icon{

	

	padding: 60px 0px 60px 0px;

	

}



.whoweare{

	

	margin-bottom: 60px;

}



.forcreator h3{

	

	background: url("/wp-content/themes/respo/_inc/images/phb27.png") no-repeat center top;

	padding-top: 100px;

	

	

}



.forcompany h3{

	

	background: url("/wp-content/themes/respo/_inc/images/phb28.png") no-repeat center top;

	padding-top: 100px;

	margin-top: 140px;

	

}



header{

	

	background: url("/wp-content/themes/respo/_inc/images/phb1.png") no-repeat center top;

	

}



.projects{

	

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -515px;

	top: 180px;

}



.article_project_title{

	

	text-align: right;

	width:980px;

	margin: 0px auto;

}



span.project_white_title{

	

	/*display: inline;

	background: white;

	padding: 0 20px 0 20px;

	font-size: 24px;

	border: 10px solid white;

	line-height: 50px;

	margin-top: 20px;*/

	

	background: white;

	padding: 10px 0px; box-shadow: 15px 0px 0px rgba(255,255,255,1), -15px 0 0 rgba(255,255,255,1); font-size:24px;letter-spacing:2px;

	margin-top: 20px;

	line-height: 2.3;

}



.navi_ul{

	margin: 0px;

	padding: 0px 30px 0px 0px;

	font-family:"minion-pro";

	font-style: italic;

}



.navi_ul li{

	display: inline-block;

	float: left;

	padding: 3px 13px;

	font-size: 22px;

	border-left: 1px solid #000;

}



.navi_ul .navi_end{

	

	border-right:1px solid #000;

}





.topnavi{

	padding-top: 30px;

}





.project_num{

	

	margin-bottom: 15px;

	

}





.pro_1{

	font-size: 32px;

	display: inline-block;

	padding-right: 20px;

	font-family:"minion-pro";

	font-style: italic;

}



.pro_2{

	font-size: 20px;

	display: inline-block;

	font-family:"minion-pro";

	

	

}



.pro_3{

	font-size:120px;

	display: inline-block;

	font-family:"minion-pro";

	padding-right: 20px;

	

}



.pro_4_date{

	

	font-size:22px;

	display: inline-block;

	padding: 0 30px 0 5px;

	font-family:"minion-pro";

	font-style: italic;

	position: relative;

	top:-2px;

}



.workslink{

	padding: 0px 0px 0px 0px !important;

	text-align: center;

}



.workslink_num,

.workslink_works,

.workslink_more{

	

	display: block;

	

}



.workslink_num{

	

	font-size: 50px;

	margin-top: 15px;

	font-family:"minion-pro";

	

}



.workslink_works{

	

	font-size: 18px;

	margin-top: -5px;

	font-family:"minion-pro";

	letter-spacing:0.12em;

}



.workslink_more{

	

	background: url("/wp-content/themes/respo/_inc/images/arrow.png") no-repeat right center;

	height: 33px;

	line-height: 33px;

	font-size: 14px;

	width: 100px;

	margin: 10px auto 0px auto;

	text-align: left;

	padding-left: 10px;

	font-family:"minion-pro";

	

}



.project_title_inner{

	

	margin-top: -30px;

	

}



.about_message{

	

	font-size: 1.15em;

	margin-bottom: 100px;

	line-height: 250%;

	

}



.fixed {

  position: fixed;

  top: 0px;

  left: 50%;

  z-index: 100;

  padding-top: 0px;

  background: white;

  -webkit-box-shadow: 0 0 13px rgba(210,210,210,.75);

	-moz-box-shadow: 0 0 13px rgba(210,210,210,.75);

	box-shadow: 0 0 13px rgba(210,210,210,.75);

	border: solid 1px #eee;

}



.fixed ul{

	margin: 0px 0px 0px 0px;

	padding: 0px;

}



.fixed ul li{

	

	border-color: #fff;

	

}

.fixed .navi_end{

	border-color: #fff;

}



.clickbox{

	

	cursor: pointer;

	

}



.clickbox:hover{background: none;}



.projects.clickbox:hover{background: none;}



.contents_article.clickbox:hover{background: #efefef;}



.fixed .clickbox:hover{background: #eee;}



.navi_ul li.clickbox:hover{background: #eee;}



.clickbox:hover img{

opacity:0.8;

filter: alpha(opacity=80);

-ms-filter: "alpha( opacity=80 )";

background: #fff;

}





.article_img a:hover img

{

opacity:0.8;

filter: alpha(opacity=80);

-ms-filter: "alpha( opacity=80 )";

background: #fff;

}



.imagelists a:hover img

{

opacity:0.8;

filter: alpha(opacity=80);

-ms-filter: "alpha( opacity=80 )";

background: #fff;

}



.presented_by_box a:hover img

{

opacity:0.8;

filter: alpha(opacity=80);

-ms-filter: "alpha( opacity=80 )";

background: #fff;

}



.workslink.clickbox:hover{background: #333;}



.workslink a{

	

	color: #fff;

	text-decoration: none;

	

}



.workslink a:link,

.workslink a:visited,

.workslink a:active{

	color: #fff;

	text-decoration: none;

}



.workslink a:hover{

	

	text-decoration: none;

	

}







.gowebsite a{

	

	color: #000;

	text-decoration: none;

	

}



.gowebsite a:link,

.gowebsite a:visited,

.gowebsite a:active{

	color: #000;

	text-decoration: none;

}



.gowebsite a:hover{

	

	text-decoration: underline;

	

}





.btn.clickbox:hover{background: #333;}



.btn a{

	

	color: #fff;

	text-decoration: none;

	

}



.btn a:link,

.btn a:visited,

.btn a:active{

	color: #fff;

	text-decoration: none;

}



.btn a:hover{

	

	text-decoration: none;

	

}









.footer_in a{

	

	color: #fff;

	text-decoration: none;

	

}



.footer_in a:link,

.footer_in a:visited,

.footer_in a:active{

	color: #fff;

	text-decoration: none;

}



.footer_in a:hover{

	

	text-decoration: underline;

	

}



/**�lj�����**/



h4{

	

	font-size: 1.2em;

	padding-top: 20px;

	

}



.font_mini{

	

	font-size: 0.8em;

	

}