@charset \"utf-8\";
/* ===================================================================
CSS information

 file name  :style.css
 style info :留学2
=================================================================== */


/* ===================================================================

 style info :リセット・基本設定
 
=================================================================== */
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
caption,th {text-align: left;}
q:before,q:after {	content: \'\';}
object,
embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}


body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family: verdana,\"ヒラギノ角ゴ Pro W3\",\"Hiragino Kaku Gothic Pro\",Osaka,\"ＭＳ Ｐゴシック\",\"MS PGothic\",Sans-Serif;
	line-height: 1.4;}
img{
	vertical-align:bottom;
	border:none;}

/* ===================================================================

 style info :共通設定
 
=================================================================== */
a:link		{color:#0099cc;}
a:visited 	{color:#006699;}
a:hover 	{color:#ff0066;text-decoration: none;}
a:active	{color:#ff0066;}

/*-------------------------------------------------------------------
	全体レイアウト、サイズ設定
--------------------------------------------------------------------*/
body{
	color:#333;}

#all {
	width: 950px;
	margin: 0 auto;
	text-align: left;}
#contents {
	float: left;
	width: 950px;
	overflow:hidden;}
#header{
	width:100%;
	height:50px;}
#main {
	width: 730px;
	margin:0 auto;}
#side {
	float: left;
	width: 220px;
	overflow:hidden;}
#footer {
	width:950px;
	background:#efefef;}

/*　サイド：右　*/
#main {float: left;}
#main .inner{margin-right:20px;}



/*----------------------------------------------------
	#all
----------------------------------------------------*/
#all {
	margin: 0 auto;
	text-align: left;}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {}

#visual{
	width:100%;
	overflow:hidden;}

/*----------------------------------------------------
	#navi
----------------------------------------------------*/
#navi{
	width:100%;
	margin-bottom:15px;
	background:#eee;
	border-bottom:5px solid #00403e; /*site color*/ }
#navi ul{
	width:auto;}
#navi li{
	width:auto;
	border:1px solid #fff;
	border-left:none;
	border-bottom:none;}
#navi li a,
#navi li a:visited{
	display:block;
	background:#ccc;
	padding:8px 20px;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	text-align:center;}

#navi li a.selected,
#navi li a.selected:visited,
#navi li a:hover{
	color:#fff;
	background:#00403e; /*site color*/ }

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header h1{
	font-size:large;
	padding-top:10px;}
/*----------------------------------------------------
	#side
----------------------------------------------------*/
#side h3{
	text-align:left;
	background:#efefef;
	padding:5px;
	margin-bottom:10px;}
.sideBox{
	margin-bottom:25px;}
.sideBox li{
	margin-bottom:5px;
	padding-left:10px;}

.sidePR{
	text-align:center;}
.sidePR a{
	display:block;
	margin-bottom:8px;}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	clear:both;}
#footer .inner{
	padding:10px;}

#footer .PR{
	width:900px;
	background:url(../img/icon_pr.gif) no-repeat 0 3px;
	padding-left:25px;}
#footer .PR li{
	padding-right:10px;}
#footer p{
	text-align:right;}


/*-------------------------------------------------------------------
	汎用class
-------------------------------------------------------------------*/
.area{
	padding-bottom:20px;
	width:100%;
	overflow:hidden;}
.area h2{
	background:#00403e; /*site color*/ 
	color:#fff;
	padding:3px 10px;
	font-size:medium;
	margin-bottom:20px;}
.area p,
.area ul{
	margin-bottom:1em;}

p.lead{
	padding-bottom:10px;}

.typeNavi {
	width:100%;
	overflow:hidden;}
.typeNavi li{
	float:left;}
.typeNavi li a{
	display:block;}

.wrap{
	width:100%;
	clear:both;
	overflow:hidden;}
.floatR{float:right;}
.floatL{float:left;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

p.pageTop{
	width:100%;
	clear:both;
	margin:auto;
	text-align:right;
	padding:5px 0;}
.btn {text-align: center;}

.imgR {float: right;margin: 0 0 10px 10px;}
.imgL {float: left;margin: 0 10px 10px 0;}

.btn{text-align: center;}

/*	clearfix */
#hoge:after {
	content: \".\"; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/* ===================================================================

 ページ別
 
=================================================================== */
.areaPRlink ul a{
	padding-left:28px;
	background:url(../img/icon_pr.gif) no-repeat;}
.areaCategory .box{
	float:left;
	width:355px;}
.areaCategory .box h3{
	background:#efefef;
	margin:0 10px;
	padding:5px;
	text-align:center;}
.areaCategory .box ul{
	margin:10px;}