@charset "UTF-8";

/* =Clearfix
-------------------------------------------------------------- */

.cf:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
.cf {
	display: inline-block;
}

.cf {
	display: block;
}

/* =Layout
-------------------------------------------------------------- */


#container {
	float: left;
	width: 750px;
}
#container_center{
	clear: both;
	width: 750px;
	margin: auto;
	
}

#main_content ,
#content_top{
	float: right;
	width: 550px;
	/*padding: 0 0 30px 0;*/
	margin-left: 20px;
	/*background: #fff;*/
}

/*#loop_country,
#weekly_sigle{
	padding: 15px 20px;
} */
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 250px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
		font-family: Arial,
    	'ヒラギノ角ゴ Pro W3',
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
    	line-height: 24px;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type="submit"] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 1020px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}

#site-generator {
	float: right;
	width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background:url(images/bg/bg_main.jpg) 0 130px  repeat-x ;
}

a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	text-decoration: underline;
	cursor: pointer;
	opacity: 0.8;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.banner_sb01,
.banner_sb_left{
	margin: 10px 0;
}
.banner_sb_left img{
	max-height: 70px ;
}
.ad_learnEng_box{
	color: #000;
}
.ad_learnEng_box .ad_learnEng_title{
	font-weight: bold;
	padding:  0 0 5px 0;
}
.ad_learnEng_box span{
	display: block;
	text-align: right;
	font-size: 11px;
	width: 100%;
}

#main {
	clear: both;
	overflow: hidden;
	width: 100%;
}
#main_top{
	clear: both;
	overflow: hidden;
	padding: 12px 0 0 0;
	width: 100%;
}
#content {
	margin-bottom: 36px;
}


/* Adjustment
----------------------------------------------------*/
.has_border{
	border: 1px solid #ccc;
}
.mb5 {
	margin-bottom: 5px!important
}
.mb10 {
	margin-bottom: 10px!important
}
.mb15 {
	margin-bottom: 15px!important
}
.mb20 {
	margin-bottom: 20px!important
}
.mb25 {
	margin-bottom: 25px!important
}
.mb30 {
	margin-bottom: 30px!important
}
.mb35 {
	margin-bottom: 35px!important
}
.mb40 {
	margin-bottom: 40px!important
}
.mb50 {
	margin-bottom: 50px!important
}
.mb55 {
	margin-bottom: 55px!important
}
.mb60 {
	margin-bottom: 60px!important
}
.mb80{
	margin-bottom: 80px!important
}
.ml10{
	margin-left: 10px;
}
.bold {
	font-weight: bold!important
}


.txtS1{
	font-size: 10px!important
}
.txtS2 {
	font-size: 11px!important
}
.txtS3 {
	font-size: 12px!important
}
.txtS4 {
	font-size: 13px!important
}
.txtS5 {
	font-size: 14px!important
}
.alignL {
	text-align: left!important
}
.alignC {
	text-align: center!important
}
.alignC input[type="image"] {
	vertical-align: bottom;
}
.alignR {
	text-align: right!important
}
.floatL {
	float: left!important
}
.floatR {
	float: right!important
}
.floatC{
	margin:0 auto !important;
}
.fix01 {
	padding-left: 1px!important
}
.imgR {
	float: right;
}
.imgL {
	float: left;
}
.imgL10 {
	float: left;
	margin-right: 10px;
}
.block {
	display: block;
}
.err {
	font-weight: bold;
	color: #cc0000;
}
.strong {
	font-weight: bold;
	text-decoration: underline;
}
.fbold{
	font-weight: bold;
}
.pb5 {
	padding-bottom: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}

.pl10{
	padding-left: 10px;
}
.mt30{
	margin-top:30px;
}
.ma0{
	margin: 0px !important;
}

.lead {
	text-align:justify;
	text-justify:distribute;
}

.last{
	margin-right: 0 !important;
}

.error{
	color: #FF0000;
}