@charset "utf-8";
/*========================================

	RENEWDA | contents.css
	Recent Edit : 2008.04.22

	[1] ヘッダ
	[2] サイドバー
	[3] フッタ
	[4] メイン
	[5] ナビゲーション

=========================================*/	

/**********************************************************
	[1] ヘッダ
***********************************************************/

#logo{
background-image:url(../img/img_logo.gif);
background-repeat:no-repeat;
width:243px;
height:91px;
float:left;
}

#logo a{
display:block;
width:243px;
height:91px;
}

#head-rightbox{
width:620px;
height:91px;
float:right;
background:url("../img/img_header_pht.jpg") 0 bottom no-repeat;
}

#head-leftbox{
width:430px;
float:left;
}

#head-box02{
width:620px;
}

#head-leftbox h1{
margin-top:4px;
font-size:12px;
*font-size:12px; /*for IE6,IE7*/
}

#head-leftbox p{
font-size:0px;
line-height:0px;
}

#category-box{
margin-top:5px;
float:right;
font-size:12px;
*font-size:12px; /*for IE6,IE7*/
}

#header ul{
width:356px;
float:right;
margin-top:25px;
}

#header ul li{
float:left;
padding-left:10px;
margin:0;
font-size:0px;
line-height:0px;
}

#header #txt-size{
width:72px;
float:left;
}

#header #hs{
width:159px;
float:right;
}

/**********************************************************
	[2] サイドバー
***********************************************************/


.bgbtm-01{
width:260px;
margin-bottom:10px;
background:url("../img/img_bgbtm_01.gif") 0 bottom no-repeat;
}

.inner-box01{
margin:5px 15px 10px 15px;
}

.inner-box01 p{
font-size:12px;
*font-size:12px; /*for IE6,IE7*/
line-height:1.3;
}


/* ブックマークアイコン */
p.bookmarks img{
margin-right:5px;
}


/* 記事検索 */
#site-search{
width:260px;
padding-bottom:10px;
margin-bottom:10px;
background:url("../img/img_bgbtm_02.gif") 0 bottom no-repeat;
}


/* セミナーのご案内 */
#seminar-box{
width:260px;
margin-bottom:10px;
background:url("../img/img_bgbtm_02.gif") 0 bottom no-repeat;
}

#seminar-text{
margin:5px 10px 10px 10px;
}

/* FLASHメッセンジャーの紹介 */
#flash-box{
width:260px;
padding-bottom:10px;
margin-bottom:10px;
}


/**********************************************************
	[3] フッタ
***********************************************************/

#footer-menu{
width:500px;
margin:30px auto 20px auto;
padding:10px;
border:1px solid #D2D2D2;
background-color:#F5F5F5;
}

#footer-menu ul{
width:430px;
margin:0 auto;
}

#footer-menu ul li{
float:left;
}


#footer-submenu ul{
width:580px;
margin-top:40px;
margin-left:20px;
float:left;
display:inline;/* forIE5x-6.0 */
}
#footer-submenu ul li{
float:left;
margin-right:10px;
font-size:0px;
line-height:0px;
}
#footer-submenu #box-pagetop{
margin-top:10px;
float:right;
}
#office-bg{
width:900px;
height:90px;
background:url("../img/footer_bg_01.gif") repeat-x;
margin:10px 0;
}
#office-guideline{
padding:10px;
}
#office-guideline{
margin-top:8px;
margin-left:10px;
width:450px;
float:left;
display:inline;/* forIE5x-6.0 */
}
#inquiry{
width:242px;
float:right;
margin-top:18px;
margin-right:15px;
display:inline;/* forIE5x-6.0 */
}
#office-logo{
width:41px;
margin-right:15px;
float:left;
}
#office-detail{
width:350px;
float:left;
}
#office-detail p{
font-size:12px;
*font-size:12px; /*for IE6,IE7*/
}


/**********************************************************
	[4] メイン
***********************************************************/

h2#sttl-main{
width:620px;
margin-bottom:10px;
}

h3.sttl-mtb{
width:620px;
margin:20px 0 15px 0;
}

p#topicpath{
margin-bottom:10px;
font-size:81.25%;
padding:6px 0 6px 10px;
background:url("../img/img_bg_topicpath.gif") repeat-x;
}

