@charset "utf-8";

/*---------------------------------------------------------
header
---------------------------------------------------------*/ 
.f1{
	font-size:92%;
}

.f2{
	font-size:109%;
}

.textsize li a{
	width:25px;
	height:24px;
	text-indent:-9999px;
	display:block;
}

.textsize #small a{
	background:url(../common/txt_size_small.gif) no-repeat left top;
}

.textsize #small a:hover,
.textsize #small a.textresizer-active{
	background:url(../common/txt_size_small_on.gif) no-repeat left top;
}

.textsize #large a{
	background:url(../common/txt_size_large.gif) no-repeat left top;
}

.textsize #large a:hover,
.textsize #large a.textresizer-active{
	background:url(../common/txt_size_large_on.gif) no-repeat left top;
}

/*---------------------------------------------------------
header
---------------------------------------------------------*/ 
#header{
	width: 960px;
	margin: 0px auto 7px;
}

#header .logo{
	width: 212px;
	float: left;
	margin: 14px 40px 0px 0px;
}

#header #h_nav{
	float: right;
	width: 708px;
}

#header .h_nav01,
#header .search,
#header .textsize{
	float: left;
}

#header .h_nav01{
	margin: 11px 9px 0px 0px;
	width: 340px;
	float: left;
}

#header .h_nav01 li{
	margin-right: 12px;
}

#header .search{
	width: 159px;
	float: left;
	margin: 11px 0px 0px;
}

#header .eng{
	float: right;
}

#header .h_nav01 li,
#header .h_nav02 li,
#header .textsize li{
	float: left;
}

#header .h_nav02{
	clear: both;
	padding: 15px 0px 0px 96px;
	width:613px;
}

#header .textsize{
	padding: 11px 12px 0px 0px;
	width: 104px;
	float: left;
}



/*---------------------------------------------------------
gnav
---------------------------------------------------------*/ 
#gnav{
	width: 100%;
	background: #B2243C;
}

#gnav ul{
	width: 960px;
	margin: 0 auto;
}

#gnav ul li{
	float: left;
}


/*---------------------------------------------------------
breadcrumbs
---------------------------------------------------------*/ 
#breadcrumbs li{
	font-size: 92%;
	float: left;
	background: url(../common/arw_bc.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
	margin-left: 5px;
}

#breadcrumbs #home{
	background: none;
	padding:0;
	margin:0;
}

#breadcrumbs #home a{
	background: url(../common/icon_home.gif) no-repeat left bottom;
	width: 14px;
	height: 12px;
	text-indent: -9999px;
	display:block;
}

#breadcrumbs #home a:hover{
	background: url(../common/icon_home_on.gif) no-repeat left bottom;
}




/*---------------------------------------------------------
container
---------------------------------------------------------*/ 
#container{
	width: 960px;
	margin: 0 auto;
}



/*---------------------------------------------------------
contents
---------------------------------------------------------*/ 
#contents{
	width: 695px;
	float: left;
	clear: left;
	margin-top: 25px;
}



/*---------------------------------------------------------
page_nav
---------------------------------------------------------*/ 
#page_nav{
	margin-bottom: 25px;
}

#page_nav li{
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

#page_nav li:last-child{
	border-bottom: 1px solid #DDD;
}

#page_nav li a{
	padding: 15px  10px 15px 24px;
	background: url(../common/arw_l.gif) no-repeat 12px 18px;
	display: block;
	border-top:1px dotted #A2A2A2;
	color:#46393D;
	text-decoration:none;
}

#page_nav li a:hover{
	background: #FDEEEA url(../common/arw_l.gif) no-repeat 12px 18px;
}

#page_nav li:first-child{
	border:none;
}

#page_nav li:nth-of-type(2){
	border-top:none;
}

#page_nav li.active{
	background: #FDEEEA;
}

#page_nav li.active a{
	background: #FDEEEA url(../common/arw_down.gif) no-repeat 12px 18px;
	border-bottom:none;
}

