@charset "UTF-8";

/* CSS Document */

/*
	Theme Name: sichikashuku ITS
	Description: 
	Theme URI: 
	Author: odc
	Author URI: 
	Version: 1.0
*/


/****************************************

common

*****************************************/

* {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif"メイリオ",Meiryo,"Lucida Grande",Osaka !important;
}

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #555;
	width: 100%;
	height: 100%;
	/*-webkit-text-size-adjust: 100%;*/
}

img {
	border: none;
	margin: 0;
	padding: 0;
	/*line-height: 1;*/
	vertical-align: middle;
}

div, h1, h2, h3, h4, p, ul, li,
th, td, form, input, textarea {
	margin: 0;
	padding: 0;
}


/*---------------------------------
 Text Link
----------------------------------*/

a:link {
	color: #555;
	text-decoration: none;
}

a:visited {
	color: #555;
	text-decoration: none;
}

a:hover,
div#footer a:hover {
	color: #bbb;
	text-decoration: none;
}

/*a img:hover {
	opacity: 0.7;
	-moz-opacity:0.7;
	filter: alpha(opacity=70);
}*/


/*---------------------------------
 Layout
----------------------------------*/

#container {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align: left;
	font-size: 14px;
	background: url(img/head_line.png) repeat-x left top;
}

body > div#container { /* FF対策 */
	height: auto;
}

#header {
	margin: 0 auto ;
	padding: 0;
	text-align: center;
	width: 900px;
	overflow: hidden;  /*float対策 */
}

#contents {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.main-box {
	margin: 0 auto 40px auto;
	padding: 20px 0 0 0;
	width: 910px;
	overflow: hidden;
}

#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
    padding: 0;
	border-top: #4DA6FF solid 5px;
	text-align: center;
	background-color: #f9f9f9;
}


/*---------------------------------
 Header
----------------------------------*/

.site-logo {
	margin-top: 25px;
	margin-bottom: 10px;
}

.head-info {
	font-weight: normal;
	font-size: 100%;
}

	

/*---------------------------------
 heaader-menu
----------------------------------*/

.header-menu{
	width: 100%;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
	background-color: #4DA6FF;
}

.header-menu ul{
	width: 910px;
	margin: 0 auto;
}

.header-menu ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 33%;
	text-align: center;
	font-size: 115%;
	border-left: 1px dotted #fff;
}

.header-menu ul li.last {
	border-right: 1px dotted #fff;
}

.header-menu ul li a {
	margin: 0;
	padding: 10px 0;
	color: #fff;
	display: block;
}

.header-menu ul li a img{
	margin-right: 10px;
}

.header-menu ul li a:hover {
	background-color: #006AB6;
}


/*---------------------------------
 Contents
----------------------------------*/

.top-img-box {
	width: 910px;
	margin: 20px auto;
}

.clear {
	clear: both;
}

h2 {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color: #4DA6FF;
	font-size: 130%;
	font-weight: normal;
	background: url(img/bg_title.png) repeat-x bottom left;
}

h2 img {
	margin-right: 10px;
}

.center {
	text-align: center;
}

.read-box {
	text-align: center;
	padding: 0;
	margin: 20px auto 15px auto;
	font-size: 120%;
	font-weight: 700;
	line-height: 1.5;
	clear: both;
}

.read-box span{
	text-align: center;
	padding: 0;
	margin: 20px auto 15px auto;
	font-size: 140%;
	font-weight: 700;
	line-height: 1.5;
	clear: both;
}

.text-box {
	width: 870px;
	margin: 20px auto;
	overflow: hidden;
	text-align: left;
	line-height: 1.7;
}


/*box*/

.es-lbox,
.es-cbox,
.es-rbox { 
	width: 283px;
	margin-right: 30px;
	float: left;
}

.es-rbox {
	margin-right: 0;
}


#es03 h3 {
	text-align: center;
	height: 44px;
	margin-bottom: 15px;
	line-height: 2.8;
	color: #fff;
	font-weight: normal;
	border-radius: 22px;		/* CSS3草案 */
	-webkit-border-radius: 22px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 22px;	/* Firefox用 */
}

