@charset "utf-8";
/* ===================================================================
CSS information
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 
=================================================================== */

/*----------------------------------------------------
	大枠
----------------------------------------------------*/
#container
     {
	 width: 830px;
	 background-color: #FFFFFF;
	 margin: 0px auto;
	 }
	 

#main
     {
	 float: right;
	 width: 629px;
	 border-left: solid 1px #E1E1E1;
	 background-color: #FFFFFF;
	 }

#menu
     {
	 float: left;
	 width: 200px;
	 text-align: center;
	 margin: auto;
	 padding-top: 19px;
	 background: #FFFFFF url(../../img/main_title_parts.gif) no-repeat;
	 }
	 
#menu ul li
     {
     margin:auto;
	 }

/*----------------------------------------------------
	左ナビゲーション
----------------------------------------------------*/
#menu ul li a#bt006-01
     {
	 margin: auto;
     width: 180px;
     height: 34px;
     background-image: url("../img/bt_006-01.gif");
     background-repeat: no-repeat;
     background-position: top center;
     text-indent: -9999px;
     text-decoration: none;
     display: block;
	 }

#menu ul li a#bt006-01:hover{
	background-image : url("../img/bt_006-01_up.gif") ;
	background-repeat : no-repeat ;
	background-position : top center ;
}

#menu ul li a#bt006-02
     {
	 margin: auto;
     width: 180px;
     height: 34px;
     background-image: url("../img/bt_006-02.gif");
     background-repeat: no-repeat;
     background-position: top center;
     text-indent: -9999px;
     text-decoration: none;
     display: block;
	 }

#menu ul li a#bt006-02:hover{
	background-image : url("../img/bt_006-02_up.gif") ;
	background-repeat : no-repeat ;
	background-position : top center ;
}

#menu ul li a#bt006-01-01
     {
	 margin: auto;
     width: 180px;
     height: 30px;
     background-image: url("../img/bt_006-01-01.gif");
     background-repeat: no-repeat;
     background-position: top center;
     text-indent: -9999px;
     text-decoration: none;
     display: block;
	 }

#menu ul li a#bt006-01-01:hover{
	background-image : url("../img/bt_006-01-01_up.gif") ;
	background-repeat : no-repeat ;
	background-position : top center ;
}

#menu ul li a#bt006-02-01
     {
	 margin: auto;
     width: 180px;
     height: 30px;
     background-image: url("../img/bt_006-02-01.gif");
     background-repeat: no-repeat;
     background-position: top center;
     text-indent: -9999px;
     text-decoration: none;
     display: block;
	 }

#menu ul li a#bt006-02-01:hover{
	background-image : url("../img/bt_006-02-01_up.gif") ;
	background-repeat : no-repeat ;
	background-position : top center ;
}

/*----------------------------------------------------
	コンテンツ内
----------------------------------------------------*/

.contents ul.list01
     {
	 margin-left: 20px;
	 margin-top: 70px;
	 }

.contents ul.list01 li
     {
	 background:url(../../img/icon_square_ore.gif) left 1px no-repeat;
	 padding: 0px 0px 7px 25px;
	 }

#midashi001 h4
     {
	 margin: 0px 0px 30px 0px;
	 color:#336666
	 }
	 
.frame001
     {
	 border: dotted 1px #CCCCCC;
	 padding: 10px;
	 }

.contents dl
     {
	 width: 570px;
	 }

.contents dl dt
     {
	 float: left;
	 width: 8em;
	 padding: 8px 0 8px 2px;
	 }

.contents dl dd
     {
	 padding: 8px 0;
	 border-bottom: 1px dotted #CCCCCC;
	 }

.contents #midashi001 ul
     {
	 margin: 0px 0px 25px 12px;
	 }

.contents #midashi001 ul li
     {
	 background:url(../img/icon_circle_gray.gif) left 1px no-repeat;
	 padding: 0px 0px 5px 18px;
	 }

.contents #midashi001 ol
     {
	 margin: 0px 0px 25px 37px;
	 }

.contents #midashi001 ol li
     {
	 list-style-type: decimal;
	 padding: 0px 0px 5px 0px;
	 }

.contents #midashi003 ul
     {
	 margin: 0px 0px 25px 0px;
	 padding: 20px;
	 border: solid 1px #CCCCCC;
	 }

.contents #midashi003 ul li#Q
     {
	 background:url(../../img/icon_Q_ore.gif) left 1px no-repeat;
	 margin-bottom: 11px;
	 padding: 0px 0px 10px 25px;
	 border-bottom: dotted 1px #999999;
	 }

.contents .anser ul
     {
	 margin: 0px 0px 15px 0px;
	 padding: 10px;
	 border: solid 1px #FFE6A4;
	 }

.contents .anser ul li#Q
     {
	 background: #FFF5DE url(../../img/icon_Q_ore.gif) left 10px no-repeat;
	 margin-bottom: 0px;
	 padding: 10px 0px 10px 25px;
	 color: #B85C00;
	 }

.contents .anser ul li#A
     {
	 background: url(../../img/icon_A_ore.gif) left 10px no-repeat;
	 margin-bottom: 11px;
	 padding: 10px 0px 0px 25px;
	 color: #1A1A1A;
	 }

#midashi004 ul
     {
	 text-align: center;
	 }

#midashi004 ul li
     {
	 width: 405px;
	 margin: 0 85px 10px 85px;
	 }

#midashi004 ul li a#bt-square
     {
	 border: solid 1px #CCCCCC;
	 padding: 10px;
	 text-decoration: none;
	 background-color: #F8F8F8;
	 display:block;
	 }

#midashi004 ul li a#bt-square:hover
     {
	 border: solid 1px #FF6600;
	 background-color: #FFFFFF;
	 }