@charset "shift_jis";


div.contents{
margin-top:10px;
}

div#column p{
text-indent:1em;
}

div.contents p{
margin:5px 15px 15px 10px;
}

div.contents ul{
margin:10px 20px 10px 40px;
}


div.index_mainimage{
background:url(../image/index/main_image_b.jpg) no-repeat left top;
width:250px;
height:70px;
padding:220px 0 0 485px;
}

div.index_mainimage h2{
display:none;
}

@media print{
div.index_mainimage{
background:url(../image/index/main_image_b.jpg) no-repeat left top;
width:745px;
height:290px;
padding:0 !important;
}
div.index_mainimage h2{
display:inline;
}
div.index_mainimage p{
display:none;
}
}

div.index_mainimage p a{
display:block;
background:url(../image/index/main_contact.gif) no-repeat left top;
width:228px;
height:52px;
}

div.index_mainimage p a:hover{
background:url(../image/index/main_contact.gif) no-repeat left bottom;
}

div.index_mainimage p a span{
display:none;
}


div.index_news{
width:485px;
margin:0 10px 10px  0;
float:left;
background:url(../image/index/news_bg.gif) no-repeat left bottom;
}

div.index_news h3{
background:url(../image/index/news_title_bg.gif) repeat-x right top;
font-size:100%;
font-weight:normal;
height:35px;
margin:0;
padding:0;
border:0;
}

div.index_news h3 img{
float:left;
}

div.index_news h3 span{
display:block;
float:right;
margin-top:15px;
margin-right:15px;
background:url(../image/temp/icon01.gif) no-repeat left center;
padding-left:15px;
}

div.index_news dl{
margin:10px;
border-bottom:1px solid #CCC;
}

div.index_news dl dt{
width:8em;
float:left;
clear:both;
padding:8px 10px;
border-top:1px solid #CCC;
background: url(../image/temp/icon02.gif) no-repeat left center;
}

div.index_news dl dd{
margin-left:120px;
padding:8px;
border-top:1px solid #CCC;
}



div.index_banner{
float:right;
text-align:center;
}

div.index_banner p{
margin:0 0 10px 0;
}

@media print{
div.index_banner{
float:none;
clear:both;
}
div.index_banner p{
display:inline;
}
}


dl.faq_list{
margin:30px 10px;
}

dl.faq_list dt{
margin:10px 0;
padding:5px 0 5px 90px;
background:url(../image/faq_question.gif) no-repeat left center #EEE;
border-top:3px double #CCC;
border-bottom:1px solid #CCC;
color:#900;
}

dl.faq_list dd{
margin:0 0 30px 20px;
padding-left:60px;
background:url(../image/faq_answer.gif) no-repeat left top;
}

/* --------------------------------------------------------------------
	メイン
-------------------------------------------------------------------- */

div.main{
float:left;
width:520px;
margin-bottom:20px;
}
div.main-wide{
float:none;
width:745px;
margin-bottom:200px;
}


/*div.main p{
margin:0 15px 0 20px;
}*/

div.main ol,div.main ul{
margin:0 15px 0 40px;
}

div.main ol ul{
	margin-bottom:20px;
}

div.main table{
margin:0 15px 0 20px;
border-collapse:collapse;
}

div.main ul li{
margin-top:3px;
list-style-image:url(../image/list_icon.gif);
}

div.main ul.normal{
margin-bottom:20px;
}

div.main ul.normal li{
margin-top:3px;
list-style-image:none;
}

div.main table th,div.main table td{
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
padding:5px 5px;
}

div.main table th{
width:15%;
}

div.main table td{
width:85%;
padding-left:30px;
}

div.mission{
margin:0 15px 20px;
background:url(../image/about02.gif) no-repeat left bottom;
}

div.mission h3{
background:#none;
border:none;
padding:0;
margin:0 0 15px;
}

div.mission ol{
padding-bottom:10px;
}

div.mission li{
margin-bottom:10px;
}


/* --------------------------------------------------------------------
	UD実践支援の流れ
-------------------------------------------------------------------- */

div.approach{
}

div.approach dl,
div.preparation dl{
margin:10px 5px;
}

div.approach dl dt,
div.preparation dl dt{
border-bottom:1px dotted #338F3E;
margin:30px 10px 0;
}

div.approach dl dd{
margin:0;
padding:15px 0;
padding-left:90px;
background:url(../image/approach_allow.gif) no-repeat left bottom;
}

div.approach dl dd.no_arrow,
div.preparation{
background:none;
}

div.approach p,
div.preparation p{
margin-top:0;
}

div.approach p span{
font-size:80%;
color:#338F3E;
}


div.preparation{
}

div.preparation dl dd{
margin:0;
padding:15px 0;
padding-left:90px;
background:url(../image/preparation_allow.gif) no-repeat left bottom;
}

