/*------------------------------------------------------------------------
	Solution Contents
------------------------------------------------------------------------*/

/*グローバルナビ*/

.solution #mainNav ul li#nav02 a{
text-indent:-9999px;
background:url(images/menu.jpg) no-repeat -160px -64px;
left:160px;
}

.solution #mainNav ul li#nav02 a:hover{
text-indent:-9999px;
background:url(images/menu.jpg) no-repeat -160px -64px;
left:160px;
}

/*ローカルナビ*/

#contentarea #menuArea ul#case,
#contentarea #menuArea ul#feature{
width:193px;
margin-left:3px;
}

#contentarea #menuArea ul#case li a{background:url(images/sub_sc_btn.gif) no-repeat;}
#contentarea #menuArea ul#feature li a{background:url(images/sub_sf_btn.gif) no-repeat;}

#contentarea #menuArea ul#case ul,
#contentarea #menuArea ul#feature ul{
margin:0 0 2px 3px;
}

#contentarea #menuArea ul#case ul li{color:#ff8d0d;}
#contentarea #menuArea ul#feature ul li{color:#6ac33a;}


#contentarea #menuArea ul#case ul li a{
color:#ff8d0d;
background:url(images/case_arrow.gif) no-repeat 2px 3px;
}

#contentarea #menuArea ul#feature ul li a{
color:#6ac33a;
background:url(images/feature_arrow.gif) no-repeat 2px 3px;
}

#contentarea #menuArea ul#feature ul li.chi a{
color:#6ac33a;
background:none;
}

#contentarea #menuArea ul#case ul li a:hover,
#contentarea #menuArea ul#case ul li a:active{
color:#935940;
background:url(images/case_arrow.gif) #f9ecc1 no-repeat 2px 3px;
}

#contentarea #menuArea ul#feature ul li a:hover,
#contentarea #menuArea ul#feature ul li a:active{
color:#618151;
background:url(images/feature_arrow.gif) #dbf5c5 no-repeat 2px 3px;
}


/*TOP*/

#contentarea #mainArea .CategorySelect{
width:530px;
height:260px;
padding:10px 20px;
margin:0;
}	

#contentarea #mainArea .CategorySelect p{
width:240px;
padding:0 12px;
margin:0;
float:left;
}

#contentarea #mainArea .CategorySelect p strong{
display:block;
padding:3px 0 3px 1em;
margin:0;
}

#contentarea #mainArea .CategorySelect p strong.sc{background:url(images/arrow_sc.gif) no-repeat 0 5px;}
#contentarea #mainArea .CategorySelect p strong.sf{background:url(images/arrow_sf.gif) no-repeat 0 5px;}

#contentarea #mainArea .CategorySelect p strong a,
#contentarea #mainArea .CategorySelect p strong a:visited{
text-decoration:none;
}

#contentarea #mainArea .CategorySelect p strong a:hover,
#contentarea #mainArea .CategorySelect p strong a:active{
text-decoration:underline;
}

#contentarea #mainArea .CategorySelect p strong.sc{color:#ffa238;}
#contentarea #mainArea .CategorySelect p strong.sf{color:#6ac33a;}

#contentarea #mainArea .CategorySelect p strong.sc a,
#contentarea #mainArea .CategorySelect p strong.sc a:visited,
#contentarea #mainArea .CategorySelect p strong.sc a:hover,
#contentarea #mainArea .CategorySelect p strong.sc a:active{
color:#ffa238;
}

#contentarea #mainArea .CategorySelect p strong.sf a,
#contentarea #mainArea .CategorySelect p strong.sf a:visited,
#contentarea #mainArea .CategorySelect p strong.sf a:hover,
#contentarea #mainArea .CategorySelect p strong.sf a:active{
color:#6ac33a;
}


#contentarea #mainArea .CategorySelect p img{
padding:0  0 5px 0;
margin:0;
}

/*TOPICS*/

#mainArea .topicshead{
width:573px;
height:35px;
overflow:hidden;
margin:5px 0 0 0;
padding:0;
background:url(images/solution_topics.gif) no-repeat;
}
#mainArea .topicsbody{
width:533px;
padding:10px 20px;
margin:0 0 0 0;
background:url(images/solution_topics_bg.gif) repeat-y;
}

#mainArea .topicsbody ul#topics{
width:533px;
padding:0;
margin:0;
}

#mainArea .topicsbody ul#topics li{
float:left;
display:block;
height:auto;
font-size:11px;
width:350px;
padding:5px 0 5px 0;
}

#mainArea .topicsbody ul#topics li.list01{
color:#ff8d0d;
width:160px;
}

#mainArea .topicsbody ul#topics li.list02{
color:#6ac33a;
width:160px;
}




#mainArea .topicsfoot{
width:573px;
height:16px;
margin:0;
overflow:hidden;
background:url(images/solution_topics_foot.gif) repeat-y;
}


