/* css document*/

* {
 margin: 0;
 padding: 0;
}

/* ===================================== h1-h6 */

h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
}

h1 {
 width: 280px;
 height: 35px;
 margin-left: 25px;
 margin-top: 20px;
 text-indent: -9999px;
 background-image: url(../image/h1.jpg);
 background-repeat: no-repeat;
}

h1 a {
 display: block;
 width: 280px;
 height: 35px;
}

h2 {
 margin-top: 10px;
 margin-bottom: 15px;
 margin-left: 5px;
}

h3 {
 font-size: 102%;
 font-weight: bold;
 margin-top: 10px;
 padding-left: 5px;
}

h4 {
 color: #cc0000;
 font-size: 20px;
 font-weight: bold;
 margin-top: 10px;
 padding-left: 10px;

}

#risoku h4 {
 color: #990000;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
}

/* ===================================== h2-image */

#title_top {
 width: 326px;
 height: 46px;
 margin-left: 35px;
 text-indent: -9999px;
 background-image: url(../image/h2.gif);
 background-repeat: no-repeat;
 background-position: 0 20px;
}

#title_first {
 width: 140px;
 height: 25px;
 text-indent: -9999px;
 background-image: url(../image/h2-2.jpg);
 background-repeat: no-repeat;
}

#title_kouza {
 width: 169px;
 height: 25px;
 text-indent: -9999px;
 background-image: url(../image/h2-3.jpg);
 background-repeat: no-repeat;
}

#title_attention {
 width: 69px;
 height: 25px;
 text-indent: -9999px;
 background-image: url(../image/h2-5.jpg);
 background-repeat: no-repeat;
}

#title_m1 {
 width: 361px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title1.jpg);
 background-repeat: no-repeat;
}

#title_m2 {
 width: 380px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title2.jpg);
 background-repeat: no-repeat;
}

#title_m3 {
 width: 160px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title3.jpg);
 background-repeat: no-repeat;
}

#title_m4 {
 width: 200px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title4.jpg);
 background-repeat: no-repeat;
}

#title_m5 {
 width: 153px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title5.jpg);
 background-repeat: no-repeat;
}

#title_m6 {
 width: 275px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title6.jpg);
 background-repeat: no-repeat;
}

#title_m7 {
 width: 220px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title7.jpg);
 background-repeat: no-repeat;
}

#title_m8 {
 width: 153px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title8.jpg);
 background-repeat: no-repeat;
}

#title_m9 {
 width: 200px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title9.jpg);
 background-repeat: no-repeat;
}

#title_m10 {
 width: 108px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title14.jpg);
 background-repeat: no-repeat;
}

#title_m11 {
 width: 109px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title15.jpg);
 background-repeat: no-repeat;
}

#title_m12 {
 width: 200px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title16.jpg);
 background-repeat: no-repeat;
}

#title_m13 {
 width: 280px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title17.jpg);
 background-repeat: no-repeat;
}

#title_m14 {
 width: 122px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title18.jpg);
 background-repeat: no-repeat;
}

#title_m15 {
 width: 128px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title19.jpg);
 background-repeat: no-repeat;
}

#title_m16 {
 width: 130px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title20.jpg);
 background-repeat: no-repeat;
}

#title_m17 {
 width: 130px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title21.jpg);
 background-repeat: no-repeat;
}

#title_m18 {
 width: 176px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title10.jpg);
 background-repeat: no-repeat;
}

#title_m19 {
 width: 330px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title11.jpg);
 background-repeat: no-repeat;
}

#title_m20 {
 width: 355px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title12.jpg);
 background-repeat: no-repeat;
}

#title_m21 {
 width: 130px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title13.jpg);
 background-repeat: no-repeat;
}

#title_m22 {
 width:144px;
 height: 47px;
 text-indent: -9999px;
 background-image: url(../image/title22.jpg);
 background-repeat: no-repeat;
}

#title_m23 {
 width: 225px;
 height: 36px;
 text-indent: -9999px;
 background-image: url(../image/title23.jpg);
 background-repeat: no-repeat;
}

#title_m24 {
 width: 119px;
 height: 36px;
 text-indent: -9999px;
 background-image: url(../image/title24.jpg);
 background-repeat: no-repeat;
}

#title_m25 {
 width: 225px;
 height: 36px;
 text-indent: -9999px;
 background-image: url(../image/title25.jpg);
 background-repeat: no-repeat;
}

