@charset "UTF-8";
/*--------------------------------------------------
for 2009 new designer fashion grand prix
--------------------------------------------------*/

/*index
--------------------------------------------------*/

#maincontent{
display:block;
width:465px;
float:left;
}

#maincontent h1{
display:block;
width:465px;
height:123px;
background:url(../images/top/job_image.jpg);
margin-bottom:15px;
text-indent:-9999px;
}

#maincontent h2{
display:block;
width:413px;
height:18px;
background:url(../images/top/title_concept.gif);
margin-bottom:15px;
text-indent:-9999px;
}

#maincontent h3{
display:block;
width:158px;
height:29px;
background:url(../images/top/title_ourservice.jpg);
margin-top:30px;
text-indent:-9999px;
}

#maincontent h4{
padding-top:10px;
color:#E1B004;
}

/*sub
-------------------------------------------------*/
#subcontent{
display:block;
width:285px;
float:right;
}

#subcontent div.subcontent_topics{
background:url(../images/top/side_background.gif) repeat-y;
margin-bottom:10px;
}

#subcontent div.subcontent_topics h2{
display:block;
height:28px;
background:url(../images/top/title_topics.gif);
text-indent:-9999px;
}

#subcontent div.subcontent_topics p, #subcontent div.subcontent_information p{
padding:8px;
}

#subcontent div.subcontent_information{
background:url(../images/top/side_background.gif) repeat-y;
}

#subcontent div.subcontent_information h2{
display:block;
height:28px;
background:url(../images/top/title_information.gif);
text-indent:-9999px;
}

#subcontent div.subcontent_topics .subcontentlink,#subcontent div.subcontent_information .subcontentlink{
display:block;
height:33px;
padding:0px 8px 0px 8px;
background:url(../images/top/side_footer.gif) no-repeat;
text-align:right;
}

#subcontent div.subcontent_topics .subcontentlink a,#subcontent div.subcontent_information .subcontentlink a{
background:url(../images/common/icon_link.gif) no-repeat 3px 2px;
padding-left:20px;
padding-bottom:5px;
}

/*service
-------------------------------------------------*/
#service{}
#service h1{
display:block;
width:770px;
height:55px;
background:url(../images/service/title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}

#service #servicedetail{
display:block;
width:494px;
float:left;
}

#service #servicedetail h2{font-weight:bold; color:#E1B004;}
#service #servicedetail p{
padding-bottom:30px;
}

#service #flowimage{
display:block;
width:256px;
padding-left:20px;
float:left;
}

#service #flowimage p{
display:block;
width:158px;
height:444px;
background:url(../images/service/flowimage.jpg) no-repeat;
text-indent:-9999px;
}

/*business
-------------------------------------------------*/
#business h1{
display:block;
width:770px;
height:55px;
background:url(../images/business/title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}
#business h2{font-weight:bold; color:#e1b004}
#business p{ padding-bottom:30px;}
#business p.attention{ color:#FF0000; font-size:small;}
#business dl{
margin:0;
padding:0;
}

/*395 375*/
#business dt{
line-height: 1.2em;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:6.5em;
}

#business dd{
position:relative; 
top:-1.2em; 
left:6.5em;
border-width: 0px; 
margin:0;
padding:0; 
line-height:100%;
z-index:1;
width:80%;
line-height:1.2em;
}

#business #businessContents{
}

#business #businessContents .businessContents_List{
display:block;
float:left;
width:395px;
}

#business #businessContents .businessContents_price{
display:block;
float:right;
width:360px;
padding-left:15px;
}

table#pricelist {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#pricelist th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #e1b004;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#pricelist td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}

/*company
-------------------------------------------------*/
#company{ width:494px; }
#company h1{
display:block;
width:770px;
height:55px;
background:url(../images/company/title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}

#company dl{
margin:0;
padding:0;
}

#company dt{
line-height: 1.2em;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:6.5em;
}

#company dd{
position:relative; 
top:-1.2em; 
left:6.5em;
border-width: 0px; 
margin:0;
padding:0; 
line-height:100%;
z-index:1;
width:80%;
line-height:1.6em;
}

/*faq
-------------------------------------------------*/
#faq{width:494px;}
#faq h1{
display:block;
width:770px;
height:55px;
background:url(../images/faq/title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}
#faq h2{font-weight:bold; color:#E1B004;}
#faq p{ padding-left:15px; padding-bottom:30px;}

/*request
-------------------------------------------------*/
#request{ width:494px; }
#request h1{
display:block;
width:770px;
height:55px;
background:url(../images/request/title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}
#request_flow{
padding-bottom:20px;
padding-left:2em;
}

#request_flow p{
display:block;
width:130px;
margin-right:5px;
padding:5px;
float:left;
line-height:1.8em;
background:#cccccc;
color:#666666;
text-align:center;
}

#request p.request_attention{
padding-left:2em;
}


#request p.request_attention span{
color:#FF0000;
font-size:80%;
}

#request_flow p.request_flow_active{
background:#FFCC66;
color:#000;
}

#request dl{
margin:0;
padding-top:2em;
padding-left:2em;
color:#666666;
}

#request dt{
line-height:1.4em;
margin:0px 0px 0px 0px;
width:11em;
}
#request dt span{
color:#FF6600;
padding:0 5px;
font-weight:bold;
font-size:1.4em;
}

#request dd{
position:relative; 
top:-1.4em;
left:11em;
border-width: 0px; 
margin:0;
padding:0; 
line-height:100%;
z-index:1;
width:70%;
line-height:1.4em;
}

#request input{
margin-right:5px;
border:#ccc 1px solid;
}

#request label,#request select,#request textarea,#request textarea,#request option{
margin-right:5px;
}


/*privacy
-------------------------------------------------*/
#privacy h1{
display:block;
width:770px;
height:55px;
background:url(../images/privacypolicy/title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}

#privacy dt{
margin-bottom:10px;
}
#privacy dd{text-indent:12px; margin-bottom:20px;}
#privacy p{
border-top:1px dotted #000;
border-bottom:1px dotted #000;
}