/*080821更新*/

div#contentsArea a{
color:#005ca0;
text-decoration:none;
}

div#contentsArea a:hover{
text-decoration:underline;
}

div#contentsArea p{
color:#000000;
}



#contentsArea{
width:808px;
margin:0;
padding:
}


#contentsArea{
color:#005ca0;
}

#contentsArea .top{
background:url(/blog/knowhow/images/top_bg.gif) no-repeat top center;
width:808px;
padding:0;
margin:0;
}

:root #contentsArea .top{
margin:-30px 0 0 0;
padding:30px 0 0 0;}


div.section{
width:760px;
margin:0 23px 35px 25px;
clear:both;
text-align:left;
line-height:16px;
overflow:hidden;
}

div.section_C{
width:692px;
margin:0 0 0 5px;
padding:0 34px;
clear:both;
}

div.section p{
float:left;
width:644px;
margin:6px 10px 0 0;
font-size:12px;
}

div.section h3{
margin:0 0 6px 0;
}

div.section img.photo{
width:100px;
margin:6px 6px 6px 0;
float:left;
}

div.section p img.btnR{
float:right;
width:169px;
margin:5px 0 8px 0;
padding:0;
}

div.section p.textR{
float:right;
width:358px;
margin:0 0 5px 0;
}

:root div.section p.textR{
margin:25px 0 0 0;
}

div.section p.textR img{
margin:0 0 0 10px;
}


div.section ul{
width:654px;
clear:both;
float:right;
border-top:1px dashed #c7c7c7;
font-size:12px;
}

div.section ul li{
/*display:block;*/
width:270px;
background:url(/blog/knowhow/images/icon_blue.gif) no-repeat 3px 10px;
padding:5px 0 0 15px;
float:left;
}

/*
	div.mainVisual
-----------------------*/

#contentsArea div.mainVisual{
width:780px;
margin:15px 13px 15px 15px;
padding:0 0 0 0;
background:url(/blog/knowhow/images/main_v_bg.jpg) no-repeat top left;
clear:both;
overflow:hidden;
}


#contentsArea div.mainVisual div.inner{
overflow:hidden;
text-align:left;
width:780px;
padding:12px 0 15px 0;
background:url(/blog/knowhow/images/main_v_bgB.jpg) no-repeat bottom left;
}

#contentsArea div.mainVisual div.inner h2{
margin:0 0 0 10px;
}

#contentsArea div.mainVisual div.inner p{
margin:15px 0 22px 15px;
}

#contentsArea div.mainVisual div.inner div.listArea{
width:750px;
font-size:14px;
margin:30px 0 0 25px;
}

#contentsArea div.mainVisual div.inner div.listArea a{
color:#005ca0;
text-decoration:none;
}

#contentsArea div.mainVisual div.inner div.listArea a:hover{
text-decoration:underline;
}


#contentsArea div.mainVisual div.inner ul{
width:199px;
float:left;
margin:0 0 10px 0;
}

#contentsArea div.mainVisual div.inner ul li{
background:url(/blog/knowhow/images/icon_dl.gif) no-repeat 0 4px;
padding:0 0 0 18px;
margin:0 0 3px 10px;
}

#contentsArea div.mainVisual div.inner ul.first{
border:none;
padding:0 0 10px 0;
}

#contentsArea div.mainVisual div.inner ul.first li{
background:url(/blog/knowhow/images/icon_dl.gif) no-repeat 0 4px;
padding:0 0 0 18px;
margin:0 0 3px 0;
}

#contentsArea div.mainVisual div.inner ul.end{
border:none;
width:140px;
padding:0 15px 0 18px;
margin:-20px 0 0 150px;
float:right;
}

#contentsArea div.mainVisual div.inner ul.end li{
background:none;
margin:0 0 3px 0;
}





/*
	2カラムレイアウト
--------------------------*/


div.twoColumn{
text-align:left;
width:760px;
clear:both;
padding:0;
}

div.twoColumn img.photo{
width:100px;
margin:0 6px 6px 0;
float:left;
}