#page_nav li.active.nohierarchy a{
	background: #FDEEEA url(../common/arw_l.gif) no-repeat 12px 18px;
}

#page_nav .sec{
	margin-left:25px;
	padding-bottom:10px;
}

#page_nav .sec li{
	border:none;
}

#page_nav .sec li a{
	padding: 9px 5px 9px 24px;
	background: #FFF url(../common/arw_sec.gif) no-repeat 12px 14px;
	display: block;
	border-top:1px dotted #BBB;
	color:#46393D;
}

#page_nav li .sec li.active a{
	background:#334A6C url(../common/arw_check.png) no-repeat 10px center;
	color:#FFF;
}

#page_nav li .sec li a:hover{
	background:#334A6C url(../common/arw_check.png) no-repeat 10px center;
	color:#FFF;
}

#page_nav .sec li.active .thrd li a{
	background:#FFF url(../common/arw_line.gif) no-repeat 20px 7px;
	color:#333;
	padding:5px 5px 5px 30px;
	border-top:none;
}

#page_nav .sec li .thrd li a,
#page_nav .sec li .thrd li.active a,
#page_nav .sec li .thrd li.nohierarchy a{
	background:#FFF url(../common/arw_line.gif) no-repeat 20px 7px;
	color:#333;
	padding:5px 5px 5px 30px;
	border-top:none;
}

#page_nav .sec li .thrd li a:hover{
	color:#343E7E;
}

#page_nav .sec li .thrd li{
	font-size:92%;
}

#page_nav .sec li .thrd li.nobg a,
#page_nav .sec li .thrd li.nobg.active a,
#page_nav .sec li .thrd li.nobg.nohierarchy a{
	background-image:none;
}



/*---------------------------------------------------------
page_title
---------------------------------------------------------*/ 
#page_title{
	width: 100%;
	background: #F3F1ED;
	margin: 1px 0px 10px;
}

#page_title h1{
	width:960px; 
	margin:0 auto;
}


/*---------------------------------------------------------
side_column
---------------------------------------------------------*/ 
#side_column{
	float: right;
	width:220px;
}

#side_column .bnrs li{
	margin-bottom: 5px;
}



/*---------------------------------------------------------
footer
---------------------------------------------------------*/ 
#footer{
	background: url(../common/f_bg.jpg) no-repeat center top;
	padding-top: 438px;
	margin-top: 20px;
}

#footer .bg{
	background:#F0EDE8;
	width:100%;
	padding:28px 0px;
}

#footer #f_nav{
	width: 960px;
	margin: 0 auto;
}

#footer #f_nav ul.contact,
#footer #f_nav ul.contact li{
	float: left;
	padding-bottom: 7px;
}

#footer #f_nav ul.contact .ad{
	margin: 20px 0px 0px 22px;
}

#footer #f_nav ul.nav{
	float: right;
	padding-top: 20px;
}

#footer #f_nav ul.nav li{
	font-size: 92%;
	float: left;
	background:url(../common/arw_s.gif) no-repeat left center;
	padding:0px 15px 0px 8px;
}

#footer #f_nav .f_nav{
	border-top: 1px solid #DDDDDD;
	clear: both;
	padding: 25px 0px 0px;
}

#footer #f_nav .f_nav dl{
	float: left;
	padding-right: 22px;
}

#footer #f_nav .f_nav dl dt{
	color: #AE3547;
	font-size: 109%;
	margin-bottom: 15px;
}

#footer #f_nav .f_nav dl dd{
	font-size: 92%;
	margin-bottom: 1px;
}


#footer #cr{
	width: 100%;
	background: #B2243C;
	padding: 18px 0px;
}

#footer #cr p{
	width:960px;
	margin:0 auto;
}

#footer a{
	color:#392D30;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer dt a{
	color:#AE3547;
}


/*---------------------------------------------------------
page-top
---------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 80px;
	right: 20px;
}


/*---------------------------------------------------------
headlines
---------------------------------------------------------*/ 
.hl01{
	margin:0px 0px 22px;
}