/* リニューダ　新着メッセンジャー記事（2カラム） */
.box-newcolumn{
width:578px;
margin:0 10px 20px 10px;
padding:10px;
text-align:left;
border:1px solid #D2D2D2;
background-color:#F5F5F5;
}
.boxleft-newcolumn{
width:104px;
float:left;
}
.boxright-newcolumn{
width:460px;
float:right;
}

div.bg-gray{
margin-bottom:20px;
padding:10px;
border:1px solid #D2D2D2;
background-color:#F5F5F5;
}

dl.column{
margin-bottom:10px;
}
dl.column span.ico-new img{
vertical-align:baseline;
}
dl.column a.sttl-index{
font-weight:bold;
margin-left:10px;
margin-right:10px;
text-decoration:none;
color:#333;
}
dl.column a.sttl-index:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.column dd.category .sttl-prof{
float:right;
color:#666;
}
dl.column dd.category a.sttl-proflink{
color:#666;
}
dl.column dd.category a.sttl-proflink:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.column dt{
margin-bottom:1px;
}
dl.column dd.category{
margin-left:82px;
margin-top:2px;
margin-bottom:10px;
font-size:81.25%;
}
dl.column dd.category span.category-text{
float:left;
}
dl.column dd.category span.category-text a{
margin-right:6px;
color:#666;
}

dl.column dd.category span.category-text a:hover{
text-decoration:underline;
color:#00B7DB;
}

.date-orange{
color:#333;
}

/* その他のメッセンジャーの紹介 */
.message-box{
width:600px;
margin:0 10px 10px 10px;
}
.messageleft-box{
width:144px;
float:left;
margin-right:8px
}
.messageright-box{
width:144px;
float:left;
}

/* サイトマップ */
ul.sitemapleft-box{
width:200px;
float:left;
}

ul.sitemapleft-box li{
margin-bottom:5px;
}

/* ご意見・お問い合わせ */
#main table{
width:100%;
border-top:1px solid #D9D9D9;
border-right:1px solid #D9D9D9;
border-collapse:collapse;
}
#main table th{
border-left:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
background-color:#FAFAFA;
padding:1em;
text-align:left;
}
#main table td{
border-left:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
background-color:#FFF;
padding:0.6em;
text-align:left;
}
#main table td.center{
text-align:center;
}

/* 会社概要 */
#main table.noline{
width:100%;
border:none;
}
#main table.noline th,
#main table.noline td{
border:none;
text-align:left;
padding:5px 0 5px 10px;
}
#main table.noline td.line{
background:url("../../company/img/img_line.gif") 0 50% repeat-x;
padding:0;
}
#main table.noline th{
background:#F5F5F5 url("../../company/img/bg.gif") 0 0 repeat-y;
}

/* カテゴリ内記事一覧 */

ul.category-detail{
margin-bottom:5px;
margin-left:10px;
}
ul.category-detail a.sttl-index{
font-weight:bold;
margin-left:10px;
margin-right:10px;
text-decoration:none;
color:#333;
}
ul.category-detail a.sttl-index:hover{
text-decoration:underline;
color:#00B7DB;
}
ul.category-detail .sttl-prof{
font-size:81.25%;
}
ul.category-detail li a.sttl-proflink{
text-decoration:none;
color:#333;
}
ul.category-detail li a.sttl-proflink:hover{
text-decoration:underline;
color:#00B7DB;
}
ul.category-detail li{
margin-bottom:15px;
}

/* QA */
ul.qa{
margin-bottom:5px;
}
ul.qa a.sttl-index{
font-weight:bold;
margin-left:10px;
margin-right:10px;
text-decoration:none;
color:#333;
}
ul.qa a.sttl-index:hover{
text-decoration:underline;
color:#00B7DB;
}
ul.qa .sttl-prof{
font-size:81.25%;
}
ul.qa li a.sttl-proflink{
text-decoration:none;
color:#333;
}
ul.qa li a.sttl-proflink:hover{
text-decoration:underline;
color:#00B7DB;
}
ul.qa li{
margin-bottom:10px;
}

ul.qa span.ico-new img{
vertical-align:baseline;
}


