body{
background-color: #0098b0;
color: #333;
font-size: 100%;
text-align: center;
font-family: Arial, "ＭＳ Pゴシック", "Osaka",sans-serif;
margin: 0;
padding: 0;
}

/***** common format *****/

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: normal;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

ol {
margin: 0;
padding: 0;
}

li {
margin: 0;
padding: 0;
}

p, pre, blockquote {
margin: 0;
padding: 0;
}

dl, dt, dd {
margin: 0;
padding: 0;
}

a:link, a:visited {
text-decoration: underline;
}

a:hover, a:active {
text-decoration: none;
}

form, input, select, textarea, label {
margin: 0;
padding: 0;
vertical-align: middle;
}

table, th, td{
margin: 0px;
padding: 0px;
border-collapse: collapse;
vertical-align: top;
}

img {
display: inline;
border: none;
vertical-align: bottom;
}


/***** basic anchor format *****/

a:link {
color: #3332cb;
text-decoration: underline;
}

a:visited {
color: #3332cb;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a:active {
color: #3332cb;
text-decoration: none;
}

/*************************************/
/********** header elements **********/
/*************************************/

#headerContainer {
background-color: #fff;
width: 100%;
text-align: center;
}

/********** h1 **********/

#header h1 {
background-color: #0098b0;
color: #fff;
text-align: left;
}

#header h1 span {
display: block;
width: 950px;
margin: 0 auto;
padding: 3px 0;
text-align: left;
font-size: 0.7em;
_font-size: 0.6em;
color: #fff;
}

#header h1 a {
color: #fff;
text-decoration: none;
}

/********** headerBody elements **********/

.headerBodyContainer {
position: relative;
background-image: url(images/header_bg.gif);
background-repeat: repeat-x;
}

.headerBody {
position: relative;
width: 950px;
height: 92px;
margin: 0 auto;
/*border: solid 1px #f00;*/
}

.headerBody h2 {
position: absolute;
top: 22px;
left: 0px;
}

.headerNavi {
position: absolute;
top: 1px;
left:510px;
}

.headerNavi ul li {
float: left;
font-size: 0.8em;
padding-left: 4px;
}

.headerInfo {
position: absolute;
top: 42px;
left: 514px;
text-align: left;
font-size: 0.7em;
line-height: 1.6em;
}

.mobileInfo {
position: absolute;
top: 35px;
left: 790px;
}


/*************************************/
/********** footer elements **********/
/*************************************/

#footerContainer {
clear: both;
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
width: 100%;
text-align: center;
}

#footer{
padding-bottom: 10px;
}

.footerNavi {
width: 950px;
height: 26px;
margin: 0 auto;
text-align: left;
}

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

.footMenu ul{
float: left;
}

.footMenu li {
float: left;
padding: 7px 15px 0 0;
}

.footMenu img {
vertical-align: top;
}

.pageup {
float: right;
}

.pageup2 {
clear:both;
float: right;
padding-bottom:3px;
}


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

.footerBody {
clear: both;
width: 950px;
margin: 0 auto;
text-align: left;
}

.footBanner li {
padding: 10px 0 0;
}

.footBanner li {
float: left;
padding-right: 4px;
}

.footBanner li.end {
padding-right: 0;
}

.footerText {
clear: both;
padding: 10px 0 0;
color: #fff;
font-size: 0.7em;
}

.footerInfo {
width:500px;
float:left;
padding: 10px 0;
color: #fff;
font-size: 0.7em;
}

.footaddress {
  margin-left:10px;
vertical-align:bottom;
}

.getAdobe {
width:160px;
float:right;
padding:5px 0;
}

.copyright {
clear:both;
color: #fff;
font-size: 0.7em;
}



/*****************************************/
/********** navigation elements **********/
/*****************************************/

#navigationContainer {
clear: both;

width: 100%;
text-align: center;
}

#navigation {
padding-top: 5px;
text-align: center;
}

ul.dropdown {
width: 950px;
height: 62px;
margin: 0 auto;
text-align: left;
}

ul.dropdown a {
color: #003399;
text-decoration: none;
}

ul.dropdown { position: relative; z-index: 2; }
ul.dropdown li { float: left; }
ul.dropdown a:hover { }
ul.dropdown a:active { }

ul.dropdown li a {
display: block;
}

