@charset "utf-8";


/* CSS Document */

/*clr
-------------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}
html{overflow-y: scroll;width:100%; min-width:100%; margin:0; padding:0;}

/* -----clearfix-------- */
.clearfix:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
/* IE6以下でpadding指定 */
*html body {padding-left: 1px;}


body {
	zoom: 100%;
	text-align: center;
	_font-size: 90%;
	/font-size: 90%;
	font-size: 0.87em;
	line-height: 1.8;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: #575757;
	margin:0;
	padding:0;
	background:#fff url(../images/body.jpg) repeat-x 0px 0px;
}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

div{margin:0px;padding:0px;}
p{margin:0px;padding:0px;}
caption,th {text-align:left; font-weight:normal;}
sub, sup {vertical-align: baseline;}
sup{font-size:75%;position:relative;top:-4px;}
sub{font-size:75%;position:relative;top:4px;} 
br {letter-spacing:0;}

strong {font-weight: normal;color: #6aa8bf;}
b {font-weight: bold;color: #6aa8bf;}

/* リストの設定 */
ul{margin:0px;padding:0px;list-style:none;}
li {margin:0px;padding:0px;list-style:none;}

dl{margin:0px;padding:0px;}
dt{padding:0px;margin:0px;}     
dd{padding:0px;margin:0px;}
dt:first-child{margin-top:0px;}

a:link {/*未訪問のリンク*/
color:#6aa8bf;
text-decoration:underline;
}
a:hover {/*マウスをのせた時*/
color:#6aa8bf;
text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
color:#6aa8bf;
text-decoration:underline;
}
a:active {/*クリックした時*/
color:#6aa8bf;
text-decoration:underline;
}


/* テキスト設定 */
.text_red{color:#ff0000;}
.text_redS{color:#ff0000; font-size:90%;}
.text_redB{color:#ff0000;font-weight:bold;}
.text_redBU{color:#990000;font-weight:bold; text-decoration:underline;}
.text_blue{color:#006699;}
.text_blueB{color:#003366; font-weight:bold;}
.text_blueBL{color:#003366; font-size:150%; font-weight:bold;}
.text_orange{color:#ff9900;}
.text_green{color:#339900;}
.text_beige{color:#b4a674;}
.text_large{font-size:150%;}
.text_small{font-size:80%;}
.underbar{text-decoration: underline;}

.image-left{margin:0px 20px 20px 0px;float:left;}
.image-right{margin:0px 0px 20px 20px;float:right;}

img {margin:0px;padding:0px;display:inline;}
a img {margin:0px;padding:0px;border: none;} 
a:hover img.over{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none;
}

ruby{
	white-space: nowrap;
	vertical-align: text-bottom;
	display: inline-table;
	ruby-position: above;
}
rb {
	line-height:1.2em;
	text-align: left;
	display: table-row;
	ruby-position: above;
}
rt{
	font-size: 50%;
	line-height: 120%;
	text-decoration: none;
	text-align: left;
	display: table-header-group;
	font-weight:normal;
	letter-spacing: 0.17em;
}



/*-----------------------------------------------------------------------------------*/

/*


common


*/

/*-----------------------------------------------------------------------------------*/


#container {
	width: 100%;
	text-align: center;
	padding:0;
	margin:0
}


/*-----------------------------------------------------------------------------------*/

/*


header


*/

/*-----------------------------------------------------------------------------------*/

#headerWrap{
	width:100%;
	/*background:#fff url(../images/index/headerWrap.gif) repeat-x 0px 0px;*/
	text-align:center;
	margin:0px;
	padding:0;
}
#header{
	width: 940px;
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat 0px 0px;
	height: 127px;
}

#header ul#navigation {
width: 770px;
height: 60px;
margin: 30px 85px 0px 85px;
padding: 0px 0px 0px 0px;
float: right;
display:inline;
text-align:left;
background:url(../images/navi.jpg) no-repeat 0px 0px;
}
#header ul#navigation li{
height:30px;
margin:0px 0px 0px 0px;
padding: 0px;
display:inline;
float: left;
}

#header ul#navigation li#navi01{width:190px;background:url(../images/navi.jpg) no-repeat 0px 0px;display:inline;margin: 0px 35px 0px 0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}
#header ul#navigation li#navi02{width:230px;background:url(../images/navi.jpg) no-repeat -225px 0px;display:inline;margin:0px 30px 0px 0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}
#header ul#navigation li#navi03{width:135px;background:url(../images/navi.jpg) no-repeat -485px 0px;display:inline;margin:0px 25px 0px 0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}
#header ul#navigation li#navi04{width:125px;background:url(../images/navi.jpg) no-repeat -645px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}

#header ul#navigation li#navi01 a {width:190px;background:url(../images/navi.jpg) no-repeat 0px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}
#header ul#navigation li#navi02 a {width:230px;background:url(../images/navi.jpg) no-repeat -225px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}
#header ul#navigation li#navi03 a {width:135px;background:url(../images/navi.jpg) no-repeat -485px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}
#header ul#navigation li#navi04 a {width:125px;background:url(../images/navi.jpg) no-repeat -645px 0px;display:inline;margin:0px;padding:0px;text-indent:-9999px;outline:0;line-height:60px;float:left;}

#header ul#navigation li#navi01 a:hover {background:url(../images/navi.jpg) no-repeat 0px 0px;float:left;}
#header ul#navigation li#navi02 a:hover {background:url(../images/navi.jpg) no-repeat -225px 0px;float:left;}
#header ul#navigation li#navi03 a:hover {background:url(../images/navi.jpg) no-repeat -485px 0px;float:left;}
#header ul#navigation li#navi04 a:hover {background:url(../images/navi.jpg) no-repeat -645px 0px;float:left;}



.wrapper {
	width: 940px;
	margin: 0px auto;
	padding: 30px 0;
	text-align: left;
}





/* wrapper1
--------------------------- */

.wrapper1 {
	width:100%;
	text-align:center;
	margin:0px 0px 0px 0px ;
	padding: 30px 0;
}

h1{
	text-align:center;
}
div#box1 {
	width: 940px;
	height:250px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear:both;
	background:url(../images/box1.jpg) no-repeat 0px 0px;
	
}
#box1 ul#access{
	list-style:none;float:left;
	margin: 160px 0px 0px 55px;
}

#box1 ul#access li{width:186px; display:inline;float:left;}
#box1 ul#access li#j{ }
#box1 ul#access li#e{
	margin: 0px 0px 0px 170px;
}




/* wrapper2
--------------------------- */

.wrapper2 {
	width:100%;
	text-align:center;
	margin:0px 0px 0px 0px ;
	padding: 0px 0 30px 0;
	background:url(../images/wrapper2.jpg) repeat-x 0px bottom;
}
.wrapper2Top{
	height:10px;
	width:100%;
	background:url(../images/wrapper2Top.jpg) repeat-x 0px top;
	padding: 20px 0 0px 0;
}


.singleBox{
	float: left;
	width: 940px;
	margin: 30px 0px;
	padding:0 0 30px 0;
	background: url(../images/sigleBox.jpg) no-repeat 0px bottom;
}
.singleBox h2{
padding:0 0 0px 0;
margin:0 0 30px 0;
text-align:left;
}


#program{
width:840px;
margin:0px 40px;
text-align:left;
font-size:100%;
line-height:1.8;
}
#program th{
	width:5%;
	color:#456e6c;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
padding:15px 30px 15px 0px;
font-weight:bold;
vertical-align:top;
white-space:nowrap;

}
#program td{
	border-bottom:1px dotted #ccc;
padding:15px 0 15px 30px;
vertical-align:top;
}


p.menutext{
/* height:95px; */
padding:0 0 15px 0px;
}

dl.programs{}
dl.programs dt{
	font-weight:bold;
	color:#94a78d;
	font-size:120%;
}
dl.programs dd{}

dl.programE{ margin-top:20px;}
dl.programE dt{
	font-weight:bold;
	color:#bbb99b;
	font-size:120%;
}
dl.programE dd{}



#program td span.english{color:#bbb99b; margin-left:1em;}


/* 3*/
div.box {
	width: 940px;
	margin: 30px 0px 30px 0px;
	padding:0px;
	clear:both;
	
}
p.inquiry{
	text-align:center;
	padding: 0px 0px 15px 0px;
}








/*4*/
.wrapperGray {
	width:100%;
	background:url(../images/footter.gif) repeat 0px 0px;
	text-align:center;
	margin:0px 0px 0px 0px ;
	padding: 30px 0;
}

#wrapper {
	width: 940px;
	margin: 30px auto;
	padding: 0px 0;
	text-align: left;
}



