@charset "utf-8";

/*
---------------------------------------------------------------
Base CSS
Last Up Date :2009/9/11
---------------------------------------------------------------
*/



/* tag
----------------------------------------------*/
* {
	font-style:normal;
	margin:0px;
	padding:0px;
}


body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;
  padding : 0;
}

body {
	color:#333333;
 /*	line-height:160%;*/
	text-align:center;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Osaka", verdana,arial, sans-serif;
	font-size:80%;
}

img {
	border:none;
}


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

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

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

a:hover{  
  background:#D9C1D5;
  text-decoration:underline;
}

a:active { color:#CC99CC;} 

ul {
	list-style-type:none;
}

h1{
	font-size:140%;
	margin:0;
	padding:0;
}


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

br{letter-spacing: 0;}


/*commonClass
--------------------------------------------------------*/
.f-left {
	float:left;
}

.f-right {
	float:right;
}

.f-clear{
	clear:both;
}

.aligh-left{
	text-align:left;
}

.aligh-right{
	text-align:right;
}

.text110{
	font-size:110%;
	line-height:130%;
}

.text80{
	font-size:80%;
	line-height:100%;
}


/*container
----------------------------------------------------------*/

#container{
	width:1200px;
	height:550px;
	margin-top:30px;
	margin-left : auto;
	margin-right : auto ;
	background:url(../images/bgbg.png) repeat;
/*	z-index:1;*/
}

/*container(for study_group.html
---------------------------------------------------------*/
#container2{
	width:1200px;
	height:1300px;
	margin-top:50px;
	margin-left : auto;
	margin-right : auto ;
	background:url(../images/bgbg.png) repeat;
/*	z-index:1;*/
}

/*container(for contact)
---------------------------------------------------------*/
#container3{
	width:300px;
	height:450px;
	background:url(../images/bgbg.png);
/*	z-index:1;*/
}

/*header
------------------------------------------------------------*/
#header{
	width:900px;
	height:20x;
	margin-top:60px;
	vertical-align:middle;
	float:left;
	margin-left:150px;
}

/*gNavi
------------------------------------------------------------*/
#gNaviBTN{
	width:900px;
	height:20px;
	/*float:left;*/
	/*margin:0 auto 0 0px;*/
}

#gNaviBTN ul{
	vertical-align:text-top;
	vertical-align:top;
}

#gNaviBTN ul li {
	display:inline;
	float: left;
	line-height: 20px;
	margin:0 20px 0 auto;
}
 

#gNaviBTN ul li a{
	/*vertical-align:bottom;*/
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gNaviBTN ul li a:hover{
	/*vertical-align:bottom;*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gNaviBTN .top_btn a{
	background-image:url(../images/gNavi_top.png);
	width:80px;
}

#gNaviBTN .top_btn a:hover{
	background-image: url(../images/gNavi_top_on.png);
	width:80px;
}

#gNaviBTN .contest_btn a{
	background-image:url(../images/gNavi_contest.png);
	width:140px;
}

#gNaviBTN .contest_btn a:hover{
	background-image:url(../images/gNavi_contest_on.png);
	width:140px;
}

#gNaviBTN .symposium_btn a{
	background-image:url(../images/gNavi_symposium.png);
	width:120px;
}

#gNaviBTN .symposium_btn a:hover{
	background-image:url(../images/gNavi_symposium_on.png);
	width:120px;
}

#gNaviBTN .study_group_btn a{
	background-image:url(../images/gNavi_study_group.png);
	width:120px;
}

#gNaviBTN .study_group_btn a:hover{
	background-image:url(../images/gNavi_study_group_on.png);
	width:120px;
}


#gNaviBTN .jp_sla_btn a{
	background-image:url(../images/gNavi_jp_sla.png);
	width:180px;
}

#gNaviBTN .jp_sla_btn a:hover{
	background-image:url(../images/gNavi_jp_sla_on.png);
	width:180px;
}

#gNaviBTN .form_btn a{
	background-image:url(../images/gNavi_mail_form.png);
	width:100px;
}

#gNaviBTN .form_btn a:hover{
	background-image:url(../images/gNavi_mail_form_on.png);
	width:100px;
}

/*logo
---------------------------------------------------------*/
#sla_logo{
	float:left;
	margin:30px auto auto 45px;
}

