@charset "utf-8";

/*------------------------------------------------------------------------------------
CSS Document 


INDEX
	#1 commons
	#2 headings
	#3 a
	#4 other tags
	#5 classes

	#6 wrapper
	#7 header
	#8 main image
	#9 navigationf
	#10 container
	#11 mainLeft
	#12 mainRight
	#13 footer
	
	#14 localNavigation
	#15 tables
	#16 form


font-size
	1px  6.25%
	10px 62.5%
	11px 68.75%
	12px 75% 

	+1px 106.25%
	+2px 112.5%


	-1px 93.75%
	-2px 87.5%

color code
	main color
	sub color
	accent color
	
	string1 #cccccc
	string2 


iepngfix
	img{
		behavir:url(../js/iepngfix.htc);
	}

	



author:
lastmodified:2007-11-01	


------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------
=1 commons
------------------------------------------------------------------------------------*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}
html{overflow-y:scroll;}
body{

	font-size:75%;
	line-height:1.5;
	color:#333;
	background:#FFFFFF;
	font-family:"Roboto", "Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Roboto Condensed", Arial, Helvetica, Osaka, Geneva,sans-serif;
	margin:0 auto;
	position:relative;
}
 
table{  
	border-collapse:collapse;   
	border-spacing:0;   
	border:0;
}

td,th{
	border:0;
	vertical-align:top;
}


fieldset,img {    
	border:0;   
} 


address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 

ul {  
	list-style:none;   
} 

caption,th {  
	text-align:left;   
} 

h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
} 

q:before,q:after {  
	content:'';   
} 

abbr,acronym {
	border:0;   
}  

strong{
	font-weight:bold;
}

p.head_comment strong{
	color:#660099;
}

.en {
	font-family: 'Roboto', Arial, Helvetica, Geneva,"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,  sans-serif;
}

.gototop {
	clear: both;
	width: 100%;
	height: 15px;
	margin: 15px auto;
}

.gototop a{
	display: block;
	width: 160px;
	padding-left: 20px;
	height: 15px;
	margin: 0 0 0 auto;
	background: url(../img/arwup.gif) no-repeat left 80%;
	text-decoration: none;
	color: #333333;
}


/*------------------------------------------------------------------------------------
=2 headings
------------------------------------------------------------------------------------*/

.contents, .meeting {
	width: 670px;
	padding: 25px 30px;
	border: 1px solid white;
	border-top-color: #3155a4;
	background-color: white;
	float: left;
	position: relative;
}

.meeting {
	border: 10px solid #003369;
	width: 590px;
	padding: 60px;
	background-color: #faf9f1;
	line-height: 1.8;
	font-size: 115%;
}

.main .meeting h2 {
	text-align: center;
	font-size: 150%;
	border-bottom: 1px dotted #003369;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HGP明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.main .meeting h2.title {
	font-size: 220%;
	padding: 0 0 15px;
	border-bottom: 4px solid #003369;
	background: url(../img/h4_bk.gif) repeat-x center 120%;
}

.meeting div.title {
	font-size: 150%;
	text-align: center;
	color: #003369;
}

.meeting .menu {
	width: 520px;
	margin: 0 auto;
}

.meeting .menu p {
	padding: 20px 0 25px;
	background: url(../img/arwdn.gif) no-repeat center bottom;
	margin: 0;
}

.meeting .menu p:last-child {
	background: none;
}


