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

*htmlタグ*

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

*{margin: 0;padding: 0;}

body{
color: #000;background: #fff;font-size: 80%;text-align: center;line-height: 150%;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;word-break: break-all;}

ul, li{list-style-type: none;}

img{border: none;}

a{color: #000;;text-decoration: none;}
a.blueline{color: blue;text-decoration: underline ;}

a:hover{color: #000;text-decoration: underline;}


/********************* default parts ***********************/

.l{float: left;margin-right: 10px;margin-bottom: 10px;}

.r{float: right;margin-left: 10px;margin-bottom: 10px;}

.tRight{text-align: right;margin-bottom: 10px;}

.tRight02{text-align: right;margin-right: 20px;margin-bottom: 10px;}

.tCenter{text-align: center;margin-bottom: 10px;}

.cb{clear: both;}


/********************* layout ***********************/


#shade{

width:751px;

background-color:#fff;

background:url(images/main_bg.jpg) repeat-y;

margin-left: auto;

margin-right: auto;

text-align: center;

}



#body{

width: 717px;

margin-left: auto;

margin-right: auto;

text-align: left;

background: #fff;

}



#header {

position: relative;

text-align: left;

width: 717px;

}



#content{

text-align: left;

margin: 0px;

padding: 0px;

background: url(images/contentBack.jpg) repeat-y;

float: left;

}



#main{

float: right;

width: 549px;

}

#sidemenu{
float: left;
width: 163px;
text-align:left;
margin-top: 20px;
padding-bottom: 24px;
}

#footer{
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 0px;
width:717px;
height:48px;
background: url(images/footer_bg.jpg) repeat-x #ccc;
}



/********************* header ***********************/



#header h1{

font-size: 90%;

color: #CCC;

margin-bottom: 7px;

margin-left: 5px;

position: relative;

float:left;

}



#header p.headerLogo{

float: right;

margin-bottom: 7px;

margin-top: 5px;

margin-right: 3px;

}



#header p.headerBackTop{

position: absolute;

top: 24px;

left: 6px;

}



/********************* main H tag,p ***********************/



#main h1{

font-size: 130%;

padding: 0px;

margin-bottom: 10px;

}



#main h2{

font-size: 110%;

padding: 0px;

margin-bottom: 10px;

color: #389EDE;

}



#main h3{

font-size: 110%;

padding: 0px;

margin-bottom: 10px;

}



#main div.entry p{

margin-bottom: 10px;

}



#main div.categoryList h2{

padding: 0.3em 10px;

border-left: 7px solid #ccc;

border-bottom: 1px solid #ccc;

}



#main div.categoryList h2 a{

color: #389EDE;

}



#main div.categoryList h2 a:hover{

color: #389EDE;

}



#main h2#trackbacks{

color: #000;

padding: 5px 10px;

border-left: solid 7px #389EDE;

border-bottom: solid 1px #ccc;

clear: both;

}



/********************* main H tag [category] ***********************/



#main h1#cat0201{

border-left: solid 7px #ea9696;

padding-left: 7px;

margin-bottom: 0px;

padding-bottom: 20px;

}



#main p#cat0201{

border-left: solid 7px #ea9696;

padding-left: 7px;

margin-bottom: 20px;

}



#main h1#cat0202{

border-left: solid 7px #62a8ca;

padding-left: 7px;

margin-bottom: 0px;

padding-bottom: 20px;

}



#main p#cat0202{

border-left: solid 7px #62a8ca;

padding-left: 7px;

margin-bottom: 20px;

margin-top: 0px;

}



#main h1#cat0203{

border-left: solid 7px #6ba7af;

padding-left: 7px;

margin-bottom: 0px;

padding-bottom: 20px;

}



#main p#cat0203{

border-left: solid 7px #6ba7af;

padding-left: 7px;

margin-bottom: 20px;

}



#main h1#cat0204{

border-left: solid 7px #0094da;

padding-left: 7px;

margin-bottom: 0px;

padding-bottom: 20px;

}



#main p#cat0204{

border-left: solid 7px #0094da;

padding-left: 7px;

margin-bottom: 20px;

margin-top: 0px;

}



#main h1#cat0205{

