@charset "utf-8";

/* パンくずリスト
-----------------------------------------------*/
ol#navi {
	color: #666666;
	font-size: 12px;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
ol#navi li {
	background: url(../images/ico_navi01.gif) no-repeat 0 40%;
	display: inline;
	padding-right: 7px;
	padding-left: 15px;
	margin: 0;
}
ol#navi li.home {
	padding-left: 0;
	background: none;
}
ol#navi li em {
	font-style: normal;
	font-weight: bold;
}

/* ol00
-----------------------------------------------*/
ol.ol00 {
	margin: 0;
    padding:0; /* Remove the default left padding */
}
ol.ol00 li {
    margin:0 0 0.2em 1.5em; /* Give each list item a left margin to make room for the numbers */
    padding:0;
}

/* ol01
-----------------------------------------------*/
ol.ol01 {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
}
ol.ol01 li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px;
    border-top: 1px solid #999;
    background:#f6f6f6;
}
ol.ol01 li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    padding:4px 0;
    left:-2em;
    width:2em;
/*    border-top:2px solid #666;
    font-family:"Helvetica Neue", Arial, sans-serif;*/
    color:#fff;
    background:#666;
    font-weight:bold;
    text-align:center;
}

/* ol02
-----------------------------------------------*/
ol.ol02 {
/* カウンターをリセット */
        counter-reset: li; 
/* デフォルトのスタイルをなくす */
        list-style: none;
/*  IE6/7用のスタイル */
        *list-style: decimal;
        padding: 0;
        margin-bottom: 4em;
}