ul.dropdown li:last-child a { border-right: none; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
ul.dropdown li.hover a { }

ul.dropdown ul {
background: #fff;
width: 179px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
}

ul.dropdown ul li {
font-weight: normal;
background: #fefffb;
color: #000;
float: none;
height: auto;
}

ul.dropdown ul li a {
display: inline;
}

ul.dropdown ul li.hover a {

}

/***********************************/
/********** main elements **********/
/***********************************/

#mainContainer {
clear: both;
background-color: #fff;
width: 100%;
text-align: center;
}

#main {
clear:both;
width: 950px;
margin: 0 auto;
text-align: left;
}

.leadText {
padding: 10px 0;
font-size: 0.8em;
line-height: 1.4em;
}


/*****************************************/
/********** bottomMenu elements **********/
/*****************************************/

.bottomMenu {
clear: both;
width: 950px;
padding: 10px 0 5px;
font-size: 0.7em;
}

.bottomMenu a:link {
color: #3834c7;
text-decoration: none;
}

.bottomMenu a:visited {
color: #3834c7;
text-decoration: none;
}

.bottomMenu a:hover {
text-decoration: underline;
}

.bottomMenu a:active {
color: #3834c7;
text-decoration: none;
}

/****************************************/
/********** crumbnavi elements **********/
/****************************************/

#crumbNavi {
width: 950px;
font-size:0.6em;
_font-size:0.55em;
line-height:32px;
margin-right:auto;
margin-left:auto;
margin-top:0;
padding:0;
}

#crumbNavi ul {
padding-left:0px;
}

#crumbNavi li {
float: left;
}

#crumbNavi a:link { text-decoration: none;}
#crumbNavi a:visited { text-decoration: none;}
#crumbNavi a:hover { text-decoration: underline;}
#crumbNavi a:active {text-decoration: none;}


/***************************************/
/********** contents elements **********/
/***************************************/

.contentsHome {
float: right;
width: 725px;
}

.contents {
float: right;
width: 725px;
font-size:0.8em;
line-height:1.4em;
}

h3 {
margin-bottom:15px;
}

h4.tit04 {
  background: #f6f6f6;
	border-bottom:solid 3px #0098b0;
	width:720px;
  line-height:25px;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding: 5px 0px 5px 5px;
  margin: 10px 0 10px 0;
	clear:both;
}

h4.tit04 span {
  border-left:solid 6px #0098b0;
	display:block;
	padding:3px 0 0 10px;
	line-height:20px;
	}


h5.tit05 {
	width:720px;
  line-height:25px;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding: 4px 0px 4px 5px;
  margin: 5px 0 10px 0;
	clear:both;
	background: #0098b0;
	color:#ffffff;
}

h5.tit05 span {
  border-left:solid 6px #ffffff;
	display:block;
	padding:2px 0 0 10px;
	line-height:20px;
	}

h6.tit06 {
width:700px;
line-height:25px;
font-size:1.1em;
font-weight:bold;
color:#0098b0;
text-align:left;
padding:3px 0 3px 10px;
margin:5px 0;
}

h6.tit06 span {
display:block;
border-bottom:dotted 1px #0098b0;
}

p.tit07 {
line-height:1.2em;
font-size:1.0em;
font-weight:bold;
text-align:left;
color:#3b3a3a;
padding:1px 0 2px 10px;
margin: 5px 0 5px 10px;
border-left:solid 6px #0098b0;
}

h4.tit04h {
  background: #f6f6f6;
	border-bottom:solid 3px #0098b0;
	width:720px;
  line-height:25px;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding: 5px 0px 5px 5px;
  margin: 10px 0 20px 0;
	clear:both;
}

h4.tit04h span {
  border-left:solid 6px #0098b0;
	display:block;
	padding:3px 0 0 10px;
	line-height:20px;
	}
	
h5.tit05h {
	width:720px;
  line-height:25px;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding: 4px 0px 4px 5px;
  margin: 5px 0 20px 0;
	clear:both;
	background: #0098b0;
	color:#ffffff;
}

h5.tit05h span {
  border-left:solid 6px #ffffff;
	display:block;
	padding:2px 0 0 10px;
	line-height:20px;
	}

h6.tit06h {
width:700px;
line-height:25px;
font-size:1.1em;
font-weight:bold;
color:#0098b0;
text-align:left;
padding:3px 0 3px 10px;
margin:5px 0 20px;
}