#title_m26 {
 width: 248px;
 height: 37px;
 text-indent: -9999px;
 background-image: url(../image/title26.jpg);
 background-repeat: no-repeat;
}

#title_m28 {
 width: 249px;
 height: 39px;
 text-indent: -9999px;
 background-image: url(../image/title28.jpg);
 background-repeat: no-repeat;
}


.t_merit {
 width: 64px;
 height: 22px;
 padding-left: 10px;
 background: url(../image/merit.jpg) no-repeat;
 text-indent: -9999px;
}

.t_demerit{
 width: 64px;
 height: 22px;
 margin-top: 10px;
 padding-left: 10px;
 background: url(../image/demerit.jpg) no-repeat;
 text-indent: -9999px;
}


/* ===================================== base */

html {
 height: 100%;
}

body {
 height: 100%;
 color: #555555;
 background-image: url(../image/back.jpg);
 text-align: center;
}

hr {
 width: 90%;
 text-align: center;
 margin: 5px auto;
}

em {
 font-style: normal;
}

img {
 border: none;
}

dl {
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
}

dt {
 padding-top: 10px;
 padding-bottom: 5px;
 font-weight: bold;
 font-size: 83%;
}

dd {
 margin-bottom: 2px;
 margin-left: 10px;
 padding-left: 10px;
}

address {
 font-size: 11px;
 font-style: normal;
 margin-left: 10px;
 margin-top: 10px;
}

span.example {
 margin-left: 20px;
 font-weight: bold;
}

#container {
 width: 790px;
 background-color: #ffffff;
 background-image: url(../image/back1.jpg);
 background-repeat: repeat-y;
 margin: 0 auto;
 text-align: left;
}

#pankuzu {
 font-size: 11px;
 text-align: right;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
}

/* header */


#header {
 width: 790px;
 height: 115px;
 background-image: url(../image/head.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
}

#header p {
 width: 755px;
 height: 15px;
 padding-top: 3px;
 margin-left: 15px;
 font-size: 11px;
 background-color: #ffffff;
}


/* ===================================== contents */


#contents {
 width: 575px;
 float: right;
 margin-right: 25px;
 margin-bottom: 5px;
} 

*:first-child+html body #contents {
 width: 575px;
 float: right;
 margin-right: 25px;
}

* html body #contents {
 width: 575px;
 float: right;
 margin-right: 5px;
}

#box1 li {
 margin-left: 30px;
}

#p01 #box1 {
 width: 575px;
 margin-bottom: 10px;
 background-image: url(../image/box_back.jpg);
 background-color: #d5e8ff;
 background-repeat: no-repeat;
 background-position: left bottom;
}

#p01 #box_wrap {
 width: 575px;
 background-image: url(../image/box_head.gif);
 background-repeat: no-repeat;
 background-position: left top;
} 

#p01 #box1 p {
 width: 370px;
 font-size: 76%;
 padding-left: 20px;
 margin: 3px;
 line-height: 1.5;
}

#p01 #first_p {
 padding-top: 15px;
}

#p01 #last_p {
 padding-bottom: 30px;
}

#side_menu {
 width: 570px;
 list-style-type: none;
 text-align: center;
 float: left;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

#side_menu li {
 width: 128px;
 margin-left: 5px;
 float: left;
 text-align: left;
 font-size: 76%;
}

.side_menu_detail {
 font-size: 76%;
 text-align: center;
}

#contents .button1 {
 display: block;
 width: 128px;
 height: 41px;
 text-indent: -9999px;
 background-image: url(../image/button1.jpg);
 background-repeat: no-repeat;
}

#contents .button2 {
 display: block;
 width: 128px;
 height: 41px;
 text-indent: -9999px;
 background-image: url(../image/button2.jpg);
 background-repeat: no-repeat;
}

#contents .button3 {
 display: block;
 width: 128px;
 height: 41px;
 text-indent: -9999px;
 background-image: url(../image/button3.jpg);
 background-repeat: no-repeat;
}

#contents .button4 {
 display: block;
 width: 128px;
 height: 41px;
 text-indent: -9999px;
 background-image: url(../image/button4.jpg);
 background-repeat: no-repeat;
}

#contents table {
 clear: both;
 width: 555px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 font-size: 12px;
 text-align: left;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-collapse:collapse;
}

#contents table a{
 font-weight: bold;
}

#contents th {
 height: 25px;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

