﻿@charset "utf-8";

/*------------------------------------------------------------------------------
Hyogo InterCampus - CSS Modules Import
Date: 2010-06-07
Copyright (C) Hyogo InterCampus. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Content - Main

---------------------------------------- */



/* -- InfoListSec -- */

div#InfoListSec ol.InfoList {
	padding-left: 10px;
}

div#InfoListSec {
	margin-bottom: 20px;
}

/*  -- TopInfo -- */

div#TopInfo {
	margin-bottom: 20px;
}

div#TopInfo p {
	padding: 5px 10px 0;
}

/* -- Step01 -- */

div#Step01 {
	margin-bottom: 20px;
	padding: 0 4px;
	background: #58c4f6 url(../img/top/bg_step_01.png) 0 100% no-repeat;
}

div#Step01 h2 {
	position: relative;
	margin: 0 -4px;
}

div#Step01_01 {
	padding: 10px 16px 25px;
	background-color: #fff;
}

div#Step01_01 h3 {
	margin-bottom: 15px;
}

div#Step01_01 ul#LearnList li {
	margin-top: 15px;
}

div#Step01_01 ul#LearnList ol {
	padding: 6px 0 5px 10px;
}

div#Step01_01 ul#LearnList ol li {
	margin-top: 0;
	padding: 6px 0 8px;
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
}

div#Step01_01 ul#LearnList ol li.Even {
	background-color: #f6f6f6;
}

div#Step01_01 ul#LearnList ol li span.Eve,
div#Step01_01 ul#LearnList ol li span.Lec {
	padding-left: 70px;
	background: url(../img/common/icon_event_01.png) 0 50% no-repeat;
}

div#Step01_01 ul#LearnList ol li span.Lec {
	background-image: url(../img/common/icon_lec_01.png);
}

div#Step01_01 ul#LearnList ol li a {
	display: block;
	padding-left: 13px;
	background: url(../img/common/icon_arrow_02.png) 0 0.4em no-repeat;
	line-height: 1.4;
	font-weight: 700;
	zoom: 1;
}

div#Step01_02 {
	padding: 0 16px 10px;
	background-color: #fff;
}

div#Step01_02 h3 {
	position: relative;
	margin: 0 -16px 15px;
} 

div#Step01_02 div.SrchCat {
	float: left;
	width: 210px;
}

div#Step01_02 div#SrchCat02 {
	width: 268px;
}

div#Step01_02 div#SrchCat03 {
	width: 277px;
}

div#Step01_02 div#SrchCat03 ul {
	min-height: 205px;
	height: auto !important;
	height: 205px;
	padding-left: 190px;
	background: url(../img/top/map_area_01.png) 0 10px no-repeat;
}


/* -- MainEx -- */

div#MainEx,
div#MainEx02 {
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 4px;
	background: url(../img/top/bg_entry_01.png) 0 100% no-repeat;
}

div#MainEx h3,
div#MainEx02 h3 {
	margin-bottom: 0;
}

div#MainEx div.InSec,
div#MainEx02 div.InSec {
	border: 1px solid #ff8b0f;
	border-top: none;
	border-bottom: none;
	padding: 15px;
}

div#MainEx div.InSec div,
div#MainEx02 div.InSec div {
	margin-top: 15px;
	padding-top: 15px;
	background: url(../img/common/line_dotted_01.png) 0 0 repeat-x;
}

div#MainEx div.InSec div table,
div#MainEx02 div.InSec table {
	width: 100%;
}

div#MainEx div.InSec div table th,
div#MainEx div.InSec div table td,
div#MainEx02 div.InSec table th,
div#MainEx02 div.InSec table td {
	line-height: 1.4;
	vertical-align: top;
}

div#MainEx div.InSec div table td.Btn,
div#MainEx02 div.InSec table td.Btn {
	padding-left: 10px;
	text-align: right;
}

/* -- ConsultSec -- */

div#ConsultSec {
	margin-bottom: 20px;
	padding: 0 3px 5px;
	background: #206fe6 url(../img/top/bg_consult_01.png) 0 100% no-repeat;
}

div#ConsultSec h2 {
	position: relative;
	margin: 0 -3px;
}

div#ConsultSec div.InSec {
	padding: 10px 0 7px 8px;
	background-color: #fff;
}

div#ConsultSec div.InSec td {
	width: 181px;
	padding: 0 9px 0 0;
	background: url(../img/top/bg_consult_02.png) 0 100% no-repeat;
	vertical-align: top;
}

div#ConsultSec div.InSec td.Hover {
	background: #f8fdff url(../img/top/bg_consult_03.png) 0 100% no-repeat;
}

div#ConsultSec div.InSec td.Sep {
	height: 10px;
	background: none;
}

div#ConsultSec div.InSec td p {
	padding: 5px 14px 10px;
	line-height: 1.4;
}

/* -- MainBnr -- */

ul.MainBnr li {
	float: left;
	display: inline;
	width: 285px;
	margin-bottom: 10px;
}

ul.MainBnr li.Clear {
	clear: left;
	margin-right: 15px;
}

/* ----------------------------------------

Content - Sub

---------------------------------------- */

div#Sub {
	float: right;
	width: 245px;
}


/* -- About -- */

div#About {
	padding-bottom: 15px;
}

div#About h3 {
	margin-bottom: 15px;
}

div#About p {
	margin: -10px 0 10px;
	padding: 0 10px;
}

div#About dl.SecStyleSub01 {
	width: 245px;
	margin-bottom: 6px;
	background: #f2f2f2 url(../img/common/bg_sub_01.png) 0 100% no-repeat;
}

div#About dl.SecStyleSub01 dd {
	padding: 2px 10px 7px;
}

/* -- Step03 -- */

div#Step03 {
	background: #c0e358 url(../img/top/bg_step_03.png) 0 100% no-repeat;
}

div#Step03 p {
	margin: 5px;
	line-height: 1.4;
}

div#Step03 ul.SubBtn {
	padding: 84px 0 10px;
	background: url(../img/top/bg_hyocom_01.png) 6px 100% no-repeat;
}

div#Step03 div.SubBtn02 {
	padding: 18px 7px 15px;
	margin: 0 -7px;
	background:url("/files/img/top/line_comu_01.png") repeat-x scroll 0 0 #ecfcca;
}

div#Step03 ul.SubBtn li {
	text-align: right;
}

div#Step03 h5 {
	position: relative;
	margin: 0 -7px;
}

/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div#Step01_02:after,
ul.MainBnr:after,
div#ConsultSec ul:after,
div#MainEx div.InSec:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div#Step01_02,
*:first-child+html ul.MainBnr,
*:first-child+html div#ConsultSec ul,
*:first-child+html div#MainEx div.InSec {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html div#Step01_02,
* html ul.MainBnr,
* html div#ConsultSec ul,
* html div#MainEx div.InSec {
	zoom: 1;
}