h6.tit06h span {
display:block;
border-bottom:dotted 1px #0098b0;
}

p.tit07h {
line-height:1.2em;
font-size:1.0em;
font-weight:bold;
text-align:left;
color:#3b3a3a;
padding:1px 0 2px 10px;
margin: 5px 0 20px 10px;
border-left:solid 6px #0098b0;
}



/********** blogContainer elements **********/

.blogContainer {
width:725px;
margin-top:10px;
}

.blogContents {
width:530px;
float:left;
padding-left:5px;
}

.blogSubContents {
width:180px;
float:right;
}

/********** blogContainer elements **********/

.blogContainer {
  width:725px;
margin-top:10px;
}

.blogContents {
  width:530px;
float:left;
padding-left:5px;
}

.blogSubContents {
  width:180px;
float:right;
}

/********** blogNavi elements **********/

#blogNavi {
float: left;
width: 180px;
/*margin-top:10px;*/
margin-bottom:15px;
}

.blogLocalNavi {
  border-top:solid 1px #dadada;
}

.blogLocalNavi li {
  border-bottom:solid 1px #dadada;
line-height:1.0em
}

.blogLocalNavi li a {
display: block;
background-image: url(images/blog_local_menu_bg.gif);
background-repeat: no-repeat;
text-decoration: none;
width: 180px;
font-size: 0.8em;
}

.blogLocalNavi li a:hover {
background-position: 0 -200px;
text-decoration: none;
}

.blogLocalNavi li span {
display: block;
padding: 5px 5px 5px 30px;
}

.blogLocalNavi li.blogCurrent {
background-image: url(images/blog_local_menu_bg.gif);
background-repeat: no-repeat;
background-position: 0 -200px;
width: 180px;
color: #333333;
font-size: 0.8em;
_vertical-align:bottom;
text-decoration: none;
line-height:1.2em;
_padding-top:2px;
}



/********** blogtitle elements **********/

h4.blogtitle {
background: #f6f6f6;
border-bottom:solid 3px #0098b0;
width:525px;
line-height:25px;
font-size:1em;
font-weight:bold;
text-align:left;
padding: 5px 0px 5px 5px;
margin: 0 0 20px 0;
clear:both;
}

h4.blogtitle span {
border-left:solid 6px #0098b0;
display:block;
padding:3px 0 0 10px;
line-height:20px;
}


h5.blogtitle {
background: #f6f6f6;
width:525px;
line-height:25px;
font-size:1em;
font-weight:bold;
text-align:left;
padding: 5px 0px 5px 5px;
margin: 0 0 20px 0;
clear:both;
}

h5.blogtitle span {
border-left:solid 6px #0098b0;
display:block;
padding:3px 0 0 10px;
line-height:20px;
}

.blogDate {
width:525px;
margin: 15px 0 0 0;
padding:5px 0 0 0;
border-top: solid 2px #f6f6f6;
font-size:0.9em;
}

.pager {
clear:both;
font-size:0.8em;
text-align:center;
padding:10px 0;
margin:10px 0;
background: #f6f6f6;
border: solid 1px #f1f1f1;
}

.CurrentPage {
font-weight:bold;
}



/**********************************/
/********** sub elements **********/
/**********************************/

.sub {
float: left;
width: 210px;
}

/********** banner elements **********/

.bannerBlock {
margin-bottom: 15px;
clear:both;
}

.bannerText {
margin-bottom: 5px;
font-size: 0.7em;
_font-size: 0.55em;
}

.bannerTitle {
margin-bottom: 5px;
}

.bannerList li {
margin-bottom: 5px;
}

.bannerListTop {
margin-bottom: 10px;
}

.bannerListTop li {
margin-bottom: 5px;
}




/********** subMenu elements **********/

.subMenuBlock {
margin-bottom: 5px;
border-top: solid 1px #ccc;
}

.line01 {
border-top: solid 5px #fca001;
}

.line01 .subMenu li {
background-image: url(images/submenu_icon_org.gif);
}

.line02 {
border-top: solid 5px #5776c0;
}

.line02 .subMenu li {
background-image: url(images/submenu_icon_blu.gif);
}

.subMenu {
background-image: url(images/submenu_bg.gif);
background-repeat: repeat-y;
width: 210px;
text-align: left;
}

