/* CSS Document */

/*----------{ݒ----------*/

/* tHg */

body {
	font-family: qMm, "lr oSVbN", arial, helvetica, sans-serif;
	line-height: 160%;
	font-size: 80%;
	color: #333333;
	}

/* uEUݒ */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	width:800px;
	margin:0 auto;
	line-height:140%;
	}

img,table {
	border: none;
	}

ul {
	list-style: none;
	}

body#inlineframe {
	width: 97%;
	text-align: left;
}

div#wrap02 *{
	line-height:120%;
}


/* eLXgN */

a:link {
	color: #333333;
	text-decoration: underline;
	}

a:visited {
	color: #333333;
	text-decoration: underline;
	}

a:hover {
	color: #333333;
	text-decoration: none;
	}

a:active {
	color: #333333;
	text-decoration: none;
	}


p#footer a:link {
	color: #333333;
	text-decoration: none;
	}

p#footer a:visited {
	color: #333333;
	text-decoration: none;
	}

p#footer a:hover {
	color: #333333;
	text-decoration: underline;
	}

p#footer a:active {
	color: #333333;
	text-decoration: none;
	}


a.mail:link {
	color: #ff0000;
	text-decoration: none;
	}

a.mail:visited {
	color: #ff0000;
	text-decoration: none;
	}

a.mail:hover {
	color: #ff0000;
	text-decoration: underline;
	}

a.mail:active {
	color: #ff0000;
	text-decoration: none;
	}

a.mail img{
vertical-align: middle;
}


/* t[g */

br.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}

/* gbv@*/

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}

body.index {
	background: #FFFFFF;
	color:#000000;
	font-size:60%;
	}

#top{
padding-top:80px;
width:760px;
}
	
#top .logo{
padding:9px 0px 20px 0px;
}

#top .news1{
float:left;
}

#top .news1 h1{
font-size:1px;
}

#top .news1 h1 a{
display:block;
height:260px;
width:380px;
background: url(../images/top_news03.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#top .news1 p{
display:block;
background: url(../images/top_news03_txt.gif) no-repeat;
height:100px;
width:380px;
text-indent:-9999px;
overflow:hidden;
}

#top .news2{
float:right;
}

#top .news2 h2{
font-size:1px;
}

#top .news2 h2 a{
display:block;
height:260px;
width:380px;
background: url(../images/top_news02.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#top .news2 p{
display:block;
background: url(../images/top_news02_txt.gif) no-repeat;
height:100px;
width:380px;
text-indent:-9999px;
overflow:hidden;
}

#top .btn{
margin:0 auto;
width:102px;
padding-top:20px;
}

#top .html{
float:left;
}

#top .or{
float:left;
padding-top:15px;
}

#top .flash{
float:left;
}

#top .new_news {
width:759px;
}

#top .new_news .news2  {
float:left;
width:277px;
padding-top:20px;
}

#top .new_news .news2 p  {
padding:10px;
line-height:160%;
}

#top .new_news .news3  {
height:360px;
width:241px;
background: url(../images/play_rhythm_01.jpg) no-repeat 0px 20px;
overflow:hidden;
text-indent:-9999px;
margin:0px;
float:left;
padding-top:10px;
}

#top .new_news .news4  {
height:360px;
width:241px;
background: url(../images/play_rhythm_02.jpg) no-repeat 0px 20px;
overflow:hidden;
text-indent:-9999px;
margin:0px;
float:left;
}

#top .new_news .news2 h1{
height:175px;
width:277px;
background: url(../images/top_news01.gif) no-repeat 0px 0px;
overflow:hidden;
text-indent:-9999px;
margin:0px;
}

#top .new_news .news2 a{
display:block;
overflow:hidden;
height:175px;
text-indent:-9999px;
text-decoration: none;
}


#top .new_news .news3 a{
display:block;
overflow:hidden;
height:360px;
text-indent:-9999px;
text-decoration: none;
}

#top .new_news .news4 a{
display:block;
overflow:hidden;
height:360px;
text-indent:-9999px;
text-decoration: none;
}


#top .new_news .news5 a{
font-weight:bold;
}


#top .new_news .to_au {
text-align:right;
}