dl.qa-column{
margin-top:20px;
margin-bottom:20px;
}

dl.qa-column dt{
margin-bottom:5px;
padding:0 0 5px 0;
background:url("../../category/category01/common/img/img_bg_line.gif") 0 bottom no-repeat;
}

dl.qa-column a.sttl-index{
font-size:112.5%;
font-weight:bold;
text-decoration:none;
color:#333;
margin-right:5px;
}
dl.qa-column a.sttl-index:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.qa-column span.ico-new img{
vertical-align:baseline;
}
dl.qa-column .sttl-prof{
display:block;
float:left;
margin-right:10px;
}
dl.qa-column .sttl-prof a{
text-decoration:none;
color:#333;
}
dl.qa-column .sttl-prof a:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.qa-column dt a.sttl-proflink{
text-decoration:none;
color:#333;
}
dl.qa-column dt a.sttl-proflink:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.qa-column dt{
margin-bottom:3px;
}
dl.qa-column dd span.category{
font-size:81.25%;
display:block;
float:left;
padding:0 0 0 18px;
}
dl.qa-column dd span.category a{
margin-right:6px;
color:#666;
}
dl.qa-column dd span.category a:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.qa-column dd span.date-orange{
float:right;
font-weight:bold;
color:#333;
}



/* カテゴリ内記事詳細 */
dl.detail-column{
margin-top:20px;
margin-bottom:20px;
}

dl.detail-column dt{
margin-bottom:5px;
padding:0 0 5px 0;
background:url("../../category/category01/common/img/img_bg_line.gif") 0 bottom no-repeat;
}

dl.detail-column a.sttl-index{
font-size:112.5%;
font-weight:bold;
text-decoration:none;
color:#333;
}
dl.detail-column a.sttl-index:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.detail-column span.ico-new img{
vertical-align:baseline;
}
dl.detail-column .sttl-prof{
display:block;
float:left;
margin-right:10px;
}
dl.detail-column .sttl-prof a{
text-decoration:none;
color:#333;
}
dl.detail-column .sttl-prof a:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.detail-column dt a.sttl-proflink{
text-decoration:none;
color:#333;
}
dl.detail-column dt a.sttl-proflink:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.detail-column dt{
margin-bottom:3px;
}
dl.detail-column dd span.category{
font-size:81.25%;
display:block;
float:left;
padding:0 0 0 18px;
}
dl.detail-column dd span.category a{
margin-right:6px;
color:#666;
}
dl.detail-column dd span.category a:hover{
text-decoration:underline;
color:#00B7DB;
}
dl.detail-column dd span.date-orange{
float:right;
font-weight:bold;
color:#333;
}
div.detail-text p{
margin-top:20px;
}
div.entry p{
margin-bottom:20px;
}
/* 赤文字 */
.need{
font-weight:bold;
color:#CC0000;
}

/* リニューダとは？ */
.boxleft-about{
width:408px;
float:left;
}

.boxright-about{
width:182px;
float:right;
}

/* ご利用について */
ul.disc li{
margin-left:15px;
padding:0 0 5px 0;
list-style-type:disc;
}

/* 投稿画面 */
div.entry strong,
div.detail-text strong{
font-weight:bold;
}

div.detail-text h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

div.detail-text h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

div.detail-text h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

div.detail-text h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

div.detail-text h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

div.detail-text h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}

/* プロフィール画面 */
.pht-boxleft{
width:430px;
float:left;
}

.pht-boxright{
width:170px;
float:right;
}


/**********************************************************
	[5] ナビゲーション
***********************************************************/

ul#nav li{
clear:left;
height:23px;
margin:0;
padding:12px 0 0 13px;
background:url("../img/nav_bg.gif") 0 0 no-repeat;
}

ul#nav li a{
width:140px;
font-size:12px;
*font-size:12px; /*for IE6,IE7*/
letter-spacing:-0.01em;
display:block;
float:left;
color:#333;
text-decoration:none;
}

ul#nav li a:hover{
text-decoration:underline;
color:#00B7DB;
}

ul#nav li div.date{
color:#D25A00;
margin-right:7px;
font-size:11px;
*font-size:11px; /*for IE6,IE7*/
text-align:right;
}