@charset "utf-8";

/*
Site Name:
Description: layout
*/

/* base layout
----------------------------------------- */
#container{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#header{
text-align: center;
}
#header-inner{
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}

#mainimg-area{
	clear: both;
	text-align: center;
}

#content{

	clear: both;
}
#content-inner{
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}
#home #content-inner{
	padding: 20px 0 0 0;
	background-color: #F7F7F7;
	overflow: hidden;
}
#content-article{
	max-width: 920px;
	margin: 0 auto;
}

#footer{
	margin: 0px auto;
	text-align: center;
}
#footer-inner{
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #F7F7F7;
	overflow: hidden;
}
/*#contents #footer-inner{
	padding-top: 25px;
}
#search #footer-inner{
	padding-top: 25px;
}*/

#footer-inner{
	padding-top: 25px;
}

#footer-area{
	max-width: 920px;
	margin: 0 auto;
	padding: 20px 0px 30px;
	background-color: #FFFFFF;
	overflow: hidden;
}

/* content layout */
#home #main{
	float: left;
	clear: left;
	width: 63.043%;
}
#home #sub{
	float: right;
	clear: right;
	width: 32.608%;
}

#contents #main{
	float: right;
	clear: right;
	width: 71.428%;
}
#contents #sub{
overflow: hidden;
background: #f5f5f5;
border-radius: 5px;
padding:20px 20px 0 20px;
	float: left;
	clear: left;
	width: 20.408%;
}

#news #main,#compass #main,#mailmagazine #main,#reports #main,#library #main{
	float: left;
	clear: left;
	width: 71.428%;
}
#news #sub,#compass #sub,#mailmagazine #sub,#reports #sub,#library #sub{
background: #f5f5f5;
border-radius: 5px;
padding:20px;
	float: right;
	clear: right;
	width: 20.408%;
}

#topics #main{
	clear: left;
	width: 100%;
}

/* content layout parts */
/*#contents */#main .column-2{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom:40px;
}
/*#contents */#main .column-2 .first-column,
/*#contents */#main .column-2 .last-column{
	width: 47.142%;
}
/*#contents */#main .column-2 .first-column{
	float: left;
	clear: left;
	margin-right: 5.714%;
}
/*#contents */#main .column-2 .last-column{
	float: right;
	clear: right;
}
.link-box{
 position:relative;
}
.link-box a{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 text-indent:-9999px;
}
.link-box a:hover{
background:#fff;
opacity: 0.1;
background:none\9; /* IE8 and below */
}


/* --------- one-column ------------*/
#contents main.one-column{
	clear: right;
	width: 100% !important;
}

#btn-sp-menu{display:none;}

@media only screen and (max-width: 480px) {
#btn-sp-menu{
display: block;
position: absolute;
right:2%;top:20px;
z-index:100;
}
.service-section{
	padding:0 2%;
}
.nav{display:none;}
    #content #main,
    #content #sub{
        float: none;
        width: auto;
    }
main,iframe{
max-width: 96%;
margin-left:2%;
word-break:break-all;
}
#main .column-2{
	width: 96%;
	margin:0 0 0 2%;
}
#main .column-2 .first-column,
#main .column-2 .last-column{
	float:none;
	width:100%;
	}
}