/*導入事例 INDEX*/

#contentarea #mainArea p.caseTitle{margin:22px 0 10px 12px;}

#contentarea #mainArea table.CaseList{
width:540px;
margin:10px 0 10px 12px;
border:none;
}

#contentarea #mainArea table.CaseList td{
padding:5px 8px;
vertical-align:top;
border-bottom:solid 2px #fff;
}

#contentarea #mainArea table.CaseList td.casehead{
width:90px;
color:#855700;
background:#e7e7e0;
}

#contentarea #mainArea table.CaseList td.casecontent{
background:#f7f7f0;
width:340px;
}

/*導入事例 Detal*/

#contentarea #mainArea .articleHead{
width:558px;
margin:22px 0 0 10px;
}

#contentarea #mainArea .articleFoot{
width:558px;
height:12px;
overflow:hidden;
margin:0 0 5px 10px;
background:url(images/solution_foot.gif) no-repeat;
}

#contentarea #mainArea .article{
width:510px;
padding:15px 24px;
background:url(images/solution_bg.gif) repeat-y;
margin:0 0 0 10px;
}

#contentarea #mainArea .article a,
#contentarea #mainArea .article a:visited{
color:#ff8d0d;
}

#contentarea #mainArea .article a:hover,
#contentarea #mainArea .article a:active{
color:#935940;
}



#contentarea #mainArea .article p{
color:#717171;
line-height:1.8;
padding:10px 10px 20px 10px;
}

#contentarea #mainArea .article p.intro{
color:#717171;
line-height:1.8;
padding:10px 10px 20px 10px;
background:#fffcc8;
}

#contentarea #mainArea .article p img{
float:right;
padding:0 0 10px 15px;
}

#contentarea #mainArea .article h2{
width:517px;
height:27px;
background:url(images/sc_phase01.gif) no-repeat;
margin:15px 0;
text-indent:-9999px;
}

#contentarea #mainArea .article h2#phase01{background:url(images/sc_phase01.gif) no-repeat;}
#contentarea #mainArea .article h2#phase02{background:url(images/sc_phase02.gif) no-repeat;}
#contentarea #mainArea .article h2#phase03{background:url(images/sc_phase03.gif) no-repeat;}


#contentarea #mainArea .article h3{
font-size:14px;
color:#ff8c1e;
padding:5px 10px;
margin:0;
}

#contentarea #mainArea .article p.intro strong{
color:#ff8c1e;
padding:10px 0
margin:0;
}


/*特集*/

h1.feature{
margin:10px 0 -5px 20px;
padding;0;
font-size:18px;
color:#111;
}

#contentarea #mainArea .leads{
margin:0 0 10px 20px;
padding;0 0 10px 0;
}

#contentarea #mainArea .sf001{
width:543px;
display:block;
margin:0 10px 10px 20px;
padding:10px 10px 10px 0;
}

*html #contentarea #mainArea .sf001{
margin:0 10px 10px 10px;
}

#contentarea #mainArea .sf001 h3{
color:#61ba4f;
font-size:14px;
padding:15px 0 5px 0;
}

#contentarea #mainArea .sf001 h3.sf04{
color:#61ba4f;
font-size:14px;
padding:4px 0 5px 1em;
background:url(images/sf04_h3.gif) no-repeat;
margin-left:-4px;
marginright:-4px;
}


#contentarea #mainArea .sf001 h4{
color:#61ba4f;
font-size:12px;
margin:15px 0 5px 0;
padding:0 0 0 1.5em;
background:url(images/faeture_obj01.gif) no-repeat 3px 5px;
}

#contentarea #mainArea .sf001 h4.sf04{
color:#fff;
font-size:12px;
margin:10px 0 15px 10px;
padding:0 0 0 1.5em;
background:url(images/sf04_h4.gif) no-repeat;
clear:both;
}

#contentarea #mainArea .sf001 strong{
padding:0 5px 0 0;
color:#61ba4f;
display:lock;
}

#contentarea #mainArea .sf001 strong a,
#contentarea #mainArea .sf001 strong a:visited,
#contentarea #mainArea .sf001 strong a:hover,
#contentarea #mainArea .sf001 strong a:active{color:#61ba4f;}

#contentarea #mainArea .sf001 p{
padding:0 0 5px 15px;
}

#contentarea #mainArea .sf001 p.box01{
width:490px;
background:#f0f9ea;
padding:18px;
margin:15px 0;
font-size:11px;
}

#contentarea #mainArea .sf001 p.box02{
width:490px;
background:#eee;
border:solid 1px #d5d5d5;
padding:18px;
margin:10px 0;
font-size:11px;
}

/*¥*/
*html #contentarea #mainArea .sf001 p.box02{font-size:12px;}
/**/
/*others*/

.toTop{
padding:0 8px;
text-align:right;
}


.clear{
clear:both;
height:5px;
overflow:hidden;
padding:0;
margin:0;
}