body 
{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 160%;;
margin-right: auto;
margin-left: auto;
}
div#all_area{
width: 900px;
height: 81px;
margin-right: auto;
margin-left: auto;
}
div#head{
width: auto;
height: 81px;
background-image: url(http://www.office-cando.com/images/head_haikei_back.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
}
div#head_area{
width: 900px;
height: 81px;
background-image: url(http://www.office-cando.com/images/head_back.jpg);
background-repeat: repeat-x;
margin-right: auto;
margin-left: auto;
}
div#head_left{
float: left;
height: 81px;
width: 600px;
}
div#head_right{
float: left;
width: 300px;
font-size: 10px;
color: #000;
}
div#head_right div.space{
}
div h1 {
font-size: 12px;
text-indent: -9999px;
height: 78px;
width: 450px;
}
div#index
{
text-indent: -9999px;
width: 900px;
margin-right: auto;
margin-left: auto;
text-align: left;
height: 15px;
}
div#top_link{
float: right;
width: 400px;
height: 15px;
text-align: right;
padding-top: 30px;
font-size: 12px;
padding-right: 20px;
}

div h2 {
font-size: 12px;
width: 450px;
padding-bottom: 10px;
text-indent: -9999px;
}
div#flash {
padding-bottom: 20px;
margin-right: auto;
margin-left: auto;
background-image: url(http://www.office-cando.com/images/flash_back.jpg);
background-repeat: repeat-x;
}
div#flash_base {
margin-right: auto;
margin-left: auto;
width: 900px;
}
div#back
{
width: 888px;
margin-right: auto;
margin-left: auto;
}

/************************************
*メインエリア　　　　*
************************************/
div#contents{
background-color: #FFFFFF;
width: 888px;
padding-top: 20px;
margin-right: auto;
margin-left: auto;
}
div#contents_left{
float: left;
width: 580px;
padding-left: 10px;
background-color: #FFFFFF;
}
div#contents_right{
float: left;
width: 290px;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 30px;
}
div#contents_right div#cgi{
padding-top: 10px;
padding-bottom: 30px;
}
div#contents_right div#kakomi{
float: left;
width: 279px;
padding-top: 10px;
padding-right: 8px;
padding-bottom: 10px;
background-image: url(http://www.office-cando.com/images02/bana_shop.jpg);
background-repeat: no-repeat;
height: 89px;
}
div#contents_right div.kakomi02{
float: left;
margin-bottom: 10px;
}
div.b_kakomi02{
margin-bottom: 10px;
}
div#contents_right div#kakomi03{
float: left;
width: 279px;
padding-top: 10px;
padding-right: 8px;
padding-bottom: 20px;
height: 89px;
line-height: 14px;
}
div#contents_right div#pad{
padding-top: 20px;
margin-top: 20px;
}
div#contents_right div#kakomi04{
float: left;
width: 279px;
padding-right: 8px;
height: 43px;
}
div#contents_right div#header{
float: left;
width: 161px;
background-image: url(http://www.office-cando.com/images/img_waku_top.jpg);
background-repeat: no-repeat;
height: 8px;
}
div#contents_right div#middle{
float: left;
width: 278px;
height: auto;
}
div#contents_right div#middle div.posi{
padding-left: 100px;
height: 75px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
div#contents_right div#middle div.posi02{
padding-left: 15px;
height: 75px;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 5px;
}
div#contents_right div#bottom{
float: left;
width: 161px;
background-image: url(http://www.office-cando.com/images/img_waku_bottom.jpg);
background-repeat: no-repeat;
height: 8px;
}

/************************************
*フッターデザイン*
************************************/
div#foot{
padding-top: 30px;
}
div#foot_area01
{
height:85px;
color:#ffffff;
clear: both;
background-image:url(http://www.office-cando.com/images/foot_back.jpg);
background-repeat: repeat-x;
}

div#foot_menu_area01
{
text-align: center;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
font-size: 12px;
color:#ffffff;
padding-top: 15px;
}
div#foot_menu_area01 a
{
padding: 0px 4px;
margin-right: 2px;
margin-left: 2px;
color:#ffffff;
font-size: 12px;
}
div#foot_menu_area01 a:hover 
{
color:#FF6666;
display: inline;
}
div.text_kakomi{
width: 900px;
margin-right: auto;
margin-left: auto;
}
div.text_left{
float: left;
padding-top: 10px;
padding-left: 5px;
}
div.text_right{
float:right;
padding-top: 10px;
padding-right: 5px;
}
/************************************
*フッターデザイン下層用*
************************************/
div#foot_area
{
clear: both;
width: 100%;
text-align: center;
color: #000000;
font-size: 12px;
padding-top: 15px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #C0B692;
}

div#foot_menu_area
{
padding-top: 5px;
padding-bottom: 2px;
text-align: center;
vertical-align: middle;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
color: #000000;
}
div#foot_menu_area a
{
padding: 0px 4px;
margin-right: 2px;
margin-left: 2px;
color:#0099FF;
font-size: 12px;
}
div#foot_menu_area a:hover 
{
color:#990033;
display: inline;
}



div#common{
width: 802px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
}