#p01 #contents td {
 height: 70px;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center;
}

#p01 #contents .text {
 font-size: 11px;
 text-align: left;
 width: 164px;
 padding: 3px;
}

#p07 p.toi {
 width: 490px;
 margin-left: auto;
 margin-right: auto;
 font-size: 83%;
}

#p07 #contents table {
 clear: both;
 width: 500px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 font-size: 12px;
 text-align: center;
 border: 1px solid #999999;
}

#p07 #contents th {
 text-align: right;
 padding-right: 5px;
}

#p07 #contents td {
 padding-top: 10px;
 padding-bottom: 10px;
 border: 1px solid #999999;
}

#contents .detail {
 text-align: right;
 font-weight: bold;
}

#p03 #contents .detail {
 text-align: right;
 font-weight: bold;
 font-size: 11px;
}

#yougo_menu,#chart {
 text-align: center;
}

#yougo_menu a {
 color: #cc0000;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

table .c1{
 width: 125px;
 background-image: url(../image/th01.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

table .c2 {
 width: 90px;
 background-image: url(../image/th02.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

table .c3 {
 width: 90px;
 background-image: url(../image/th03.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 text-indent: -9999px;
}

table .c4 {
 width: 80px;
 background-image: url(../image/th04.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

table .c5 {
 width: 170px;
 background-image: url(../image/th05.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

#p02 #contents ul {
 width: 545px;
 list-style-type: none;
 text-align: center;
 float: left;
 margin-left: 5px;
}

#p02 #contents li {
 margin-left: 5px;
 float: left;
 text-align: center;
}

#p02 #contents table {
 clear: both;
 width: 541px;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: 18px;
 padding-bottom: 20px;
 font-size: 76%;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-collapse: collapse;
 line-height: 1.3em;
}

#p02 #contents th {
 text-align: left;
 width: 30%;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding-top: 7px;
 padding-left: 5px;
 background-color: #BEE1F6;
}

#p02 #contents td {
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 text-align: left;
}

#p02 #contents #td_head {
 text-align: center;
}

#p03 #box1 {
 clear: both;
 width: 580px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 border: 1px solid #999999;
 background-color: #d5e8ff;
}

.pic {
 color: red;
 text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
}

#p03 #box1 p {
 padding-left: 5px;
 padding-right: 5px;
 margin: 3px;
 line-height: 1.5; 
 font-size: 76%;
}

#p03 #box1 dt {
 padding-left: 5px;
}

#p03 #box1 dd {
 line-height: 1.5;
 font-size: 76%;
}

#p03 #yami {
 font-size: 76%;
}

#p03 .kouza_menu {
 text-align: center;
 font-size: 12px;
 margin-bottom: 10px;
}


/* ===================================== p03_table */


#p03 #contents table {
 clear: both;
 width: 534px;
 font-size: 70%;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 20px;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-collapse: collapse;
 line-height: 1.3em;
}

#p03 #contents th {
 text-align: left;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 background-color: #ffffff;
}

#p03 #contents td {
 background-color: #ffffff;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 text-align: left;
}

#p03 table .c1{
 width: 120px;
 background-image: url(../image/th01.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

#p03 table .c2 {
 width: 88px;
 background-image: url(../image/th02.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

#p03 table .c3 {
 width: 80px;
 background-image: url(../image/th03.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 text-indent: -9999px;
}

#p03 table .c4 {
 width: 78px;
 background-image: url(../image/th04.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

#p03 table .c5 {
 width: 168px;
 background-image: url(../image/th05.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 text-indent: -9999px;
}





#risoku {
 border: 1px solid #999999;
 background-color: #ffffff;
 margin-left: auto;
 margin-right: auto;
 width: 400px;
 margin-top: 20px;
 margin-bottom: 20px;
}

#p04 #contents td {
 height: 50px;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center;
}

#p04 #contents .text {
 font-size: 11px;
 text-align: left;
 width: 164px;
 padding: 3px;
}

#p05 #box1 {
 width: 500px;
 margin-left: auto;
 margin-right: auto;
}

#p05 #box1 p {
 padding-left: 5px;
 padding-right: 5px;
 margin: 3px;
 line-height: 1.5; 
}

.pg {
 font-size: 76%;
}

#p05 #box1 dt {
 padding-left: 5px;
}

#p05 #box1 dd {
 line-height: 1.5;
 font-size: 76%;
}

