@charset "utf-8";

@import url("style_products.css");

/*------------------------------
work list page 
------------------------------*/

div#wrapper div#mainArea {
font-size:12px;
}

div#wrapper div#mainArea ul{
margin: 0 0 0 10px;
}

div#mainArea dl.work-container {
margin: 5px 0 5px 0;
padding: 0;
clear: both;
}

div#mainArea dl.work-container dt {
margin: 0;
padding: 0;
}

div#mainArea dl.work-container dd {
margin: 0;
padding: 0;
}

div#mainArea dl.work-container dd div.item {
margin: 0;
padding: 10px 20px 10px 0;
width: 360px;
/*overflow: auto;*/
float: left;
text-align: left;
}

div#mainArea dl.work-container dd div.item div.work-container-main {
margin: 0;
padding: 0;
width: 360px;
text-align: left;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul {
margin: 0;
padding: 0;
list-style: none;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li {
padding: 1px 0 0 12px;
background:url(../images/ico_arrow_orange.gif) left top no-repeat;
background-position: 0% 20%;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li a{
font-weight: bold;
color: #333333;
text-decoration: none;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li a:hover {
color: #FF8F30;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.main-item {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #CCCCCC;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.other-item {
margin: 0;
padding: 0;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.other-item ul {
margin: 0 0 0 5px;
padding: 0 0 25px 25px;
list-style: disc;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.other-item ul li {
margin: 0;
padding: 0;
font-size: 0.8em;
}

div#mainArea dl.work-container dd div.photo {
margin: 10px 0 10px 0;
padding: 0;
width: 140px;
float: right;
text-align: right;
}

div#mainArea div#work-case-container {
margin: 0;
padding: 0;
width: 540px;
}

div#mainArea div#work-case-container p {
margin: 10px 0 10px 0;
padding: 0;
}

div#mainArea div#work-case-container p.read {
margin: 10px 10px 20px 10px;
padding: 0;
}

div#mainArea div#work-case-container p.work-main-img {
margin: 10px 10px 20px 0;
padding: 0;
float: left;
}

div#mainArea div#work-case-container h4 {
margin: 10px 0 0 0;
clear: both;
}

div#mainArea div#work-case-container div.work-img {
margin: 15px 0 0 0;
padding: 10px 0 10px 0;
border-top: 1px dashed #CCCCCC;
}

div#mainArea div#work-case-container div.work-img p {
margin: 0;
padding: 0;
text-align: left;
clear: both;
}

div#mainArea div#work-case-container div.work-img p img {
margin: 0 15px 20px 0;
padding: 0;
float: left;
}


/* work用 pagetop */
div#mainArea div#work-case-container p.list {
margin: 0;
padding: 20px 0 30px 0;
width: 540px;
text-align: right;
clear: both;
}

div#mainArea div#work-case-container p.list a {
padding: 0 0 0 12px;
background: url(/assets/images/common/pagetop_yajirushi.gif) left center no-repeat;
text-decoration: none;
color: #333333;
}

div#mainArea div#work-case-container p.list a:hover {
background:url(/assets/images/common/pagetop_yajirushi_f2.gif) left center no-repeat;
color: #FFA25E;
}

/*------------------------------
TEXT AREA
------------------------------*/
#mainArea .txtArea{
font-size:1.1em;
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/images/cmn/ico_notes_2.gif) inside;
margin-top:10px;
}