@charset "utf-8";

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

　MOTスクール
　共通基本CSS
	
------------------------------------------------------------
------------------------------------------------------------*/


/*------------------------------------------------------------
　基本
------------------------------------------------------------*/

html,
body {

}

body {
	text-align: center;
	color: #333333;
	font:13px/1.5em "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
 *font-size:small;
 *font:x-small;
}

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align: bottom;
}

.swap {
}

ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	line-height: 1.4;
	font-size:100%;
	margin-bottom: 1em;
}

a {
	color: #066AB5;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 0.8em;
}

.clear {

	clear: both;
	
}

/*----　clearfix　---*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*------------------------------------------------------------
　全体
------------------------------------------------------------*/


/***----　#header、#footerなどの中身の部分（外側は画面いっぱいの背景）　---***/
.inner_shell {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 950px;
}

/*------------------------------------------------------------
　#header
------------------------------------------------------------*/
#header {
	background: #FFFFFF url(../img/common/header/bg.gif) repeat-x center top;
	height: 66px;
	overflow: hidden;
}

#header h1 {
	float: left;
}

#header .rightside {
	float: right;
	width: 600px;
	padding-top: 10px;
}

#header .rightside .btn {
	float: right;
	margin-left: 8px;
}
#header .inner_shell .rightside .buttons #fontsizer {
	padding-top: 20px;
	width: 127px;
}
#header .inner_shell .rightside .buttons #fontsizer img {
	float: left;
}

#header .inner_shell .rightside .buttons #fontsizer li {
	float: left;
}


#header .inner_shell .rightside .buttons #fontsizer a {
	display: block;
	text-indent: -9999px;
}

#header .inner_shell .rightside .buttons #fontsizer a:hover {
	background: none!important;
}

#header .inner_shell .rightside .buttons #fontsizer ul {
	background: url(../img/common/header/fontsizer_on.gif) no-repeat left top;
	height: 23px;
	float: right;
}

#header .inner_shell .rightside .buttons #fontsizer .normalsize a {
	background: url(../img/common/header/fontsizer_s.gif) no-repeat left top;
	height: 23px;
	width: 31px;
}

#header .inner_shell .rightside .buttons #fontsizer .largesize a {
	background: url(../img/common/header/fontsizer_l.gif) no-repeat left top;
	height: 23px;
	width: 32px;
}

#header .inner_shell .rightside .buttons #contact {
	padding-top: 20px;
	padding-right: 8px;
}

#header .inner_shell .rightside .buttons #i-supportop {
	padding-top: 12px;
	padding-right: 15px;
}


/*------------------------------------------------------------
　Global_navi
------------------------------------------------------------*/
#g_navi {
	background: url(../img/common/g_navi/bg.gif);
	height: 54px;
	clear: both;
}

#g_navi li {
	float: left;
}

/*------------------------------------------------------------
　コンテンツ部分
------------------------------------------------------------*/
#contents {
	width: 950px;
	text-align: left;
	margin: 5px auto 20px;
}

/*----　clearfix　---*/
#contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#contents {
	min-height: 1px;
}

* html #contents {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/***----　パンくず　---***/
#topic_path {
	color: #333333;
	padding: 11px 0px;
}

#topic_path p {
	margin-bottom: 0px;
}

#topic_path a {
	color: #333333;
}
/***----　メインコンテンツ部分　---***/
#contents #main {
	padding: 0px;
	width: 690px;
	float: left;
}

/*----　パンくず下、ページのタイトル部分（右側にボタンなど入る場合あり）　----*/
#contents #main .page_title {
	border-bottom: 1px solid #999999;
	height: 42px;
}

#contents #main .page_title2 {
	border-bottom: 1px solid #999999;
	height: 57px;
}

#contents #main .page_title h2 {
	float: left;
}

/*----　記事ひとかたまり　----*/
#contents #main .section {
	padding: 20px 0px 7px;
	clear: both;
}

.pagetop {
	text-align: right;
	clear: both;
}

#contents #main .section h3 {
	margin-bottom: 15px;
}
/*------------------------------------------------------------
　いろいろすたいる
------------------------------------------------------------*/
/*----　float　---*/
.f_left {
	float: left;
}

.f_right {
	float: right;
}

/*----　うちけし　---*/
.no_border {
	border-style: none!important;
}

.no_margin {
	margin: 0px!important;
}

.no_padding {
	padding: 0px!important;
}

.no_bg {
	background: none!important;
}

.align_r {
	text-align: right!important;
}

.align_c {
	text-align: center!important;
}

.align_l {
	text-align: left!important;
}

/*----　マージン　---*/
.mb_05 {
	margin-bottom: 5px!important;
}

.mb_10 {
	margin-bottom: 10px!important;
}

.mb_15 {
	margin-bottom: 15px!important;
}

.mb_20 {
	margin-bottom: 20px!important;
}

.mb_30 {
	margin-bottom: 30px!important;
}

.mb_50 {
	margin-bottom: 50px!important;
}


.ml_15 {
	margin-left: 15px!important;
}

#contents #main .contact_btn {
	text-align: center;
	padding: 25px 20px 10px;
	background: url(../img/common/dot_x_gray.gif) repeat-x top;
	margin-top: 10px;
}

.size_l {
	font-size: 116%!important;
}


.size_s {
	font-size: 87%!important;
}

#contents #main .page_title ul {
	float: right;
	padding-top: 20px;
}


#contents #main .page_title ul li {
	float: right;
}

/*------------------------------------------------------------
　#footer
------------------------------------------------------------*/

