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


/*==========================================================



	Global Reset



==========================================================*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,

pre,form,fieldset,input,textarea,p,blockquote,th,td,address {

	margin:0;

	padding:0;

	line-height: 1.05em;/*Ie6 •¶ŽšŒ‡‚¯‘΍ô*/

	font-size:100%;
    font-family:Helvetica,Arial,sans-serif;

	letter-spacing: 0.025em;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img { 

	border: 0;

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal;

}

ol,ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6 {

	font-weight:normal;

}

q:before,q:after {

	content:'';

}

abbr,acronym {

	border:0;

}



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*==========================================================
	全体のこと
==========================================================*/


#whole{
width:750px;
float:left;
font-size:14px;
line-height:2em;
color:#333333;
padding:37px 40px;
}

#header{
width:750px;
}

#gloabalnavi{
width:750px;
}

#globalnavi ul{
list-style:none;
padding-left:3px;
}

#globalnavi li{
float:left;
padding-top:20px;
padding-right:25px;
}

#contents{
clear:both;
width:750px;
border-top:#333333 2px solid;
margin-top:130px;}


#contents2{
clear:both;
width:750px;
margin-top:100px;}

#footer{
clear:both;
width:750px;
float:right;
border-top:#333333 1.5px solid;
}

#footer p{
float:right;
font-size:10px;
padding-left:15px;
padding-top:5px;
}

a {

	text-decoration: underline;
	color:#666666;
}

a:hover {

	color:#333333;
	font-weight:bold;

}

/*==========================================================
	index
==========================================================*/

#frontpage{
}

#frontpage img{
padding:50px auto;
}


/*==========================================================
	news
==========================================================*/

.newsfeednonimage{
padding:30px;
}

.newsfeednonimage .newsbox{
float:left;
padding:30px 20px;
}

.newsfeedimage{
border-bottom:1px solid #333;
padding:30px 0px;
}

.newsfeedimage .imagebox{
float:left;
}

.newsfeedimage .newsbox{
float:left;
padding-left:30px;
}


.newsdate{
border-left:#333333 5px solid;
padding-left:7px;
color:#999999;
}

.newstext{
margin-top:6px;
line-height:1.5em;
}

.newsimage{
height:200px;
float:left;
padding:0 20px 30px 20px;
}

#realtokyolink{
float:right;
}


/*==========================================================
	profile
==========================================================*/


#profiletext{
width:600px;
padding:40px 30px 40px 30px;
}
/*==========================================================
	works
==========================================================*/
#work{
width:750px;
}

#workmenu{
width:110px;
float:left;
padding-left:0px;
padding-top:16px;
margin-right:90px;
}

#workmenu li{
border-left:#333333 5px solid;
padding-top:3px;
}

#workmenu li img{
margin-left:6px;
}




#workmenu p{
border-left:#333333 5px solid;
padding-left:7px;
}

#worktext{
width:550px;
float:left;
border-top:#333 2px solid;
margin-top:15px;
}

#workeditorials{
}

#workeditorials img{
height:150px;
}

#workeditorials a:hover img{
margin-bottom:15px;
}


#workeditorials table{
margin:15px 10px;
}

#workeditorials td{
width:142px;
height:170px;
}

/*==========================================================
	worksshow
==========================================================*/

#workmagazinesshow{
}

#workmagazinesshow img{
height:300px;
}


#workmagazinesshow .leftbox{
width:300px;
float:left;
}

#workmagazinesshow .rightbox{
width:200px;
float:left;
padding:15px 20px;
}

#workmagazinesshow .title{
font-size:1.2em;
font-weight:bold;
color:#999;
padding-left:7px;
border-bottom:#999 2px solid;
border-left:#999 5px solid;
}

#workmagazinesshow .text{
padding-top:10px;
line-height:1.5em;
color:#999999;
}



/*==========================================================
	intern
==========================================================*/
#intern{
border-bottom:1px #333333 solid;
padding-bottom:30px;
}

#intern p{
padding-left:20px;
line-height:2em;
}
/*==========================================================
	contact
==========================================================*/
#cont{
width:750px;
}

#contactmenu{
width:500px;
float:left;
padding-left:20px;
padding-top:30px;
}

#contactmenu p{
border-left:#333333 5px solid;
padding-left:7px;
}

#contacttext{
width:0px;
float:left;
}













/* font-color 

.black a {color: #000;}

.gray a {color: #454545;}



.black a:hover,

.gray a:hover {

	color: #fff;

}
*/

/* ƒŠƒ“ƒNÝ’è 

a {

	text-decoration: underline;

}

a:hover {

	background: #454545;

	color: #fff;

}
*/