@charset "utf-8";
/* CSS Document */

/* @override http://el-salaam.com/common/css/common.css */

/*
=============CONTENTS=================

	last up date 03.02.2009
	start   date 09.28.2008

======================================

*/

*
	{
	margin:0;
	padding:0;
	}
	
body
	{
	background: #EC727D url(../img/back.jpg) repeat-x;
	margin: 20px 0 0 0;
	color: #434343;
	font: 13px/1.6 Arial,helvetica,'Hiragino Maru Gothic ProN', 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ ProN W4', 'ヒラギノ丸ゴ Pro W4', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	}
	
a
	{
	text-decoration: none;
	outline: none;
	}
	
a img
 
	{
	border:0;
	text-decoration: none;
	}
	
a:link,
a:active,
a:visited
	{
	color: #9400D3;
	text-decoration: none;
	}
	
a:hover
	{
	color: #E81E37;
	text-decoration: underline;
	}
	
ul li{list-style: none;}			

/*------------------------------------
         Float Clear
------------------------------------*/

.clear:after{
 content: ". "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
.clear{
  overflow:hidden;
  clear: both;
}

.clear{zoom:1;}

.line{clear:both;}		
hr{display:none;}
	
/*------------------------------------
         Color
------------------------------------*/

span.red{color:#CC0000;}
span.blue{color:#006699;}
span.brown{color:#800000;}
span.skyblue{color:#00BFFF;}
span.green{color:#006400;}
span.orange{color:#FF8C00;}
span.pink{color:#ff6699;}

/*------------------------------------
         Wrapeer
------------------------------------*/	

#Wrapper
	{
	width: 970px;
	margin: 0 auto;
	background: #FFF;
	}
	
/*------------------------------------
         Header
------------------------------------*/	

#Header
	{
	width: 970px; 
	margin: 0 auto; 
	position: relative;
	height: 170px;
	background:#FFF url(../img/header/header0002.jpg) no-repeat;
	}
	
	
h1#Logo a
	{
	width:325px;
	position: absolute;
	text-decoration: none;
	top: 0;
	left: 0;
	font-size: 1px;
	}
	
h1#Logo a img
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
#Header ul#Contact
	{
	position: absolute;
	top: 13px;
	right:10px;
	background: url(../img/header/header0003.jpg) no-repeat;
	width: 633px;
	height: 90px;
	text-indent: -9999px;
	}
	
#Header ul#Contact li#Web a
	{
	display: block;
	width: 633px;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 0px;
	}

#Header ul#Faq {
	position: absolute;
	top: 108px;
	right: 10px;
	background: #000 url(../img/header/faq.jpg) no-repeat;
	width: 140px;
	height: 25px;
	text-indent: -9999px;
}

#Header ul#Faq a {
	display: block;
	width: 140px;
	height: 25px;
}

#Header ul#Info {
	position: absolute;
	top: 108px;
	right: 155px;
	background: #000 url(../img/header/info.jpg) no-repeat;
	width: 83px;
	height: 25px;
	text-indent: -9999px;
}

#Header ul#Info a {
	display: block;
	width: 83px;
	height: 25px;
}

/* added20100227 GMenu */

#Header ul#GMenu {
	position: absolute;
	width: 950px;
	height: 31px;
	top: 140px;
	right: 10px;
	background: #ED5264;
}

#Header ul#GMenu li {
	display: inline;
	float: left;
}

#Header ul#GMenu li a {
	width: 158px;
	height: 31px;
	display: block;
	overflow: hidden;
	margin: 3px 0 0 0;
	text-indent : -9999px ;
}

#Header ul#GMenu li#GM001 a {
	width: 159px;
	background: url(../img/btn/btn_0001.jpg) no-repeat;
}
#Header ul#GMenu li#GM006 a{
	width: 159px;
	background: url(../img/btn/btn_0006.jpg) no-repeat;
}

#Header ul#GMenu li#GM002 a{
	background: url(../img/btn/btn_0002.jpg) no-repeat;
}
#Header ul#GMenu li#GM003 a{
	background: url(../img/btn/btn_0003.jpg) no-repeat;
}
#Header ul#GMenu li#GM004 a{
	background: url(../img/btn/btn_0004.jpg) no-repeat;
}
#Header ul#GMenu li#GM005 a{
	background: url(../img/btn/btn_0005.jpg) no-repeat;
}

#Header ul#GMenu li#GM001 a:hover {
	background: url(../img/btn/btn_on_0001.jpg) no-repeat;
}

#Header ul#GMenu li#GM002 a:hover {
	background: url(../img/btn/btn_on_0002.jpg) no-repeat;
}

#Header ul#GMenu li#GM003 a:hover {
	background: url(../img/btn/btn_on_0003.jpg) no-repeat;
}

#Header ul#GMenu li#GM004 a:hover {
	background: url(../img/btn/btn_on_0004.jpg) no-repeat;
}

#Header ul#GMenu li#GM005 a:hover {
	background: url(../img/btn/btn_on_0005.jpg) no-repeat;
}

#Header ul#GMenu li#GM006 a:hover {
	background: url(../img/btn/btn_on_0006.jpg) no-repeat;
}

#Container
	{
	width: 970px;
	}

