@charset "utf-8";

/*リセット
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

.px10 {font-size:77%;} /* for setting 10px */
.px11 {font-size:85%;} /* for setting 11px */
.px12 {font-size:93%;} /* for setting 12px */
.px13 {font-size:100%;} /* for setting 13px */
.px14 {font-size:108%;} /* for setting 14px */
.px15 {font-size:116%;} /* for setting 15px */
.px16 {font-size:123.1%;} /* for setting 16px */
.px17 {font-size:131%;} /* for setting 17px */
.px18 {font-size:138.5%;} /* for setting 18px */
.px19 {font-size:146.5%;} /* for setting 19px */
.px20 {font-size:153.9%;} /* for setting 20px */
.px21 {font-size:161.6%;} /* for setting 21px */
.px22 {font-size:167%;} /* for setting 22px */
.px23 {font-size:174%;} /* for setting 23px */
.px24 {font-size:182%;} /* for setting 24px */
.px25 {font-size:189%;} /* for setting 25px */
.px26 {font-size:197%;} /* for setting 26px */


/*基本構造
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html,body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #f3fcfc;
	}

.container {
	width: 808px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto;
	text-align:justify; /* この設定は body エレメントの text-align: center より優先されます。 */
	text-justify: inter-ideograph;
	border-style:none;
	}

#wrap {
	background-image:url(../images/top-bg.gif);
	padding:0px 19px;
	}

#wrap.normal {
	background-image:url(../images/half-bg2.gif);
	padding:0px 19px;
	}

#wrap.english {
	background-image:url(../images/etop-bg_02.gif);
	padding:0px 19px;
	}


#header {
	vertical-align:top;
	}


img {
	vertical-align:top;
	}
	
a {
	color:#0068c4;
	text-decoration:none;
}

a:hover {                   /* カーソルが上にある時のリンク */
	color: #f34a48;
	text-decoration:none;     /* 下線を消す */
}

#nav table,tr,td {
	margin:0;
	padding:0;
	border:0;
	}
	
.content {
	float:left;
	width:514px;
	padding-top:24px;
	}
	
#honbun {
	 padding:17px;
		}