p.preparation_contact{
background:url(../image/temp/icon01.gif) no-repeat left center;
padding-left:20px;
float:right;
}


/* --------------------------------------------------------------------
	サイドナビ
-------------------------------------------------------------------- */

div.sidenavi{
float:right;
margin-top:10px;
margin-bottom:10px;
width:200px;
background:url(../image/sidenavi_bg_body.gif) repeat-y #fff;
font-size:110%;
}

@media print{
div.sidenavi{
display:none;
}
}

div.sidenavi h2{
margin:0;
padding:0;
width:200px;
height:40px;
}

div.sidenavi ul{
margin:0;
padding:10px 0;
list-style:none;
background:url(../image/sidenavi_bg_bottom.gif) no-repeat bottom;
}

div.sidenavi li{
margin:0 0 0 10px;
padding:0 0 10px 0;
}

div.sidenavi li a{
display:block;
margin:0;
padding:2px 10px 2px;

}

div.sidenavi li a:hover{
background:url(../image/sidenavi_tri.gif) no-repeat center left;
}



/* --------------------------------------------------------------------
	実践支援の内容
-------------------------------------------------------------------- */

@media print{
div.details_theme,
div.details_job{
clear:both !important;
width:auto !important;
float:none !important;
}
div.details_menu ul{
margin:10px 0;
}
div.details_menu ul li a{
width:auto !important;
padding:5px 0;
}
}

div.details_theme{
float:left;
width:365px;
}

div.details_job{
float:right;
width:365px;
}

div.details_theme p,
div.details_job p,
p.details_wrap{
border:5px solid #E1F0A6;
padding:10px;
}

div.details_menu{
clear:both;
float:left;
}

div.details_menu ul{
margin:10px 0 10px 30px;
float:left;
list-style:none;
_display:inline;
}

div.details_menu ul li{
display:inline;
}

div.details_menu ul li a{
display:block;
float:left;
width:150px;
padding:5px 0 5px 30px;
margin-right:2.5em;
font-size:110%;
background:url(../image/temp/icon03.gif) no-repeat left center;
}




/* --------------------------------------------------------------------
	実践支援の内容
-------------------------------------------------------------------- */

table.table_contact{
border:3px double #CCC;
border-collapse:collapse;
margin:15px;
}

table.table_contact th{
border:1px solid #CCC;
border-right:3px double #CCC;
padding:5px;
text-align:left;
background:#EEE;
}

table.table_contact td{
border:1px solid #CCC;
padding:5px;
}

table.table_contact span{
color:#F00;
font-weight:normal;
}

p.submit{
text-align:center;
}

p.right{
margin-bottom:20px;
text-align:right;
font-weight:bold;
}
ul.sitemap{
font-size:110%;
}

ul.sitemap li{
margin:5px !important;
}
/* --------------------------------------------------------------------
	コラム
-------------------------------------------------------------------- */
h3.column{
background:url(../image/temp/h3_bg.gif) repeat-x left bottom;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
padding:5px;
margin:15px 10px 0 10px;
color:#205D29;
font-size:120%;
}

h4.field{
margin: 0 10px 5px 10px;
padding:3px;
border: none;
background:#EEF6D0;
text-align: right;
font-weight: normal;
font-size: 90%;
}

h5.plain{
margin: 0 10px 0 10px;
padding:3px;
border: none;
background:none;
text-align: left;
font-weight: bold;
font-size: 100%;
}

dl.column-list {
margin:10px;
border-bottom:1px solid #CCC;
}

dl.column-list dt{
width:8em;
float:left;
clear:both;
padding:8px 10px;
border-top:1px solid #CCC;
background: url(../image/temp/icon02.gif) no-repeat left center;
}

dl.column-list dd{
margin-left:120px;
padding:8px;
border-top:1px solid #CCC;
}

div#column h5 {
	margin: 10px auto;
	padding: 2px 0px;
	font-weight: bold;
	font-size: 116%;
}

/* 強調用の枠表示用 */
div#column ul.expression {
	/*margin:20px;*/
	margin: 0px 0px 20px;
	padding: 10px 0px 10px 25px;
	border: 5px solid #E5F2B3;
}

/* 注釈 */
div#column em.Annotation {/* Annotation */
	margin: 0px 0.1em;
	font-style: normal;
	font-weight: normal;
	font-size: 77%;
}



/* --------------------------------------------------------------------
	汎用
-------------------------------------------------------------------- */

div.box-green{
clear:both;
margin:10px;
border-left:10px solid #205D29;
padding:5px;
font-size:110%;
background:#EEF6D0;
}
div.box-green ol{
margin:20px;
padding:0;
list-style-position:inside;
}
div.box-green ol li{
margin-bottom:8px;
padding:0;
font-weight:bold;
}