@charset "shift_jis";

/*--------------------------------------
	font-size percent
--------------------------------------*/
/*
10px → 77% | 11px → 85% | 12px → 93% (was 93%)  | 13px→100%
14px 108% (was 107%)　15px 116% (was 114%)　16px 123.1% (was 122%)
17px 131% (was 129%)　18px 138.5% (was 136%)　19px 146.5% (was 144%)
20px 153.9% (was 152%)　21px 161.6% (was 159%)　22px 167%
23px 174%　24px 182%　25px 189%　26px 197%
*/

/* =========================================================
	カテゴリindex
=============================================================*/
.col-index { margin-bottom: 20px;}
.col-index:before,
.col-index:after { content:""; display:block; overflow:hidden;}
.col-index:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */

.col-index { zoom:1;}
.col-index .col00 { float:left; width: 260px; background: #fff; }



/* メニュ-３Box */
.col-index .col00 .col-inr { margin-right: 20px; }
/* 上線 */
.col-index .col00 .col-inr h2    {font-size: 115%;font-weight: bold; padding-top: 5px; background: url(../img/bg_tit_cate_index.gif) no-repeat 0 0;}

/* タイトル両側の縦線 */
.col-index .col00 .col-inr h2 div{background-color:#f2f2f2; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/*  左側の三角  */
.col-index .col00 .col-inr h2 a.lib-parent  {line-height: 35px; padding: 5px 20px 7px 20px;  background: url(../img/ico_arw_r3.png) no-repeat 5px 8px #f2f2f2; border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.col-index .col00 .col-inr ul {background: #fff;padding: 5px 1px 10px 4px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.col-index .col00 .col-inr ul li {zoom: 1;}
.col-index .col00 .col-inr ul li a { display: block;}
*html .col-index .col00 .col-inr ul li a { background: url(../img/ico_arw_r2.png) no-repeat 0 5px; zoom: 1;}
.col-index .col-last { width: 240px !important;} 
.col-index .col-last .col-inr { margin-right: 0;}


/*  メニュ-ボックス表示 */
.lib-name   a         {font-size: 115%; display:block; padding-top:2px;padding-bottom:5px; padding-left: 18px; background: url(../img/ico_arw_r2.png) no-repeat 0 .5em; zoom: 1;}
.box-left, .box-right {width:110px;height:95px;display:none;margin-bottom:4px; text-align:center;border:1px solid #a8a8a8;}
.box-left div, 
.box-right div        {width:108px; font-size:12px;line-height:12px;margin-left:2px; margin-right:2px;}
.box-left             {float:left; }
.box-right            {float:right;margin-right:3px;}
.box-dummy-right      {width:110px;height:95px;display:none;float:right;}
.box-left a img, .box-right a img {width:auto;height:auto; max-width:107px; max-height:77px; margin-top:2px;margin-bottom:2px; }

div.box-left:hover{
	background-color:#e6f2ff;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
}

div.box-left{
	background-color:white;
	border-top:1px solid #b4b4b4;
	border-left:1px solid #000000;
}

div.box-right:hover{
	background-color:#e6f2ff;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
}

div.box-right{
	background-color:white;
	border-top:1px solid #b4b4b4;
	border-left:1px solid #000000;
}


/* 編集メニュー一覧 */
.edit-zukei      {display:none;text-align:center;}
.imageEditsmall  {width:auto;height:auto; max-width:110px;max-height:79px;}
.edit-name       {display:block;  font-size:14px; }
.pagetop a { padding-left: 15px; background: url(../img/ico_arw_u1.png) no-repeat left center;}


.col-index-list table { margin-bottom:10px;  }
.col-index-list table td { line-height:1.6; vertical-align:top; padding: 4px 3px 4px 2px; border-bottom:1px solid #ccc;}
.col-index-list table td .link-arw3 { padding-left:17px;font-size:100%; font-weight:bold; display:block; height:auto;background: url(../img/ico_arw_r2.png) no-repeat 0 2px;}
.col-index-list table td.desc { padding-right:0;}
.col-index-list dl.page-nav:before,
.col-index-list dl.page-nav:after { content:""; display:block; overflow:hidden;}
.col-index-list dl.page-nav:after { clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.col-index-list dl.page-nav { zoom:1;}
.col-index-list dl.page-nav { padding-bottom:5px; border-bottom:1px solid #ccc;}
.col-index-list dl.page-nav dt { float:left; width:90px;}
.col-index-list dl.page-nav dd { float:right; text-align:right; width:400px;}
.col-index-list dl.page-nav dd p { display:inline; padding-left:15px;}
.col-index-list dl.page-nav dd .excla a { padding-left:20px; background:url(../img/ico_excla.png) no-repeat 0 0;}
.col-index-list dl.page-nav dd .manual a { padding-left:20px; background:url(../img/ico_manual.png) no-repeat 0 0;}

/* =========================================================
	カテゴリ詳細
=============================================================*/
.section { font-size:105%;}
.section p { margin-bottom:1em;}
#tb-col { margin: 0 auto 2px;}
#tb-col table table { width:auto !important;}
#tb-col table td span { padding: 0 0 0 0;}
/*  タブ：全般  */
#questionnaire { margin-top:20px; }
#questionnaire .tabs { padding-top:0px; border-top: 1px solid #ccc;   border-bottom: 1px solid #ccc;}
#questionnaire .tabs .tab-title { padding:0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background:#f2f2f2;}
#questionnaire .tabs .tab-title li { float:left; min-height:30px; height:auto !important; height:30px; padding-right:3px; background:url(../img/bg_tab_separate.gif) no-repeat center right;}
#questionnaire .tabs .tab-title li.tab-link { float:right; background:none;}
#questionnaire .tabs .tab-title li div { padding:2px 5px 6px; margin: 0 1px; border-top:2px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2;}
#questionnaire .tabs .tab-title li.selected div {background: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; zoom: 1;}
#questionnaire .tabs .tab-title li img { vertical-align:middle; padding-right:4px;padding-left:0px;}
#questionnaire .tabs .tab-title li a { font-weight:bold; color: #333;}
#questionnaire .tabs .tab-contents { padding:3px 0; border-left:1px solid #ccc; border-right: 1px solid #ccc; border-bottom:none; background:none;}
#questionnaire .tabs .tab-contents .col-title { padding: 0 20px 8px; border-bottom:1px solid #ccc;}
#questionnaire .tabs .tab-contents .col-title p { text-align:left;font-size:116%; font-weight:bold; margin:0;}
#questionnaire .tab-title .btn img {margin-top:7px;}
*html #questionnaire .tabs .tab-title li.selected { position:relative; bottom:-1px; zoom: 1;}
*html #questionnaire .tabs .tab-title li.selected div { display:inline; padding-bottom:-1px;}


/* タブ：お客様の声 */
#voice dl.anketolist{
	padding: 0px;margin-top:10px;border:solid 1px #b4b4b4; background-color: #ffffff;
     /*  Safari、Chrome用： */
	-webkit-border-top-left-radius: 6px;     /* 左上 */
	-webkit-border-top-right-radius: 6px;    /* 右上 */
	-webkit-border-bottom-left-radius: 6px;  /* 左下 */
	-webkit-border-bottom-right-radius: 6px; /* 右下 */
	/*  fire fox   */
	border-radius: 6px 6px 6px 6px;
	padding-left:3px;padding-right:3px;

}
#voice dl.anketolist div.rdate{ line-height:21px;  font-size:105%;   border-bottom:1px solid #b4b4b4;   }
#voice dl.anketolist dt{ line-height:19px;font-size:100%; padding-top:1px;text-align:left; width:16%; padding-bottom:1px; clear:both;float:left; color:#000091;}
#voice dl.anketolist dd{ line-height:19px;font-size:100%; padding-top:1px;text-align:left; width:84%; padding-bottom:1px;}
#voice dl.anketolist .makerret {color: #0030b4; font-weight:bold;}
#voice dl.anketolist .makerret a{color: red;}

/*  お客様の声のタイトル 件数 back next */
#voice div.col-nav div.title               { font-weight:bold; font-size:110%;  }
#voice div.col-nav table.page              {width:100%;}
#voice div.col-nav table.page td.count     {width:130px;text-align:left;}
#voice div.col-nav table.page td.readcount {width:105px;text-align:left;}
#voice div.col-nav table.page td.bnbtn ,#voice div.col-nav div.bnbtn  {text-align:right; }

/*  自作式 お客様声   */
#selfvoicetitle              {font-weight:bold; font-size:120%; color:#000091; border-top:1px solid #ccc; padding-top:5px; }
#selfvoice                   {margin-top:5px;  margin-left:10px;margin-right:30px; }
#selfvoice #anketolist       {padding-bottom:7px; padding-top:2px;  border-bottom:1px solid #ccc; }
#selfvoice #anketolist dt    {line-height:19px;font-size:100%;font-weight:bold;  width:110px; text-align:left; clear:both;float:left; color:#000091; }
#selfvoice #anketolist dd    {line-height:19px;font-size:105%;text-align:left; margin-left:110px; }
#selfvoice #anketolist dd  a {color:#0000a0; font-weight:bold; text-decoration:underline;}

/* アンケート投稿   */
#questionnaire .tabs #enq dl.text dt { width:100%; }
#questionnaire .tabs #enq dl.text dt span#chgank input { margin-left:20px; }
#questionnaire .tabs #enq dl.text dt span#chgbug { display:none;}
#questionnaire .tabs #enq dl.text dt span#chgbug input { margin-left:20px;}
#questionnaire .tabs #enq span#thanskank {display:none;}
#questionnaire .tabs #enq span#anks      {text-align:left;}

/* タブ：よくあるご質問 TAB*/
#questionnaire .tabs #faq .col ul.li-q { text-align:left; padding:15px 0 5px; }
#questionnaire .tabs #faq .col ul.li-q li { padding: 0 0 1px 23px; background:url(../img/ico_qa_q.gif) no-repeat 0 5px;}
#questionnaire .tabs #faq .col dl    { margin-top:10px; }
#questionnaire .tabs #faq .col dl dt,
#questionnaire .tabs #faq .col dl dd { text-align:left; float:none; width:auto;}
#questionnaire .tabs #faq .col dl dt { font-weight:bold; padding: 0 0 3px 23px; background:url(../img/ico_qa_q.gif) no-repeat 0 5px;}
#questionnaire .tabs #faq .col dl dd { line-height:1.5; padding: 0 0 3px 23px; background:url(../img/ico_qa_a.gif) no-repeat 0 5px;}

/* タブ：リンク方法 */
#questionnaire .tabs #link .col-nav p{  text-align:left;font-size:116%; font-weight:bold;}
#questionnaire .tabs #link .col dl dt,
#questionnaire .tabs #link .col dl dd { float:none; width:auto;}
#questionnaire .tabs #link .col dl dt { margin-bottom:3px;}
#questionnaire .tabs #link .col dl dd textarea { font-size:93%; color:#333; width:715px; padding:3px; border:1px solid #ccc; overflow:hidden;}
*html #questionnaire .tabs #link .col dl dd textarea { width:700px;}
#questionnaire .tabs #link .col dl dd p { line-height:1.3; margin:10px 0;}


/* よくある質問 */
#faq-static .col ul.li-q    { margin-bottom:12px;  text-align:left; padding:15px 0 5px; }
#faq-static .col ul.li-q li { padding: 0 0 1px 23px; background:url(../img/ico_qa_q.gif) no-repeat 0 2px;}
#faq-static .col dl dt,#faq-static .col dl dd { text-align:left; float:none; width:auto;}
#faq-static .col dl dt      { margin-top: 10px; font-weight:bold; padding: 10px 0 3px 23px;  border-top:1px solid #ccc;  background:url(../img/ico_qa_q.gif) no-repeat 0 12px;}
#faq-static .col dl dd      { line-height:1.5; padding: 1px 0 13px 23px; background:url(../img/ico_qa_a.gif) no-repeat 0 3px;}


.col-nav { padding: 5px 10px 5px; border-bottom:1px solid #ccc;}
.col .col-nav { padding: 0; border:none;}
.col-nav:before,
.col-nav:after { content:""; display:block; overflow:hidden;}
.col-nav:after { clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.col-nav {zoom:1;}
.col-nav p { float:left;}
.col-nav ul { float: right; text-align:right; width: 160px;}
.col-nav ul li { display:inline; font-size:0; line-height:0; padding-left:10px;}
.col-nav-btm { padding: 10px 20px 0 !important; margin-bottom:0 !important; border-top:1px solid #ccc; border-bottom:none !important;}
.col .col-nav-btm  { padding: 5px 0 0 !important; border:none !important;}
.col { min-height:300px; height:auto !important; height:300px; padding:0 20px;}
.col .comp { font-size:116%; text-align:center; font-weight:bold; padding-top:20px;}


/* For IE 6/7 (trigger hasLayout) */
.section dl { margin-top:8px;margin-bottom:10px; zoom:1; }
.section dl:last-child  { border-bottom: 1px solid #FFFFFF; margin-bottom:15px;}
.section dl:before,.section dl:after { content:""; display:block; overflow:hidden;}
.section dl:after { clear:both;}
.section dl dt { font-weight:bold; width:85px; float:left;}
.section dl dd { width:100%; float:right;}
.section dl input#bltitle { width:96%; padding:3px; border:1px solid #ccc; margin-bottom:3px;}
.section dl textarea      { width:96%; height:200px; border:1px solid #ccc; padding:3px;}
.section dl.btn3         { border-bottom:1px solid #ccc;}
.section dl.btn3 dt      { float:none; width:530px;}
.section dl.btn3 dd      { float:none; width:270px; vertical-align: middle;}
.section dl.btn3 dd img  { float:right; margin-right:3px;}


/* 掲示板 */
.section table.tb-thread { width:100%; margin-bottom:10px;}
.section table.tb-thread th,
.section table.tb-thread td {padding-top:2px; padding-bottom:2px; border-bottom:1px dashed #ccc;}

.section table.tb-thread th { font-weight:bold; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.section table.tb-thread th.lib { width:130px;}
.section table.tb-thread th.name { width:130px;}
.section table.tb-thread th.reply { width:40px;}
.section table.tb-thread th.date  { width:135px;}
.section table.tb-thread .lib th.title { width:290px;} 
.section table.tb-thread .lib th.lib-name { width:120px;}
.section table.tb-thread .lib th.name { width:100px;}
.section table.tb-thread .lib th.reply { width:40px;}
.section table.tb-thread .lib.th.date { width:140px;}

/* タブ：検索結果 */
#search-results { position:relative;  padding-bottom:2px; margin-bottom:8px; border-bottom:1px solid #ccc;}
#search-results input { height: 25px; vertical-align: middle;}
#search-results div.text {width: 244px; height: 25px; background: url(../img/bg_search_input3.gif) no-repeat 0 0; overflow:hidden;}
#search-results div.image {position: absolute; top: 0; left: 247px;}
#search-results div.text input{ line-height: 1em; padding: 1px 0 0 5px; border: 0 none; background: none; }
#search-results div.text input:focus { outline: none; }
#search-results div.image input{border: none;}
#search-results div span { text-align:right; margin-left:250px;}
ul.li-search-results { margin-bottom:50px;}
ul.li-search-results li { padding:5px 0; border-bottom:1px dashed #ccc;}
ul.li-search-results li a{ display:block; line-height:1.2; padding-left: 18px; background: url(../img/ico_arw_r2.png) no-repeat 0 .2em; zoom: 1;}


/* 掲示板 */
dl.horizon dt {font-weight:normal;}
div.search2                  {width:100%; height:24px;}
#search-bbs                  {float:right;margin-right:5px; }
#search-bbs li               {display:block;  width: 244px; height: 25px; background: url(../img/bg_search_input3.gif) no-repeat 0 0; overflow:hidden;   }
#search-bbs input.keyword    {float:left;width:180px; line-height: 1em; padding: 3px 2px 2px 3px;  border: 0 none;   background: none; }
#search-bbs input:focus      {outline: none; }
#search-bbs img              {float:left;}