@import url(base.css);

/*------------------------------
title
------------------------------*/
h1{
height:32px;
padding:2px 0px 10px 10px;
color:#fff;
font-size:1.2em;
background:url(/assets/cmn_img/ttl_black.jpg) no-repeat;
}
h2,h4{
clear:left;
font-size:1.0em;
height:25px;
padding:1px 0px 0px 20px;
}
h3{
border-bottom:#FF6600 solid 2px;
margin-bottom:3px;
font-size:1.0em;
}
h4{
background:url(/assets/cmn_img/sttl_orange.jpg) no-repeat;
}


/*------------------------------
LINE UP AREA (for index)
------------------------------*/
h2{
clear:left;
margin:10px 0px 5px 0px;
background:url(/assets/cmn_img/sttl_grey.jpg) no-repeat;
}
/*---------- outline ----------*/
.lineupArea{
margin:0px;
}
#mainArea .lineupArea dl{
}

#mainArea p{
line-height:1.2em;
}

#mainArea .wtop{
	line-height:1.2em;
	background: url(/assets/work_img/work_cube.jpg) no-repeat;
}

/*---------- photo(Left) ----------*/
#mainArea .lineupArea dt{
width:140px;
float:left;
margin:0px 0px 15px 0px;

}
#mainArea .lineupArea dt a img{
margin-left:-10px;
margin-bottom:-5px;
}

/*---------- text(Right) ----------*/
#mainArea .lineupArea dd{
width:360px;
margin:0px 0px 10px 145px;
}
#mainArea .lineupArea dd .others{
border:#cdcdcd solid 1px;
padding:5px;
}
#mainArea .lineupArea dd .others li{
margin:0px 0px 0px 7px;
font-size:0.7em;
}

#mainArea .lineupArea dd .others p{
	margin:2px 5px 0px 12px;
	font-size:0.9em;
font-weight:bold;
	/*float:right;*/
	color: #FF9900;
}



/*------------------------------
TITLE AREA
------------------------------*/
#mainArea .ttlBox h2{
padding-top:1px;
}
#mainArea .ttl_cap{
color:#993300;
}
/*---------- photo ----------*/
#mainArea .ttlBox dt{
width:230px;
margin:0px 10px 0px 0px;
float:left;
font-size:0.8em;
line-height:1.1;
}

/*---------- text ----------*/
#mainArea .ttlBox dd{
margin:0px 0px 0px 235px;
font-size:0.8em;
line-height:1.4em;
}

/*#mainArea .ttlBox dd h3{
margin:0px 0px 0px 235px;
font-size:1.2em;
}*/
#mainArea .ttlBox .longtext{
margin:0px 0px 0px 0px;
}
#mainArea .ttlBox .longtext h3{
margin-left:235px;
}

/*------------------------------
TEXT AREA
------------------------------*/
#mainArea .txtArea{
clear:left;
padding-bottom:10px;
}
#mainArea .txtArea p{
margin-top:10px;
}
/*---------- subtitle ----------*/
.txtArea .sttl{
font-weight:bold;
background:#f5f5f5;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}
/*---------- photo(150px) ----------*/
.txtArea .picArea{
float:left;
font-size:0.8em;
line-height:1.1;
width:150px;
margin:0px 10px 10px 0px;
}
.txtArea .picArea img{
margin:15px 0px -10px 0px;
}
/*---------- photo(230px) ----------*/
.txtArea .picArea_2{
float:left;
font-size:0.8em;
line-height:1.1;
width:230px;
margin:0px 10px 10px 0px;
}
.txtArea .picArea_2 img{
margin:15px 0px -10px 0px;
}
/* ----- Notes Area ----- */
.notes{
color:#c00;
}
.notesArea li{
list-style:url(/assets/cmn_img/ico_notes_2.gif) inside;
margin-top:10px;
}


/*------------------------------
LINK
------------------------------*/
.more{
clear:left;
text-align:right;
margin:10px 0px;
}
/* pagetop */
#mainArea .pagetop{
clear:left;
font-size:0.8em;
text-align:right;
margin:10px 0px 30px 0px;
padding-bottom:10px;
}
#mainArea .pagetop a{
color:#333333;
text-decoration:none;
background:url(/assets/cmn_img/ico_pagetop.gif) left center no-repeat;
padding:0px 0px 0px 12px;
}
#mainArea .pagetop a:hover{
text-decoration:underline;
}
#mainArea .pagetop_m{
clear:left;
font-size:0.8em;
text-align:right;
margin:0px 0px 30px 0px;
padding-bottom:30px;
border-bottom:#cdcdcd 1px solid;
}
#mainArea .pagetop_m a{
color:#333333;
text-decoration:none;
background:url(/assets/cmn_img/ico_pagetop.gif) left center no-repeat;
padding:0px 0px 0px 12px;
}
#mainArea .pagetop_m a:hover{
text-decoration:underline;
}

.contents_link h4{
margin:20px 0px 5px 0px;
}
.contents_link ul{
list-style:none;
margin:0px 0px 0px 22px;
}
/*for IE */
* html body .contents_link ul{
margin-left:5px;
}

/* corp video */
#video{
margin-top:25px;
margin-left:-10px;
	width: 190px;
	height: 45px;
	display: block;
}

#video a{
background:none;
}


/*------------------------------
Works_Top Image
------------------------------*/
#top_image{
position:relative;
right:2px;
bottom:2px;
}

#top_image_gradation{
position:static;
width:129px;

background: url(/assets/work_img/shadow.jpg) no-repeat;
}