/*logo2 (
---------------------------------------------------------*/
#sla_logo2{
	float:left;
	margin:100px auto auto 45px;
}


/*wrapper
-----------------------------------------------------*/
#wrapper{
	width:600px;
	height:300px;
	background-image:url(../images/bg_wrap.png);
	background-repeat:repeat;
/*	background-position:center bpttom;*/
	float:right;
	margin:30px 50px auto auto;
}

/*wrapper2(for study_group.html)
-------------------------------------------------------*/
#wrapper2{
	width:800px;
	height:1050px;
	background-image:url(../images/bg_wrap.png);
	background-repeat:repeat;
/*	background-position:center bpttom;*/
	float:right;
	margin:30px 50px auto auto;
}

/*wrapper3(for other)
-------------------------------------------------------*/
#wrapper3{
	width:800px;
	height:300px;
	background-image:url(../images/bg_wrap.png);
	background-repeat:repeat;
/*	background-position:center bpttom;*/
	float:right;
	margin:30px 50px auto auto;
}
	
	

/*main
------------------------------------------------------*/

#main{
	width:320px;
	height:230px;
	float:left;
	margin:0 auto 0 65px;
/*	z-index:2;*/
	
}

#main a:visited {
	color:#333333;
	text-decoration:underline;
}

#main a:link,a:visited {
	color:#333333;
	text-decoration:underline;
}


/*footer
------------------------------------------------------*/
.hr_black{
	border-color:#000000;
	color:#000000;
	border:solid 2px noshade;
	margin-top:25px;
}


#footer{
	width:1100px;
	margin:5px 50px auto 50px;
	color:#000033;
}


#footer_left{
	width:600px;
	float:left;
	display:inline;
	text-align:left;
}

#footer_sla{
	float:left;
}


#footer_address{
	float:right;
	font-size:90%
}


#foort_right{
	width:435px;
	float:right;
	margin-left:180px; 
}

#copy{
	text-align:right;
	font-weight:700;
	font-size:110%;
	line-height:140%;
	margin-top:3px;
}


/*--------------------
index-top page
---------------------*/

/*
-----------------------------------------------------*/
#fuk_sla{
	margin:20px auto auto 20px;
	float:left;
}

#h2_news{
	margin:20px 300px auto auto;
	float:right;
}	

#contents{
	float:right;
	margin:10px 30px auto auto;
	width:320px;
	height:230px;
	background:#FFFFFF;
	text-align:left;
}

/*contents2(for studyGroup)
--------------------------------*/
#contents2{
	float:right;
	margin:10px 30px auto auto;
	width:530px;
	height:950px;
	background:#FFFFFF;
	text-align:left;
}

/*contents3(for other)
--------------------------------*/
#contents3{
	float:right;
	margin:10px 30px auto auto;
	width:530px;
	height:230px;
	background:#FFFFFF;
	text-align:left;
}


/* news
--------------------------------------------------------*/

.date{
	margin:10px auto auto 15px;
	width:30px;
	text-align:left;
	float:left;
}

.news{
	margin:10px 15px auto 10px;
	width:210px;
	text-align:left;
	float:right;
}

/*--------------------
contest page
---------------------*/

/*
-----------------------------------------------------------*/
#h2_contest{
	margin:20px 440px auto auto;
	float:right;
}

#contest{
	width:300px;
	margin-left:20px;
	line-height:120%;
}

#contest h3{
	margin-top:10px;
}

#contest dl dt{
	margin:5px auto auto 30px;	
}

#contest dl dd{
	margin-left:50px;
}

#contest p{
	margin-left:50px;	
}

/*--------------------
symposium page
---------------------*/

/*
-----------------------------------------------------------*/
#h2_symposium{
	margin:20px 390px auto auto;
	float:right;
}

#symposium{
	width:300px;
	margin-left:20px;
	line-height:120%;
}

#symposium h3{
	margin-top:10px;
}

#symposium p{
	margin-left:30px;	
}

/*--------------------
study_group page
---------------------*/
#h2_studyGroup{
	margin:20px 390px auto auto;
	float:right;
}

#studyGroup{
	width:500px;
	margin-left:20px;
	line-height:120%;
}

#studyGroup h3{
	margin:10px auto 5px auto;
}

#studyGroup table{
	border-collapse:collapse;
}

#studyGroup table td{
	border:#000033 1px solid;
	padding:3px;
}