.meeting .menu a, .meeting .button a {
	display: block;
	width: 520px;
	height: 43px;
	background-color: #003268;
	border-radius: 2px;
	color: white;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HGP明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size: 160%;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
	background: linear-gradient(to bottom,#003268,#00254e);
}

.meeting .button a {
	background-color: #8c0000;
	width: 350px;
	height: 34px;
	margin: 35px auto 0;
	font-size: 140%;
	padding-top: 2px;
	background: linear-gradient(to bottom,#9d0000,#710000);
}

.meeting .button2 {
	text-align: center;
}

.meeting .button2 a {
	display: inline-block;
	background-color: #003268;
	border-radius: 2px;
	color: white;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HGP明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding-top: 4px;
	text-decoration: none;
	background-color: #8c0000;
	width: 180px;
	height: 34px;
	margin: 35px 20px 0;
	font-size: 140%;
	padding-top: 2px;
	background: linear-gradient(to bottom,#9d0000,#710000);
}

.meeting .button p {
	text-align: center;
	margin-top: 30px;
	margin-bottom: -20px;
	color: red;
}

.meeting .menu a:hover, .meeting .button a:hover {
	text-decoration: underline;
}

.contents h3, .meeting h3 {
	/*width: 632px;*/
	/*height: 18px;*/
	color: #003369;
	border-bottom: 1px dotted #999;
	background: url(../img/h3_bk.gif) no-repeat left center;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 24px;
	margin: 25px 0;
	clear: both;
}

.meeting h3:first-child {
	margin: 0 0 25px;
}

.meeting .article {
	font-family: 'Roboto Slab', Arial, Helvetica, Geneva,"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.meeting li {
	text-align: center;
}

.contents h4 {
	color: #003369;
	background: url(../img/h4_bk.gif) no-repeat left center;
	font-size: 18px;
	font-weight: bold;
	padding: 3px 20px 1px;
	margin: 18px 0;
	clear: both;
}

.contents table, .contents p, .contents ul {
	font-size: 115%;
	line-height: 1.7;
}

.contents table {
	width: 100%;
}

.contents table p, .contents table ul {
	font-size: 100%;
}

.contents ul {
	list-style: disc;
	margin-left: 1.5em;
}

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

.contents .chlang {
	position: absolute;
	top: -30px;
	right: 0;
	display: inline-block;
	font-family: 'Roboto Condensed', Arial, Helvetica, Geneva,"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif;
	background: url(../img/arw_bs.gif) no-repeat left center;
	padding: 0 5px 0 10px;
}

.contents .login {
	width: 402px;
	padding: 44px 134px 30px;
	background-color: #f7f7f7;
	font-size: 120%;
	text-align: center;
}

#viewer{
	width: 730px;
	height:499px;
    overflow: hidden;
    position: relative;
	top: 0;
	left: 0;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

.login input {
	width: 100%;
	height: 26px;
	font-size: 22px;
}

.login .en {
	color: #3ebafd;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 130%;
}

.login label {
	display: block;
	text-align: left;
	line-height: 2;
	margin: 10px 0 20px;
}

.login a {
	text-decoration: none;
}

.login a.button {
	width: 210px;
	height: 26px;
	padding-top: 4px;
	margin-top: 20px;
	color: #eee;
	display: block;
	background-color: #00336c;
	border-radius: 4px;
	margin: 30px auto 10px;

}

.login a .en {
	color: white;
}

.login a.button:hover .en {
	color: #3ebafd;
} 


.chlang a {
	color: #003369;
	text-decoration: none;
}

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

img.rimg {
	display: block;
	margin: 0 0 0 auto;
}

img.limg {
	clear: both;
	display: block;
	margin: 0 auto 0 0;
}



.catch {
	font-size: 32px;
	font-family:HGP明朝B,'ＭＳ Ｐ明朝',平成明朝,serif;
	line-height: 54px;
	color: #663399;
	margin: 50px 20px;
}

.signature {
	font-family:HGP明朝B,'ＭＳ Ｐ明朝',平成明朝,serif;
	margin: 30px 200px 30px auto;
	text-align: right;
	font-size: 115%;
}	

/*h1{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}

h2{
	width:560px;
	height:35px;
	background:url("h2.jpg") no-repeat left top;
	margin-bottom:30px;
	color:#CC6666;
	line-height:38px;
	font-weight:bold;
	font-size:15px;
	text-indent:15px;
}

#top h2{
	width:270px;
	margin-bottom:10px;
	background:none;
	text-indent:0;
	margin-bottom:14px;
}



h3{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}

h4{
	width:560px;
	height:30px;
	font-size:13px;
	text-indent:15px;
	background:url("h4.jpg") no-repeat left top;
	margin-bottom:20px;
	line-height:30px;
	font-weight:bold;
}

h5{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}


h6{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}
*/


/*------------------------------------------------------------------------------------
=3 a
------------------------------------------------------------------------------------*/

a:link{
	/*color:#006699;*/
}

a:visited{
	/*color:#006699;*/
}

a:hover{
}

a:active{
	/*color:#663399;*/
}


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



/*------------------------------------------------------------------------------------
=4 other tags
------------------------------------------------------------------------------------*/

*html img{
	behavior:url(../js/iepngfix.htc);
}



p{
	margin-bottom:10px;
}

p.indentP{
	text-indent:1em;
}


strong{
}

dl{
}

dt{
	clear:both;
	height:;
	float:left;
	padding:;
}

dd{
	float:right;
	height:;
	padding:;
}

a:active img,a:hover img,a:focus img{
	filter:Alpha(opacity=80);
	-moz-opacity:0.50;
	opacity:0.50;
}


/*------------------------------------------------------------------------------------
5= classes
------------------------------------------------------------------------------------*/

.toTop{
	text-align:right;
}

.imgRight{
	text-align:right;
}


.alphabet{
	letter-spacing:0.25em;
}

/*------------------------------------------------------------------------------------
6= wrapper
------------------------------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
}


/*------------------------------------------------------------------------------------
7= header
------------------------------------------------------------------------------------*/
#header{
	height:134px;
	width: 100%;
	background: url(../img/header_bk.gif) repeat-x;
}

#header #logo{
	position:relative;
	width: 840px;
	height: 34px;
	margin: 0 auto;
	padding-left: 160px;
	padding-top: 12px;
	color: white;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 19px;
}

#header #logo .jp {
	color: #f93;
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

#header #logo img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: white;
}

