/*
===============================================================================
/css/index.css
トップページ用スタイルシート
===============================================================================*/

/*-----------
Shared Styles
-------------*/

/* [HTMLTag] H2(Contents Title)
===============================================================================*/
h2 {
	margin:0;
}




/*------------
Element Styles
--------------*/

/* Contents
===============================================================================*/
#contents {
	padding:30px 20px 8px;

	width:780px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:740px;
} html>body #contents {width:740px;}

/* Contents > Services
===============================================================================*/
#notes {
	margin:0 0 8px;
	padding:2px 0px 2px 2px;

	background:#A3BAC2;

	border:1px solid #83A7BE;
	width:740px;
	height:184px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:736px;
	height:150px;
} html>body #services {width:736px;height:154px;}
#services a {
	display:block;
}

#services {
	margin:0 0 2px;
	padding:1px 0px 2px 2px;

	background:#A3BAC2;

	border:1px solid #83A7BE;
	width:740px;
	height:189px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:736px;
	height:184px;
} html>body #services {width:736px;height:184px;}
#services a {
	display:block;
}
#services c2 {
	font-size:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:0px;
}
#services h2 {
	float:left;
	margin:0;
	padding:14px 0 0 10px;
	
	width:490px;
	height:45px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:490px;
	height:31px;
} html>body #services h2 {width:490px;height:31px;}
#services li {
	float:left;
	margin:1px 1px 0 0;

	width:244px;
	height:45px;
}

#event {
	margin:2px 0 10px;
	padding:2px 0px 2px 2px;

	background:#A3BAC2;

	border:1px solid #83A7BE;
	width:738px;
	height:176px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:736px;
	height:176px;
} html>body #event {width:736px;height:176px;}

#event h2 {
	float:left;
	margin:0;
	padding:14px 0 0 10px;
	
	width:490px;
	height:45px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:480px;
	height:45px;
} html>body #event h2 {width:480px;height:45px;}
#event li {
	float:left;
	margin:1px 0px 1px 2px;

	width:350px;
	height:45px;
}

#event .ebanner  {
	margin-left: 30px;
}

#event .ebanner2  {
	margin: 3px 2px 0px 2px;
	height: 125px;
}

/* Contents > News
===============================================================================*/
#news {
	float:left;
	clear:none;
	margin:0 2px 0 0;

	border:1px solid #83A7BE;
	background:#EEF3F3;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:347px;
	height:105px;
	font-size:11px;
} html>body #news {width:347px;height:100px;}
#news h2, #recruit h2 {
	margin:0;
	background:#A3BAC2;
	border-bottom:1px solid #83A7BE;
}
#news ol {
	margin:7px 10px;
}
#news2 {
	float:left;
	clear:none;
	margin:0 4px 0 0;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:347px;
	font-size:11px;
} html>body #news {width:347px;height:}

/* Contents > Recruit
===============================================================================*/
#recruit {
	/*Tricky for IEonWin Float leftmargin bug*/
	float:left;
	margin:0;

	border:1px solid #83A7BE;
	background:#EEF3F3;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:387px;
	height:105px;
} html>body #recruit {float:none;margin-left:351px;width:387px;height:100px}
#recruit ul {
	margin:7px 10px;
}
#recruit li {
	margin:0 4px 0 0;
	float:left;
}
#recruit li a {
	display:block;
}
#recruit li.info {
	width:120px;
}
#recruit li.senpai {
	margin:0;
	margin-left : 5px;
	width:220px;
}
#recruit li.senpai a {
	float:left;
	font-size:11px;
}
#recruit li.senpai p {
	float:left;
	margin:0;
	font-size:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
} html>body #recruit li.senpai p {width:210px;}

#recruit2 {
	/*Tricky for IEonWin Float leftmargin bug*/
	float:left;
	margin: 2px 0px;

	border:1px solid #83A7BE;
	background:#EEF3F3;
	padding: 5px 0px;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:387px;
} html>body #recruit2 {float:none;margin-left:351px;width:387px;}

.rec_plain {
	margin: 0px 4px;
	width: 378px
}


/* Contents > Banner
===============================================================================*/
#banner {
	/* Trickey (IE on Mac) */
/* 	clear:left;
 */

	margin:10px 0 0;
	padding:3px;

	background:#EEF3F3;

	width:740px;
	height:150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:734px;
	height:150px;
} html>body #banner {width:734px;height:150px;}
#banner li {
	float:left;

}
#banner li a {
	display:block;
}
#banner .tbs  {
	margin-left: 1px;
}
#banner .hiyozaemon {
	margin-left: 3px;
}
#banner .housing {
	margin-left: 3px;
}
#banner .notice  {
	margin-left: 3px;
}
#banner .data  {
	margin-left: 0px;
}
#banner .oooka  {
	margin-top: 2px;
	margin-left: 0px;
}
#banner .edo  {
	margin-top: 2px;
	margin-left: 3px;
}
#banner .gun  {
	margin-top: 2px;
	margin-left: 3px;
}
#banner .usawithgun  {
	margin-left: 3px;
}
#banner .handcraftguitar {
	margin-left: 0px;
	margin-bottom : 0px;
}
#banner .utasera {
	margin-left: 3px;
	margin-bottom : 0px;
}
#banner .crei  {
	margin-left: 3px;
}
#banner .sacas  {
	margin-left: 3px;
}
#banner .cb  {
	margin-left: 0px;
}
#banner .sakaba  {
	margin-left: 3px;
}
#banner .rookies  {
	margin-left: 3px;
}
#banner .mikata  {
	margin-left: 3px;
}

/* Contents > English Information
===============================================================================*/
#englishInfo {
	display:block;
	margin:15px 0 0 633px;
	
	width:107px;
}