.hl02{
	background: url(../common/bdr_hl02.jpg) no-repeat left bottom;
	padding-bottom: 10px;
	font-size: 134%;
	margin-bottom: 20px;
	clear: both;
}

.hl02 span{
	background:url(../common/bullet_hl02.jpg) no-repeat left center;
	padding:5px 0px 5px 20px;
}

.hl03{
	background: #F3F1ED url(../common/bdr_hl03.gif) no-repeat 6px center;
	font-size: 109%;
	padding: 8px 5px 8px 15px;
	margin-bottom: 10px;
	clear: both;
}

.hl_future{
	border-bottom: 1px dotted #A2A2A2;
	font-weight: bold;
	padding: 0px 0px 3px 10px;
	margin-bottom: 10px;
	border-left: 4px solid #D86579;
	color:#D86579;
}

.hl_course{
	padding: 8px 8px 8px 22px;
	font-size: 109%;
	margin: 30px 0px 15px;
	background: #FDEEEA url(../common/bullet_sqr.gif) no-repeat 8px center;
	color:#D86579;
}

.hl_curr{
	text-align: center;
	color: #FFF;
	font-size: 109%;
	padding: 8px;
	background: #D86579;
}





/*---------------------------------------------------------
pagenation
---------------------------------------------------------*/ 
.pagenation ul {
	margin-top:20px;
	text-align: center;
}

.pagenation ul li {
	display: inline-block;
	margin-right: 4px;
	padding: 0;
}

.pagenation ul li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 4px 9px;
	border: 1px solid #CCC;
	text-decoration: none;
	vertical-align: bottom;
}

.pagenation ul li a.now {
	background: #D86579;
	color:#FFF;
}

.pagenation ul li a:hover {
	background: #D86579;
	color:#FFF;
}

.pagenation ul li#prev a,
.pagenation ul li#next a{
	text-decoration: none;
	text-align: center;
	border: none;
	text-decoration:underline;
}

.pagenation ul li#prev a:hover,
.pagenation ul li#next a:hover{
	color:#343E7E;
}

.pagenation ul li#prev a{
	background:url(../common/arw_l_prev.gif) no-repeat left center;	
	padding: 6px 0px 5px 20px;
}

.pagenation ul li#next a{
	background:url(../common/arw_l.gif) no-repeat right center;	
	padding: 6px 20px 5px 0px;
}

.back #prev{
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	padding:0px 20px;
}

.back ul li#prev a{
	padding-top:0px;
	padding-bottom:0px;
}

.back{
	border-top: 1px dotted #B3B3B3;
	padding-top: 5px;
	margin-top: 25px;
}



/*---------------------------------------------------------
階層トップ
---------------------------------------------------------*/ 
.catch{
	margin-bottom: 25px;
}

#idx .sum{
	width: 730px;
	margin-right: -35px;
	margin-top: 20px;
}

#idx .sum .layout{
	border-top: 3px solid #D86579;
	background: url(../common/inx_bg.jpg) repeat-x left top;
	width: 330px;
	float: left;
	margin: 0px 35px 30px 0px;
}

#idx .sum .layout dl{
	width: 180px;
	float: left;
}

#idx .sum .layout dt{
	font-size: 117%;
	background: url(../common/arw_circle.gif) no-repeat left 3px;
	padding: 0px 0px 0px 16px;
	border-bottom: 1px dotted #A2A2A2;
	padding-bottom: 15px;
	margin: 15px 0px 15px 2px;
}

#idx .sum .layout dt a{
	color:#333;
	text-decoration:none;
}

#idx .sum .layout dt a:hover{
	text-decoration:underline;
}


#idx .sum .layout dt .note{
	font-size: 69%;
}

#idx .sum .layout p{
	width: 130px;
	float: right;
	margin: 15px 5px 0px 0px;
}


/*---------------------------------------------------------
間隔
---------------------------------------------------------*/
/*下に隙間 padding*/ 