#Content
	{
	float: left;
	width: 630px;
	margin: 0;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	}
#ContWrapper{margin-top: 10px;}	
#Home #Contbody
	{
	width: 630px;
	/*background: #ccc;*/
	float: left;
	}
#Home #Contbody h2,#Home #Contbody h3{text-indent: -9999px;}	
#Home #Contbody h2
	{
	background: url(../img/home/home0004.jpg) no-repeat;
	width: 630px;
	height: 45px;
	margin: 0 0 0 10px;
	}
	
#Home #Contbody h3
	{
	background: url(../img/home/home0003.jpg) no-repeat;
	width: 630px;
	height: 21px;
	}	
	
#Home #Contbody p
	{
	margin:15px 0 15px 25px;
	}
	
#Home #Contbody .info
	{
	margin: 10px 10px 0 10px;
	}	

#Home #Contbody dl
	{
	/*border-bottom: 1px dotted #CCC;*/
	}
	
#Home #Contbody dt
	{
	float: left;
	background: url(../img/home/home0008.jpg) no-repeat 0px 3px;
	padding:0 20px 2px 20px;
	}
	
#Home #Contbody dd
	{
	float: left;
	padding-bottom: 2px;
	}		
	
#Home #Contbody .info p.more a
	{
	background:url(../img/home/home0005.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 159px;
	height: 21px;
	margin: 10px 0 0 auto;
	}

/* added20100227 ContBox */

#Home #Contbody #ContBox {

}

#Home #Contbody #ContBox h3 {
	display: block;
	width: 630px;
	height: 21px;
	background:url(../img/home/home0009.jpg) no-repeat;
	text-indent: -9999px;
	margin: 10px 0;
}

#Home #Contbody #ContBox #cb183{
	float: left;
	width: 300px;
	height: 180px;
	margin: 0 0 10px 10px;
	background:url(../img/home/cb_workshop.jpg) no-repeat;
}

#Home #Contbody #ContBox #cb182{
	float: left;
	width: 300px;
	height: 180px;
	margin: 0 0 10px 10px;
	background:url(../img/home/cb_event.jpg) no-repeat;
}

#Home #Contbody #ContBox #cb181{
	float: left;
	width: 300px;
	height: 180px;
	margin: 0 0 20px 10px;
	background:url(../img/home/cb_photo.jpg) no-repeat;
}


#Home #Contbody #ContBox #cb180{
	float: left;
	width: 300px;
	height: 180px;
	margin: 0 0 20px 10px;
	background:url(../img/home/cb_release.jpg) no-repeat;
}

#Home #Contbody #ContBox ul {
	margin: 5px 0 0 5px;
}

#Home #Contbody #ContBox ul li {
	font-size: 11px;
	padding: 0 0 0 7px;
	background:url(../img/home/sq.jpg) 0 6px no-repeat;
}

#Home #Contbody #ContBox span {
	display: block;
	width: 180px;
	text-align: right;
	font-size: 11px;
}

#Home #Contbody #ContBox #cb183 p,
#Home #Contbody #ContBox #cb182 p,
#Home #Contbody #ContBox #cb181 p,
#Home #Contbody #ContBox #cb180 p {
	font-size: 11px;
	margin: 0;
	padding: 0 115px 0 5px;
	line-height: 17px;
}

#Contbody .pan {
	margin: 0 0 0 10px;
}

/*------------------------------------
         Side
------------------------------------*/	

#Side
	{
	float:right;
	width: 310px;
	margin: 10px 10px 0 0;
	}
	

#Side h3 {
	width: 310px;
	height: 21px;
	background: url(../img/side/h3_link.jpg) no-repeat;
	text-indent: -9999px;
	margin: 8px 0 10px;
}

#Side ul li {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
}

#Side #link_banner {
}

#Side ul#link_banner li {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
}

#Side ul#link_banner li img {
	vertical-align: bottom;
}

#Side #SPhoto
	{
	width: 230px;
	margin: 15px auto 0;
	}
#Side #SPhoto h3
	{
	background: url(../img/side/side0009.png) no-repeat;
	text-indent: -9999px;
	height: 25px;
	margin-bottom: 15px;
	}
	
#Side .sbox
	{
	width: 200px;
	margin: 0 auto 15px;
	padding-bottom: 10px;
	text-align: right;
	line-height: 1;
	color: #FFF;
	border-bottom: 1px dotted #CCC;
	font-size: 12px;
	}
	
#Side h3#Link
	{
	background: url(../img/side/side0010.png) no-repeat;
	}
	
ul#Links
	{
	width: 180px;
	margin: 0 auto;
	}		
	
						
	
/*------------------------------------
         Footer
------------------------------------*/		

#Footer 
	{
	clear: both;
	margin: 30px 10px 10px;
	padding: 5px 0;
	}

#Footer ul
	{
	text-align: left;
	padding: 30px 0 0 10px;
	border-bottom: 1px solid #ccc;
	}
	
#Footer li
	{
	display: inline;
	font-size: 11px;
	}
	
#Footer p
	{
	font-size: 11px;
	text-align: left;
	padding: 0 0 0 10px;
	}
	
	
p.top a
	{
	background: url(../img/course/gototop.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 120px;
	height: 10px;
	margin:0 0 0 auto;
	}