@charset "utf-8";

/*--------------------------------------
	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%
*/


#main-contents { padding-bottom:15px;}
#main-contents h1 { font-size:135%; font-weight:bold; padding-left:10px; margin-bottom:5px; background:url(../common/img/ico_tit.gif) no-repeat left center;}
#main-contents h2 { font-size:135%; font-weight:bold; padding-left:10px; margin-bottom:5px; background:url(../common/img/ico_tit.gif) no-repeat left center;}


#column-home { margin-bottom:20px;}
*html #column-home { margin-right:-5px;}
#column-home li { float:left; width:260px; zoom: 1;}
#column-home li.last { width:240px;}
#column-home li dl { padding-right:15px;}
#column-home li.last dl { padding-right:0;}
#column-home li dl dt { margin-bottom:5px;}
#column-home li dl dd a { font-weight:bold; font-size:105%; padding-left:15px; background:url(../common/img/ico_arw_r2.png) no-repeat left center;}
#column-home li dl dd p {overflow: hidden; padding: 1px; height: 65px;}

#home-tab {background: url(../common/img/bg_tab_ques_btm.gif) no-repeat scroll left bottom transparent;margin: 0 0 20px;padding: 20px 0  5px;}
#home-tab .tabs { padding-top:5px; background:url(../common/img/bg_tab_ques.gif) no-repeat 0 0;}

#home-tab .tabs .tab-title { padding:0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background:#f2f2f2;}
#home-tab .tabs .tab-title li { float:left; line-height:30px; min-height:30px; height:auto !important; height:30px; padding-right:3px; background:url(../common/img/bg_tab_separate.gif) no-repeat center right;}
#home-tab .tabs .tab-title li.tab-self { float:right; background:none;}
#home-tab .tabs .tab-title li h3 { padding:2px 9px 6px; margin: 0 5px -1px; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2;}
#home-tab .tabs .tab-title li.selected h3 {background: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; zoom: 1;}
*html #home-tab .tabs .tab-title li.selected { position:relative; bottom:-1px; zoom: 1;}
*html #home-tab .tabs .tab-title li.selected h3 { display:inline; padding-bottom:-1px;}
#home-tab .tabs .tab-title li img { vertical-align:middle; padding: 0 4px 0 0;}
#home-tab .tabs .tab-title li a {font-size:130%;   font-weight:bold; color: #333;}
#home-tab .tabs .tab-contents { padding:8px 0; border-left:1px solid #ccc; border-right: 1px solid #ccc; border-bottom:none; background:none;}
#home-tab .tabs .tab-contents { padding:0 15px; background:#fff;}
#home-tab .tabs .tab-contents .category-list { padding-top:10px;}
#home-tab .tabs .tab-contents .category-list h4 { font-size:120%; font-weight:bold;}
#home-tab .tabs .tab-contents .category-list h4 img { vertical-align:middle; padding-right:5px;}
#home-tab .tabs .tab-contents .category-list ul      { margin-right:-50px;}
#home-tab .tabs .tab-contents .category-list ul li   { font-size:120%; float:left; width:187px; padding:3px 0 3px 0;}
#home-tab .tabs .tab-contents .category-list ul li a { padding-left:15px; background:url(../common/img/ico_arw_r2.png) no-repeat left center;}

.col-03 { margin-bottom:20px;}
.col-03 ul li { float:left; width:260px;}
.col-03 ul li#list-news { width:240px;}


.col-03 ul li .contents {
	padding:3px 9px;
	margin-right:20px; 
	border-right:1px solid #ccc; 
	border-left:1px solid #ccc; 
	min-height:280px; 
	height:auto !important; 
	height:280px;
}

