@charset "utf-8";
/* CSS Document */

/*==============================================================
  ■ 全体共通スタイル
==============================================================*/

body{
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#ffffff repeat-y top center;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "Osaka－等幅", Osaka-mono, monospace, Arial;
	color:#3b3b3b;
	line-height:1.5em;
	letter-spacing:0.07em;
}

body {
	font-size: 85%;
}
html>/* */body {
	font-size: 14px;
}



/* new clearfix */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
/* IE6 */
* html /clearfix{
	zoom:1;
}
/* IE7 */
*:first-child+html .clearfix{
	zoom:1;
}


img{
	vertical-align:bottom;
}

a img{
	border:none;
}

a{
	color:#1d42b3;
	text-decoration:none;
}

a:hover{
	color:#1d42b3;
	text-decoration:underline;
}


h1, h2, h3, h4, h5, p, div, form, ul, li{
	margin:0;
	padding:0;
}

.txtHide{
	display:none;
}

.txtSmall{
	font-size:0.8em;
}

.txtBold{
	font-weight:bold;
}

.txtRed{
	color:#fe5050;
}

.txtLine{
	text-decoration:underline;
}

/* --======================================= main layout =======================================-- */
#allWrap{
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;
}

#mainWrap{
	margin:0 auto;
	padding:0;
	width:930px;
	text-align:left;
}


#sideWrap{
	padding:16px 0 0 0;
	width:250px;
	float:right;
}

#contentsWrap{
	margin:0 5px 0 0;
	width:650px;
	float:left;
}



/* --======================================= header =======================================-- */
#headWrap{
	margin:0 auto;
	padding:0px;
	width:100%;
	height:149px;
	background:url(../images/head_bg.gif) repeat-x;
}

#headWrap .sizeWrap{
	margin:0 auto;
	padding:0px 0 0 0;  
	width:931px;
	height:87px;
	text-align:left;
}


#headWrap .sizeWrap .logoWrap{
	padding:19px 0 0 10px; 
	float:left;
}


.rightBlock {
	float:right;
}

.btnMMB{
	float:right;
	padding: 10px 0 0 0;
}

/* ------------------------------- pdf menu ------------------------------- */
#pdfNavi {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 0 0 137px;
	width: 208px;
	height: 23px;
	background: url(../images/btn_overview.gif);
	list-style: none;
}

#pdfNavi li {
	float:left;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

#pdfNavi a {
	background-image: url(../images/btn_overview.gif);
	display: block;
}

/* ---English--- */
#pdfNavi .pdfen a {
	width: 65px;
	height: 23px;
	background-position: 208px 0;
}
#pdfNavi .pdfen a:hover {
	background-position: 208px 30px;
}

/* ---Chinese--- */
#pdfNavi .pdfch a {
	width: 76px;
	height: 23px;
	background-position: 143px 0;
}
#pdfNavi .pdfch a:hover {
	background-position: 143px 30px;
}

/* ---Korea--- */
#pdfNavi .pdfkr a {
	width: 67px;
	height: 23px;
	background-position: 67px 0;
}
#pdfNavi .pdfkr a:hover {
	background-position: 67px 30px;
}


/* --======================================= footer =======================================-- */
#footWrap{
	margin:30px 0 0 0;
	padding:0;
	width:100%;
}


/* ------------------------------- topic path ------------------------------- */
#footWrap .footTPWrap{
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(../images/foot_topicpath_bg.gif) repeat-x top #d8d8d8;
}

#footWrap .footTPWrap .wrap{
	margin:0 auto;
	padding:0;
	width:950px;
}

#footWrap .footTPWrap .wrap #topicPathF{
	margin:0;
	padding:7px 10px;
	width:780px;
	font-size:85%;
	line-height:150%;
	text-align:left;
	float:left;
}

#footWrap .footTPWrap .wrap #topicPathF li {
	display:inline;
	list-style-type:none;
}

#footWrap .footTPWrap .wrap #topicPathF li a {
	padding-right:10px;
	background:url(../images/tp_foot.gif) no-repeat right center;
	color:#1d42b3;
	text-decoration:none;
}

#footWrap .footTPWrap .wrap #topicPathF li a:hover {
	color:#1d42b3;
	text-decoration:underline;
}

#footWrap .footTPWrap .wrap .pageTopWrap{
	margin:0 0 10px 0;
	float:right;
}


/* ------------------------------- foot navigation ------------------------------- */
#footWrap .footNaviWrap{
	margin:1px auto;
	padding:0;
	width:950px;
	border-left:#959595 1px solid;
	border-right:#959595 1px solid;
	text-align:left;
	font-size:85%;
	line-height:110%;
}

#footWrap .footNaviWrap .oneCateWrap{
	margin:0;
	padding:10px 8px 0 8px;
	height:160px;
	list-style:outside none none;
	float:left;
	border-right:#959595 1px solid;
}

#footWrap .footNaviWrap .oneCateWrap li{
	margin:3px 0;
}

#footWrap .footNaviWrap .oneCateWrap h3{
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:100%;
}

#footWrap .footNaviWrap .travelWrap a{
	color:#eb6100;
}

#footWrap .footNaviWrap .kaiinWrap a{
	color:#3cbefb;
}

#footWrap .footNaviWrap .examWrap a{
	color:#22ac38;
}

#footWrap .footNaviWrap .oneCateWrap .arrowAll{
	padding:0 0 0 10px;
	background: url(../images/foot_arrow.gif) no-repeat left center;
}

#footWrap .footNaviWrap .oneCateWrap .arrowTravel{
	padding:0 0 0 10px;
	background: url(../images/foot_arrow_travel.gif) no-repeat left center;
}

#footWrap .footNaviWrap .oneCateWrap .arrowKaiin{
	padding:0 0 0 10px;
	background: url(../images/foot_arrow_kaiin.gif) no-repeat left center;
}

#footWrap .footNaviWrap .oneCateWrap .arrowExam{
	padding:0 0 0 10px;
	background: url(../images/foot_arrow_exam.gif) no-repeat left center;
}


/* ------------------------------- foot information ------------------------------- */
#footWrap .infoWrap{
	margin:0 auto;
	padding:15px 0;
	width:100%;
	background:#193cb0;
	color:#fff;
	font-size:85%;
	line-height:115%;
}

#footWrap .infoWrap .wrap{
	margin:0 auto;
	width:950px;
	text-align:left;
}

#footWrap .infoWrap .wrap .accessWrap{
	float:left;
}

#footWrap .infoWrap .wrap .copyWrap{
	margin:60px 0 0 0;
	background:url(../images/copyright.gif) no-repeat;
	width:438px;
	height:17px;
	float:right;
}


/* --======================================= side =======================================-- */

#sideWrap .oneBanner{
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}

#sideWrap .antaNewsWrap{
	padding:0;
	text-align:left;
}

#sideWrap .antaNewsWrap .imgWrap{
	float:left;
}

#sideWrap .antaNewsWrap .txtWrap{
	width:165px;
	float:right;
}

#sideWrap .antaNewsWrap .txtWrap h3{
	color:#ff7807;
	font-weight:bold;
	font-size:85%;
}

#sideWrap .antaNewsWrap .txtWrap p{
	font-size:75%;
	line-height:110%;
}
	