div.twoColumn p{
margin:6px 10px 0 0;
float:left;
width:249px;
}

div.twoColumn ul{
width:365px;
border-top:1px dashed #c7c7c7;
float:left;
padding:3px 0 0 0;
}

div.twoColumn ul li{
width:167px;
background:url(/blog/knowhow/images/icon_blue.gif) no-repeat 3px 6px;
padding:0 0 0 15px;
}


div.twoColumn .first{
width:365px;
float:left;
margin:0 29px 0 0;
}

div.twoColumn .second{
width:365px;
float:right;
}


/*
	スポットエリア
----------------------*/

div.spot{
margin:0 20px 36px 20px;
width:768px;
background:url(/blog/knowhow/images/spot_bg.jpg) no-repeat top left;
height:114px;
text-align:left;
clear:both;
}

div.spot h3{
margin:0;
}

div.spot p{
margin:0 0 0 1px;
float:left;
}

div.spot p.btn{
float:right;
padding:40px 210px 12px 0;
width:122px;
}

div.orgNavbox{
text-align:left;
padding:12px;
width:692px;
background:#fff2e0;
border:1px solid #ecebea;
clear:both;
overflow:hidden;
}

div.orgNavbox p{
width:410px;
font-size:12px;
float:left;
margin:0;
line-height:14px;
}

div.orgNavbox p.btn{
width:254px;
float:right;
margin:0;
}



/*-----▼▼▼download.htmlエリア▼▼▼-----*/



/*
	サイドナビ
----------------------*/

#contentsArea_S #subNav{
width:191px;
float:left;
padding:0;
margin:-6px 0 0 0;
}

:root #contentsArea_S #subNav{
margin:-13px 0 0 0;
}

#contentsArea_S #subNav a{
text-decoration:none;
}

#contentsArea_S #subNav a:hover{
text-decoration:underline;
}

#contentsArea_S #subNav .menu{
width:201px;
background:url(/blog/knowhow/images/submenu_bg1_bottom.gif) no-repeat bottom left #9ca1d2;
padding:0 0 15px 0;
margin:0 0 0 0;
}

#contentsArea_S #subNav .menu .inner{
width:201px;
background:url(/blog/knowhow/images/submenu_bg1_top.gif) no-repeat top left;
padding:0;
}

#contentsArea_S #subNav .menu .inner ul{
background:url(/blog/knowhow/images/submenu_ul_bg.gif) no-repeat left top;
margin:10px 0 0 15px;
padding:15px 0 0 0;
}

#contentsArea_S #subNav .menu .inner ul.first{
background:none;
padding:0;
}

:root #contentsArea_S #subNav .menu .inner ul.first{
background:none;
padding:10px 0 0 0;
}

#contentsArea_S #subNav .menu .inner ul.first li{
background:url(/blog/knowhow/images/icon_dl.gif) no-repeat 0px 3px;
}

#contentsArea_S #subNav .menu .inner ul li{
background:url(/blog/knowhow/images/icon_dl.gif) no-repeat 0px 3px;
padding:0 0 0 15px;
}


#contentsArea_S #subNav .menuOther{
padding:0 0 10px 0;
margin:0 0 5px 0;
width:201px;
background:url(/blog/knowhow/images/submenu_bg2_bottom.gif) no-repeat bottom left #9ca1d2;
}

#contentsArea_S #subNav .menuOther .inner{
padding:0;
width:201px;
background:url(/blog/knowhow/images/submenu_bg2_top.gif) no-repeat top left;
}

#contentsArea_S #subNav .menuOther .inner ul{
margin:0 0 5px 15px;
padding:10px 0 0 0;
}

:root #contentsArea_S #subNav .menuOther .inner ul{
margin:0 0 5px 15px;
padding:10px 0 0 0;
}



#contentsArea_S #subNav .linkBoxS{
border:1px solid #c4c4c4;
width:185px;
margin:10px 10px 0 7px;
}

#contentsArea_S #subNav .linkBoxS h3{
background:none;
height:auto;
width:185px;
padding:0;
margin:0;
}

