@charset "UTF-8";

/* clearfix 
============================================================*/  
/* header
============================================================*/
/* navi
============================================================*/
/* main
============================================================*/
/*  left navi
============================================================*/
/* path
============================================================*/
/* page-top
============================================================*/
/* footer 
============================================================*/
/* other
============================================================*/




@media screen and (min-width:641px){ /*PC*/

/*  float/clear  */
.fltrt {float: right;}
.fltlft {float: left;}
.iikoto.fltlft,.iikoto.fltrt{ width: 48%;}
	
}
@media screen and (max-width:640px){ /*SP*/
.fltrt,.fltlft  { float: none; width: 100%;}
.iikoto.fltlft,.iikoto.fltrt{ width: 100%;}

.hideimg {	display:none;}
.br {	display:inline-block;	}
}

/* clearfix 
============================================================*/  
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*ナビゲーション
============================================================*/
nav ul li,
.nav ul li {
	margin-top:20px;
	float:left;
}
nav ul li a,
.nav ul li a {
	background-image: url(/images/header-navi.png);
	background-repeat: no-repeat;
	height:0;
	padding-top:40px;
	overflow:hidden;
	display:block;
	background-position: left center;
}
nav ul li a:hover ,.nav ul li a:hover {
	background-image: url(/images/header-navi-hover.png);
}
nav li.nav-home a,
.nav li.nav-home a {
	width:115px;
	background-position:0 center;
}
nav li.nav-course a,
.nav li.nav-course a {
	width:197px;
	background-position:-115px center;
}
nav li.nav-service a,
.nav li.nav-service a {
	width:153px;
	background-position:-312px center;
}
nav li.nav-policy a,
.nav li.nav-policy a {
	width:201px;
	background-position:-465px center;
}
nav li.nav-profile a,
.nav li.nav-profile a {
	width:157px;
	background-position:-666px center;
}
nav li.nav-support a,
.nav li.nav-support a {
	width:137px;
	background-position:-823px center;
}





/*  左ナビ
============================================================*/
#leftblock {
	float: left;
	width: 205px;
}
#leftnavi {
	/*background: #f9d7c6;*/
	padding-bottom:20px;
}
.category {
	float:left;
	width:54px;
	border-right: 1px solid #ddd;
}
.category img {
	margin: 17px 0 0 14px;
}
.catenavi {
	list-style-type: none;
	float: left;
	width:150px;	
	margin-top:8px;
}
.catenavi li {
	background-image: url(/common/img/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	zoom:1;	
}
.catenavi li a {
	color:#555;
	display: block;
	padding: 8px 8px 8px 22px;
	text-decoration: none;
	zoom:1;
}
#infoimg {
	clear:both;
}
#infoimg ul {
	list-style-type: none;
}
#infoimg li {
	margin-top:15px;
	zoom:1;
}

@media screen and (max-width:640px){
#leftblock {float: none;width: 100%;}
.catenavi {float:left;width: 70%;margin-left: 15px;}
#leftnavi {padding-bottom:0px;}
}




/* パンくずリスト
============================================================*/
#contentsbottom {
	clear: both;
	padding: 12px 0 20px 0;
	width:960px;
	margin:0 auto;
}
#topicpath {
	margin-left:230px;
}
#topicpath li {
	list-style-type: none;
	float: left;
	font-size: 93%;
	color:#777;
}
#topicpath a {
	color: #777;
	background-image: url(/common/img/topickpath.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	text-decoration: underline;
}
#topicpath a:hover {
	color: #999;
}

@media screen and (max-width:640px){
#contentsbottom {
	width: 100%;
}
#topicpath {
	margin-left: 10px;
}
}



/* その他の設定
============================================================*/


.pf {
	border: 1px solid #ddd;
	background-color: #FFF;
	padding: 1px;
}
.dotline{
	background:url(/common/img/dotline.gif) left bottom no-repeat;
	padding-bottom:5px;
}

.block2 {float: left;width: 315px;}

.text_s {
	font-size:0.8em;
}

.notfound a {
	background-image: url(/common/img/footerbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 7px 0 7px 23px;
	text-decoration:underline;
	display:block;
	color:#F90;
}
.notfound a:hover {
	text-decoration:none;
}

ul.disc li { list-style-type: disc;}
.slogan {margin-left:90px;}
.slogan .txt_l {margin:20px 0 8px 0;font-size:18px;font-weight:bold;}

@media screen and (max-width:640px){
.block2 {float: none;width: 100%;}
.slogan {margin-left:0}
}