@font-face {
  font-family: "Molengo-Regular";
  src: local("Molengo-Regular"), url("/branchingout/style/Molengo-Regular.ttf") format("truetype");
  font-weight:  normal;
  font-style:   normal;
}   

body {
    background-color: #e5ceab;
    font-size: 12px;
    margin: 0 auto;
    width: 100%;
}



#wrap {
	width: 700px;
	margin: 0 auto;
	padding-left: 80px;
	padding-right: 80px;
	background-image: url("/branchingout/img/bg.png");
}

#headder {
	width:700px;
	height:300px;
	clear:both;
	}

#inner {
	margin: 0 auto;
	width:700px;
	position: relative;
}

#nav {
	width: 120px;
	float:left;
	position:relative;
}


#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    top:0;
    left:0;
    position:absolute;
}

#nav li {
    border-top: 1px dashed #000000;
	font-family: Molengo-Regular; 
    margin: 0px;
    padding: 0px;
    font-size:1.1em;
}

#nav a{
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
	color: #000;
}

#nav a:hover {
	background: #FFFF00;
}


#main {
	width: 560px;
	float:right;
}

/*-- ¸÷¥«¥Æ¥´¥ê --*/

#information {
	width: 560px;
	clear: both;
	border-top:1px dashed #000000;
	margin-bottom:80px;
}

#event {
	width: 560px;
	clear: both;
	border-top:1px dashed #000000;
}

#access {
	width: 560px;
	border-top:1px dashed #000000;
	clear: both;
}

#workshop {
	width: 560px;
	border-top:1px dashed #000000;
	clear: both;
}

#contact {
	width: 560px;
	border-top:1px dashed #000000;
	clear: both;
}

/*-- ¥³¥ó¥Æ¥ó¥Ä --*/

.box_title {
	width: 560px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.box_l {
	width:260px;
	float:left;
	margin-bottom:40px;
}

.box_r {
	width:260px;
	float:right;
	margin-bottom:40px;
}

.box_mini {
	width:560px;
	clear: both;
	margin-bottom:40px;
}

#box_mini_form {
	width:520px;
	padding-left:	20px;
	padding-right:	20px;
	padding-bottom:	20px;
	border: 1px solid #CCC;
	clear: both;
	margin-bottom:40px;
}

.box_mini_l {
	width:290px;
	float:left;
	margin: 0;
}

.box_mini_l {
	width:290px;
	float:left;
	margin: 0;
}

/*-- ¥×¥í¥¸¥§¥¯¥È¤¦¤ó¤Ì¤ó --*/

#box_mini_l_01 {
	width:290px;
	float:left;
	margin: 0;
	cursor:pointer;
}


#box_mini_l_02 {
	width:290px;
	float:left;
	margin: 0;
	cursor:pointer;
}

#box_mini_l_03 {
	width:290px;
	float:left;
	margin: 0;
	cursor:pointer;
}



#box_mini_r_01 {
	width:260px;
	float:right;
	margin: 0;
}

#box_mini_r_02 {
	width:260px;
	float:right;
	margin: 0;
}

#box_mini_r_03 {
	width:260px;
	float:right;
	margin: 0;
}



/*-- WS¤Î¤È¤³¤í --*/


/*-- ×ó¤Î¥Ü¥Ã¥¯¥¹ (ÓH) --*/

#ws_l {
	width:370px;
	float:left;
	margin: 0;
	cursor:pointer;
}

#ws_l_l {
	width:180px;
	float:left;
	margin: 0;
	cursor:pointer;
}

#ws_l_r {
	width:180px;
	float:right;
	margin: 0;
	cursor:pointer;
}

/*-- ÓҤΥܥ寥¹ --*/

#ws_r {
	width:180px;
	float:right;
	margin: 0;
	cursor:pointer;
}



/*-- float„IÀí½â³ý --*/

.clear {
	clear: both;
}



#footter {
	width:  700px;
	height: 500px;
	clear: both;
}

/*-- ¥¹¥¿¥¤¥ë --*/

h1 {
	margin:0 auto;
}

h2 {
	font-size: 2.8em;
	font-weight: normal;
	font-family: Molengo-Regular; 
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom:1px dashed #000000;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
	}

.koumoku {
	border-bottom: 1px solid #CCC;
}

p {
    line-height: 1.8em;
}

#main a {
    background-color: #FFFF77;
    color: #000000;
    text-decoration: none;
}

#main a:hover {
    background-color: #FFFF00;
    color: #333333;
}

#bg {
    position: fixed;
    z-index: -1;
}

.accent {
	background-color: #ff9999;
}