#header #logo ul{
	position: absolute;
	top: 10px;
	right: 0;
}

#header #logo li a{
	color: white;
	font-weight: 400;
	font-size: 14px;
	background: url(../img/arw.gif) no-repeat left center;
	padding-left: 10px;
}
	


#header ul li{
}



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


/*------------------------------------------------------------------------------------
8= main image
------------------------------------------------------------------------------------*/
h2.image{
	position: absolute;
	width:250px;
	height: 189px;
	top: 0;
	right: 0;
	text-indent: -9999px;
}

#school_guidance h2.image {
	background: URL(../img/school_guidances.jpg) no-repeat;
}

#life h2.image {
	background: URL(../img/lifes.jpg) no-repeat;
}

#examinee h2.image {
	background: URL(../img/examinees.jpg) no-repeat;
}

#current_student h2.image {
	background: URL(../img/current_students.jpg) no-repeat;
}

#graduate h2.image {
	background: URL(../img/graduates.jpg) no-repeat;
}




#locator{
	text-align:right;
	font-size:93.75%;
}



/*------------------------------------------------------------------------------------
9= navigation
------------------------------------------------------------------------------------*/

#navigation {
	width: 1000px;
	margin: 0 auto;
	padding-top: 18px;

}

#navigation ul {
	margin: 0 0 0 auto;
	width: 846px;
	height: 51px;
}


#navigation  ul li{
	position: relative;
	float:left;
	width: 93px;
	height: 51px;
	border-right: 1px dotted #ccc;
}

#navigation  ul li a{
	display: block;
	width: 93px;
	height: 51px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul.nav2 {
	width: 1000px;
	margin: 0 auto;
	height: 60px;
	background-color: white;
}

ul.nav2 li {
	background-color: white;
	float: left;
	width: 124px;
	height: 60px;
	border-right: 1px dotted #ccc;
	text-align: center;
	font-family: 'Roboto Condensed', Arial, Helvetica, Osaka, Geneva,"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
	font-weight: 700;
	position: relative;
	line-height: 1;
}

ul.nav2 li a {
	color: #003369;
	display: block;
	width: 104px;
	height: 44px;
	padding: 8px 10px;
}

ul.nav2 li a:hover {
	color: #3ebafd;
}

ul.nav2 li em {
	position: absolute;
	top: 41px;
	left: 0;
	display: block;
	color: #999;
	width: 100%;
	font-size: 76%;
	font-weight: bold;
	text-align: center;
	font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osak}

ul.nav2 li:first-child {
	background-color: #003369;
	color: white;
	padding: 21px 0 8px;
	height: 31px;
	border-right: none;
}

ul.nav2 li:last-child {
	border-right: none;
}

.logout {
	position: absolute;
	top: 18px;
	right: 20px;
	font-size: 13px;
	display: inline-block;
	font-family: 'Roboto Condensed', Arial, Helvetica, Geneva,"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif;
	background: url(../img/arw.gif) no-repeat left center;
	padding: 0 10px 0 12px;
}

.logout a {
	color: white;
	text-decoration: none;
}

.logout a:hover {
	color: #3ebafd;
}


ul li.about_rotary a {
	background-image: url(../img/rotary.png);
}

ul li.e-club a {
	background-image: url(../img/eclub.png);
}

ul li.profile a {
	background-image: url(../img/profile.png);
}

ul li.news a {
	background-image: url(../img/news.png);
}

ul li.library a {
	background-image: url(../img/library.png);
}

ul li.join a {
	background-image: url(../img/join.png);
}

ul li.foundation a {
	background-image: url(../img/foundation.png);
}

ul li.makeup a {
	background-image: url(../img/makeup.png);
}

ul li.login a {
	background-image: url(../img/login.png);
}

#navigation ul li a:hover,#navigation  ul li.sel a {
	background-position: 0 -51px;
}



#sub_navigation{
	text-align:right;
	padding-right:10px;
	padding-bottom:0;
	height:37px;
	overflow:hidden;
	
}

#sub_navigation ul{
margin:0;
padding:0;
}

#sub_navigation li{
	display:inline;
	margin-left:5px;
	margin-bottom:0;
	padding:0;
	float:right;
	
	
}