.b5{
	padding-bottom:5px;
}

.b10{
	padding-bottom:10px;
}

.b20{
	padding-bottom:20px;
}

.b30{
	padding-bottom:30px;
}

.b40{
	padding-bottom:40px;
}

.b50{
	padding-bottom:50px;
}

/*下に隙間 margin*/ 

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

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

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

.mb30{
	margin:0px 0px 30px 0px;
}

.mb40{
	margin:0px 0px 40px 0px !important;
}

.mb50{
	margin:0px 0px 50px 0px;
}



/*上に隙間 padding*/
.t10{
	padding-top:10px;
}

.t20{
	padding-top:20px;
}

.t30{
	padding-top:20px;
}

.t40{
	padding-top:20px;
}

.t50{
	padding-top:20px;
}


/*上に隙間 margin*/
.mt5{
	margin:0px 0px 5px 0px;
}

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

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

.mt30{
	margin:0px 0px 30px 0px;
}

.mt40{
	margin:0px 0px 40px 0px;
}

.mt50{
	margin:0px 0px 50px 0px;
}


/*---------------------------------------------------------
リスト
---------------------------------------------------------*/
/*桜のビュレット*/
.list_blsm{
	margin-bottom:40px;
}

.list_blsm li{
	background: url(../common/bullet_blossom.gif) no-repeat left 4px;
	padding: 2px 0px 2px 20px;
	font-size: 109%;
	margin-bottom: 4px;
}


/*丸ピンクのビュレット*/
.list_circle li{
	background: url(../common/arw_circle.gif) no-repeat left 2px;
	padding: 0px 0px 0px 17px;
	margin-bottom: 10px;
}

.list_circle li img{
	margin-top: -5px;
  margin-left:5px;
}

/*---------------------------------------------------------
table
---------------------------------------------------------*/ 
.tbl_cmn{
	margin: 10px 0px 40px;
	width: 695px;
}

.tbl_cmn th,
.tbl_cmn td{
	font-weight: normal;
	border: 1px solid #DFDFDF;
	padding: 5px;
}

.tbl_cmn .ttl01{
	text-align: center;
	padding: 7px;
	background: #EEBDC6;
	color: #AD2C42;
}

.tbl_cmn .ttl02{
	background:#F0F0F0;
	text-align:center;
}

.tbl_cmn .pink{
	background: #FDF2EA;
}



/*---------------------------------------------------------
font style
---------------------------------------------------------*/ 
.f_pink{
	color: #D86579;
}

.f_pink_b{
	color: #D86579;
	font-weight:bold;
}

.f_blue{
	color: #92B5E4;
}



/*---------------------------------------------------------
連絡先
---------------------------------------------------------*/ 
.contact_box{
	border: 1px solid #DDD;
	padding: 15px;
	background: #FDEEEA;
	margin: 10px 0px 40px;
}

.contact_box dt{
	font-weight: bold;
}




/*---------------------------------------------------------
link_box
---------------------------------------------------------*/ 
.link_box{
	background: url(../common/bg_check_pink.gif) repeat;
	padding: 5px 0px 5px 5px;
	width: 690px;
	margin-right: -5px;
	margin-bottom: 40px;
	height: 45px;
}

.link_box li{
	font-size: 109%;
	float: left;
	text-align: center;
}

.link_box li a{
	background: #FFF url(../common/arw_sqr.gif) no-repeat 15px center;
	padding: 14px 14px 0px 14px;
	display: block;
	width: 197px;
	height: 31px;
	margin-right: 5px;
}

.link_box.l li a{
	width: 312px;
}

.link_box.w{
 	padding: 5px 0px 5px 5px;
	height: 70px;
}

.link_box.w li a{
	height: 56px;
}

.link_box li.red a{
  color:#CB1410;
}

.link_box.w li.sp a{
  padding-top:25px;
	height: 45px;
}

.link_box.o li{
	float: none;
}

.link_box.o li a{
	width: 655px;
}