#contentsArea_S #subNav .linkBoxS ul{
margin:5px 0;
}

#contentsArea_S #subNav .bannerArea{
margin:20px 0 0 7px;
}

#contentsArea_S #subNav .bannerArea ul li{
margin:0 0 5px 0;
}

#contentsArea_S #subNav .linkBoxS ul li{
background:url(/blog/knowhow/images/subnav_icon_blue.gif) no-repeat 0 7px;
margin:0 0 2px 8px;
padding:0 0 0 15px;
}



/*
	コンテンツエリア
----------------------*/


#contents_S{
width:578px;
padding:10px 0 0 5px;
float:right;
}

#contentsArea_S{
text-align:left;
width:800px;
padding:0 4px;
}

#contentsArea_S a{
color:#005ca0;
}

#contentsArea_S a:hover{
text-decoration:underline;
}

#contentsArea_S h3{
background:url(/blog/knowhow/images/h3_img04.gif) no-repeat bottom left;
font-size:20px;
height:37px;
color:#000c58;
font-weight:bold;
padding:15px 0 0 20px;
width:542px;
margin:5px 0 0 0;
}

#contentsArea_S .titleArea{
background:url(/blog/knowhow/images/title_area_bg_03.jpg) no-repeat top left;
height:80px;
margin:0;
}

#contentsArea_S .titleArea h2 img{
margin:0 0 10px 0;
}

.dl_btn{
margin:30px 0 20px 5px;
background:url(/blog/knowhow/images/dl_btn_bg.gif) no-repeat;
padding:6px;
text-align:center;
}

:root .dl_btn{
padding:3px;
}

.dl_btn a{
color:#000c58;
}

.dl_btn a:hover{
text-decoration:underline;
}

.dl_btn ul{
margin:7px 0 10px 0;
width:557px;
height:36px;
}

.dl_btn ul li{
display:inline;
padding:0 0 20px 25px;
font-size:16px;
zoom:1;
}

.dl_btn ul li a{
padding:0 0 5px 0;
text-decoration:none;}

.dl_btn ul li a:hover{
text-decoration:underline;
}

.dl_btn ul li.pdf{
background:url(/blog/knowhow/images/icon_pdf.gif) no-repeat 0 0;
margin:0 60px 0 -20px;
}

.dl_btn ul li.word{
background:url(/blog/knowhow/images/icon_word.gif) no-repeat 0 2px;
margin:0;
}

:root .dl_btn ul li.word{
background:url(/blog/knowhow/images/icon_word.gif) no-repeat;
padding:0 0 0 25px;
margin:0;
}

#contents_S div.section{
width:558px;
margin:0 0 0 25px;
}

#contents_S div.section h4{
padding:10px 0;
border-bottom:1px solid #575757;
border-top:1px solid #575757;Z
color:#575757;
font-size:16px;
font-weight:bold;
margin:0 0 12px 0;
width:504px;
}

#contents_S div.section p{
margin:0 0 25px 0;
width:auto;
float:none;
}


#contents_S div.section ul{
border:none;
margin:0 0 25px 0;
padding:0;
width:auto;
float:none;
list-style-type:disc;
}

#contents_S div.section ul li{
list-style-type:disc;
background:none;
padding:0;
margin:0 0 3px 25px;
width:auto;
float:none;
}


#contents_S div.section ul li strong{
color:#ff0000;
font-size:16px;
}

#contents_S div.section p strong{
margin:0 0 25px 0;
color:#ff0000;
font-size:16px;
font-weight:normal;
}

#contents_S div.section p.bottomNone{
margin:0;
}


#contents_S div.section p span{
font-weight:bold;
}

#contents_S div.section table th{
font-weight:normal;
padding:0 0 0 10px;
}



#contents_S .orgNavbox{
width:535px;
margin:0 5px 0 5px;
color:#000;
}

#contents_S .orgNavbox img{
width:153px;
float:right;
}

#contents_S .orgNavbox p{
margin:0;
width:358px;
float:left;
}