#pankuzu {
	width: 950px;
	margin: 20px auto 21px auto;
}


/*------------------------------------------------------------------------------------
10= container
------------------------------------------------------------------------------------*/
#container{
	clear:both;
	background-color: #f1f2f6;
}

#container:before{
	content:" ";
	display:block;
	height:10px;
	background: url(../img/main_tpbk.gif) repeat-x;
}


#container:after{
	content:" ";
	display:block;
	height:3px;
	clear:both;
	background: url(../img/main_bmbk.gif) repeat-x;
}

#container .main {
	width: 1000px;
	margin: 20px auto;
}

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

.main h2 {
	color: #003369;
	font-size: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding: 22px 30px;
}

.main h2 em {
	color: #666;
	font-size: 15px;
	margin-left: 1em;
	font-weight: bold;
	font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

.loginbox {
	width: 184px;
	float: left;
	border: 3px double #f1f2f6;
	background-color: #002d5e;
	padding: 15px;
	color: white;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
} 

.loginbox form {
	margin: 10px 0;
}

.loginbox a {
	color: #ccc;
	text-decoration: none;
	font-size: 11px;
}

.loginbox label {
	display: block;
	margin: 20px 0;
	font-size: 11px;
	text-align: left;
}

.loginbox .en {
	color: #3ebafd;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 130%;
}

.loginbox input {
	width: 180px;
}

.loginbox button {
	width: 166px;
	height: 30px;
	margin-top: 20px;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.loginbox button .en {
	color: #002144;
	font-weight: normal;
}


.info {
	width: 455px;
	margin-left: 54px;
	float: left;
}

.info h2 {
	height: 25px;
	background: url(../img/news_bk.gif) repeat-x;
	position: relative;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	color: white;
	padding: 5px 0 0 16px;
}

.info h2 a {
	display: block;
	width: 70px;
	height: 23px;
	padding-top:7px;
	position: absolute;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	text-decoration: none;
	color: white;
	top: 0;
	right: 0;
	background: url(../img/more_bk.gif) repeat-x;
}

.info li {
	padding: 20px 12px;
	border-bottom: 1px dotted #999;
	color: #1a4589;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.info li .date {
	color: #666;
	margin-bottom: 3px;
}

.nav {
	width: 220px;
	float: right;
}

.nav li {
	margin-bottom: 10px;
	padding: 0;
	line-height: 100%;
}

.nav li a {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

#main_image {
	width: 1000px;
	margin: 42px auto 58px;
}

#menu {
	position: relative;
	right: 0px;
	/*top: 189px;*/
	margin-top: 189px;
	width: 250px;
	padding-bottom: 15px;
	background: url(../img/menublw.png) no-repeat bottom;
	float: right;
}

#menu ul {
	width: 250px;
	/*background: url(../img/menubak.png);*/
}

#menu ul li {
	height: 56px;
	/*background: url(../img/line_7.png) no-repeat top;*/
	background: url(../img/menubak.gif) no-repeat;
}

#menu > ul > li.sel {
	background-image: url(../img/menuselbak.gif);
}

#menu > ul > li a {
	display: block;
	height: 36px;
	width: 210px;
	padding-top: 20px;
	padding-left: 40px;
	/*background:url("../img/menuarwp.png") no-repeat 17px center;*/
	color: #000000;
	font-size: 14px;
}

#menu > ul > li.sel a {
	color: #ffffff;
}


#menu ul ul {
	padding-bottom: 11px;
	background: url(../img/submenublw.gif) no-repeat left bottom;
}


#menu ul ul li {
	height: 34px;
	background: url(../img/submenubak.gif) no-repeat left center;
}

#menu ul ul li a {
	display: block;
	height: 23px;
	width: 190px;
	padding-top: 11px;
	padding-left: 55px;
	color: #000000;
	font-size: 13px;
}

#menu ul ul li.sel a {
	color: #665599;
}

.img_navi {
	margin: 20px 0 0 1px;
	width: 700px;
}

.img_navi li {
	width: 210px;
	height: 240px;
	float: left;
	border: 1px solid #e3ddec;
	background-color: #f7f4f9;
	overflow:hidden;
	margin-right: 20px;
	margin-bottom: 30px;
	padding: 0;
}

.img_navi img {
	width: 189px;
	height: 93px;
	margin: 0;
	padding: 9px 9px 0 11px;
}


.img_navi h3{
	width: 158px;
	font-size:16px;
	font-weight: bold;
	padding: 17px 0 17px 30px;
	color:#000000;
	margin: 0 10px;
	border-bottom: 1px dotted #965a8d;
	background: url(../img/menuarwp.png) no-repeat 5px center;
}

