@charset "Shift_JIS";

/*海外子女base.css*/
/*---------------------------------
-----------------------------------
#heaedr
#navi
#wrapper
	└#container
		└#content
		└#left
	└#right
└#footer
------------------------------------
0.default
1.link
2.common
3.header
4.navi
5.wrapper
6.container
7.content
8.left
9.right
10.footer
----------------------------------*/

/*0.default
-----------------------------------*/
body,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,form,input,textarea,fieldset,
ul, ol, dl, li,dt,dd,address,caption {
    margin: 0;
    padding: 0;
}

table{
	border-collapse:collapse;
	}
p{
	margin-bottom:1em;
	}
	
body{
	color: #333;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	background:#fff;
	border-top:5px #91cf14 solid;
}
address,em,caption,th{	
	font-style:normal;
	font-weight:normal;
	text-align:left;
	}
img{
	/*vertical-align:bottom;*/
	border:none;
	}
	
li{	list-style-type:none;	}
ol{
	margin-left:25px;
	}
ol li{
	list-style-type:decimal;
	}


/*1.link
-----------------------------------*/
a{	color:;	}
a:hover,a:active{	color:#039;	}
a:visited{	color:#039;	}


/*2.common style
-----------------------------------*/

/*clearfixハック*/
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.textarea:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.textarea {display: inline-block;}
/* Hides from IE-mac \*/
* html .textarea {height: 1%;}
.textarea {display: block;}
/* End hide from IE-mac */


.position-r{
	margin:0 0 5px 5px;
	float:right;
	}
.position-l{
	margin:0 5px 5px 0;
	float:left;
	}

.red{	color:#f00;	}
.blue{	color:#0bbae6;	}
ul.dafult-list{
	margin:0 0 10px 20px;
	}
ul.dafult-list li{
	padding:2px 0;
	list-style-type:disc;
	}
#form-bottom{
	text-align:center;
	}
#form-bottom input{
	margin:10px 0;
	padding:2px 5px;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	border:1px #30b8f3 solid;
	background:url(../img/common/bg_form-btn.jpg) center center no-repeat;
	}
#form-bottom input.gray{
	border:1px #aaa solid;
	background:url(../img/common/bg_form-btn-gray.jpg) center center no-repeat;
	}
input.form-btn{
	padding:2px 5px;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	border:1px #30b8f3 solid;
	background:url(../img/common/bg_form-btn.jpg) center center no-repeat;
	}
	
#goback{
	margin-top:40px;
	padding-top:10px;
	border-top:1px #aaa dotted;
	}	
	
#goback li{
	padding:0 0 0 14px;
	background:url(../img/common/icon_arrow-left.gif) left center no-repeat;
	}

.txt-right{
text-align:right;
}

/*3.headre
-----------------------------------*/
#header{
	margin:0 auto;
	padding-top:2px;
	height:73px;/*75px*/
	width:900px;
	position:relative;
	}
#header h1{
	font-weight:normal;
	font-size:11px;
	}
#header h2 a{
	display:block;
	width:465px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/common/obj_logo.jpg) no-repeat;
	}
#header ul{
	position:absolute;
	right:0px;
	top:2px;
	
	}
#header ul li{
	display:inline;
	padding:2px 7px 2px 18px;
	font-size:11px;
	}

#header ul li#top-regist{	
	background:url(../img/common/icon_top-begginer.gif) no-repeat;
}
#header ul li#top-sitemap{
	padding-right:0px;
	background:url(../img/common/icon_top-sitemap.gif) no-repeat;
}
#header #top-login{	
	position:absolute;
	right:2px;
	top:30px;
}

#header #top-login-name{	
	position:absolute;
	right:110px;
	top:35px;
	font-weight:bold;
}

	
/*4.navi
-----------------------------------*/
#navi{
	background:url(../img/common/bg_menu.jpg) repeat-x;
	}
#navi ul{
	margin:0 auto;
	width:900px;
	display:block;
	}
/*文字を消すハック*/
#navi li {
  text-indent: -9999px;
}

#navi li#menu01, #navi #menu01 a,
#navi li#menu04, #navi #menu04 a,
#navi li#menu05, #navi #menu05 a,
#navi li#menu06, #navi #menu06 a,
#navi li#menu07, #navi #menu07 a{
	display: block;
	width: 130px;
	height: 30px;
	float:left;
	overflow:hidden;
}
#navi li#menu02, #navi #menu02 a,
#navi li#menu03, #navi #menu03 a{
	display: block;
	width: 125px;
	height: 30px;
	float:left;
	overflow:hidden;
}

#navi a {
	text-decoration: none;
	font-size:10pt;
	background: url(../img/common/btn_menu.jpg) no-repeat;
}

/*背景画像の位置設定*/
#menu02 a { background-position: -130px 0 }
#menu03 a { background-position: -255px 0 }
#menu04 a { background-position: -380px 0 }
#menu05 a { background-position: -510px 0 }
#menu06 a { background-position: -640px 0 }
#menu07 a { background-position: -770px 0 }
#menu01 a:hover { background-position:  0 -30px }
#menu02 a:hover { background-position: -130px -30px }
#menu03 a:hover { background-position: -255px -30px }
#menu04 a:hover { background-position: -380px -30px }
#menu05 a:hover { background-position: -510px -30px }
#menu06 a:hover { background-position: -640px -30px }
#menu07 a:hover { background-position: -770px -30px }



/*5.wrapper
-----------------------------------
top.css参照*/
		

/*6.container
-----------------------------------
top.css,page.css参照*/


/*7.content
-----------------------------------
top.css,page.css参照*/


/*8.left
-----------------------------------*/
#left{
	float:left;
	width:200px;
	}

.side-ctt{
	margin-bottom:10px;
	padding:5px;
	border:1px #ccc solid;
	}
.side-ctt h3{
	margin-bottom:7px;
	}
.side-ctt h4{
	margin-bottom:5px;
	}
.side-ctt #topics{
	margin-bottom:10px;
	font-size:11px;
	}
.side-ctt #topics p{
	margin-bottom:5px;
	}

.side-ctt ul{
	margin-left:5px;
	}
.side-ctt ul li{
	padding:2px 0 2px 12px;
	background:url(../img/common/icon_arrow-gray.gif) left 7px no-repeat;
	}

	
/*9.right
-----------------------------------
top.css参照*/


/*10.footer
-----------------------------------*/
#footer{
	margin-top:30px;
	padding:20px 0;
	clear:both;
	text-align:center;
	border-top:5px #91cf14 solid;
	}
#footer ul{
	margin:0 auto 15px auto;
	width:900px;
	}
#footer ul li{
	padding:0 5px;
	display:inline;
	border-right:1px #ccc solid;
	}
#footer ul li.none{	border-right:none;	}