.subMenu li {
background-repeat: no-repeat;
background-position: 1em 0.7em;
font-size: 0.8em;
border-bottom: solid 1px #ccc;
}

.subMenu li a {
display: block;
padding: 0.4em 0 0.6em 2.4em;
}

.subMenu a:link {
color: #3834c7;
text-decoration: none;
}

.subMenu a:visited {
color: #3834c7;
text-decoration: none;
}

.subMenu a:hover {
text-decoration: underline;
}

.subMenu a:active {
color: #3834c7;
text-decoration: none;
}



/********** subMenu elements **********/

.subMenuBlock {
margin-bottom: 5px;
border-top: solid 1px #ccc;
}

.line01 {
border-top: solid 5px #0098b0;
}

.line01 .subMenu li {
background-image: url(images/submenu_icon_01.gif);
}

.line02 {
border-top: solid 5px #5776c0;
}

.line02 .subMenu li {
background-image: url(images/submenu_icon_02.gif);
}

.subMenu {
background-image: url(images/submenu_bg.gif);
background-repeat: repeat-y;
width: 210px;
text-align: left;
}

.subMenu li {
background-repeat: no-repeat;
background-position: 1em 0.7em;
font-size: 0.8em;
border-bottom: solid 1px #ccc;
}

.subMenu li a {
display: block;
padding: 0.4em 0 0.6em 2.4em;
}

.subMenu a:link {
color: #3834c7;
text-decoration: none;
}

.subMenu a:visited {
color: #3834c7;
text-decoration: none;
}

.subMenu a:hover {
text-decoration: underline;
}

.subMenu a:active {
color: #3834c7;
text-decoration: none;
}


/*****************************************/
/************ sideNavi elements **********/
/*****************************************/

#sideNavi {
float: left;
width: 210px;
margin-bottom:15px;
}

.sideLocalNavi {
  border-top:solid 1px #dadada;
font-size: 0.75em;
}

.sideLocalNavi li {
  border-bottom:solid 1px #dadada;
}

.sideLocalNavi li a {
display: block;
background-image: url(images/side_local_menu_bg.gif);
background-repeat: no-repeat;
text-decoration: none;
width: 210px;
}

.sideLocalNavi li a.sideCurrent {
display: block;
background-image: url(images/side_local_menu_bg.gif);
background-repeat: no-repeat;
background-position: 0 -200px;
text-decoration: none;
width: 210px;
}

.sideLocalNavi li a:link {
text-decoration: none;
}

.sideLocalNavi li a:visited {
text-decoration: none;
}

.sideLocalNavi li a:hover {
background-position: 0 -200px;
text-decoration: none;
}

.sideLocalNavi li a:active {
text-decoration: none;
}


.sideLocalNavi li a span {
display: block;
padding: 8px 0px 8px 30px;
}





.sideLocalNavi2 {
border-top:dashed 1px #CCCCCC;
}

.sideLocalNavi2 li {
  border-bottom:dashed 1px #CCCCCC;
}

.sideLocalNavi2 li a {
display: block;
background-image: url(images/icon_arrow_gray.gif);
background-position: 18px 1.1em;
background-repeat: no-repeat;
text-decoration: none;
width:210px;
}

.sideLocalNavi2 li a:link {
text-decoration: none;
}

.sideLocalNavi2 li a:visited {
text-decoration: none;
}

.sideLocalNavi2 li a:hover {
background-image: url(images/icon_arrow_gray.gif);
background-position: 18px 1.1em;
text-decoration: underline;
}

.sideLocalNavi2 li a:active {
 border-bottom-style: none;
}

.sideLocalNavi2 li.navi2end {
  border-bottom-style: none;
}


.sideLocalNavi2 li a.current {
color:#000000;
text-decoration: none;
}


.sideLocalNavi2 li a.current:link {
color:#000000;
text-decoration: none;
}

.sideLocalNavi2 li a.current:visited {
text-decoration: none;
}

.sideLocalNavi2 li a.current:hover {
color:#000000;
text-decoration: none;
}

.sideLocalNavi2 li a.current:active {
 color:#000000;
text-decoration: none;
}





/************************************************/
/********** homepage contents elements **********/
/************************************************/


.cblogTit {
  width:725px;
  height:38px;
  position:relative; z-index: 1;
}