.img_navi h3 a {
	color: #000000;
}

.img_navi div p {
	font-size: 13px;
	padding: 10px 15px;
	line-height: 140%;
}


.payment th {
	width: 8em;
	text-align: right;
	padding-right: 1em;
}

.payment td {
	padding-bottom: 10px;
}


/*------------------------------------------------------------------------------------
11= main contents
------------------------------------------------------------------------------------*/

#main_contents{
	float:left;
	display:inline;
	overflow:hidden;
}



#top #main_contents{
	width:760px;
}

.one_col #main_contents{
	width:760px;
}

.two_col #main_contents{
	width:562px;
	margin-left:10px;
}



#contact_temp #main_contents{
	width:600px;
	margin:0 auto;
	float:none;
	display:block;
	
}



/* blog */

.article {
	padding: 0 0 10px 0;
	color: #000;
	font-size: 120%;
	line-height: 1.5;
}

.article h3 {
	line-height: 1.2;
}

.article p {
	font-size: 100%;
}

.article > img {
	display: block;
	margin: 10px auto;
}

.article h3 .date {
	font-size: small;
}

.article h3 .cat {
	float: right;
	font-weight: normal;
	font-size: 70%;
	color: #000;
	
}

.article h3 .target {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	background-color:  #442665;
	padding: 3px 7px;
	border-radius: 3px;
}

/*
.article > div {
	text-align: center;
	margin: 10px auto;
	width: 560px;
}
*/
.article div.cap {
	text-align: center;
	float: left;
}

.article div.cap img {
	display: block;
	margin: 0 5px;
}
	
.article > div:after, .article p:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.article .gototop {
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 80%;
	
}

.article .gototop a {
	color: #555;
	width: 9.5em;
}

ul.news {
	font-size: 110%;
	padding: 0 0 0 10px;
}

ul.news li {
	margin: 0 0 10px 0;
	padding: 0 0 0 105px;
	background: url(../img/icon02.gif) no-repeat left 5px;
	position: relative;
}

ul.news .date {
	color: #8a4ab5;
	width: 100px;
	font-size: 90%;
	position: absolute;
	top: 0;
	left: 10px;
}

ul.news .new {
	background: url(../img/new036.gif) no-repeat;
	background-position: 75px 5px;
}
	

ul.news .target {
	display: inline;
	font-weight: normal;
	font-size: 10.5px;
	color: #fff;
	background-color: #442665;
	padding: 0 7px;
	border-radius: 3px;
	margin: 0 0 0 20px;
}


#mask {
	display: none;
	position: absolute;
	background-color: #000;
	left: 0;
	top: 0;
	z-index:10;
	width: 100%;
	height: 100%;
}

#login {
	display: none;
	position: fixed;
	background-color: #fff;
	left: 0;
	top: 0;
	z-index: 11;
	width: 300px;
	height: 250px;
	padding: 10px;
	box-shadow: 0 0 6px #000;
	border-radius: 5px;
}

/*------------------------------------------------------------------------------------
12= left menu
------------------------------------------------------------------------------------*/
#left_menu{
width:188px;
background:#F2F2F2;
display:inline;
margin-left:4px;
}

#left_menu ul{
display:inline;
}

#left_menu ul li {
list-style-type:none;
display:inline;
float:left;
}

*html #left_menu ul li {
list-style-type:none;
display:inline;
float:left;
margin-bottom:10px;
}

*:first-child+html #left_menu ul li {
list-style-type:none;
display:inline;
float:left;
margin-bottom:10px;
}


#left_menu ul li a{
width:180px;
height:45px;
line-height:40px;
background:url("subnavi.jpg") no-repeat left center;
text-indent:20px;
display:block;
float:left;
color:#333333;
list-style-type:none;
margin-bottom:10px;

}

#left_menu ul li a:hover{
color:#660066;
font-weight:bold;
float:left;
list-style-type:none;
}

#left_menu ul li ul {
float:left;
list-style-type:none;
display:inline;
}

#left_menu ul li ul li {
float:left;
list-style-type:none;
display:inline;
}

#left_menu ul li ul li a{
width:180px;
height:45px;
line-height:45px;
display:block;
background:url("sub.jpg") no-repeat left center;
text-indent:20px;
float:left;
margin-bottom:10px;

}

#left_menu ul li ul li a:hover{
width:180px;
height:45px;
line-height:45px;
display:block;
background:url("sub_o.jpg") no-repeat left center;
text-indent:20px;
float:left;
}




/*------------------------------------------------------------------------------------
13= footer
------------------------------------------------------------------------------------*/
#footer{
	clear:both;
	background: url(../img/footer_bk.gif) repeat-x bottom;
}