border-left: solid 7px #7fcbad;

padding-left: 7px;

margin-bottom: 0px;

padding-bottom: 20px;

}



#main p#cat0205{

border-left: solid 7px #7fcbad;

padding-left: 7px;

margin-bottom: 20px;

}



#main h1#cat0206{

border-left: solid 7px #01abe6;

padding-left: 7px;

margin-bottom: 0px;

padding-bottom: 20px;

}



#main p#cat0206{

border-left: solid 7px #01abe6 ;

padding-left: 7px;

margin-bottom: 20px;

}



/********************* main ul , dl***********************/



#main ul{

margin: 0px 20px;

margin-bottom: 10px;

list-style-type: disc;

}



#main ul li{

margin: 0px 15px;

list-style-type: disc;

}



#main  div.entry ul.trackbackList{

clear: both;

margin: 0px;

text-align: right;

}



#main dl.system{

margin-bottom: 10px;

}



#main dl.system span{

font-size: 85%;

}



#main dl.system dt{

color: #0196DA;

font-size: 110%;

margin-top: 15px;

border-bottom: solid 1px #62a8ca;

}



#main dl.system dd{

border-bottom: solid 1px #62a8ca;

}



#main dl.system dd.borderRes{

border-style: none;

}



#main dl.group{

margin-bottom: 10px;

}



#main dl.group dt{

font-size: 110%;

padding: 2px 0px;

}



#main dl.group dd.bottomborder{

border-bottom: solid 1px #62a8ca;

}



/********************* sidemenu ***********************/



#sidemenu h2{

font-size: 90%;

padding: 0.2em;

margin: 0px 13px;

margin-bottom: 5px;

border: 1px solid #CBC1BF;

background: url(images/sidemenuH2Back.jpg) repeat-x #DDD5D2;

}



#sidemenu ul{

margin: 0px 14px;

margin-bottom: 5px;

}



#sidemenu p{

margin-left: 3px;

margin-bottom: 15px;

}



#sidemenu ul li{

padding: 0px;

padding-left: 0.2em;

line-height: 140%;

margin-bottom: 0.2em;

border: 1px solid #E2DDDA;

background: url(images/sidemenuListBack.jpg) repeat-x #F4F0ED;

}



#sidemenu ul li a{

font-size: 80%;

width: 90%;

padding: 0.2em;

display: block;

padding-left: 10px;

text-decoration: none;

background: url(images/sidemenuListAllow.gif) no-repeat left 0.5em;

}



#sidemenu  a:hover{

text-decoration:underline;

}

/********************* entry table ***********************/



table{

font-size: 100%;

margin-bottom:10px;

}



th{

color: #3993d2;

text-align: left;

vertical-align: top;

padding-right: 5px;

}



/********************* main ***********************/



#main p.topicPath{

padding: 5px 20px;

margin-bottom: 10px;

}



#main div.entry{

clear: both;

padding: 0px 20px;

margin-bottom: 10px;

}



#main div.bottomMag{

padding: 20px 0px;

}



#main strong{

margin-bottom: 0px;

}



/********************* entry posted ***********************/



#main p.posted{

clear: both;

margin-bottom: 10px;

text-align: right;

}



#main p.posted a{

text-decoration: none;

}



#main p.posted a:hover{

text-decoration: underline;

}


.midashi {   margin:0 0 15 0;
	padding: 5px 5px 3px;
	background-color: #FAFAFA;
	border-left: 10px red solid;
	border-bottom: 1px #DEDEDE solid;
font-size:14px;font-weight:bold;text-align:left;
}


/********************* mapList ***********************/



div.mapList{

margin-top:15px;

margin-left:20px;

}



div.mapList img{

margin-bottom:15px;

}



div.mapList img.rightMag{

margin-right: 35px;

}



/************************* p# ***********************/

p#one{

background: url(images/one_back.jpg) no-repeat 0 0.5em #fff;

padding-left: 30px;

margin-bottom: 10px;

}



p#two{

background: url(images/two_back.jpg) no-repeat 0 0.5em #fff;

padding-left: 30px;

margin-bottom: 10px;

}



p#three{

background: url(images/three_back.jpg) no-repeat 0 0.5em #fff;

