/* CSS Document */

/*---------- 共通部分 ----------*/
#m-body {
	font-size: 14px;
	margin: 20px 20px 0;
	padding: 0;
	width:860px;
	background-color:#FFFFFF;
	line-height:1.4em;
}

#m-header {
margin:0 0 30px;
padding:0;
width:860px;
height:170px;
}

h1#m-h1-01 {
margin:0;
padding:0;
}

/*---------- 【追加】リンクボタン ----------*/
#m-link-btn01 {
margin:0px 20px 25px 360px;
padding:0;
border:0;
width:480px;
height:40px;
}

#m-link-btn02 {
margin:20px 20px 0px 360px;
padding:0;
border:0;
width:480px;
height:40px;
}

img#link-box {
margin:0;
border-style:none;
}
/*---------- グローバルナビ ----------*/

ul#m-e-g-navi {
	margin:10px auto -5px;
	padding:0;
	width:820px;
	height:55px;
	color:#000;
	top: 0px;
	left: 0;
	position:relative;
}


ul#m-e-g-navi li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	height: 55px;
}


ul#m-e-g-navi li a {
	display:block;
	text-decoration:none;
	padding:0;
	height:55px;
	background-image:url(../images/m-grobal-navi.gif);
	background-repeat:no-repeat;
}


ul#m-e-g-navi li#m-example {
width:203px;
}

ul#m-e-g-navi li#m-lecture {
width:203px;
} 

ul#m-e-g-navi li#m-success {
width:203px;
}

ul#m-e-g-navi li#m-advice {
width:211px;
}


/*ノーマル*/
ul#m-e-g-navi li#m-example a {
background-position: 0 100%;
}

ul#m-e-g-navi li#m-lecture a {
background-position:-203px 100%;
} 

ul#m-e-g-navi li#m-success a {
background-position:-406px 100%;
}

ul#m-e-g-navi li#m-advice a {
background-position:-609px 100%;
}


/*オーバー時*/
ul#m-e-g-navi li#m-example a:hover {
background-position:0 0%;
}

ul#m-e-g-navi li#m-lecture a:hover {
background-position:-203px 0%;
} 

ul#m-e-g-navi li#m-success a:hover {
background-position:-406px 0%;
}

ul#m-e-g-navi li#m-advice a:hover {
background-position:-609px 0%;
}



/*それぞれのページにいる時*/
ul#m-e-g-navi li#m-example.current-page {
background:url(../images/m-grobal-navi.gif) 0 0%;
}

ul#m-e-g-navi li#m-lecture.current-page {
background:url(../images/m-grobal-navi.gif) -203px 0%;
} 

ul#m-e-g-navi li#m-success.current-page {
background:url(../images/m-grobal-navi.gif) -406px 0%;
}

ul#m-e-g-navi li#m-advice.current-page  {
background:url(../images/m-grobal-navi.gif) -609px 0%;
}

/*---------- グローバル部分 end----------*/

/*---------- サブナビ ----------*/

ul#m-e-sub-navi {
	margin:0px auto 10px;
	padding:0;
	width:800px;
	height:55px;
	color:#000;
	top: 15px;
	left: 0px;
	position:relative;
}


ul#m-e-sub-navi li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	height: 55px;
}


ul#m-e-sub-navi li a {
	display:block;
	text-decoration:none;
	padding:0;
	height:55px;
	background-image:url(../images/m-sub-navi_01.gif);
	background-repeat:no-repeat;
}


ul#m-e-sub-navi li#m-usa {
width:197px;
}

ul#m-e-sub-navi li#m-thai {
width:197px;
} 

ul#m-e-sub-navi li#m-china {
width:197px;
}

ul#m-e-sub-navi li#m-paris {
width:209px;
}


/*ノーマル*/
ul#m-e-sub-navi li#m-usa a {
background-position: 0 100%;
}

ul#m-e-sub-navi li#m-thai a {
background-position:-197px 100%;
} 

ul#m-e-sub-navi li#m-china a {
background-position:-394px 100%;
}

ul#m-e-sub-navi li#m-paris a {
background-position:-591px 100%;
}


/*オーバー時*/
ul#m-e-sub-navi li#m-usa a:hover {
background-position:0 0%;
}

ul#m-e-sub-navi li#m-thai a:hover {
background-position:-197px 0%;
} 

ul#m-e-sub-navi li#m-china a:hover {
background-position:-394px 0%;
}

ul#m-e-sub-navi li#m-paris a:hover {
background-position:-591px 0%;
}



/*それぞれのページにいる時*/
ul#m-e-sub-navi li#m-usa.current-page {
background:url(../images/m-sub-navi_01.gif) 0 0%;
}

ul#m-e-sub-navi li#m-thai.current-page {
background:url(../images/m-sub-navi_01.gif) -197px 0%;
} 

