﻿@charset "UTF-8";


body#home #main {
clear:both;
width:900px;
margin:0 auto;
padding:15px 0 0 0;
background:none !important;
text-align:left;
}
body#home #main:after {
clear:both;
display:block;
content:"";
height:1px;
overflow:hidden;
}


/*	website
----------------------------------------------------*/

body#home #main .website {
float:left;
width:284px;
height:190px;
margin:0 24px 0 0;
}
body#home #main .website h2 {
width:284px;
height:95px;
background:url(/assets/img/home/h2_01.png) no-repeat left top;
font-size:1%;
line-height:110%;
text-indent:-9999px;
}
body#home #main .website p {
width:260px;
height:90px;
padding:5px 12px 0 12px;
background:url(/assets/img/home/main_bg01.png) no-repeat left top;
color:#ffffff;
}


/*	publishing
----------------------------------------------------*/

body#home #main .publishing {
float:left;
width:284px;
height:190px;
margin:0 24px 0 0;
}
body#home #main .publishing h2 {
width:284px;
height:95px;
background:url(/assets/img/home/h2_02.png) no-repeat left top;
font-size:1%;
line-height:110%;
text-indent:-9999px;
}
body#home #main .publishing p {
width:260px;
height:90px;
padding:5px 12px 0 12px;
background:url(/assets/img/home/main_bg01.png) no-repeat left top;
color:#ffffff;
}


/*	music
----------------------------------------------------*/

body#home #main .music {
float:left;
width:284px;
height:190px;
margin:0;
}
body#home #main .music h2 {
width:284px;
height:95px;
background:url(/assets/img/home/h2_03.png) no-repeat left top;
font-size:1%;
line-height:110%;
text-indent:-9999px;
}
body#home #main .music p {
width:260px;
height:90px;
padding:5px 12px 0 12px;
background:url(/assets/img/home/main_bg01.png) no-repeat left top;
color:#ffffff;
}


/*	outline
----------------------------------------------------*/

body#home #main #outline {
width:900px;
margin:0;
padding:0;
background:url(/assets/img/home/main_bg02.png) no-repeat left top;
}
body#home #main #outline:after {
clear:both;
display:block;
content:"";
height:1px;
overflow:hidden;
}

body#home #main #outline h3 {
width:900px;
height:64px;
background:url(/assets/img/home/h3_01.png) no-repeat left top;
font-size:1%;
line-height:110%;
text-indent:-9999px;
}


/*	profile
----------------------------------------------------*/

body#home #main .profile {
float:left;
width:592px;
margin:0 24px 0 0;
}

body#home #main .profile p {
margin:0;
padding:0 15px 0 37px;
/* background:url(/assets/img/home/main_bg03.png) no-repeat left bottom !important; */
line-height:1.8em;
}

body#home #main .profile dl {
width:540px;
margin:0;
padding:0 15px 20px 37px;
}

body#home #main .profile dl dt {
float:left;
width:13em;
margin:0 -12em 0 0;
padding:7px 0;
border-top:1px solid #cccccc;
font-weight:bold;
line-height:1.5em;
text-indent:1.0em;
}
body#home #main .profile dl dd {
margin:0 0 0 12em;
padding:7px 0;
border-top:1px solid #cccccc;
line-height:1.5em;
}
* html body#home #main .profile dl dd {
height:1%;
}
body#home #main .profile dl dd ol {
margin:0 0 0 23px;
}
body#home #main .profile dl dd ol li {
list-style-type:decimal;
line-height:1.5em;
}


/*	portfolio
----------------------------------------------------*/

body#home #main .portfolio {
float:right;
width:284px;
margin:0;
}

.carousel {
position:relative;
width:237px;
height:156px;
margin:0 -13px 20px -12px;
padding:0 13px 0 12px;
overflow:hidden;
}

.carousel .cnts {
position:relative;
width:237px;
height:156px;
overflow:hidden;
}

.carousel ul {
position:relative;
overflow:hidden;
z-index:10;
}
.carousel ul li {
position:relative;
width:237px;
height:156px;
padding:0 1px 0 0;
}

.carousel .prev {
position:absolute;
left:0;
top:63px;
width:32px;
height:33px;
background:url(/assets/img/home/btn_01.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
z-index:50;
cursor:pointer;
}
.carousel .next {
position:absolute;
left:227px;
top:63px;
width:32px;
height:33px;
background:url(/assets/img/home/btn_02.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
z-index:50;
cursor:pointer;
}

.music {
width:235px;
margin:0 0 20px 0;
}