div#common_head{
background-image: url(http://www.office-cando.com/images/common/head_back.gif);
background-repeat: no-repeat;
height: 10px;
width: 802px;
}
div#common_main{
background-image: url(http://www.office-cando.com/images/common/back.gif);
background-repeat: repeat-y;
width: 802px;
height: auto;
clear: both;
}
div#common_foot{
background-image: url(http://www.office-cando.com/images/common/foot_back.gif);
background-repeat: no-repeat;
height: 7px;
width: 802px;
clear: both;
}
/************************************
*common　　　　*
************************************/

div#common_main div#main_left{
float: left;
width: 595px;
}
div#common_main div#main_right{
float: right;
width: 205px;
padding-top: 20px;
}
div#common_main div#main_right div.headback{
width: 180px;
background-image: url(http://www.office-cando.com/images/common/b_headback.gif);
background-repeat: no-repeat;
height: 8px;
}
div#common_main div#main_right div.mainback{
width: 180px;
background-image: url(http://www.office-cando.com/images/common/b_back.gif);
background-repeat: repeat-y;
}
div#common_main #main_right div.banner{
height: 156px;
width: 156px;
margin-right: auto;
margin-left: auto;
padding-top: 15px;
padding-bottom: 10px;
}
div#common_main div#main_right div.footback{
width: 180px;
background-image: url(http://www.office-cando.com/images/common/b_footback.gif);
background-repeat: no-repeat;
height: 8px;
}


/************************************
*ナビ　　　　*
************************************/
div#navi
{
width: 894px;
text-indent: -9999px;
margin-right: auto;
margin-left: auto;
height: 52px;
}
div#navi ul 
{
margin: 0px;
padding: 0px;
}
div#navi li
{
float: left;
list-style-type: none;
margin: 0px;
padding: 0px;
}