ul#m-e-sub-navi li#m-china.current-page {
background:url(../images/m-sub-navi_01.gif) -394px 0%;
}

ul#m-e-sub-navi li#m-paris.current-page  {
background:url(../images/m-sub-navi_01.gif) -591px 0%;
}

/*---------- サブナビ部分 end----------*/


#m-main-00 {
margin:0 auto 0;
padding:0 0 40px;
width:818px;
border-left:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
}

#m-main {
	margin:0 auto;
	padding:0 0 20px;
	width:798px;
	border-left:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	background-color:#e5f0fe;
}

#m-prof {
margin:15px 18px 20px 0;
padding:0;
width:780px;
}

#m-program {
margin:0 0 0 18px;
padding:0;
width:760px;
background-color:#e4e4e4;
}

#m-us-program {
	margin:0px;
	padding:5px;
	width:130px;
	float:left;
}

#m-program p {
	margin:4px;
	padding:0;
	width:610px;
	font-size:12px;
	float:right;
}



/*---------- メインの部分 ----------*/
#m-sentence {
margin:0 19px 20px;
padding:0;
width:760px;
}

#m-sent-box {
	margin:0 18px 0 0;
	padding:0;
	width:440px;
	float:left;
}

#m-pictures {
margin:0 0 20px;
padding:0;
width:300px;
float:right;
}

#m-profile {
	margin:15px 0 20px 0px;
	padding:0;
	width:300px;
	height:330px;
	background-color:#e5f0fe;
	float:right;
}

/*---------- 追加部分 start ----------*/
p#m-face {
margin:0;
padding:0;
}

p#m-face-text {
margin:0;
padding:0;
}
/*---------- 追加部分 end ----------*/

#m-catch {
margin:15px 20px 20px 0;
padding:0;
width:460px;
height:340px;
float:left;
}

h4.m-us-h4 {
margin:0;
padding:0;
width:440px;
height:30px;
}

h5.m-us-h5 {
margin:0px;
padding:0;
width:760px;
height:30px;
}

h5.m-us-h5 img {
margin:0px;
padding:0px;
}


.m-semi-title01 {
margin:0 0 5px;
padding:0;
width:440px;
height:30px;
}

.m-text01 {
margin:0 0 10px;
padding:0;
width:440px;
}

.m-text01 p {
margin:5px;
padding:0;
width:430px;
}


.m-semi-title03 {
margin:0 0 5px 0;
padding:0;
width:760px;
height:30px;
}

.m-text03 {
margin:0 0 20px 0;
padding:0;
border-right:1px solid #618fd0;
border-bottom:1px solid #618fd0;
border-left:1px solid #618fd0;
width:758px;
background-color:#f0f0f0;
}

.m-text04 {
margin:0 0 20px 0;
padding:0;
border-right:1px solid #618fd0;
border-bottom:1px solid #618fd0;
border-left:1px solid #618fd0;
width:758px;
background:url(../images/m-change-bg.gif) repeat-y;
}


.m-text03 p {
margin:5px 15px;
padding:0;
width:730px;
}

.m-text04 p {
margin:0px;
padding:5px 15px;
width:730px;
background-color:transparent;
}

#m-pic01 {
margin:0 0 10px 0;
padding:0;
width:300px;
}

#m-pic02 {
margin:0 0 10px 0;
padding:0;
width:300px;
}


.m-pic02-01 {
margin:5px 10px 0 0;
padding:0;
width:145px;
float:left;
}

.m-pic02-02 {
margin:5px 0 0 0;
padding:0;
width:145px;
float:left;
}


#m-pic03 {
margin:0 0 10px 0;
padding:0;
width:300px;
}


.m-pic03-01 {
	margin:5px 10px 0 0;
	padding:0;
	width:145px;
	float:left;
}

.m-pic03-02 {
	margin:5px 0 0 0;
	padding:0;
	width:145px;
	float:left;
}


#m-pic04 {
margin:0 0 10px 0;
padding:0;
width:300px;
background-color:#FF0000;
}

#m-change {
margin:0 20px 20px;
padding:0;
width:760px;
}

.m-caption01 {
margin:5px 0 0;
padding:0;
width:300px;
}

.m-caption01 p {
margin:0;
padding:0;
width:300px;
font-size:10px;
line-height:1.4;
}

.m-caption02 {
margin:5px 0 0;
padding:0;
width:145px;
}

.m-caption02 p {
margin:0;
padding:0;
width:145px;
font-size:10px;
line-height:1.4;
}

.m-caption03 {
	margin:5px 0 0;
	padding:0;
	width:145px;
}

.m-caption03 p {
	margin:0;
	padding:0;
	width:145px;
	font-size:10px;
	line-height:1.4;
}


.m-clear {
clear:both;
}