.col-03 ul li#list-news .contents { margin-right:0;} 
.col-03 ul li li { float:none; width:auto; background:none; padding:0;}
.col-03 ul li .contents .list-wrap { padding-bottom:5px; border-bottom:1px solid #ccc;}
.col-03 ul li .contents h3 span{ display:block; font-size:116%; font-weight:bold; line-height:18px; padding: 0 0 0 5px; border-left: 3px solid #2375e0; vertical-align:middle;}
.col-03 ul li .contents h3 img { vertical-align:middle; padding-right:5px;}


#list-faq ul li,
#list-library ul li,
#list-news dl { padding:3px 0; border-bottom:1px dashed #ccc;}

#list-faq ul li { padding:8px 0;}
#list-faq ul li a,
#list-library ul li a { display:block; padding-left:15px; background:url(../common/img/ico_arw_r2.png) no-repeat left center;}

#list-faq  div.img, #list-library div.img,#list-news div.img   { max-height:15px; }
#list-faq  div.img2, #list-library div.img2,#list-news div.img2 { line-height:2px; }
#membership  div.img { max-height:15px; } 


#list-library p.date { font-size:95%; margin-bottom:8px;}
#list-library ul li { padding: 8px 0 8px 20px;}
#list-library ul li.rank01 { background:url(../common/img/ico_rank1.gif) no-repeat 0 10px;}
#list-library ul li.rank02 { background:url(../common/img/ico_rank2.gif) no-repeat 0 10px;}
#list-library ul li.rank03 { background:url(../common/img/ico_rank3.gif) no-repeat 0 10px;}
#list-library ul li.rank04 { background:url(../common/img/ico_rank4.gif) no-repeat 0 10px;}
#list-library ul li.rank05 { background:url(../common/img/ico_rank5.gif) no-repeat 0 10px;}

#list-faq .contents .list-wrap,#list-news .contents .list-wrap { margin-bottom:10px;}

/* 更新履歴   */
#list-news #news-col            { position: relative; height:210px; overflow: hidden;}
#list-news #news-col dl dt      { font-weight:bold;}
#list-news #news-col dl dt.title{ padding-left:1px;}
#list-news #news-col ul         { padding-left:18px; text-indent: -18px;}
#list-news #news-col ul li a    { padding-left:16px; background: url(../common/img/ico_arw_r2.png) no-repeat left center;}




#membership { margin-bottom:20px;}
#membership .contents { padding:0 14px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#membership .contents h2 { padding: 0 0 5px 0; background:none; border-bottom:1px solid #ccc;}
#membership .contents h2 img { padding-right:7px; vertical-align:middle;}
#membership .contents p { width:505px; display:table-cell;}
#membership .contents div { display:table-cell; vertical-align:middle;}
#membership .contents div img { vertical-align:middle;}
#membership2 { margin-bottom:20px;}
#membership2 .contents { padding:0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#membership2 .contents h2 { padding: 0 0 5px 0; background:none; border-bottom:1px solid #ccc;}
#membership2 .contents h2 img {padding-left:14px;  padding-right:7px; vertical-align:middle;}

*html #membership .contents p {display: inline; zoom: 1;}
*html #membership .contents div {display: inline; zoom: 1; vertical-align: top;}
*html #membership .contents div a {zoom: 1;}

*:first-child+html #membership .contents p {display: inline; zoom: 1;}
*:first-child+html #membership .contents div {display: inline; zoom: 1; vertical-align: top;}


#side-contents .side-box .title01 { font-size: 114%; line-height:1.5; font-weight: bold; border-left:3px solid #2375e0; padding-left:6px; margin-bottom: 10px;}
#side-contents .line { margin-bottom:10px;}

.tit-wrap { padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.tit-wrap .title { font-size: 114%; line-height:1.5; font-weight: bold; border-left:3px solid #2375e0; border-bottom:none; padding: 0 0 0 6px; margin-bottom: 0;}

#side-contents .side-box ul li.bnr-last { padding-bottom:0; margin-bottom:0;}

/* 会員登録 */
#side-contents .side-box div.member { padding-left:3px; padding-bottom:8px;}
#side-contents .side-box div.member h2{ font-weight:bold;margin-bottom:4px;padding-left:3px; }
#side-contents .side-box div.member dl {border-top:1px dashed  #ccc; margin-top:3px;padding-top:2px; padding-left:5px; margin-right:5px;}
#side-contents .side-box div.member dl:nth-child(5) {border-bottom:1px dashed  #ccc; }
#side-contents .side-box div.member dd{ margin-top:10px; margin-bottom:10px;font-weight:bold;text-align:center;}
#side-contents .side-box div.member img{ margin-left:6px;  }


/* ブログパーツ */
#side-contents .side-box ul.blog   {padding: 0px 8px 2px 8px; }
#side-contents .side-box ul.blog li{ border-bottom:1px dashed  #ccc; padding-top: 2px;padding-bottom: 2px;}
#side-contents .side-box ul.blog li:last-child{ border-bottom:1px dashed  #ffffff; }


.line { margin-top:10px; border-top:1px solid #ccc;}
.line hr { display:none;}


.list-wrap .list { text-align:right; float:right; vertical-align:bottom; line-height:37px;;margin-top:10px; }
.list-wrap .list a { padding-left:15px; background:url(../common/img/ico_arw_r2.png) no-repeat 0 0;vertical-align:bottom; line-height:37px;;margin-top:10px; }

.list-01 .tit { float:left; width: 640px;margin-top:10px;  }
.list-01 .list { width: 110px;}

.list-02 .tit { float:left; width: 175px;}
.list-02 .list { width: 45px;}


.list-wrap:before,
.list-wrap:after { content:""; display:block; overflow:hidden;}
.list-wrap:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.list-wrap { zoom:1;}


#contents a:link { color: #18329d; text-decoration: none;}
#contents a:visited { text-decoration: none;}
#contents a:hover { color: #18329d; text-decoration: underline;}
#contents a:active { color: #18329d; text-decoration: underline;}


/* news scrollbar*/
.scroll-pane { width: 220px; height: 235px; overflow: auto;}


.horizontal-only{ height: auto; max-height: 200px;}
.jspContainer{ overflow: hidden; position: relative;}
.jspPane {position: absolute;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 3px;height: 100%;background: #cccccc;}
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0;width: 100%;height: 16px;background: #cccccc;}
.jspVerticalBar *,
.jspHorizontalBar * {margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #dde;position: relative;}
.jspDrag{ background: #666; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}


/*   Home index */
table#gtop td.left-title  { background-color:#f5f7fa; width:33%;padding-left:5px; height:10px; color: #546a99; font-size:15px; font-weight:bold;  border-top:2px solid #546a99;   border-right:1px solid #546a99;  }
table#gtop td.center-title{ background-color:#f5f7fa; width:33%;padding-left:5px; height:10px; color: #546a99; font-size:15px; font-weight:bold;  border-top:2px solid #546a99;   border-right:1px solid #546a99;  }
table#gtop td.right-title { background-color:#f5f7fa; width:33%;padding-left:5px; height:10px; color: #546a99; font-size:15px; font-weight:bold;  border-top:2px solid #546a99;   } 
table#gtop td.left-img   { text-align:center;padding:2px; border-top:1px solid #546a99;   border-right:1px solid #546a99; border-bottom:1px solid #546a99;  }
table#gtop td.center-img { text-align:center;padding:2px; border-top:1px solid #546a99;   border-right:1px solid #546a99; border-bottom:1px solid #546a99; } 
table#gtop td.right-img  { text-align:center;padding:2px; border-top:1px solid #546a99;   border-bottom:1px solid #546a99;} 


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner{margin: 0 -3px 0 0;}