#box2 {
 width: 380px;
 border: 1px solid #cc0000;
 margin-left: auto;
 margin-right: auto;
}

#box2 p {
 width: 360px;
 padding-left: 5px;
 padding-right: 5px;
 margin: 3px;
 line-height: 1.5; 
 font-size: 12px;
}

.white_box {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

/* ===================================== menu */


#menu_container {
 width: 145px;
 float: left;
 padding-left: 5px;
 margin-left: 22px;
}

*:first-child+html body #menu_container {
 width: 145px;
 float: left;
 padding-left: 5px;
 margin-left: 22px;
}

* html body #menu_container{
 width: 144px;
 float: left;
 margin-left: 11px;
}

#menu_container #favorite {
 width: 149px;
 height: 28px;
 margin-left: 1px;
 margin-top: 10px;
 padding-top: 1px;
}

#menu_container #favorite a {
 display: block;
 width: 139px;
 height: 27px;
 margin-left: 4px;
 text-indent: -9999px;
 background-image: url(../image/favorite.gif);
 background-repeat: no-repeat;
}

#menu_container .simulate {
 width: 138px;
 height: 132px;
 margin-top: 10px;
 padding-top: 15px;
 margin-left: 7px;
 background-image: url(../image/sim_back.gif);
 background-repeat: no-repeat;
 list-style-type: none;
}

#menu_container li {
 width: 120px;
 height: 29px;
 margin-bottom: 5px;
 margin-left: 9px;
}

#menu_container .simulate a {
 display: block;
 width: 120px;
 height: 29px;
 text-indent: -9999px;
 background-repeat: no-repeat;
}

#menu_container .sim1 {
 background-image: url(../image/sim1.jpg);
}

#menu_container .sim2 {
 background-image: url(../image/sim2.jpg);
}

#menu_container .sim3 {
 background-image: url(../image/sim3.jpg);
}

#menu {
 width: 152px;
 font-size: 12px;
 background-color: #ffffff;
}

#menu dd {
 background-image: url(../image/list.jpg);
 background-repeat: no-repeat;
 background-position: left center;
}

#menu .menu01 {
 background-color: #ffffff;
 background-image: url(../image/menu_bar.jpg);
 background-repeat: no-repeat;
}

#menu .menu01 dt {
 width: 140px;
 height: 42px;
 text-indent: -9999px;
 background-image: url(../image/menu1.jpg);
 background-repeat: no-repeat;
 background-position: 8px 15px;
}

#menu .menu02 {
 background-color: #ffffff;
}

#menu .menu02 dt {
 width: 140px;
 height: 42px;
 text-indent: -9999px;
 background-image: url(../image/menu2.jpg);
 background-repeat: no-repeat;
 background-position: 8px 10px;
}

#menu .menu03 {
 background-color: #ffffff;
 background-image: url(../image/menu_bar.jpg);
 background-repeat: no-repeat;
 background-position:  left bottom;
 padding-bottom: 30px;
 }

#menu .menu03 dt {
 width: 140px;
 height: 42px;
 text-indent: -9999px;
 background-image: url(../image/menu3.jpg);
 background-repeat: no-repeat;
 background-position: 8px 10px;
}

* html body #menu {
 width: 152px;
 font-size: 12px;
 background-color: #ffffff;
}


/* ===================================== footer */


#footer {
 clear: both;
 width: 760px;
 margin-left: 15px;
 height: 45px;
 background-image: url(../image/foot.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 text-align: right;
}

#footer ul {
 margin-right: 10px;
 margin-bottom: 5px;
}

#footer li{
 display: inline;
 border-right: 1px solid #000000;
 padding-left:7px;
 padding-right:5px;
 font-size: 70%;
 letter-spacing:1px;
}

#footer li span {
 border-left: 1px solid #000000;
 padding-left:7px;
}

/* ===================================== simulator */


.red {
 color: #ff3300;
}

#contents input {
 border: 1px solid #666666;
}

#sim_box {
 font-size: 83%;
 margin: 20px 0 10px 23px;
 line-height: 1.5;
}

.cate_p {
 font-size: 83%;
}

.sim_box2 {
 clear: both;
}

.sim_box_left {
 width: 175px;
 float: left;	
}

.sim_box_right {
 width: 250px;
 float: left;
}

.sim_box_ctr {
 clear: both;
 text-align: center;
 padding: 15px 0 20px;
}

.sim_box_right input {
 text-align: right;
 padding: 1px;
}