@charset "euc-jp";
@import "common.css";
@import "common_mt.css";

/* Category List */
body{
behavior:url(../css/csshover.htc);
}

#top_catnavi{
margin:0 0 20px 0;
table-layout:fixed;
border-collapse:collapse;
border:1px solid #fc3;
}
#top_catnavi th,#top_catnavi td{
padding:5px;
text-align:center;
font-size:12px;
}
#top_catnavi th{
width:80px;
background-color:#fc3;
}
#top_catnavi td{
background-color:#FFe495;
cursor:pointer;
border-left:1px solid #fff;
}
#top_catnavi td:hover{
background-color:#fbf172;
}
#top_catnavi .case_here,#top_catnavi td.case_here:hover{
background-color:#eee;
cursor:default;
}
#top_catnavi .case_here b{
color:#999;
}


#category_list .case_title th{
font-size:16px;
font-weight:bolder;
color:#333;
}
#category_list .case_title th{
margin:0 0 3px 0;
padding:0 0 0 15px;
text-align:left;
background-image:url(../img/common/arrow_gray.gif);
background-repeat:no-repeat;
background-position:0 49%;
}

#category_list .case_title th a img{
margin:0 0 2px 3px;
}

#category_list .case_title th a:hover{
color:#CC3300;
text-decoration:none;
}
#category_list .case_title th i{
font-size:90%;
font-weight:normal;
font-style:normal;
color:#666;
}
#category_list .case_title td{
text-align:right;
}

#category_list .case_body{
margin:0 0 20px 0;
padding:0 0 20px 10px;
font-size:80%;
color:#444;
line-height:140%;
border-bottom:1px dashed #ccc;
}
#category_list .case_body span{
margin:0px 0 10px 5px;
display:block;
font-size:10px;
color:#999;
}
#category_list .case_body b{
margin:0 0 5px 0;
display:block;
color:#996633;
}


/* Entry */

#client_data{
margin:0 0 30px 0;
border-top:1px solid #ececec;
border-left:1px solid #ececec;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
#client_data #data_title{
padding:5px 10px 5px 10px;
font-size:14px;
font-weight:bolder;
text-align:left;
background-color:#ffcc33;
}
#client_data .data_body{
padding:10px 10px 10px 10px;
/*background-color:#f9f9f9;*/
}

#client_data h2{
margin:0 5px 3px 0;
padding:0 0 0 0;
font-size:24px;
font-weight:900;
white-space:nowrap;
text-align:center;
}
#client_data .data_body i{
display:block;
margin:0 0 10px 0;
font-size:10px;
font-style:normal;
color:#999;
text-align:center;
}

#client_data #data_logo{
margin:0 5px 10px 0;
text-align:center;
}
#client_data p{
margin:0;
padding:0;
}

#client_data table th,#client_data table td{
padding:5px;
font-size:80%;
text-align:left;
color:#666;
vertical-align:top;
}
#client_data table th{
white-space:nowrap;
}
#client_data #data_small{
margin:15px 0 0 0;
font-size:10px;
text-align:left;
color:#999;
}
#data_right{
height:100%;
padding-left:15px;
border-left:3px solid #eee;
}



#kadai{
margin:0 0 30px 0;
}
#kadai h3{
height:21px;
margin:0;
padding:0 0 5px 5px;
font-size:10px;
text-indent:-9999px;
border-left:4px solid #ccc;
background-image:url(../img/casestudy/h3_kadai.gif);
background-repeat:no-repeat;
background-position:7px 0;
}
#kadai_body{
padding:15px 10px 10px 10px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}


#kadai_after{
margin:0;
padding:8px 10px 8px 10px;
font-size:80%;
font-weight:bolder;
color:#930;
border:1px solid #930;
}
#kadai_after_foot{
height:13px;
margin:0 0 30px 0;
position:relative;
top:-1px;
background-image:url(../img/casestudy/arrow.gif);
background-repeat:no-repeat;
background-position:50% 0;
}

#kimete h3,#solution h3{
height:31px;
font-size:10px;
text-indent:-9999px;
border-top:1px solid #ccc;
border-bottom:1px dashed #ccc;
background-repeat:no-repeat;
background-position:10px 50%;
}

#kimete{
margin:0 0 20px 0;
background-color:#eaf4de;
}
#kimete h3{
background-image:url(../img/casestudy/h3_kimete.gif);
}

#solution{
/*background-color:#e5eff4;*/
}
#solution h3{
background-image:url(../img/casestudy/h3_solution.gif);
}
#solution h3.a{
background-image:url(../img/casestudy/h3_kouka.gif);
}

#kimete .case_body p,#solution .case_body p{
padding:5px 10px 5px 10px;
}
#kimete .case_body ul,#kimete .case_body ol,#solution .case_body ul,#solution .case_body ol{
padding:5px 10px 5px 30px;
}



#kimete .img,#solution .img{
margin:25px 0 10px 0; 
padding:0;
}
#kimete .img i,#solution .img i{
margin:5px 10px 0 10px;
padding:0 0 10px 0;
display:block;
font-size:10px;
font-style:normal;
color:#444;
line-height:120%;
}


.entry_navi{
margin:50px 0 10px 0;
border-collapse:collapse;
table-layout:fixed;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#f8f8f8;
}
.entry_navi th,.entry_navi td{
padding:5px 0 5px 0;
font-size:12px;
font-weight:normal;
text-align:center;
}
.entry_navi th a,.entry_navi td a{
color:#990;
}
.entry_navi th a:hover,.entry_navi td a:hover{
color:#660;
text-decoration:none;
}
.entry_navi th a img,.entry_navi td a img{
margin:0 4px 0 0;
text-decoration:none;
vertical-align:middle;
}
.entry_navi th{
border-right:1px solid #ccc;
}

/* 20101129 ADD */
#cs_new h1{
color:#933;
font-size:24px;
padding:0 0 0 15px;
background-image:url(../img/common/h_underline.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#cs_new h2{
color:#933;
font-size:20px;
padding:0 0 0 15px;
background-image:url(../img/common/h_underline.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#cs_new h3{
color:#933;
font-size:16px;
padding:0 0 0 15px;
background-image:url(../img/common/arrow_gray.gif);
background-repeat:no-repeat;
}

#cs_new #highlight{
border:solid 1px #933;
}

#cs_new #highlight ul{
color:#333;
font-size:12px;
font-weight:normal;
list-style-image: url(/img/casestudy/list_arrow.png);
}

#cs_new table{
color:#666;
font-size:12px;
font-weight:bold;
}

#cs_new #maker{
font-size:18px;
font-weight:bold;
}