#footer .bnarea {
	width: 1000px;
	margin: 0 auto 8px;
	padding-top: 31px;
}

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


#footer ul.banner {
	width: 790px;
	float: left;
}

#footer .banner li {
	width: 220px;
	margin-right: 43px;
	margin-bottom: 12px;
	height: 50px;
	float: left;
}

#footer ul.icon {
	width: 180px;
	float: left;
	margin-left: 15px;
}

#footer .icon li {
	width: 40px;
	margin: 3px 20px 19px 0;
	height: 40px;
	float: left;
}

#footer #copyright{
	clear: both;
	height: 30px;
	padding-top: 10px;
	font-size: 13px;
	color:#FFF;
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	font-family: 'Roboto', sans-serif;
}



/*------------------------------------------------------------------------------------
14= local Navigation
------------------------------------------------------------------------------------*/

ul.local_navi {
	padding-left: 20px;
	margin-bottom: 30px;
}

ul.local_navi li {
	width: 195px;
	float: left;
	background: url(../img/menuarwp.png) no-repeat left center;
	padding-left: 20px;
	padding-top: 4px;
	height: 23px;
}

ul.local_navi li a {
	text-decoration: underline;
	color: #3366ff;
}

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


/*------------------------------------------------------------------------------------
15= tables
------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------
16= forms
------------------------------------------------------------------------------------*/
input:focus,textarea:focus,.iefocus{
	background:#EEE;
}




ul.sitemap {
	margin-top:10px;
	margin-bottom:50px;
	margin-left:0;
	width:720px;
}

ul.sitemap li {
	list-style:none;
	
}

ul.sitemap>li{
	font-weight:bold;
}	 
ul.sitemap li a{
	color:#FF8080;
}

ul.sitemap li a{
	display:block;
	margin-top:5px;
	padding-top:3px;
	height:22px;
	padding-left:20px;
	
}
	
ul.sitemap ul li{	
	font-weight:normal;
}	


ul.sitemap>ul>li{
	padding-left:20px;
}

ul.sitemap>ul>ul{
	
}

ul.sitemap>ul>ul>li{
	margin-left:90px;
	
}

ul.sitemap>ul>ul>ul>li{
	margin-left:190px;
	
}

ul.sitemap>ul>ul>ul>ul>li{
	margin-left:220px;
}



.font_s{font-size:11px;}

.add_mar_btm{margin-bottom:25px;}
.add_mar_btm_L{margin-bottom:50px;}

.clr{
	clear:both;
}

.attention{
	color:#CC0000;
}



.head_type_3 h2{
	margin-bottom:10px;
}

.head_type_2 p,.head_type_3 p,
.head_type_2 table,.head_type_3 table{
	margin-left:15px;
}

.head_type_3 table p{
	margin-left:0;
}





.head_type_3 h3{
	height:24px;
	border-bottom:3px solid #660066;
	background:#E9DBE9;
	font-weight:bold;
	text-indent:15px;
	margin-bottom:17px;
	line-height:200%;
	color:#333333;
}

.head_type_2 h3,.head_type_3 h4{
	border-left:5px solid #CC6666;
	border-bottom:1px solid #CC6666;
	text-indent:10px;
	font-weight:bold;
	color:#333333;
	margin-bottom:15px;
	height:1.75em;
	line-height:145%;
}

.head_type_3 h4{
	background:none;
}



.img_tbl td{
	font-size:11px;
	font-weight:bold;
	padding-bottom:1em;
	padding-right:8px;
}

.img_tbl td img{
	display:block;
	margin-bottom:3px;
}


.data_tbl,.data_tbl_3{
	border:1px solid #CCCCCC;
}

.data_tbl td,.data_tbl th{
	padding:3px;
	border:1px solid #CCCCCC;
	line-height:130%;
}

.data_tbl th{
	text-align:left;
	font-weight:bold;
	color:#993399;
	background:#F5F5F5;
}


.data_tbl_2{
	margin-bottom:20px;
}

.data_tbl_2 th{
	background:#DEEFEF;
	font-weight:normal;
	color:#666666;
}

.lsp2 {
	letter-spacing: 2em;
}


.data_tbl_3 td,.data_tbl_3 th{
	padding:10px;
	border:1px solid #CCCCCC;
	text-align: center;
}

.data_tbl_3 td.sub_head{
	background:#FFF2F2;
}


.data_tbl_3 th{
	background:#DEEFEF;
	font-weight:normal;
	color:#666666;
	font-weight:bold;
}

.data_tbl_3 th.center{
	padding:0 5px 0 5px;
	text-align:center;
}

.data_tbl_3 td.center{
	text-align:center;
}