#top .news p{
height:175px;
width:482px;
background: url(../images/top_aupic03.jpg) no-repeat 0px 0px;
overflow:hidden;
text-indent:-9999px;
margin:0px;
float:left;
}

#top .news p.autext{
margin:0px;
padding:0px;
background:url(../images/top_autxt.gif) no-repeat 0px 0px;
overflow:hidden;
text-indent:-9999px;
float:right;
width:122px;
height:15px;
}

#top .copyright{
text-align:center;
padding:20px 0px 0px 20px;
}

/* actface@*/
.actface_concept_txt {
padding-top:20px;
}

.actface_concept_txt h1 {
font-size:medium;
padding-bottom:20px;
padding-top:20px;
}

.actface_concept_txt p {
padding-bottom:20px;
}

.actface_concept {
width:800px;
}

.actface_concept .left {
float:left;
display:block;
width:400px;
background:#ededed url(../images/af_01.jpg) right no-repeat;
height:565px;
}

.actface_concept .left p {
width:230px;
padding:10px;
}

.actface_concept .right {
float:right;
display:block;
width:400px;
background:#2b2227 url(../images/af_02.jpg) left no-repeat;
height:565px;
}

.actface_concept .left2 {
float:left;
display:block;
width:390px;
background:#ededed;
padding:10px 0px 10px 10px;
}

.actface_concept .left2 p {
float:left;
display:block;
width:120px;
padding-right:10px;
}

.actface_concept .right2 {
float:right;
display:block;
width:390px;
background:#2b2227;
padding:10px 0px 10px 10px;
}

.actface_concept .right2 p {
float:right;
display:block;
width:120px;
padding-right:10px;
}

.actface_concept .right p {
padding:10px 10px 10px 165px;
color:#FFFFFF;
}

.actface_concept .to_au {
text-align:right;
}

.actface_concept_play {
padding-top:20px;
}

.actface_concept_play .logo {
margin-bottom:20px;
}

.actface_concept_play p.head_left {
float:left;
display:block;
}

.actface_concept_play p.head_right {
float:right;
display:block;
text-align:right;
}

.actface_concept_play .area_play {
margin-top:10px;
margin-bottom:10px;
background:#ededed;
padding:10px 10px 0px 10px;
width:780px;
}

.actface_concept_play .area_play h1 {
font-size:medium;
padding-bottom:10px;
}

.actface_concept_play .area_play p {
float:left;
display:block;
width:148px;
padding-right:10px;
padding-bottom:10px;
}

.actface_concept_play .area_play p.end {
float:left;
display:block;
width:148px;
padding:0px;
margin:0px;
}

.actface_concept_play .area_rhythm {
margin-top:10px;
margin-bottom:10px;
background:#2b2227;
padding:10px 10px 0px 10px;
width:780px;
}

.actface_concept_play .area_rhythm h1 {
font-size:medium;
padding-bottom:10px;
color:#FFFFFF;
}

.actface_concept_play .area_rhythm p {
float:left;
display:block;
width:148px;
padding-right:10px;
padding-bottom:10px;
}

.actface_concept_play .area_rhythm p.end {
float:left;
display:block;
width:148px;
padding:0px;
margin:0px;
}


/* wb_@*/
#header{
width:800px;
margin-bottom:10px;
}

#header .menu{
margin:12px 25px 0px 0;
float: left;
}

#header .menu02{
margin:12px 0px 0px 10px;
float: right;
}

#header .pagetitle{
padding: 25px 0 0px 0;
}


/* tb^[@*/
#footer{
text-align:center;
margin:40px 0 15px 0;
font-size: 70%;
}

/* iʃN@*/
#worklink{
text-align:center;
margin-top:30px;
}

#worklink .cate{
font-weight:bold;
margin:0 10px 0 10px;
}

#worklink img{
margin-left:2px;
border:#cccccc solid 1px;
}



/* Rec@*/

#contents .left{
width:416px;
}

#contents .right{
width:384px;
}

#contents .english{
margin-top:40px;
}

#contents .imagetitle{
	margin-bottom:5px;
	margin-left: 4px;
}

#contents .imagetitle02{
	margin-top:15px;
	margin-bottom:5px;
	margin-left: 4px;
}