ol.ol02 li {
        position: relative;
        display: block;
        padding: 0.4em 0.4em 0.4em 3em;
        *padding: 0.4em;
        margin: 0.5em 0 0.5em 1.3em;
        background: #EEE;
        text-decoration: none;
        border-radius: 0.3em;
        transition: all 0.3s ease-out;
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

ol.ol02 li:before {
	color: #FFF;
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #2F58AB;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: 0.3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
	text-shadow: none;
}


/* ol03
-----------------------------------------------*/
ol.ol03 {
/* カウンターをリセット */
        counter-reset: li; 
/* デフォルトのスタイルをなくす */
        list-style: none;
/*  IE6/7用のスタイル */
        *list-style: decimal;
        padding: 0;
        margin-bottom: 1em;
}

ol.ol03 li {
        position: relative;
        display: block;
        padding: 0.4em 0.4em 0.4em 2em;
        *padding: 0.4em;
        margin: 0 0 0.4em 1.3em;
/*        margin: 0.5em 0 0.5em 1.3em;*/
        background: #EEE;
        text-decoration: none;
/*        border-radius: 0.3em;
        transition: all 0.3s ease-out;
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);*/
}

ol.ol03 li:before {
	color: #FFF;
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #2F58AB;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: 0.3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
/*	transition: all .3s ease-out;*/
	text-shadow: none;
}

/* ul01
-----------------------------------------------*/
ul.ul01,
ul.ul01a {
	margin: 0 0 2em 10px;
	padding: 0;
}
ul.ul01 li,
ul.ul01a li {
	list-style: none;
    border-bottom: 1px dashed #999;
	margin: 0;
}
ul.ul01 li {
	background: url(../images/ico_navi01.gif) left no-repeat;
	padding: 6px 0px 3px 12px;
}
ul.ul01a li {
	background: url(../images/ico_navi01.gif) left 1.1em no-repeat;
	padding: 7px 0px 5px 15px;
}
ul.ul01a li.navi03 {
	background: url(../images/ico_navi03.gif) left 1.1em no-repeat;
	padding: 7px 0px 5px 15px;
}

/* ul02
-----------------------------------------------*/
ul.ul02,
ul.ul03 {
	margin: 0 0 1em 0;
	padding: 0;
}
ul.ul02 li {
	list-style: none;
	background: url(../images/ico_navi01.gif) left 0.8em no-repeat;
	padding: 4px 0px 2px 15px;
	margin: 0 1em;
}

ul.ul02 ol.ol00 {
	margin: 0;
    padding:0; /* Remove the default left padding */
}
ul.ul02 ol.ol00 li {
	background: none;
	list-style-type: decimal;
    margin:0 0 0.2em 1.5em; /* Give each list item a left margin to make room for the numbers */
    padding:0;
}



ul.ul03 li {
	list-style: none;
	background: url(../images/ico_navi03.gif) left 0.7em no-repeat;
	padding: 4px 0px 2px 15px;
	margin: 0 1em;
}


/* ul04
-----------------------------------------------*/
ul.ul04 {
	padding: 0;
	margin: 1em;
}
ul.ul04 li {
	background: url(../images/arrow03.png) left 0.1em no-repeat;
	padding: 0 0px 0.5em 20px;
	margin: 0;
	list-style: none;
}

/* ul05, ul05a 医学教育白書
-----------------------------------------------*/
ul.ul05,
ul.ul05a {
	margin: 0 0 2em 10px;
	padding: 0;
}
ul.ul05 li,
ul.ul05a li {
	margin: 0;
	padding: 7px 0px 5px 0px;
	border-bottom: 1px dotted #ccc;
	list-style: none;
}

ul.ul05a li {
    text-indent: -2em;
	padding-left: 2em;
}

ul.ul06 {
	margin: 0 0 2em 10px;
	padding: 0;
}

/* ul06 会員専用ページ
-----------------------------------------------*/
ul.ul06 li {
	list-style: none;
    border-bottom: 1px dashed #999;
	margin: 0;
}
ul.ul06 li:before {
    font-family:'FontAwesome';
    content: "\f138";
    color: #057E4C;
    padding-right: 8px;
	font-size: 120%;
}

/* dl01
-----------------------------------------------*/
dl.dl01 {
	
}

dl.dl01 dt {
	border: 1px solid #CCC;
	border-left: 7px solid #CCC;
	background: #F2F2F2;
	font-weight: bold;
	line-height: 1;
	margin: 10px 0px 10px;
	padding: 8px 10px 6px;
}

dl.dl01 dt.red {
	border: 1px solid #EE0303;
	border-left: 7px solid #EE0303;
	background: #FFF0F0;
}
dl.dl01 dd {
	margin: 0 0 1.5em 1em;
}

dl.dl01 dd p {
	margin: 0;
}

dl.dl01 dd ul {
	margin: 0 0 0.5em 0;
}

dl.dl01 dd ul li {
	margin: 0;
}

/* dl02
-----------------------------------------------*/
dl.dl02 dt {
	font-weight: bold;
	background: url(../images/arrow03.png) no-repeat center left;
	border-top: 1px solid #CCC;
	padding: 10px 20px 8px;
	line-height: 1;
}

dl.dl02 dt a,
dl.dl02 dd li a {
/*	display: block;*/
}

dl.dl02 dt a:hover,
dl.dl02 dd li a:hover {
	background: #CCC;
}

dl.dl02 dd {
	margin: 0 0 1em 1em;
}

dl.dl02 dd > ul {
	border-top: 1px dotted #CCC;
	margin: 0;
	padding-top: 5px;
}

dl.dl02 dd li {
	margin: 0;
	padding: 3px;
}

/* dl03
-----------------------------------------------*/
dl.dl03 {
	margin: 0;
}

dl.dl03 dt {
	background: url(../images/arrow03.png) no-repeat center left;
	border-bottom: 1px dotted #CCC;
	padding: 10px 25px 8px;
}


/* dl04
-----------------------------------------------*/
dl.dl04 {
	margin: 0;
}
dl.dl04 dt {
	width: 7.5em;
	float: left;
	padding: 0; /* 時間部分のパディング（上右下左） */
}
dl.dl04  dd {
	margin: 0;
    padding: 0;
	padding-left:8em; /* 本文エリアのパディング（上右下左） */
}

/* aco01
-----------------------------------------------*/
dl.aco01 {
	float: right;
	margin: 0;
	width: 50%;
}
dl.aco01 dt {
	cursor: pointer;
	color: #fff;
	padding: 5px 35px 4px;
	border-bottom: solid 1px #ffe;
	background: #666666 url(../images/arrow02.png) no-repeat 5px center;
}
dl.aco01 dt.opened {
	background: #3861B2 url(../images/arrow01.png) no-repeat 5px center;
}

dl.aco01 dd {
	margin: 0 0 3px;
	padding: 5px 0;
	line-height: 2em;
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
}

dl.aco01 dd ul {
	margin: 0;
	padding: 0;
}
dl.aco01 dd li {
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
	/*border-bottom: 1px dashed #999;*/
	background: url(../images/arrow03.png) no-repeat 5px center;
}
dl.aco01 dd li a {
	display: block;
}
dl.aco01 dd li a:hover {
	font-weight: bold;
}

/* aco01_left
-----------------------------------------------*/
.aco01_left {
	float: left;
	width: 45%;
	padding: 0;
	margin: 0;
}
.aco01_left_in {
	border: 1px solid #999;
	padding: 15px;
}

/*  aco02
-----------------------------------------------*/
dl.aco02 {
	float: left;
	margin: 0;
	width: 50%;
}
dl.aco02 dt {
	cursor: pointer;
	color: #fff;
	padding: 5px 35px 4px;
	border-bottom: solid 1px #ffe;
	background: #666666 url(../images/arrow02.png) no-repeat 5px center;
}
dl.aco02 dt.opened {
	background: #3861B2 url(../images/arrow01.png) no-repeat 5px center;
}

dl.aco02 dd {
	margin: 0 0 3px;
	padding: 5px 0;
	line-height: 2em;
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
}

dl.aco02 dd ul {
	margin: 0;
	padding: 0;
}
dl.aco02 dd li {
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
	/*border-bottom: 1px dashed #999;*/
	background: url(../images/arrow03.png) no-repeat 5px center;
}
dl.aco02 dd li a {
	display: block;
}
dl.aco02 dd li a:hover {
	font-weight: bold;
}

/*  aco02_right
-----------------------------------------------*/
.aco02_right {
	float: right;
	width: 45%;
	padding: 0;
	margin: 0;
}
.aco02_right_in {
	border: 1px solid #999;
	padding: 15px;
}



/* QandA */
dl.dlq_a dd,
dl.dlq_a dt {
     padding: 5px 0 4px 3em;
     text-indent: -2.5em;   
}

dl.dlq_a dt {
	border: none;
	background: none;
	margin: 0;
	padding-top:1em;
}

dl.dlq_a dt span.qa {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #999966;
}

dl.dlq_a dd {
	margin: 0;
	padding-bottom:1em;
	border-bottom: 1px dashed #CCC;
}
dl.dlq_a dd span.qa {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #666633;
}