@charset "shift_jis";


*{
margin:0px;
padding:0px;
}



body{
color:#000;
text-align:center;
height: 100%;
font:13px "ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN",sans-serif; 
*font-size:small;
*font:x-small;
background: #FB98A7;
}

#bodyBG{
margin:0 auto;
background-position:center top;
background-repeat:no-repeat;
background-image: url(../images/bg_img.jpg);
}

#wrap{
width:900px;
margin:0 auto;
background: #FFF;
}

#wrapN{
width:860px;
margin:0 auto;

}


/* ---------- int ---------- */
img {
border: 0 none;
}

a{
border: 0 none;
text-decoration:underline;
}

h1,h2,h3,h4,p,ul,body{
margin:0;
padding:0;
}

form{
margin:0;
padding:0;
}


ul,li{
list-style:none;
}

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

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

a:hover{
color:#000;
text-decoration:none ;
}



/* ---------- CLEAR FIX---------- */

.clear{
clear:both;
display: block;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*---------- Top Header---------- */

#header_top{
width:960px;
height:127px;
position:relative;
background:url(../images/th_bg.jpg) no-repeat;

}

#header_top h1{
position:absolute;
width:221px;
height:56px;
top:27px;
left:55px;
}

#header_catch{
position:absolute;
width:447px;
height:42px;
top:33px;
left:305px;
}

#header_comment{
position:absolute;
width:300px;
height:10px;
top:19px;
left:255px;
font-size:10px;
text-align:right;
color:#666666;
}


#header_tmenu{
position:absolute;
top:27px;
left:843px;
}

/*---------- Header---------- */

#header{
width:860px;
height:96px;
padding:0;
position:relative;
}

#header h1{
position:absolute;
width:256px;
height:76px;
top:20px;
left:0px;
}


#header_catchNaka{
position:absolute;
width:239px;
height:50px;
top:29px;
left:297px;
}

/*---------- Header menu---------- */

#hmenu{
position:absolute;
width:287px;
height:40px;
top:20px;
left:573px;

}

#hmenu ul{
padding:0;
margin:0;
list-style-type:none;

}

#hmenu li{
padding:0;
margin:0;
height:40px;
position: absolute;
top:0px;
text-indent:-9999px;
}

#hmenu li a{
display:block;
height:40px;
text-decoration:none;
text-indent:-9999px;
}

#hmenu li#hmenu01{
	padding:0;
	margin:0;
	height:40px;
	width:72px;
	position: absolute;
	top:0px;
	left:0px;
	background-image: url(../images/hmenu01.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu01 a:hover{
background-image: url(../images/hmenu01_o.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu02{
	padding:0;
	margin:0;
	height:40px;
	width:72px;
	position: absolute;
	top:0px;
	left:72px;
	background-image: url(../images/hmenu02.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu02 a:hover{
background-image: url(../images/hmenu02_o.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu03{
	padding:0;
	margin:0;
	height:40px;
	width:71px;
	position: absolute;
	top:0px;
	left:144px;
	background-image: url(../images/hmenu03.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu03 a:hover{
background-image: url(../images/hmenu03_o.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu04{
	padding:0;
	margin:0;
	height:40px;
	width:72px;
	position: absolute;
	top:0px;
	left:215px;
	background-image: url(../images/hmenu04.jpg);
	background-repeat: no-repeat;
}

#hmenu li#hmenu04 a:hover{
background-image: url(../images/hmenu04_o.jpg);
	background-repeat: no-repeat;
}

#hmenuKengaku{
padding:0;
margin:0;
position:absolute;
top:69px;
left:573px;
width:287px;
}

/* ---------- course---------- */
#course{
	width:860px;
	height:70px;
	clear:both;
	margin:5px 0 0 0;
	float:left;
}

.coursemenu01{
float:left;
width:283px;
margin:0 4px 0 0;
}

.coursemenu02{
float:left;
width:285px;
margin:0 3px 0 0;
}


.coursemenu11{
float:left;
width:427px;
margin:0 0 0 0;
}

.coursemenu12{
float:right;
width:427px;
margin:0 0 0 0;
}


/* ---------- gmenu---------- */
#gmenu{
	width:860px;
	height:34px;
	margin:6px 0 6px 0;
	padding:0;
	
}

#gmenun{
	width:940px;
	margin:0 0 0 0px;
	padding:0;
	clear:both;
}

.SubWrap {
	text-align:left;
}

/* ---------- naka main---------- */
#cmain{
	height:127px;
	width:940px;
}


/* ---------- footer---------- */
#footer {
	position: relative;
	padding:33px 0 5px 0;
	display: block;
	font-size:85%;
	width:860px;
	background-image: url(../images/line_dot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
} 

#footer p a{

color: #666666;
text-decoration:none;
}



#footertxt{
position: absolute;
top:33px;
	left:0px;
}


#footerTop {
	position: absolute;
	top:35px;
	left:827px;
	width:30px;
	height: 11px;
}

#footerLine{
	width:860px;

}

#footerLogo {
width:710px;
margin:20px auto 10px auto;
}

#footerLogoL{
	float:left;
	width:143px;
	margin:8px 0 0 0;
}

#footerLogoR{
font-size:85%;
	float:right;
	width:540px;
	padding:0;
	margin:0;
	text-align:left;
	color:#666666;
	line-height:125%;
	
}


#footerLogoR a:visited{
	color: #666666;
text-decoration:none;
}

#footerLogoR a:link{
	color: #666666;
text-decoration:none;
}

#footerLogoR a:hover{
	color: #666666;
text-decoration:underline;
}

#copyright{
font-size:85%;
	color:#C00000;
	width:100%;
	height:15px;
	background:#fff;
	padding:15px 0 15px 0;
	margin:0;
	background-image: url(../images/line_dot.jpg);
	background-repeat: repeat-x;
	background-position: top;
	
}





/* ---------- margin ---------- */
.mr10{
margin:0 10px 0 0;
}

.mt2r5{
margin:0px 5px 0 0;
padding:5px 0 0 0;
}

.mt10{
margin:10px 0 0 0;
}

.mt5{
margin:5px 0 0 0;
}


.pt10{
margin:20px 0 0 0;
}

.pb20{
margin:10px 0;
}


.ptb10{
padding:10px 0;
margin:0;
}

.ptb0{
padding:10px 0;
margin:0;
}

.pb10{
padding:0 0 10px 0;
}

.fleftPR15{
float:left;
padding:0 30px 0 0;
}

.fleft{
float:left;
}

.fright01{
float:right;
padding:0 0 100px 0;
margin:0 0 0 20px;
}

.mr10{
margin:0 10px 0 0;
}