.cblogTit h3 {
  padding:0;
	margin:0;
  width:725px;
	height:38px;
}

.cblogTit h3 img {
  margin:0;
	padding:0;
	}

.cblogTit p {
  width:190px;
  height:24px;
  position:absolute;
  top:7px;
  right:7px;
}

.cblogTit p a {
  width:190px;
  height:24px;
	}

.cblogTit p a:hover {
  width:190px;
  height:24px;
}

.cblogBox {
  padding:15px;
  font-size:0.8em;
	} 

p.cblog-lead {
  margin: 2px 0 20px 0;
	font-size:0.9em;
	line-height:1.4em;
	}

.cblogBox2 {
  line-height:1.4em;
  width:690px;
	} 

.cblogBox2 dl {
  float:left;
	width:335px;
	height:80px;
	margin-bottom:2px;
	margin-right:10px;
	}

.cblogBox2 dt {
  width:96px;
	float:left;
	margin-right:10px;
	}

.cblogBox2 dd {
  width:225px;
	float:right;
	}

.TxtB {
  font-weight:bold;
	}

/* shool blog */

.cblogBox-shool {
	overflow: hidden;		
  padding: 0px 10px 5px 10px;
  font-size:1em;
  line-height:1.4em;
  width:690px;
}
	
.cblogBox-shool2 {
  line-height:1.4em;
  width:690px;
} 

.cblogBox-shool2 dl {
  float:left;
	width:335px;
	height:80px;
	margin-bottom:2px;
	margin-right:10px;
}

.cblogBox-shool2 dt {
  width:96px;
	float:left;
	margin-right:10px;
}

.cblogBox-shool2 dd {
  width:225px;
	float:right;
}

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

.featuresBox {
  font-size:0.8em;
	margin:0;
	padding:0;
	} 

.featuresLead {
  padding:13px 9px 21px;
	font-size:0.9em;
	line-height:1.4em;
	} 

.featuresList li {
  padding:10px;
	} 

.featuresList li p {
  padding-left:35px;
	font-size:0.9em;
	line-height:1.5em;
	} 

.icon-one { background: url(images/icon_one.gif) no-repeat 10px 0.9em #f7f7f7;}

.icon-two { background: url(images/icon_two.gif) no-repeat 10px 0.9em;}

.icon-three { background: url(images/icon_three.gif) no-repeat 10px 0.9em #f7f7f7;}

.icon-four { background: url(images/icon_four.gif) no-repeat 10px 0.9em;}

.icon-five { background: url(images/icon_five.gif) no-repeat 10px 0.9em #f7f7f7;}

.wantBox {
  font-size:0.8em;
	margin:0;
	padding:0;
	} 

.wantLead {
  padding:13px 9px 21px;
	font-size:0.9em;
	line-height:1.4em;
	} 

.wantList li {
  padding: 4px 10px 7px 10px;
	background: url(images/icon_check.gif) no-repeat 10px 0.75em;
	}

.wantList li.bg-g {
  background-color:#f7f7f7;
	}

.wantList li p {
  padding:0 0 0 35px;
	font-size:0.9em;
	line-height:1.5em;
	} 

.bottomBtnBox {
	width: 725px;
	margin: 0 auto 15px;
	padding: 17px 0 0;
	text-align: center;
	border-top: solid 3px #f7f7f7;
	text-align:center;
}

.bottomBtnBox ul {
	width: 425px;
	margin-right:auto;
	margin-left:auto;
 }

.bottomBtnBox li {
  padding-bottom:25px;
}

.bottomBtnBox li {
	float: left;
	padding-right: 35px;
}

.bottomBtnBox li.bottomBtnend {
	padding-right: 0;
}
.cr-b { clear:both; }

.m00 { margin: 0px;}
.m05 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m25 { margin: 25px;}
.m30 { margin: 30px;}
.m35 { margin: 35px;}
.m40 { margin: 40px;}

.mt00 { margin-top: 0;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.mb00 { margin-bottom: 0;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

.ml00 { margin-left: 0;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}

.mr00 { margin-right: 0;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}


.p00 { padding: 0px;}
.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p30 { padding: 30px;}
.p40 { padding: 40px;}

.pt00 { padding-top: 0;}
.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}

.pb00 { padding-bottom: 0;}
.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}

.pl00 { padding-left: 0;}
.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}

.pr00 { padding-right: 0;}
.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}