div#navi #menu1
{
background-image:url(http://www.office-cando.com/images/btn_on_01.jpg);
background-repeat: no-repeat;

}

div#navi #menu1 a
{
background-image:url(http://www.office-cando.com/images/btn_on_01.jpg);
width: 212px;
height: 52px;
display: block;
background-repeat: repeat-x;

}
div#navi #menu1 a:hover
{
background-image: none;
}
div#navi #menu2
{
background-image:url(http://www.office-cando.com/images/btn_on_02.jpg);
background-repeat: no-repeat;

}

div#navi #menu2 a
{
background-image:url(http://www.office-cando.com/images/btn_on_02.jpg);
width: 213px;
height: 52px;
display: block;
background-repeat: repeat-x;

}
div#navi #menu2 a:hover
{
background-image: none;
}
div#navi #menu3
{
background-image:url(http://www.office-cando.com/images/btn_on_03.jpg);
background-repeat: no-repeat;

}

div#navi #menu3 a
{
background-image:url(http://www.office-cando.com/images/btn_on_03.jpg);
width: 232px;
height: 52px;
display: block;
background-repeat: repeat-x;

}
div#navi #menu3 a:hover
{
background-image: none;
}
div#navi #menu4
{
background-image:url(http://www.office-cando.com/images/btn_on_04.jpg);
background-repeat: no-repeat;

}

div#navi #menu4 a
{
background-image:url(http://www.office-cando.com/images/btn_on_04.jpg);
width: 237px;
height: 52px;
display: block;
background-repeat: repeat-x;

}
div#navi #menu4 a:hover
{
background-image: none;
}


************************************
*サイドボタン用　　　*
************************************/
div#side_navi
{
width: 140px;
text-indent: -9999px;
}
div#side_navi ul 
{
margin: 0px;
padding: 0px;
}
div#side_navi li
{
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 0px 20px;
}
div#side_navi #menu1
{
background-image: url(http://www.office-cando.com/images/btn_on_06.gif);
background-repeat: no-repeat;
}
#side_navi #menu1 a
{
background-image: url(http://www.office-cando.com/images/btn_off_06.gif);
width: 135px;
height: 70px;
display: block;
background-repeat: repeat-x;

}
div#side_navi #menu1 a:hover
{
background-image: none;
}
div#side_navi #menu2
{
background-image: url(http://www.office-cando.com/images/btn_on_07.gif);
background-repeat: no-repeat;
}
div#side_navi #menu2 a
{
background-image: url(http://www.office-cando.com/images/btn_off_07.gif);
width: 135px;
height: 70px;
display: block;
background-repeat: repeat-x;

}
div#side_navi #menu2 a:hover
{
background-image: none;
}



/************************************
*リンクポイント設定*
************************************/

img{
border: none;
}








/************************************
*ローカルcss　　　　*
************************************/
div#flash02 {
padding-bottom: 20px;
margin-right: auto;
margin-left: auto;
background-image:url(http://www.office-cando.com/images/flash_back_s.jpg);
background-repeat: repeat-x;
}
div#flash_base02 {
margin-right: auto;
margin-left: auto;
width: 900px;
}
div#text_01{
width: 550px;
height: 90px;
padding-top: 20px;
padding-bottom: 20px;
}
div.text_link{
padding-top: 15px;
font-weight: bold;
color: #0033FF;
}
div#text_02{
width: 520px;
padding-left: 15px;
color: #0033FF;
font-size: 14px;
font-weight: bold;
}
div#text_03{
width: 520px;
padding-left: 15px;
padding-bottom: 25px;
}
div#img_kakomi{
width: 580px;
padding-left: 15px;
padding-bottom: 30px;
}
div.img_box{
float: left;
width: 270px;
padding-right: 5px;
padding-bottom: 15px;
}
div.img_space{
padding-top: 15px;
padding-bottom: 5px;
padding-left: 7px;
}

/************************************
*MTトピック　　　　　　*
************************************/
div#topics_area{
width: 550px;
float:left;
border: 1px solid #005890;
padding: 5px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
div.post{
font-size: 16px;
width: 540px;
padding-bottom: 5px;
padding-left: 10px;
font-weight: bold;
color: #039;
text-decoration: underline;
float: left;
padding-top: 5px;
}
div.post a
{
color:#039;
text-decoration: none;
}
div.post a:hover 
{
color:#889d85;
}

div.honbun{
font-size: 12px;
width: 540px;
padding-bottom: 5px;
float: left;
padding-top: 5px;
padding-left: 10px;
}

/*記事内日時カテゴリー*/
div.honbun p{
margin-top: 0;
}
p.postinfo{
font-size: 10px;
color: #005890;
text-align: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
p.postinfo a{
color: #005890;
}
/*サイドバー*/
div#contents_right li{
font-size:12px;
list-style-type: none;
margin-bottom: 4px;
background-image:url(http://www.office-cando.com/images/markup.gif);
background-repeat: no-repeat;
background-position: 0;
padding-left: 12px;
vertical-align: top;
}
div#contents_right li a{
color:#039;
text-decoration: none;
border-bottom: dotted 1px #4babe3;
}
div#contents_right li a
{
color:#039;
text-decoration: none;
}
div#contents_right li a:hover 
{
color:#889d85;
}

div#contents_right li li{
font-size:10px;
background-image:url(http://www.office-cando.com/images/markup.gif);
}
div#contents_right ul{
margin: 8px 0 20px 8px;
padding: 0;
}
div#contents_right ul ul{
margin-bottom: 8px;
}


/*カテゴリー別記事*/
p#pagetitle{
width: 550px;
font-size:12px;
font-weight:bold;
color:#005890;
border: dotted 1px #005890;
text-align: left;
padding:10px 0 10px 10px;
} 

/************************************
*スケジュールボタン　　　　*
************************************/
div#sc_midashi{
width: 220px;
float: left;
padding-right:10px;
}
div#sc_navi
{
width: 300px;
text-indent: -9999px;
height: 88px;
float: left;
}
div#sc_navi ul 
{
margin: 0px;
padding: 0px;
}
div#sc_navi li
{
float: left;
list-style-type: none;
margin: 0px;
padding: 0px;
}

div#sc_navi #menu1
{
background-image:url(http://www.office-cando.com/images/sc_on_01.gif);
background-repeat: no-repeat;

}

div#sc_navi #menu1 a
{
background-image:url(http://www.office-cando.com/images/sc_off_01.gif);
width: 300px;
height: 88px;
display: block;
background-repeat: repeat-x;

}
div#sc_navi #menu1 a:hover
{
background-image: none;
}