*{
	margin: 0;
	padding: 0;
}
body {
    background-color: #01817E;
    font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    color: #666666;
    line-height: 150%;
}
a {
	color: #5178AD;
	text-decoration: underline;
}
a:visited {
	color: #5178AD;
	text-decoration: underline;
}
a:hover {
	color: #3399FF;
	text-decoration: none;
}
img {
	border: none;
	vertical-align: top;
}
.unseen{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.clear{
    clear: both;
}

#wrapper {
    width: 780px;
	margin: 50px auto;
}

/* ヘッダー
---------------------------------------------*/
#header{
    background-image: url(../images/head.gif);
    background-repeat: no-repeat;
    height: 136px;
	width: 780px;
}

/* ヘッダー works
---------------------------------------------*/
#headerWorks{
    background-image: url(../works/images/works_header.gif);
    background-repeat: no-repeat;
    height: 73px;
	width: 780px;
}

/* コンテンツ
---------------------------------------------*/
#contents {
    background-color: #ffffff;
    width: 780px;
	height: 300px;
    margin: 0;
}

/* コンテンツ works
---------------------------------------------*/
#contentsWorks {
    background-color: #ffffff;
    width: 780px;
    margin: 0;
	padding: 20px 0;
}

/* メニュー
---------------------------------------------*/
#menu {
    float: left;
    width: 160px;
    background-color: #ffffff;
    height: 300px;
	margin: 0;
}

#menu ul{
    list-style-type: none;
}
#menu li a{
    display: block;
    height: 29px;
	width: 138px;
	margin: 0 0 8px 0;
}   
#menu li#btntop a{
    background: url(../images/btn_top.gif) no-repeat;
}
#menu li#btntop a:hover,
#menu li#btntop a.on {
    background: url(../images/btn_top_over.gif) no-repeat;
}
#menu li#btnconcept a{
    background: url(../images/btn_concept.gif) no-repeat;
}
#menu li#btnconcept a:hover,
#menu li#btnconcept a.on {
    background: url(../images/btn_concept_over.gif) no-repeat;
}
#menu li#btnworks a{
    background: url(../images/btn_works.gif) no-repeat;
}
#menu li#btnworks a:hover,
#menu li#btnworks a.on {
    background: url(../images/btn_works_over.gif) no-repeat;
}
#menu li#btntaf a{
    background: url(../images/btn_taf.gif) no-repeat;
	margin: 80px 0 0 0;
}
#menu li#btntaf a:hover,
#menu li#btntaf a.on {
    background: url(../images/btn_taf_over.gif) no-repeat;
}

/* フラッシュ
---------------------------------------------*/
#flashTop {
    background: #C8C8C8;
    float: left;
    width: 600px;
}
#flashConcept {
    background: #7B152C;
    float: left;
    width: 600px;
}

/* バナー
---------------------------------------------*/
#banner{
    clear: both;
    background-color: #ffffff;
    height: 104px;
    width: 780px;
    text-align: center;
    padding: 0;
    margin: 0;
}

/* フッター
---------------------------------------------*/
#footer {
    background-image: url(../images/frame_btm.gif);
    background-repeat: no-repeat;
    height: 20px;
    padding: 0;
    text-align: center;
}




/* コンテンツ works 内容
---------------------------------------------*/
#contentsWorks h1.design {
    background:url(../works/images/h1_design.gif) no-repeat;
	height: 70px;
	margin: 0 0 20px 0;
}
#contentsWorks h1.history {
    background:url(../works/images/h1_history.gif) no-repeat;
	height: 70px;
	margin: 0 0 20px 0;
}
.copy {
    width: 650px;
	margin: 0 auto;
	text-align: center;
}

.worksMain {
    width: 650px;
	margin: 20px auto 10px auto;
}
.worksMain p {
	margin: 10px 0;
}
.worksMain h2 {
	font-size: 12px;
	border-bottom: solid 1px #83A4A3;
	color: #01817E;
}

.worksMain ul {
	list-style-type: none;
	margin: 10px 0;
}
.worksMain li {
    display: block;
	height: 18px;
	padding: 0 0 0 12px;
}
.worksMain li.mark {
    display: block;
	height: 18px;
	background: url(../works/images/listmark.gif) left no-repeat;
	padding: 0 0 0 12px;
	margin: 5px 0 0 0;
}

.thumnail {
    width: 650px;
    margin: 10px 0;
}
.thumnail td {
    width: 78px;
    padding: 5px;
}
    
/* ページトップへ
---------------------------------------------*/
.pagetop {
	padding: 15px 0 30px 0;
	margin-left: 650px;
}
.pagetop a {
    display: block;
	width: 100px;
	padding: 0 0 0 18px;	
	background:url(../images/pagetop.gif) no-repeat;
}
.pagetop a:hover {	
	background:url(../images/pagetop_over.gif) no-repeat;
}