#slot3{
float:left;
display:inline;
}

#slot01{
width:250px;
margin: 0px 20px 0px 0px;
text-align:left;
font-size:11px;
line-height:1.8;
float:left;
display:inline;
}
#slot01 th{
width:30px;
padding:0px 0px 0px 0px;
font-weight:bold;
vertical-align:top;
white-space:nowrap;

}
#slot01 td,
#slot02 td{
padding:0px 0 0px 10px;
vertical-align:top;
}


#slot02{
width:410px;
margin: 0px 20px 0px 0px;
text-align:left;
font-size:11px;
line-height:1.8;
float:left;
display:inline;
}
#slot02 th{
	width:75px;
padding:0px 0px 0px 0px;
font-weight:bold;
vertical-align:top;
white-space:nowrap;

}

#slot01 td ul.list,
#slot02 td ul.list{
	text-align:left;
margin: 0px 0px 20px 0px;
padding:0px;

}
#slot01 td .list li,
#slot02 td .list li{
	margin: 0;
	padding: 0 0px 0 10px;
	text-align: left;
	display: block;
	background: url(../images/arrow.gif) no-repeat 0px 8px;
}


#slot03{
width:240px;
float:right;
display:inline;
font-size:13px;
line-height:1.8;
}

#slot03 #ub{
width:240px;
background-color:#fff;
border:1px solid#ccc;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

#slot03 #ub dl#atalacia{
	width:220px;
	margin:10px;
	text-align:left;
}
#slot03 #ub #atalacia dt{
	font-weight:bold;
	color:#717b6c;
}
#slot03 #ub #atalacia dd{
	font-size:90%;
}








/*-----------------------------------------------------------------------------------*/

/*


footerWrap


*/

/*-----------------------------------------------------------------------------------*/


#footerWrap {
	font-size: 0.78em;
    width: 100%;
    height: 50px;
	clear:both;
}

#footer {
	width: 940px;
	margin: 0px auto;
	color:#333;
}

#footer_copy{ text-align:center;}


iframe{
	margin-bottom:20px;
}