#contents .image{
margin-left:4px;
margin-bottom:4px;
float:left;
border:#cccccc solid 1px;
}

#contents .news{
margin-top:40px;
font-size:100%;
}

#contents .newsstrong{
font-weight:bold;
}


/* i@*/
#work{
	padding: 0px 0 25px 0;
}

#work .workimage{
border:#cccccc solid 1px;
}

#work .workimagecenter{
text-align:center;
}


#work .worktitle{
	padding: 20px 0 10px 0;
}


#work .concept{
	margin: 20px 0 2px 0;
}

#work .productdetails{
	margin: 20px 0 4px 0;
}

#work .newscenter{
text-align:center;
font-size:100%;
}

#work  hr.newsline{
margin:15px 0 15px 0;
border: 1px #cccccc solid;
}



/* n */
#work p.suiboku{
line-height: 260%;
}

#work strong{
font-size: 140%;
}

/* Marcel Wanders */
#work h1.marcelwanders-title{
background: url(../images/marcelwanders_title.gif) no-repeat 0px 0px;
height: 15px;
overflow: hidden;
text-indent: -9999px;
margin-bottom: 0px;
}

#work h1.marcelwanders{
font-weight:normal;
margin:0;
padding:0;
line-height: 160%;
font-size: 100%;
}

#work p.marcelwanders{
 font-weight:normal;
 margin:0 ;
 padding:0;
}

#work p.marcelwanders2{
 font-weight:normal;
 margin:30px 0 0 0 ;
 padding:0;
}

/* PRESS */

#work p.press{
font-size:120%;
line-height:180%;
}


#work p.press a:link {
	color: #333333;
	text-decoration: underline;
	}

#work p.press a:visited {
	color: #333333;
	text-decoration: underline;
	}

#work p.press a:hover {
	color: #333333;
	text-decoration: none;
	}

#work p.press a:active {
	color: #333333;
	text-decoration: underline;
	}
	
	
h1.actface{
    font-size:18px;
	line-height:120%;
}

h1.actface span{
    font-size:12px;
}

/*au design project*/

.cap{
padding:10px 0 10px 0;
}

h3{
font-size: 100%;
}

.thumnale{
padding-bottom:15px;
}

.thumnale p{
padding:10px 20px;
float:left;
}

#download01{
padding:4px 10px;
background:#cfe1e8;
font-size:80%;
}

#download02{
padding:4px 10px;
background:#cfe1e8;
font-size:80%;
border-top:1px solid #FFFFFF;
}

/* STORE */
#work .goods01{
width: 390px;
float: left;
}

#work .goods02{
width: 390px;
float: right;
}

#work .store-pic{
float: left;
margin-right: 5px;
width: 218px;
}

#work dl.store-dl01{
width: 167px;
float: left;
}

#work dl.store-dl01 dt{
font-weight: bold;
padding-bottom: 5px;
font-size: 120%;
}

#work p.store-detail{
padding-top: 10px;
width: 167px;
float: left;
}

#work p.store-flow{
background: url(../images/store_title01.gif) no-repeat 0px 0px;
height: 21px;
overflow: hidden;
text-indent: -9999px;
border-bottom: 1px solid #000000; 
width: 800px;
margin-top: 34px;
}

#work p.store-num{
margin-top: 17px;
line-height: 100%;
}

#work p.store-txt01{
margin-bottom: 27px;
margin-top: 10px;
}

#work p.store-txt02{
margin-top: 10px;
}

#work p.store-txtbox{
width: 770px;
border: 1px solid #000000;
padding: 13px 15px;
}

#work p.store-difficult{
background: url(../images/store_title02.gif) no-repeat 0px 0px;
height: 21px;
overflow: hidden;
text-indent: -9999px;
border-bottom: 1px solid #000000; 
width: 800px;
}

#work dl.store-dl02{
width: 800px;
background: url(../images/dotline.gif) repeat-x left bottom;
padding: 10px 0;
}

#work dl.store-dl02 dt{
width: 176px;
float: left;
margin-right: 10px;
font-weight: bold;
}

#work dl.store-dl02 dd{
width: 607px;
float: left;
}