padding-left: 30px;

margin-bottom: 10px;

}



p#four{

background: url(images/four_back.jpg) no-repeat 0 0.5em #fff;

background-repeat: no-repeat;

padding-left: 30px;

margin-bottom: 10px;

}

p#five{
color:#cc3300;
font-size: 110%;
font-weight:bold;
margin-bottom: 10px;}

h2.bottomBorder02{
font-size: 110%;padding: 
0px;margin-top: 30px;
color: #389EDE;
border-bottom:solid 1px #389EDE;
text-align: center;}

h2.bottomBorder03{
font-size: 120%;
padding: 0px;
margin-top: 30px;
color: #389EDE;
border-bottom:solid 1px #389EDE;
text-align: left;}

/********************* footer ***********************/

#footer p.footerLeft{

position: absolute;

left: 21px;

top: 11px;

}



#footer p.footerRight{

padding-right: 21px;

padding-top: 11px;

text-align: right;

}



#footer p.footerRight span a{

margin-right: 8px;

}

/********************* 企業理念 ***********************/


.kyocho_red{color:red;font-weight:bold;}

.rinen_1{padding:20 20 20 20;
      background:white;
     border: #cc3300 1px dashed;}



/*-----------------2010.09.25追加　CA-Iwaki↓-----------------*/
img { border: 0; }

.mRight00{ margin-right:0px !important; }
.mRight05{ margin-right:5px !important; }
.mRight10{ margin-right:10px !important; }
.mRight15{ margin-right:15px !important; }
.mRight20{ margin-right:20px !important; }
.mRight25{ margin-right:25px !important; }
.mRight30{ margin-right:30px !important; }

.mBottom00{ margin-bottom:0px !important; }
.mBottom05{ margin-bottom:5px !important; }
.mBottom10{ margin-bottom:10px !important; }
.mBottom15{ margin-bottom:15px !important; }
.mBottom20{ margin-bottom:20px !important; }
.mBottom25{ margin-bottom:25px !important; }
.mBottom30{ margin-bottom:30px !important; }

/*-----------------------------
clearfix
-----------------------------*/

.clearfix:after {  
  content: ".";
  display: block;
  visibility: hidden;  
  height: 1%;
  font-size: 0;  
  line-height: 0;  
  clear: both;  
}
.clearfix { zoom: 1; }  
* html .clearfix { height: 1%; }

.clr {clear: both;}

/********************************************************
    コンテンツスタイル
********************************************************/
div#dmc {
	padding: 0;
	width: 515px;
	color: #3D3D3D;
}

div#dmc a:link		{color: #0066CC; text-decoration: underline;}
div#dmc a:visited	{color: #0066CC; text-decoration: underline;}
div#dmc a:active 	{color: #0066CC; text-decoration: underline;}
div#dmc a:hover		{color: #0066CC; text-decoration: none;}

div#dmc div.btnBox1 {
	background: url(img/dmc_img_05.png) no-repeat top;
	width: 515px;
	height: 102px;
	position: relative;
}
	div#dmc div.btnBox1 p.left {
		width: 302px;
		height: 87px;
		position: absolute;
		left: 17px;
		top: 4px;
	}
	div#dmc div.btnBox1 p.right {
		width: 174px;
		height: 87px;
		position: absolute;
		left: 325px;
		top: 4px;
	}

div#dmc div.listBox {
	width: 515px;
	padding: 5px 0;
	float: left;
}
	div#dmc div.listBox dl {
		width: 515px;
		float: left;
	}
	div#dmc div.listBox dl dd {
		background: url(img/dmc_icon_01.png) left no-repeat;
		padding: 2px 10px 2px 13px;
		float: left;
	}

div#dmc div.nextBox {
	width: 515px;
}
	div#dmc div.nextBox div.Npart1 {
		background: url(img/dmc_bg_01.png) no-repeat left top;
		padding: 46px 0 0 29px;
		height: 105px;
		
	}
	div#dmc div.nextBox div.Npart2 {
		background: url(img/dmc_bg_02.png) no-repeat left top;
		padding: 40px 0 0 176px;
		height: 107px;
		
	}
	div#dmc div.nextBox dl {
		width: 310px;
	}
	div#dmc div.nextBox dl dt {
		font-weight: bold;
		font-size: 1.1em;
		padding: 2px 0;
	}
	div#dmc div.nextBox p {
		padding: 10px 81px;
	}
	