.data_tbl_3 td.etc{
	padding:3px 0;
	text-align:center;
}

.confirm_tbl {
	border:1px solid #CCCCCC;
	margin-bottom: 20px;
}

.confirm_tbl td,.confirm_tbl th{
	padding:10px;
	border:1px solid #CCCCCC;
}

.confirm_tbl th
{
	width: 30%;
	background-color:#DEEFEF;
	font-weight:normal;
	color:#666666;
	text-align: right;
}



/*------------------------------------------------------------------------------------
17= top 
------------------------------------------------------------------------------------*/



.top_info_tbl{
	width:270px;
}

.page_info_tbl td,
.top_info_tbl td{
	background:url("icon02.gif") no-repeat 0 5px;
	border-bottom:1px dotted #CCCCCC;
	padding-left:12px;
	padding-bottom:3px;
}

.page_info_tbl td{
	border:0;
}

.top_info_tbl strong{
	color:#663399;
	font-weight:bold;
}


.page_info_tbl strong{
	color:#333333;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------
18= pages
------------------------------------------------------------------------------------*/




.contact_info{
	width:598px;
	border:1px solid #333333;
	padding:15px 0 20px 0;
}


.contact_info p,
.contact_info table{
	margin-left:17px;
	line-height:130%;
}

.contact_info strong{
	font-weight:bold;
	color:#663399;
}


.message_box{
	position:relative;
	width:550px;
	height:300px;
}

.message_box p{
	position:absolute;
	
}

.message_box .description{
	width:378px;
	top:78px;
	left:0;
}

.message_box p.img_str{
	top:0px;
	left:0;
}

.message_box p.photo{
	top:0;
	left:400px;
	width:140px;
	text-align:center;
}

.message_box .photo strong{
	letter-spacing:0.4em;
	margin-left:8px;
	font-size:106.25%;
	line-height:200%;
}


.head_type_3 h4.question{
	color:#FFFFFF;
	border:0;
	background:url("q_img.gif") no-repeat 5px 7px #D58282;
	height:30px;
	line-height:240%;
	text-indent:30px;
}

.head_type_3 .answer{
	background:url("a_img.gif") no-repeat 5px 0px;
	padding-left:30px;
	margin:0 0 20px 0;
	text-indent:0;
}


#meeting_page .data_tbl_3{
	letter-spacing:-0.02em;
}

#meeting_page .data_tbl_3 td,#meeting_page data_tbl_3 th{
	padding:3px;
}

.schedule_box{
	width:670px;
/*float:left;*/
	border-bottom:#663300 dotted 1px;
	margin:10px 5px 0 0;
	padding:10px 0 10px 0;
/*display:inline;*/
	clear: both;
}

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


.schedule_box p.moon{
width:74px;
float:left;
display:inline;}

.schedule_box p.txst{
	width:250px;
	float:left;
	margin:0 0px 0 5px;
/*display:inline;*/
}

.schedule_box_r{
width:283px;
float:right;}

.schedule_box_r img{
float:left;
margin:0 1px 2px 0;}

.club_box{
	width:330px;
	height: 94px;
	overflow: hidden;
	float:left;
	margin: 8px 0;
	padding-left: 0px;
}

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


.club_box img {
	display: block;
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	width: 115px;
	height: 94px;
}

.club_box p{
color:#CC6699;
font-weight:bold;}

.club_box p.in{
color:#666666;
font-weight:normal;
line-height:130%;}

.club_box p.bu{
color:#6699CC;
font-weight:bold;}

.day_box_l{
	float:left;
	width:310px;
	margin-left: 30px;
}

.day_box_l p {
	padding: 15px;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

.day_box_l_in{
	background:url(../img/day_b.gif) no-repeat bottom;
	width:280px;
	height:58px;
	position: relative;
}

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

.day_box_l01{
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 95px;
	color:#CC3366;
	font-weight:bold;
	text-align: right;
	margin-right: 5px;
	/*margin:25px 15px 0 10px;*/
}

.day_box_l02{
	position: absolute;
	width: 60px;
	left: 100px;
	text-align: center;
	bottom: 10px;
}

.day_box_l03{
	position: absolute;
	left: 160px;
	bottom: 10px;
	color:#666666;
	font-weight:bold;
	
}

.day_box_r{
	float:right;
	width:310px;
	margin:0 15px 0 0;
}

.day_box_r img {
	display: block;
	margin: 15px 15px 0 auto;
}

.day_box_r_in{
	border:#CCCCCC 1px solid;
}

.day_box_r_in p {
	padding: 15px;
	font-size: 110%;
}




/*------------------------------------------------------------------------------------
18= form
------------------------------------------------------------------------------------*/
#postmail_copyright p{
	text-align:center;
	font-size:10px;
	font-family:Verdana,Helvetica,Arial;
}