.es-lbox h3 { background-color:#4BACC6;}
.es-cbox h3 { background-color:#F79646;}
.es-rbox h3 { background-color:#9BBB59;}


#es03 .es-read {
	text-align: center;
	height: 40px;
	font-weight: bold;
}

.es-lbox .es-read,
.es-cbox .es-read {
	line-height: 3;
}


#es03 ol {
	padding-left: 18px;
}

#es03 ol li {
	margin: 10px 0;
}

/*#es03 .es-lbox ol li { color: #31859C; }
#es03 .es-cbox ol li { color: #E46C0A; }
#es03 .es-rbox ol li { color: #77933C; }*/
#es03 .es-lbox ol li { color: #4BACC6; }
#es03 .es-cbox ol li { color: #F79646; }
#es03 .es-rbox ol li { color: #9BBB59; }
    #es03 .es-lbox ol li ol li ,
    #es03 .es-cbox ol li ol li ,
    #es03 .es-rbox ol li ol li{ color: #555; }

#es03 ol li ol{
	padding-left: 0;
}

#es03 ol li ol li{
    list-style-type: none;
	padding-left: 14px;
	font-size: 95%;
}

#es03 .es-lbox ol li ul li { background: url(img/head_b.png) no-repeat left top; color: #555;}
#es03 .es-cbox ol li ul li { background: url(img/head_o.png) no-repeat left top; color: #555;}
#es03 .es-rbox ol li ul li { background: url(img/head_g.png) no-repeat left top; color: #555;}


.lineb {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.btn-box {
	clear: both;
	text-align: left;
	width: 400px;
	padding: 0;
	margin: 30px auto;
	line-height: 1.2;
}

.btn-box a{
	display: block;
	background: url(img/bg_btn.png) no-repeat 350px 10px;
	text-align: center;
	border: 3px solid #4EA6FF;
	padding: 7px 0 5px 0;
	color: #4EA6FF;
	font-size: 120%;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
}

.btn-box a:hover {
	border: 3px solid #71B7FF;
	color: #71B7FF;
}

.btn-box a span{
	font-size: 85%;
}


/*---------------------------------
 Footer
----------------------------------*/

.fmenu {
	clear: both;
	display:block;
	width: 910px;
	margin: 50px auto 10px auto;
	text-align: center;
	overflow: hidden;
}

.fmenu ul {
	margin: 10px auto;
}

.fmenu ul li {
	margin-top:0;
	list-style: none;
	line-height: 1;
	font-size: 95%;
	padding: 0 15px;
	border-left : 1px dotted #ccc;
}

.fmenu ul li.last {
	border-right: 1px dotted #ccc;
}

.foot-box {
	width: 920px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
}

.copyright-box {
	margin: 30px 0 20px 0;
	padding: 0;
	color: #ccc;
	font-size: 90%;
	/*letter-spacing: 0.1em;*/
}

.finfo-box {
	text-align: center;
	font-size: 95%;
}

.finfo span{
	font-weight: bold;
	font-size: 110%;
}

.finfo a{
	font-weight: bold;
	margin-right:10px;
}

/* Page Top */

#page-top {
	width: 910px;
	margin: 20px auto;
	text-align: right;
}

#page-top a img:hover {
	opacity: 0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
}



@media (max-width: 940px) {
    #container {
        font-size: 100%;
    }
}

/*---------------------------------
 Utility classes
----------------------------------*/

/* ---------- margin */
.mgnt10 {margin-top: 10px;}
.mgnt15 {margin-top: 15px;}
.mgnt28 {margin-top: 28px;}
.mgnt30 {margin-top: 30px;}
.mgnb5 {margin-bottom: 5px;}
.mgnb10 {margin-bottom: 10px;}
.mgnb15 {margin-bottom: 15px;}
.mgnb20 {margin-bottom: 20px;}
.mgnb30 {margin-bottom: 30px;}
.mgnb50 {margin-bottom: 50px;}
.mgnb60 {margin-bottom: 60px;}
.mgnb100 {margin-bottom: 100px;}
.mgnb150 {margin-bottom: 150px;}
.mgnl40 {margin-left: 40px;}
.mgnr0  {margin-right: 0;}
.mgnr15 {margin-right: 15px;}
.mgnr20 {margin-right: 20px;}
.mgnr25 {margin-right: 30px;}
.mgnr30 {margin-right: 30px;}
.pdgr15 {margin-right: 15px;}

/* ---------- wrap control */
.inlineBlock{display: inline-block;}