/*その他　基本デザイン
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.text-bold {
	font-weight:bold;
	}

.text-left {
	text-align:left;
	}

.text-right {
	text-align:right;
	}

.text-center {
	text-align:center;
	}

img.ver-mid {
	vertical-align:middle;
	}

img.right-margin5px {
	padding-right:5px;
	}
	
p.chart-center {
	text-align:center;
	margin:15px 0px;
	}

#honbun p {
	line-height:1.8;
	color:#333;
	}
	
#honbun p.dankan10px {
	margin-bottom:10px;
	text-indent:1em;
	}
	

#honbun .title {
	margin-bottom:15px;
	}

#honbun .komi {
	margin:20px 0px 10px 0px;
	}

#honbun h3 {
	font-weight:bold;
	font-size:116%;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	padding:4px 0px;
	margin:10px 0px;
	}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}

/*フッター
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#footer {
	background-image:url(../images/top-bgf.gif);
	width:808px;
	height:73px;
	}

#footer.normal {
	background-image:url(../images/top-bgf2.gif);
	}

#footer .copyright {
 float:left;
	font:Verdana;
	color:#595757;
	margin:45px 0px 0px 30px;
	width:400px;
	display:inline;
	}

#footer .submenu {
 float:right;
	text-align:right;
	margin:45px 30px 0px 0px;
	width:300px;
	display:inline;
	vertical-align:middle;
	}


/*サイドバー
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar {
	float:right;
	width:240px;
	padding-top:16px;
	}

#sidebar img {
	margin:0px;
	padding:0px;
	}


#sidebar .linkblock {
	margin:10px 10px 30px 10px;
	}

#sidebar a:hover	{
	top:1px;
	left:1px;
	position:relative;
}

#sidebar .link {
	margin:0px 0px 12px 0px;
	}

#sidebar .title {
	margin:0px 0px 6px 0px;
	}

#sidebar .accesspanel {
	background-image:url(../images/accesspanel2.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	}
	
	
#sidebar .searchtext {
	vertical-align:middle;
	font-size:10px;
	color:#808080;
	background-image:url(../images/search-rogo.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	}

#sidebar .searchbtn {
	vertical-align:middle;
	font-size:9px;
	color:#666666;
	} 
	


/*個別　トップページ
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.content .kousin {
	width:514px;
	height:17px;
	background:url(../images/kousin.gif);
	text-align:right;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
	}
	
.content .panel-ichiran {
	text-align:right;
	margin-top:3px;
	}

.content .panel-title {
	font-weight:bold;
	margin-bottom:5px;
	}
	
.content .panel-date {
	font-size:85%;
	color:#333333;
	font-weight:normal;
	}
	
.content .channel {
	margin:20px 00px 00px 00px;
		}


/*個別　WHATS日教組
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#wrap.whats {
	background-image:url(../images/whats-bg.gif);
	padding:0px 19px;
	}

#sidebar .whats {
	width:240px;
	margin-top:20px;
	margin-bottom:25px;
	}


#sidebar .whats .whats-submenu {
	width: 220px;
	margin: 0;
	line-height:2;
	font-size: 12px;
}

#sidebar .whats .whats-submenu li{
	list-style: none outside;
	margin: 0px;
}

#sidebar .whats .whats-submenu li a {
	margin:0px 10px;
	width:195px;
	height:28px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	display: block;
	background: url(../images/whats-sub.gif);
	font-weight: bold;
	color:#0068c4;
	text-decoration:none;
}

#sidebar .whats .whats-submenu li a:link {
	color:#0068c4;
}

#sidebar .whats .whats-submenu li a:hover {
	color: #f34a48;
	background: url(../images/whats-sub-hov.gif) repeat;
	top:0px;
	left:0px;
}

#sidebar .whats .whats-submenu li a:visited {
	color:#0068c4;
}

#sidebar .whats .whats-submenu li a:active {
	color: #f34a48;
}

.content .whats-table1-left {
	border-top:1px solid #30a6df;
	border-left:1px solid #30a6df;
	border-bottom:1px solid #30a6df;
	border-collapse:collapse;
	padding:8px;
	text-align:left;
	font-weight:bold;
	color:#00489b;
	line-height:1.4;
		}

.content .whats-table1-right {
	border-top:1px solid #30a6df;
	border-right:1px solid #30a6df;
	border-bottom:1px solid #30a6df;
	border-collapse:collapse;
	padding:8px;
	text-align:left;
	line-height:1.4;
	}


.content .whats-table2 {
	border:1px solid #999;
	border-collapse:collapse;
	padding:4px;
	text-align:left;
	line-height:1.3;
		}

.content .whats-table3 {
	border-top:1px solid #f7f7f7;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	padding:4px;
	text-align:left;
	line-height:1.3;
	vertical-align:middle;
	width:50%;
	background-color:#f1f1f1;
		}


/*個別　HALFTIME
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#wrap.half {
	background-image:url(../images/half-bg.gif);
	padding:0px 19px;
	}

#sidebar .half {
	width:240px;
	margin-top:20px;
	margin-bottom:25px;
	}


#sidebar .half .half-submenu {
	width: 220px;
	margin: 0;
	line-height:2;
	font-size: 12px;
}

#sidebar .half .whats-half li{
	list-style: none outside;
	margin: 0px;
}

#sidebar .half .half-submenu li a {
	margin:0px 10px;
	width:195px;
	height:28px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	display: block;
	background: url(../images/half-sub.gif);
	font-weight: bold;
	color:#0068c4;
	text-decoration:none;
}

#sidebar .half .half-submenu li a:link {
	color:#0068c4;
}

#sidebar .half .half-submenu li a:hover {
	color: #f34a48;
	background: url(../images/half-sub-hov.gif) repeat;
	top:0px;
	left:0px;
}

#sidebar .half .half-submenu li a:visited {
	color:#0068c4;
}

#sidebar .half .half-submenu li a:active {
	color: #f34a48;
}


.content .tensho {
	width:480px;
	margin: 0;
	line-height:1.5;
	}

.content .tensho li{
	list-style: none outside;
	margin:0px;
	padding:5px 15px 5px 45px;
	background: url(../images/tensho-ichiran.gif);
	display: block;
	border-bottom:1px dotted #821f28;
	color:#333;
	}

.content .tensho li a {
	font-weight: bold;
	font-size:116%;
}


.content .book {
	width:480px;
	margin: 0;
	line-height:1.4;
	}

.content .book li{
	list-style: none outside;
	margin:0px;
	padding:8px 15px 8px 45px;
	background: url(../images/book-ichiran.gif);
	display: block;
	border-top:1px solid #f7f7f7;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#333;
	}

.content .book li a {
	font-weight: bold;
	font-size:116%;
}


.content .music {
	width:480px;
	margin: 0;
	line-height:1.5;
	}

.content .music li{
	list-style: none outside;
	margin:0px;
	padding:5px 15px 5px 45px;
	background: url(../images/music-ichiran.gif);
	display: block;
	border-bottom:1px dotted #8f94c2;
	color:#333;
	}

.content .music li a {
	font-weight: bold;
	font-size:116%;
}


.content .health {
	width:480px;
	margin: 0;
	line-height:1.5;
	}

.content .health li{
	list-style: none outside;
	margin:0px;
	padding:14px 10px 5px 70px;
	background: url(../images/health-list.gif);
	display: block;
	color:#333;
	height:30px;
	margin-bottom:3px;
	}

.content .health li a {
	font-weight: bold;
	font-size:108%;
}



.content .sketch {
	width:480px;
	margin: 0;
	line-height:1.5;
	}

.content .sketch li{
	list-style: none outside;
	margin:0px;
	padding:14px 10px 5px 20px;
	background: url(../images/sketch-list.gif);
	display: block;
	color:#333;
	height:30px;
	margin-bottom:3px;
	}

.content .sketch li a {
	font-weight: bold;
	font-size:108%;
}



.content .socialgap {
	width:480px;
	margin: 0;
	line-height:1.4;
	}

.content .socialgap li{
	list-style: none outside;
	margin:0px;
	padding:10px 15px 10px 45px;
	background: url(../images/sociagap-ichiran.gif);
	display: block;
	border-top:1px solid #f7f7f7;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#333;
	}

.content .socialgap li a {
	font-weight: bold;
	font-size:116%;
}



	/*教職員の仕事を考える
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar .member {
	width:240px;
	margin-top:20px;
	margin-bottom:25px;
	}


#sidebar .member .member-submenu {
	width: 220px;
	margin: 0;
	line-height:2;
	font-size: 12px;
}

#sidebar .member .member-submenu li{
	list-style: none outside;
	margin: 0px;
}

#sidebar .member .member-submenu li a {
	margin:0px 10px;
	width:195px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	display: block;
	background: url(../images/member-sub.gif);
	font-weight: bold;
	color:#0068c4;
	text-decoration:none;
}

#sidebar .member .member-submenu li a:link {
	color:#0068c4;
}

#sidebar .member .member-submenu li a:hover {
	color: #f34a48;
	background: url(../images/member-sub-hov.gif) repeat;
	top:0px;
	left:0px;
}

#sidebar .member .member-submenu li a:visited {
	color:#0068c4;
}

#sidebar .member .member-submenu li a:active {
	color: #f34a48;
}


	/*子どもと教育を考える
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar .mission {
	width:240px;
	margin-top:20px;
	margin-bottom:25px;
	}


#sidebar .mission .mission-submenu {
	width: 220px;
	margin: 0;
	line-height:2;
	font-size: 12px;
}

#sidebar .mission .mission-submenu li{
	list-style: none outside;
	margin: 0px;
}

#sidebar .mission .mission-submenu li a {
	margin:0px 10px;
	width:195px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	display: block;
	background: url(../images/mission-sub.gif);
	font-weight: bold;
	color:#0068c4;
	text-decoration:none;
}

#sidebar .mission .mission-submenu li a:link {
	color:#0068c4;
}

#sidebar .mission .mission-submenu li a:hover {
	color: #f34a48;
	background: url(../images/mission-sub-hov.gif) repeat;
	top:0px;
	left:0px;
}

#sidebar .mission .mission-submenu li a:visited {
	color:#0068c4;
}

#sidebar .mission .mission-submenu li a:active {
	color: #f34a48;
}


	/*ニュース
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar .news {
	width:240px;
	margin-top:20px;
	margin-bottom:25px;
	}


#sidebar .news .news-submenu {
	width: 220px;
	margin: 0;
	line-height:2;
	font-size: 12px;
}

#sidebar .news .news-submenu li{
	list-style: none outside;
	margin: 0px;
}

#sidebar .news .news-submenu li a {
	margin:0px 10px;
	width:195px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	display: block;
	background: url(../images/news-sub.gif);
	font-weight: bold;
	color:#0068c4;
	text-decoration:none;
}

#sidebar .news .news-submenu li a:link {
	color:#0068c4;
}

#sidebar .news .news-submenu li a:hover {
	color: #f34a48;
	background: url(../images/news-sub-hov.gif) repeat;
	top:0px;
	left:0px;
}

#sidebar .news .news-submenu li a:visited {
	color:#0068c4;
}

#sidebar .news .news-submenu li a:active {
	color: #f34a48;
}

.content .news {
	width:460px;
	margin: 0;
	line-height:1.5;
	background: url(../images/news-ichiran.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding-left:20px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

.content .news a {
	font-weight: bold;
	font-size:116%;
}

.content .update {
	width:460px;
	margin: 0;
	line-height:1.5;
	background: url(../images/update-ichiran.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding-left:20px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

.content .update a {
	font-weight: bold;
	font-size:116%;
}

.news-image {
 margin-top:10px;
	}


	/*私たちの取り組みと考え
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar .activity {
	width:240px;
	margin-top:20px;
	margin-bottom:25px;
	}


#sidebar .activity .activity-submenu {
	width: 220px;
	margin: 0;
	line-height:2;
	font-size: 12px;
}

#sidebar .activity .activity-submenu li{
	list-style: none outside;
	margin: 0px;
}

#sidebar .activity .activity-submenu li a {
	margin:0px 10px;
	width:195px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	display: block;
	background: url(../images/activity-sub.gif);
	font-weight: bold;
	color:#0068c4;
	text-decoration:none;
}

#sidebar .activity .activity-submenu li a:link {
	color:#0068c4;
}

#sidebar .activity .activity-submenu li a:hover {
	color: #f34a48;
	background: url(../images/activity-sub-hov.gif) repeat;
	top:0px;
	left:0px;
}

#sidebar .activity .activity-submenu li a:visited {
	color:#0068c4;
}

#sidebar .activity .activity-submenu li a:active {
	color: #f34a48;
}



	/*ブログ機能パーツ
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar .recent {
	width: 240px;
	margin: 0;
	line-height:1.4;
	font-size: 12px;
	margin-bottom:25px;
}

#sidebar .english-list {
	font-family:"Times New Roman", Times, serif;
	line-height:1.4;
	font-size: 13px;
}


#sidebar .recent li{
	list-style: none outside;
	margin: 0;
}

#sidebar .recent li a {
	margin:0;
	width:220px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	display: block;
	background: url(../images/entry-arw.gif);
	color:#0068c4;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}

#sidebar .recent li a:link {
	color:#0068c4;
}

#sidebar .recent li a:hover {
	color: #f34a48;
	top:0px;
	left:0px;
}

#sidebar .recent li a:visited {
	color:#0068c4;
}

#sidebar .recent li a:active {
	color: #f34a48;
}



	/*english
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#honbun p.english {
 font-family:"Times New Roman", Times, serif;
	margin-bottom:16px;
	line-height:1.8;
	font-size:116%;
	text-align:left;
	}

#honbun p.english-s {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	line-height:1.6;
	text-align:left;
	}

#honbun p.english-s-kakomi {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6;
	text-align:left;
	}

#honbun p.english-mds {
 font-family:"Times New Roman", Times, serif;
	text-align:left;
	font-size:131%;
	}

#honbun p.english-komds {
 font-family:"Times New Roman", Times, serif;
	text-align:left;
	font-size:116%;
	line-height:1.4;
	}

.english-org {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	line-height:1.7;
	text-align:left;
	font-size:93%;
	}


	/*文字サイズ変更
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


div#header-nav {
	margin: 0px;
}

div#header-nav ul,
div#header-nav li {
	display: inline;
	float:left;
	padding-left:2px;
}

div#header-nav ul li li a {
	width: 21px;
	padding-top: 0px;
	overflow: hidden;
	display: block;
	background-image: url(../js/font_size.gif);
}

div#header-nav ul li li#font-small a {
	background-position: 0 0;
	height:16px;
}

div#header-nav ul li li#font-small a:hover {
	background-position: 0 -16px;
}

div#header-nav ul li li#font-default a {
	background-position: -21px 0;
	height:16px;
}

div#header-nav ul li li#font-default a:hover {
	background-position: -21px -16px;
}

div#header-nav ul li li#font-large a {
	background-position: -42px 0;
	height:16px;
}

div#header-nav ul li li#font-large a:hover {
	background-position: -42px -16px;
}



	/*コンタクトの記入フォーム
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px solid #999;
	/** remember to change image path **/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #00346c;
	margin-bottom:4px;
	padding:3px;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #004096;
	padding:3px;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #0068c0;
	/** remember to change image path **/
	background-color:#f0f6f7;
	color: #454743;
}




	/*サイトマップのタブ開閉メニュー
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* メニュー全体 */
    div#menuA, div#menuA * { margin:0; padding:0; }
    div#menuA {	margin:0px;	width:480px; }
    div#menuA dl { list-style:none; width:100%; margin:0; padding:0; }
    /* カテゴリ名 */
    div#menuA dt { border-style:none; }
    div#menuA dt a { padding:0; display:block; text-decoration:none; }
    /* カテゴリメニュー */
    div#menuA dd { border-left:1px solid #f6b8af; border-right:1px solid #f6b8af; border-bottom:1px solid #f6b8af;  padding:2px; }

    div#menuA dd a { text-decoration:none; display:block; margin:1px 0px 1px 0px; background-color:#f7f8f1; padding:6px 20px 6px 26px; color:#217cc8; font-weight:bold; font-size:93%; }

    div#menuA dd a:hover { color:#f34a48; }
    div#menuA dd a.line, div#menuA dd a.line:hover { border-bottom:1px solid #e5e3cd; }
    div#menuA dd a.end, div#menuA dd a.end:hover { padding-bottom:6px; }
    /* ダイレクトリンク */ 
    div#menuA dt.direct a { display:block; color:#000; }
    div#menuA dt.direct a:hover { color:#f34a48;}


	/*CSSハック
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







/*テーブルバリエーション
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.offer {
	font-size:90%;
	line-height:1.5;
}

.offer table{
	margin:0;
	padding:0;
	border:none;
	width:100%;
}

.offer th{
	border-collapse:collapse;
	padding:8px;
	background:#e1e6ea;
	border:none;
	font-weight:bold;
	text-align:center;
	border:1px solid #ddd;
	overflow:hidden;
}

.offer table td{
	border-collapse:collapse;
	padding:8px;
	border:1px solid #ddd;
	overflow:hidden;
}

.offer p{
	line-height:1.5;
}