.hissu:after{
	content:"※";
	color:#CC0000;
}

.form_tbl{
	width:600px;
	margin-bottom:20px;
}

.form_tbl td,.form_tbl th{
	padding:3px;
	vertical-align:top;
}

.ipt_size1{width:265px;}
.ipt_size2{width:395px;}
.ipt_size3{width:65px;}
.ipt_size4{width:190px;}

#form_tbl{
	width:600px;
	margin:0;	
}


#form_tbl th{
	width:25%;
	background:;
	padding:0;
}


#form_tbl td{
	width:75%;
	background:;
	padding:0;
}	

td#left_space {
width:188px;
background-color:#f3f3f3;
margin-right:10px;
}

.left {
margin-left:10px;
}

.sitemap li{
list-style-type:none;
line-height:200%;
}

.sitemap {
margin-left:50px;
}

.sitemap ul li {
margin-left:30px;

}

.sitemap ul ul li {
margin-left:60px;
}

.sitemap ul ul ul li {
margin-left:90px;
}

.form_tbl th {
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	width: 150px;
	
}

.center 
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

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

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

.contents img.right {
	margin-left: 30px;
}

.contents div.right {
	width: 160px;
	padding: 0 30px 0 40px;
	text-align: center;
	float: right;
	clear: right;
	margin-bottom: 20px;
}

.contents div.right a {
	text-decoration: none;
}

.contents div.right a:hover {
	text-decoration: underline;
}



.contents table.w90
{
	width: 90%;
	margin: 0 auto;
}

.contents h5
{
	color: #003369;
	font-size: 16px;
	font-weight: bold;
}

.imeoff 
{
	ime-mode:disabled;
}

table.tbl_r, table.tbl_r2 {
	width: 95%;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}

.tbl_r tr, .tbl_r2 tr {
	border-top: 1px solid #ccc;
}

.tbl_r td, .tbl_r2 td {
	padding: 12px;
	vertical-align: middle;
}

table.mup th {
	vertical-align: top;
	padding: 12px 5px;
}

.tbl_r th, .tbl_r2 th {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	position: relative;
}

.tbl_r th {
	width: 12%;
}

.tbl_r th strong {
	display: inline-block;
	font-size: 150%;
	color: white;
	padding: 1px 13px;
	font-weight: 400;
	font-family: 'Roboto', Arial, Helvetica, Geneva,"Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,  sans-serif;
	background-image: url(../img/tbl_r_bk.gif);
}

table.mup th strong {
	background-image: none;
	background-color: #6497E1;
}

table.sml th strong {
	font-size: 115%;
	width: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tbl_r2 th:before {
	content:" ";
	display: block;
	width: 100%;
	border-top: 1px solid #ccc;
	position: absolute;
	top: -4px;
	left: 0;
}

.tbl_r2 th {
	background-image: url(../img/tbl_r_bk.gif);
	color: white;
	padding: 10px;
	text-align: left;
	border-top: 8px solid white;
	border-bottom: 8px solid white;
	width: 25%;
}

.tbl_r2 th p {
	font-size: 100%;
}

.tbl_r th p {
	background-image: url(../img/tbl_r_bk.gif);
	color: white;
	padding: 10px;
	margin: 0;
	display: inline-block;
	min-width: 2em;
}

.tbl_r2 td ul {
	padding-left: 0;
}

.tbl_r2 td h5 {
	margin-top: 1em;
	font-size: 100%;
}

table.tbl_r3 {
	margin-bottom: 20px;
}

.tbl_r3 th {
	min-width: 7em;
	padding: 12px;
	border-top: 1px solid #003369;
	border-bottom: 1px solid #003369;
	color: #003369;
	font-size: 110%;
	font-weight: 500;
}

.tbl_r3 td {
	padding: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.makeupmsg {
	max-height: 300px;
	overflow: auto;
}

.makeupmsg>.makeup {
	border-bottom: 1px dotted #999;
	margin-bottom: 0.5em;
}

.makeup>h4 {
	font-weight: bold;
	color: #036;
}

.makeup>p {
	padding-left: 1em;
	line-height: 1.5;
}

.pastmeeting {
	line-height: 1.2;
	max-height: 300px;
	overflow: auto;
	list-style: square;
	padding-left: 2em;
}

.pastmeeting>li {
	text-align: left;
	margin-bottom: 0.5em;
}

.pastmeeting>li>a {
	font-weight: bold;
	text-decoration: underline;
}

.article>ol {
	width: 250px;
	margin: 1em auto;
}

.article>ol>li {
	text-align: left;
}