@charset "Shift_JIS";

/*=========================
	reset
============================*/

*{
margin:0;
padding:0;
}    


body, table,td, th,tr,span, p {
	margin:0;
	padding:0;
}


img{
	border: none;
	margin:0;
	padding:0;
}

a:link {
	color: #000;
	text-decoration  : none;
}

a:visited {
	color: #555;
	text-decoration  : none;
}

a:hover {
	color: #555;
	text-decoration  : underline;
}

a:active {
	color: #555;
	text-decoration  : underline;
}


/*=========================
	font
============================*/
.bodyss{
font-size: 10px;
font-weight:normal;
color:#999;
line-height:200%;
	
}
.bodys{
font-size: 12px;
line-height: 1.5em;
	
}

.bodym{
font-size: 13px;
line-height: 2em;
}


/*=========================
	共通スタイル
============================*/

#wrp{
width:100%;
height:100%;
margin:auto;
}

#btn-table{
width:300px;
margin:15px 0;
text-align:left;
}

#line{
width:660px;
border-top: #ff9270 2px solid;
}

#line-under{
width:660px;
background-color:#fed2b3;
height:5px;
}

#gray-copy{
width:660px;
height:48px;
text-align:center;
}

ul{
list-style-position:outside;
}

.top{
text-align:right;
margin-top:50px;
width:514px;
margin-left:78px;
}

.top2{
width:660px;
margin-top:50px;
text-align:right;
}

.darkgray-line{
width:100%;
background: url(works/advertising/images/ad_line.gif) repeat-x;
}


#workbtn-table{
width:504px;
margin-top:32px;
margin-bottom:32px;
}

#bottom-btn {
text-align: center;
margin: 25px 0 25px 0;
}

.works-top {
float: right;
margin: 20px 5px 25px 0;
}

td.title-space {
text-align: left;
}

td.title-space img.title-img {
float: left;
}

td.title-space img.text-img {
margin-bottom: 10px;
}

td.title-space img.title-img2 {
float: left;
margin: 0 0 10px 0;
}

td.title-space img.text-img2 {
margin-bottom: 10px;
}

/*-----------作品各詳細ページ共通----*/
.details{
padding-bottom:40px;
vertical-align:bottom;
}

.details2{
vertical-align:bottom;
}

.details3{
vertical-align:bottom;
padding-bottom: 20px;
}


/*=========================
	top
============================*/
.rogo{
text-align:right;
}

.content-top{
width:600px;
text-align:center;
margin:auto;
margin-top:120px;
}

.content-top td.right {
width: 247px;
height: 400px;
vertical-align: top;
}

.content-top td.left {
height: 400px;
width: 328px;
}

.content-top td.left img {
margin: 0 0 30px 0;
}

.content-top td.copy {
padding-top: 40px;
}

.info {
width: 100%;
	}
		
.info td.title {
text-align: right;
	}
		
.info td.title img {
padding: 50px 0 0 0;
	}

#btnArea {
float: right;
}
	
.info td.menu-new {
height: 277px;
vertical-align: bottom;
text-align: left;
font-size: 10px;
line-height: 170%;
	}
	
	
.info td.menu-new img.menubtn {
float: left;
	}
	
.info td.menu-new img.newsimg{
margin: 70px 0 10px 0;
	}
		
.info td.menu-new span {
color: #666666;
	}

p.news a:link {
color: #333;
text-decoration: underline;
}

p.news a:visited {
color: #333;
text-decoration: underline;
}

p.news a:hover {
color: #FF3300;
text-decoration: underline;
}

p.news a:active {
color: #FF3300;
text-decoration: underline;
}
	
/*=========================
	profile
============================*/
.profile-content{
width:592px;
margin-left:68px;
margin-top:50px;
text-align:left;
}

.profil-career{
width:514px;
margin-left:78px;
margin-bottom:10px;
}

.bgprofile{
	/*background:url(images/profile_bggif.gif) no-repeat right 140px;*/
}

.year{
	margin:10px 0 10px 40px;
	font-weight:bold;
}

/*=========================
	LINK
============================*/
.link-content{
width:592px;
margin-left:68px;
margin-top:30px;
text-align:left;
}

.link-cont{
width:514px;
margin-left:20px;
margin-bottom:30px;
margin-top:18px;
}

.link-dot{
width:514px;
background: url(images/gray_line.gif) repeat-x;
height:1px;
padding-bottom:30px;
}

/*=========================
	works
============================*/

.works-content{
width:560px;
margin-left:50px;
margin-top:10px;
text-align:left;
}

.work-btn{
height:172px;
vertical-align:top;
}

.work-box{
text-align: center;
margin-top: 20px;
}

img.arrow {
vertical-align: text-bottom;
}


/*=========================
	advertising-top
============================*/

.ad-content{
width:540px;
margin-top:30px;
text-align:left;
}

.ad-text{
padding-left:40px;
padding-bottom:30px;
vertical-align:top;
text-align:left;
}

/*=========================
	advertising-1
============================*/
.bold{
font-size: 12px;
font-weight:bold;
padding-bottom:10px;
}

.ad1-content{
width:560px;
margin-left:50px;
}
.ad1-content td{
	text-align:center;
}
.ad1-text{
text-align:left; 
margin-top:10px; 
padding-bottom:10px;
margin-left:70px;
}

/*=========================
	exhibition
============================*/
.ex-text{
text-align: left;
margin: 0 0 20px 30px;
}

/*=========================
	top2
============================*/

.top2-btn{
width:183px;
margin:156px 30px 0 0;
}

.top2-rogo{
height:100px;
vertical-align:top;
}

.top2-right{
text-align:right;
}

.top2-content{
width:650px;
margin-top:30px;
}

.top2-img{
width:330px;
height:511px;
text-align:center;
background-color:#FFd3b4;
}
.link-dot2 {
	background-image: url(images/gray_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 594px;
	background-position: 30px;
	border-bottom-style: 30;
	padding-bottom: 30px;
}
.toppage {
	color: #FF6666;
	font-size: 12px;
}
.bodyss2 {
	font-size: 10px;
	color: #999;
	font-weight: normal;
}
.news {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	text-decoration: underline;
}
.DATE {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FF0066;
}