div#dmc p.CourseTit {
	width: 515px;
	margin-bottom: 20px;
}
div#dmc p.CourseTitsub {
	width: 515px;
	margin-bottom: 20px;
}
div#dmc div.CourseBox {
}
div#dmc div.CourseBox.Cpart1 {
	padding: 46px 0 0 29px;
	position: relative;
}
div#dmc div.CourseBox.Cpart2 {
	padding: 40px 0 0 176px;
	position: relative;
}
.bgimg1 {
	background: url(img/dmc_bg_03.png) no-repeat left top;
	height: 220px;
}
.bgimg2 {
	background: url(img/dmc_bg_04.png) no-repeat left top;
	height: 221px;
}
.bgimg3 {
	background: url(img/dmc_bg_05.png) no-repeat left top;
	height: 243px;
}
.bgimg4 {
	background: url(img/dmc_bg_06.png) no-repeat left top;
	height: 232px;
}
.bgimg5 {
	background: url(img/dmc_bg_07.png) no-repeat left top;
	height: 218px;
}
.bgimg6 {
	background: url(img/dmc_bg_08.png) no-repeat left top;
	height: 248px;
}
.bgimg7 {
	background: url(img/dmc_bg_09.png) no-repeat left top;
	height: 202px;
}
.bgimg8 {
	background: url(img/dmc_bg_10.png) no-repeat left top;
	height: 221px;
}
.bgimg9 {
	background: url(img/dmc_bg_12.png) no-repeat left top;
	height: 243px;
}
.bgimg10 {
	background: url(img/dmc_bg_13.png) no-repeat left top;
	height: 221px;
}
	div#dmc div.CourseBox dl {
	}
	div#dmc div.CourseBox dl dt {
		font-weight: bold;
		font-size: 1.1em;
		padding: 2px 0;
		width: 310px;
	}
	div#dmc div.CourseBox dl dd{
		width: 310px;
	}
	div#dmc div.CourseBox p {
		width: 466px;
		position: absolute;
	}
		div#dmc div.CourseBox p.Ppart1 {
			top: 185px;
		}
		div#dmc div.CourseBox p.Ppart2 {
			top: 180px;
			left: 29px;
		}
		div#dmc div.CourseBox p.Ppart3 {
			top: 190px;
			left: 29px;
		}
		div#dmc div.CourseBox p.Ppart4 {
			top: 200px;
			left: 29px;
		}

div#dmc p.DataBtn {
	margin: 5px 0;
	padding-right: 12px;
	width: 503px;
	height: 35px;
}
div#dmc hr {
	width: 515px;
	border: 1px solid #CC0000;
	height: 2px;
	color: #CC0000;
	margin-bottom: 20px;
}

div#dmc div.CourseBox.comment {
	background: url(img/dmc_bg_11.png) no-repeat left top;
	padding: 50px 0 0 30px;
	height: 159px;
}
	div#dmc div.CourseBox.comment ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	div#dmc div.CourseBox.comment ul li.com {
		list-style: none;
		margin: 0px;
		padding-bottom: 2px;
		width: 465px;
	}
	
div#dmc div#lecturerBox {
	border: solid #CC0000;
	border-width: 0 1px 1px 1px;
	padding: 8px 0 8px 9px;
}
	div#dmc div#lecturerBox div.teachers {
		width: 158px;
		margin-right: 10px;
		float: left;
	}
	div#dmc div#lecturerBox div.teachers dl {
	}
	div#dmc div#lecturerBox div.teachers dl dt {
		font-weight: bold;
		padding: 3px 3px;
		font-size: 0.9em;
	}
	div#dmc div#lecturerBox div.teachers dl dt.name {
		font-size: 1.3em;
		border-bottom: 1px solid #CCCCCC;
	}
	div#dmc div#lecturerBox div.teachers dl dd {
		padding: 3px 3px;
		font-size: 0.9em;
	}
/*-----------------2010.09.25追加　CA-Iwaki↑-----------------*/