#footer {
	background: #FFFFFF url(../img/common/footer/bg.gif) repeat-x center top;
	border-top: 0px solid #005bae;
	clear: both;
	padding-bottom: 30px;
	height:67px;
}

#footer ul {
	float: right;
	padding-top: 22px;
	margin-right: 20px;
}

#footer li {
	float: left;
}

#footer .copy {
	text-align: right;
	float: right;
	margin-top: 22px;
}


/*------------------------------------------------------------
　#side
------------------------------------------------------------*/

#contents #side {
	float: right;
	width: 236px;
}

#contents #side #side_navi .navi_title {
	background: url(../img/common/side/navi_top.gif) no-repeat right top;
	text-align: center;
	padding-top: 10px;
}

/*----　banner　----*/

#contents #side #banners {

}

#contents #side #banners li {
	margin-bottom: 12px;
}

/*----　ナヴィゲーション　----*/
#contents #side #side_navi {
	background: url(../img/common/side/navi_mid.gif) repeat-y right top;
	margin-bottom: 20px; zoom: 1;
}

#contents #side #side_navi .navigation {
	background: url(../img/common/side/navi_btm.gif) no-repeat right bottom;
	padding: 5px 15px;
}

#contents #side #side_navi .navigation h3 {
	margin-top: 5px;
	margin-bottom: 3px;
}

#contents #side #side_navi .navigation h4 {
	margin-top: 2px;
}

#contents #side #side_navi .navigation ul.sub {
	padding-left: 3px;
	width: 197px;
	padding-bottom: 5px;
}

#contents #side #side_navi .navigation ul.sub li {
	background: url(../img/common/dot_x_gray.gif) repeat-x left bottom;
	font-weight: bold;
	padding: 3px 0px 4px;
}

/*----↓ここ変わる↓----*/
#contents #side #side_navi .navigation .sub a {
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 23px;
	background: url(../img/common/link_01.gif) no-repeat 2px 0.5em;
	color: #535353;
}

#contents #side #side_navi .navigation .sub a:hover,
#contents #side #side_navi .navigation .sub .current a {
	background: #E5EEF4 url(../img/common/link_01_on.gif) no-repeat 2px 0.5em;
	color: #015696;
}

/*----↑ここ変わる↑----*/
.underline_01 {
	background: url(../img/common/dot_x_gray.gif) repeat-x left bottom;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

#contents #contactbanner {
	clear: both;
	height: 47px;
	border: 5px solid #E7E7E7;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contents #contactbanner h2 {
	float: left;
	padding: 8px:8px:1px:1px;
}

#contents #contactbanner ul {
	float: right;
}

#contents #contactbanner li {
	float: right;
	padding-right:10px;
}

#contents #contactbanner2 {
	clear: both;
	height: 60px;
	border: 5px solid #E7E7E7;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contents #contactbanner2 h2 {
	float: left;
	padding: 8px:8px:1px:1px;
}

#contents #contactbanner2 ul {
	float: left;
}

#contents #contactbanner2 li {
	float: left;
	padding-right:10px;
}


/*---- 下段お問い合せ・電話番号 ----*/
#contents #contactbox {
	clear: both;
	height: 49px;
	border: 5px solid #E7E7E7;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contents #contactbox h2 {
	float: left;
}

#contents #contactbox ul {
	float: left;
}

#contents #contactbox li {
	float: left;
}

/*------------------------------------------------------------
　0000
------------------------------------------------------------*/
/*---- 表 ----*/
.table_01 th {
	background: #F2FAFE;
}

.table_01 th,
.table_01 td {
	padding: 3px;
	border: 1px solid #CCCCCC;
	color: #464646;
	font-weight: normal;
}

.table_01 .top th {
	text-align: center;
	font-weight: bold;
}


/*---- タグ様の見出し（school/index.htmlなど） ----*/
#contents #main .section .tag01 {
	background: #F2F2F2 url(../img/common/head_dot_10blue.gif) repeat-y -4px top;
	padding: 12px 12px 12px 18px;
	margin-bottom: 12px;
}

#contents #main .section .tag01 .ex_01 {
	font-weight: bold;
	margin-bottom: 0.4em;
	font-size: 100%;
}


#contents #main .section .tag01 .ex_02 {
	margin-bottom: 0em;
	color: #015696;
}


#contents #main .section .ex_03 {
	border-left: 6px solid #005596;
	padding: 3px 10px;
	margin-bottom: 12px;
	font-size: 110%;
}

#contents #main .section .ex_04 {
	color: #015696;
	background: #F2F2F2 url(../img/common/head_dot_10grey.gif) no-repeat 10px 0.8em;
	padding: 6px 25px;
	margin-bottom: 10px;
	font-size: 100%;
}
#contents #main .list_01 li {
	background: url(../img/common/head_dot_10blue.gif) no-repeat left 0.3em;
	padding-left: 16px;
	margin-bottom: 0.8em;
}

.nowrap {
	white-space: nowrap;
}

#contents #main .section .tag02 {
	background: #F2F2F2 url(../img/common/head_dot_10blue.gif) repeat-y -4px top;
	padding: 12px 12px 12px 18px;
	margin-bottom: 12px;}
#contents #main .section .tag02 .ex_01 {font-weight: bold;margin-bottom: 0.4em;font-size: 110%;}
#contents #main .section .tag02 .ex_02 {margin-bottom: 0em;color: #015696;}

hr.dod{   
	border:dotted #999;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
	margin:20px 0px 30px;}

img.iconblank {
    margin-left: 3px;
    vertical-align: baseline;
}