/* CSS Document */
/*********************************************/
/********** -基本設定 ************************/
/*********************************************/

/********** --ボディ **********/
img {border: none; }

/*#page {
	width: 802px;
	margin-top:0px;
	margin-bottom:0px;
	background: url(../images/bg.jpg) repeat;
 }*/

/********** --テキスト **********/
.s12b{
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.s12h{
	font-size: 12px;
	line-height: 150%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.dot{
	font-size: 9px;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	margin: 0px;
	padding: 0px;
	top: 3px;
}
.title{
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 10px;
	padding-left: 180px;
	padding-bottom: 15px;
	padding-right: 0px;
}

.box01{
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
}

.box02{
	font-weight: normal;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	line-height: 150%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}

.s12box{
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.s10b{
	font-size: 10px;
	line-height: 140%;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.s10h{
	font-size: 10px;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/********** --リンクスタイル **********/
a:link {	color: #6A2727; text-decoration:none;}
a:visited {	color: #6A2727; text-decoration:none;}
a:active {	color: #6A2727; text-decoration:none;}
a:hover {	color: #6A2727; text-decoration:underline;}


/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

/** 引用 **/
blockquote{
	font-size:12px;
	line-height:130%;
	color:#000000;
	border: #4977BA 1px solid;
	background-color: #F4F1E9;
}

/********** --箇条書き **********/
ul li {
	margin-bottom: 7px;
	list-style: disc;
}

ol li {
	margin-bottom: 7px;
}

/********** --水平線 **********/
hr {
	color:#9B9B98;
	background-color:#9B9B98;
	height: 1px;
	border: 0px;
	margin-bottom: 10px;
}

/********** トップ検定情報枠 **********/

.kenteijohou{
	font-size: 12px;
	line-height: 150%;
	background-color: #FCFAE1;
	padding: 10px 10px 10px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B1AF0F;
	border-right-color: #B1AF0F;
	border-bottom-color: #B1AF0F;
	border-left-color: #B1AF0F;
	/**font-weight: bold;**/
}

.kenteijohou2{
	font-size: 14px;
	line-height: 150%;
	background-color: #FCFAE1;
	font-weight: bold;
}
.hajimete{
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-left-style: none;
	line-height: 160%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.btn_long_text {
	padding:10px;
	text-decoration: none;
	font-weight:bold;
	background-image: url(../images/btn/btn.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.btn_short_text {
	padding:10px;
	text-decoration: none;
	font-weight:bold;
	background-image: url(../images/btn/btns.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.btn_short2_text {
	padding:10px;
	text-decoration: none;
	font-weight:bold;
	background-image: url(../images/btn/btns2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.tokurei_bg{
	font-size: 12px;
	line-height: 150%;
	background-color: #FFFFCC;
	padding: 10px 10px 10px 10px;
	border: 1px dotted #999999;
	/**font-weight: bold;**/

}

.tokurei_bgw{
	font-size: 12px;
	line-height: 150%;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border: 1px dotted #999999;
	/**font-weight: bold;**/

}

/********** --表 **********/
th {
	font-weight: normal;
}

/***** ---パターンB *****/
.table_b {
	border-top: #666666 1px solid;
	border-right: #666666 1px solid;
}

.table_b caption {
	color:#333333;
	padding: 3px 3px 3px 18px;
	background: url(../images/icon/listicon_a1.gif) no-repeat 2px 1px;
}
.table_b_th {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background: #FCF5BF;
	margin: 0px;
	padding: 5px;
}
.table_b th {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background: #FCF5BF;
	padding: 5px;
}
.table_b_th2 {
	text-align: left;
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background: #FCF5BF;
	line-height: 160%;
	padding: 5px
}
/*.table_b td {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background-color: #ffffff;
	line-height: 160%;
	padding: 5px;
}*/
.table_b_td {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background-color: #ffffff;
	line-height: 160%;
	padding: 5px;
}
.table_b td td {border:none; padding: 5px;}

/***** ---パターンC *****/
.table_c {
	border-top: #666666 1px solid;
	border-right: #666666 1px solid;
}

.table_c caption {
	color:#333333;
	padding: 3px 3px 3px 18px;
	background: url(../images/icon/listicon_a1.gif) no-repeat 2px 1px;
}
.table_c_th {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	text-align: left;
	color: #333333;
	background: #EBEBEB;
	margin: 0px;
	padding: 5px;
}
.table_c_th2 {
	text-align: left;
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background: #EBEBEB;
	margin: 0px;
	padding: 5px;
}
.table_c_td {
	text-align: left;
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	color: #333333;
	background-color: #ffffff;
	margin: 0px;
	padding: 5px;
}


/** その他 **/
.table_d caption, .table_e caption, .table_f caption {
 background: url(../images/tablecaption.gif) repeat-x no-repeat left center;
 padding-left:18px;
}

.table_f_th a:link, .table_f_th a:visited { color:#ffffff; text-decoration:none; }
.table_f_th a:hover { color:#FFFFFF; background:none; text-decoration:underline;}

.table_f_th2 a:link, .table_f_th2 a:visited { color:#ffffff; text-decoration:none; }
.table_f_th2 a:hover { color:#FFFFFF; background:none; text-decoration:underline;}


/********** --パーツ挿入 **********/
/***** ---ベースA *****/
/***使用中***/
.listbox_a {
	padding: 0px 10px;
	border: #ffffff 1px solid;
	background: url("http://ip-edu.org/none") #ffffff
	background-position:0% 0%;
	background-repeat: repeat-x;
}

.listset_a1_ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.listset_a1_li {
	color:#333333;
	font-size:12px;
	line-height:160%;
	list-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
}


.listset_a1_li a:link, .listset_a1_li a:visited { color:#333333; text-decoration:none; }
.listset_a1_li a:hover { color:#333333; background:none; text-decoration:underline;}

.listset_a2_li {
	color:#333333;
	font-size:12px;
	line-height:160%;
}
/*使用中ここまで*/

/***** ---ベースB *****/
.listbox_b {
	padding: 0px 10px;
	background-color: #FFFFFF;
	border-top: #ffffff 2px solid;
	border-bottom: #ffffff 2px solid;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
}

.listset_b1_li {
	color:#333333;
	font-size:12px;
	line-height:160%;
}


.listset_b2_li {
	color:#333333;
	font-size:12px;
	line-height:160%;
}

/***** ---トピックリスト *****/
/** パターン5 **/
.pagetitle_a {
 padding:5 0 3 10px;
 margin-left:10px;}

/** パターン6 **/
.pagetitle_b {
 padding:5 0 3 10px;
 margin-left:10px;}

/***** ---フレームA *****/
.frame_a_outer {
	padding: 0px ;
	border: #ffffff 0px solid;
}


.frame_a_inner {
	background: #ffffff;
	margin:0px;
	padding:0px;
}


/***** ---フレームB *****/
.frame_b_outer {
	padding: 0px;
	border-top: #ffffff 2px solid;
	border-bottom: #ffffff 2px solid;
	border-left: #ffffff 1px solid;
	border-right:#ffffff 1px solid;
}
.frame_b_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}



/*********************************************/
/********** -スキンデザイン*******************/
/*********************************************/


/***** ---サイドバー *****/
/**.child_side { 
  width:160px; margin-top:10px; margin-bottom:10px; background:#ffffff; **/
 
  border-top:1px solid #ffffff; border-left:1px solid #ffffff;}

.child_side ol { margin:0px; padding:0px; list-style:none outside; }
.child_side li { margin:0px 2px 0px 5px; padding:2px 0px 5px 13px;
  background:url(../images/listicon_a2.gif) no-repeat top left; }

.child_side_header { margin:0; padding:0; border-bottom:0px solid #B9B09B; }

.child_side_title {
  width:160px; text-align:center; font-weight:bold; font-size:10px;
  color:#809933; padding:3px 0; overflow:hidden; word-break:break-all; letter-spacing:1px; }
  
.child_side_box { width:148px; margin:3px 5px; padding:0; overflow:hidden; word-break:break-all;}

.child_side_text { margin:0; padding:0; font-weight:normal; font-size:10px;
  color:#666666; line-height:1.2; text-align:left; }
.child_side_text a:link { color:#666666; text-decoration:none; }
.child_side_text a:visited { color:#666666; text-decoration:none; }
.child_side_text a:hover { color:#9B9B9B; text-decoration:none;}


/********** --カテゴリ画像 **********/
/***** ---カテゴリ画像 *****/
.area_image_1{
   background: url(../images/img00.jpg);
  height:210;
  width:750;
}

/********** --フッター **********/

#footerArea a{
	padding-bottom: 1px; /*クロームバグ対策*/
 }

/********** --ポップアップ **********/
.popup_header {
 height:0px;
 font-size:12px; 
 font-weight:bold; 
 letter-space:1px; 
 color:#FFFFFF;
 padding:0px 10px 0px 20px;
 background-color: #FFFFFF;

}

.popup_footer .footer_text a:link{
 color: #727272;
 text-decoration:none;
}
.popup_footer .footer_text a:visited{
 color: #727272;
 text-decoration:none;
}
.popup_footer .footer_text a:hover{
 color: #719999;
 text-decoration:none;
}

.popup_main{
 padding:10px;
background:#ffffff;
 }

.popup_range{
 width:600px;
 }

.popup-body { 
 padding:10px 10px 20px 10px;
}

/*#pop_box {border-bottom:5px solid #28530E;padding: 20px;}*/
.popup-footer {
	padding: 30px 10px 5px;
	text-align:center;
	color: #727272;
	background-color: #ffffff;
}


/*---------------box-sizing:border-box（ボーダーをwidthに含める。）
ほぼ対応していない。。
Operaのみ。ちなみにプロパティーのcontent-boxはwidth+border＋padding（現在のCSS２）と同義-----
* { box-sizing : border-box}*/
/*---------------mozで始まるのはFIREFOX独自タグ（内容はbox-sizing:border-boxと同様-----
* { -moz-box-sizing : border-box}*/
.box_yellow {
	background: #FEFEDB;
	padding: 10px;
	border: 3px double #ACAC95;
	margin-bottom: 20px;
}
/*for fonts*/
.f14b_red {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

.small {	font-size: 10px;
	color: #333333;
	line-height: 130%;
}
.text {	font-size: 100%;
	line-height: 150%;
}

a.blue{
	color: #003366;
	text-decoration: underline;
}
a:link .blue{
	color: #003366;
	text-decoration: underline;
}
a:hover .blue {
	color: #669999;
}
a:visited .blue {
	color: #003366;
}

/*for fontsここまで*/
.icon_01 {
	background: url(../images/icon/ic02.gif) no-repeat left center;
	margin-left: 10px;
	padding-left: 20px;
}
/*for dd dl dt*/
dd,dl,dt {
	margin: 0px;
	padding: 0px;
}
.data{
	margin: 30px 20px 30px 0px;
	padding-left: 0px;
}
dl.qanda{
	margin: 30px 20px 30px 0px;
	padding-left: 0px;
}

dt.qanda {
	font-weight: bold;
	line-height: 150%;
	padding-bottom: 20px;
	padding-left: 40px;
	background: url(../images/icon/icon_b.gif) no-repeat left top;
	margin-bottom: 0px;
	margin-left: 30px;
	border-bottom: 1px solid #999999;
}
.qanda dd {
	padding: 0px 10px 30px 40px;
	margin: 30px 0px 0px 30px;
	background: url(../images/icon/icon_a.gif) no-repeat left top;
	line-height: 170%;
}

.qanda li {
	line-height: 180%;
}

/*リストスタイル*/
ul.question {
	list-style: url(../images/icon/arrow04.gif) none outside;
	margin: 20px;
	padding: 0px 0px 0px 30px;
}

div.question ul {
	margin: 20px;
	padding: 0px 0px 0px 30px;
}

.question li {
	margin: 10px;
	padding: 0px 0px 0px 8px;
	list-style: url(../images/icon/arrow04.gif) none outside;
}


/*popup内で追加*/
.popup_main p {
	line-height: 180%;
}



#imgHover ul li {   
    float: left;   
    margin-right: 5px;   
}   
    #imgHover ul li img {   
        border: none;   
    }   
       
    #imgHover ul li a {   
        display: block;   
    }   
                   
    #imgHover ul li a:hover {   
        position: relative;   
    }   
  
        #imgHover ul li a .mainImage {   
            display: none;   
        }   
                       
        #imgHover ul li a:hover .mainImage {   
            display: block;   
            position: absolute;   
            top: 0;   
            left: 0;   
        }  
		
		
div.AnswerBox {
   /* ■ボックス全体■ */
   border: 1px #556B2F; /* 枠線:darkolivegreen */
   font-size: 100%;             /* 文字サイズ:100% */
   width: 100%;               /* 横幅:100% */
}
div.AnswerBox div.AnswerBoxTitle {
	/* ■タイトル枠■ */
   background-color: white; /* 背景色:白 */
	color: black;               /* 文字色:黒 */
	margin: 0px auto;
	padding: 5px 10px;
	clear: both;
	width: 90%;
}
div.AnswerBox div.AnswerBoxTitle p.aBoxTitle {
   /* ■タイトル文字列■ */
   font-weight: bold;          /* 太字 */
   border: 1px #556B2F; /* 枠線:darkolivegreen */
   margin: 0px;
   padding: 0px;
}
div.AnswerBox div.AnswerBoxTitle p.aBoxButtons {
   /* ■ボタン群■ */
   margin: 0px;
   padding: 1px 3px;
   float: right;
   text-align: right;    /* 右寄せ */
}
div.AnswerBox div.AnswerBoxTitle p.aBoxButtons a img {
   /* ■ボタンそのもの■ */
   border-width: 0px;    /* リンクの枠線を消す */
}
div.AnswerBox div.AnswerBoxBody {
	/* ■本文枠■ */
   margin: 0px auto;
	padding: 10px;
	background-color: #F5F5DC; /* 背景色:beige */
	color: #000000;            /* 文字色:黒 */
	display: none;  /* 標準で非表示状態に */
	text-align: left;
	clear: both;
	width: 90%;
}
div.AnswerBox div.AnswerBoxBody p {
   /* ■本文■ */
   margin: 0px;
   padding: 0.5em;   /* 内側の余白:0.5文字分 */
}
div.AnswerBox div.AnswerBoxBody td { background-color:#FFF}
div.CollapsibleBox {
   /* ■ボックス全体■ */
   border: 1px solid darkblue; /* 枠線:濃青 */
   font-size: 100%;             /* 文字サイズ:100% */
   width: 80%;               /* 横幅:80% */
}
div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル枠■ */
   background-color: darkblue; /* 背景色:濃青 */
   color: white;               /* 文字色:白 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle {
   /* ■タイトル文字列■ */
   font-weight: bold;          /* 太字 */
   border: 1px solid darkblue; /* 枠線:濃青 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons {
   /* ■ボタン群■ */
   margin: 0px;
   padding: 1px 3px;
   float: right;
   text-align: right;    /* 右寄せ */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img {
   /* ■ボタンそのもの■ */
   border-width: 0px;    /* リンクの枠線を消す */
}
div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   margin: 0px;
   padding: 0px;
   background-color: #eeeeff; /* 背景色:淡青 */
   color: #000055;            /* 文字色:暗青 */
   display: none;  /* 標準で非表示状態に */
}
div.CollapsibleBox div.CollapsibleBoxBody p {
   /* ■本文■ */
   margin: 0px;
   padding: 0.5em;   /* 内側の余白:0.5文字分 */
}		

/*TOP Information*/
.info-table td a {
	font-weight: normal;
}

/* スマホメニュー */
.pbSmartMenuTable{
	width:88%;
        padding-top:10px;
}
.pbSmartMenuTd{
	background: url(../images/btn/menu_button.jpg) no-repeat;
	padding:2px 0px 3px 30px ;
        font-size: 130%;
        height:30px;

}