/*****************************************************************

	マスターページ用スタイルシート定義

	(C)2011 Jetsystem All Rights Reserved.

*****************************************************************/
/* CSS Document */


/* --- 全体設定----------------------------------------------------------------------------------------------------------------- --- */
body {
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	background-image:url(../img/BG.gif);
	font-size: 90%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #505050;
}




/* --- 文字 --- */
P.sintyaku {
	background: url(../img/NEW.gif);
	padding: 2px 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 110%;	
	color: #ffffff;
}

div.konzatu {
	background: url(../img/D.gif);
	padding: 2px 5px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	font-size: 20px;	
	color: #ffffff;
}

B.dai {
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
}


/* --- お知らせ・更新履歴のインラインフレーム --- */
iframe.TOP  {
	width: 270px; /* ボックスの幅 */
	height: 200px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #99CCFF solid; /* ボックスの境界線 */
	color: #505050; /* 文字色 */
}

iframe.TOP02  {
	width: 600px; /* ボックスの幅 */
	height: 100px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #99CCFF solid; /* ボックスの境界線 */
	color: #505050; /* 文字色 */
}

iframe.TOP03  {
	width: 600px; /* ボックスの幅 */
	height: 220px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #99CCFF solid; /* ボックスの境界線 */
	color: #505050; /* 文字色 */
}
iframe.TOP04  {
	width: 180px; /* ボックスの幅 */
	height: 100px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #99CCFF solid; /* ボックスの境界線 */
	color: #505050; /* 文字色 */
}



/* --- 【動画で見るパソコン教室】インラインフレーム --- */
iframe.MovieContent  {
	width: 350px; /* ボックスの幅 */
	height: 400px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
/*	
	border: 1px #99CCFF solid;
*/
	border-style:solid;
	border-width: 0px 1px 1px 1px;	/*上右下左*/
	border-color:#99CCFF;

	color: #505050; /* 文字色 */
}


div.MovieContent00 {
	background-color: #ffffff; /* ボックスの背景色 */
}

/* --- 【動画で見るパソコン教室】インラインフレーム --- */
iframe.MoviePlayer  {
/*	width: 100%;*/ /* ボックスの幅 */
	width: 490px; /* ボックスの幅 */
	height: 400px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: none; /* ボックスの境界線 */
}

div.MoviePlayer00 {
	background-color: #ffffff; /* ボックスの背景色 */
}

.thumbcur
{
	cursor: pointer;
	color: #0033FF; /* 文字色 */
	text-decoration: underline;
}


/* --- レイアウト共通設定----------------------------------------------------------------------------------------------------------------- --- */

/* --- 両サイドの影 --- */
#kage {
	width : 888px;
	margin: 0 auto;
	background: url(../img/kage.gif) repeat-y center top;
}

/* --- 影の間ページ部分 --- */
#page {
	width: 848px;
	margin: 0 auto;
}

/* --- メニュウの上部分 --- */
#TOP {
	width: 848px;
	height: 85px;
	margin: 0 auto;
}

/* --- メニュウ部分 --- */
#menyu {
	width: 848px;
	height: 65px;
	margin: 0 auto;
}


/* --- メニュウ小部分 --- */
div.menyu02 {
	
}
div.menyu02 ul.nl {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	font-size: 10px;
}
div.menyu02 ul.nl li {
	padding: 0 3px 0 5px;
	border-left: 1px #C0C0C0 solid;
	display: inline;
	text-decoration: none;
}
div.menyu02 ul.nl li a {
	text-decoration: none;
}


/* --- 会員　有効期限表示枠 --- */
#kigen {
	width: 170px;
/*	height: 365px;*/
	margin: 0 auto;
	line-height: 120%;
	padding: 5px;
	color: #FF0000;
	text-align: center;
	border: 2px #FF0000 solid;
}

/* --- 会員　有効期限表示枠(家電/スマートフォン版) --- */
#kigen2 {
	width: 170px;
/*	height: 215px;*/
	margin: 0 auto;
	line-height: 120%;
	padding: 5px;
	color: #FF0000;
	text-align: center;
	border: 2px #FF0000 solid;
}

/* --- メニュウより下部分 --- */
#MEIN {
	width: 848px;
	margin: 0 auto;
	font-size: 12px;
}


/* --- レイアウト各ページ毎の設定----------------------------------------------------------------------------------------------------------------- --- */


/* --- index新着--------------------------------------------------------------------------- --- */
#migi {
	width: 638px;
	padding: 5px;
	float: left;
}

#hidari {
	width: 190px;
	padding: 5px;
	float: left;
}

/* --- joneについて書くなど　枠 --- */
div.info {
	width: 600px;
	height: 200px;
	margin: 0 auto;
	border: 1px #00ccff solid;
	padding: 10px;
	background-image: url(../img/600-200Jone-Call.gif);
}

/* --- サポート内容 リスト --- */

div.info ul.nl {
	margin: 10px 0;
	padding: 0;
	list-style-type: square;
	text-align: left;
	font-size: 12px;
	margin: 0 0 0 2em;
	padding: 0;
	list-style-image: url(../img/Mtel.gif); 
}
div.info ul.nl li {
	padding: 0 5px 0 2px;
}


/* --- joneについて動画込　枠 --- */
div.infoD {
	width: 600px;
	height: 200px;
	margin: 0 auto;
	border: 1px #00ccff solid;
	padding: 0px;
	background-image: url(../img/600-200Jone-Call.gif);
}

/* --- サポート内容 リスト --- */

div.infoD ul.nl {
	margin: 10px 0;
	padding: 0;
	list-style-type: square;
	text-align: left;
	font-size: 12px;
	margin: 0 0 0 2em;
	padding: 0;
	list-style-image: url(../img/Mtel.gif); 
}
div.infoD ul.nl li {
	padding: 0 5px 0 2px;
}






/* --- 新規登録　枠 --- */
div.sinki {
	width:182px;
	height: 352px;
	background-image: url(../img/BG02.gif);
	padding: 0px;
	margin: 0px auto;
	border: 1px  #FF9933 solid;
}

/* --- 会員登録のメリット --- */
div.meritto {
	width:182px;
}

div.meritto ul.nl {
	margin: 10px 0;
	padding: 0;
	list-style-type: square;
	text-align: left;
	font-size: 12px;
	color:#FF0000;
	margin: 0 0 0 2em;
	padding: 0;
}
div.meritto ul.nl li {
	padding: 0 5px 0 2px;
}


/* --- 更新履歴のインラインフレーム --- */
div.kousin {
	width: 600px; /* ボックスの幅 */
	height: 150px; /* ボックスの高さ */
	margin: 5px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #99CCFF dotted; /* ボックスの境界線 */
	color: #696969; /* 文字色 */
}
/* --- ボックス内の段落 --- */
div.kousin p.iti {
	margin: 5px 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	border-bottom: 1px #0099FF dotted;
	color: #0000CC;
}
div.kousin p.ni {
	margin: 5px 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* --- 更新履歴のインラインフレーム　小 --- */
div.kousin02 {
	width: 280px; /* ボックスの幅 */
	height: 200px; /* ボックスの高さ */
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #99CCFF solid; /* ボックスの境界線 */
	color: #505050; /* 文字色 */
}
/* --- ボックス内の段落 --- */
div.kousin02 p.iti {
	margin: 5px 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	border-bottom: 1px #0099FF dotted;
	color: #0000CC;
}
div.kousin02 p.ni {
	margin: 5px 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/* --- 更新履歴のインラインフレーム　単独ページ用 --- */
div.kousin03 {
	width: 100%; /* ボックスの幅 */
	margin: 0px auto;
	overflow: visible;
	font-size: 12px;
	background-color: #ffffff; /* ボックスの背景色 */
	color: #505050; /* 文字色 */
}
/* --- ボックス内の段落 --- */
div.kousin03 p.iti {
	margin: 5px 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	border-bottom: 1px #0099FF dotted;
	color: #0000CC;
}
div.kousin03 p.ni {
	margin: 5px 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* --- 楽でんとは--------------------------------------------------------------------------- --- */

/* --- ページレイアウト --- */
#migi04 {
	width: 538px;
	padding: 5px;
	float: left;
}

#hidari04 {
	width: 290px;
	padding: 5px;
	float: left;
}

ul.sapo {
	list-style-type: square;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul.sapo li ul {
	list-style-type: disc;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* --- サポート内容　説明枠 --- */
div.S {
	width: 180px;
	margin: 0 auto;
	padding: 2px;
	text-align: left;
	line-height: 140%;
}

div.S2 {
	width: 808px;
	margin: 0 auto;
	padding: 2px;
	text-align: left;
	line-height: 140%;
}

/* --- 楽でんとは？ --- */
div.rakudentoha {
	width: 791px;
	height: 40px;
	padding: 2px 2px 2px 55px;
	background:url(../img/rakudenntoha.gif);
	color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 13px;
}
div.ls {
	width: 848px;
	padding: 5px;
	text-align: center;
	border-bottom: 1px #99CCFF dotted;
	border-top: 1px #99CCFF dotted;
}
div.ls2 {
	width: 295px;
	padding: 5px;
	text-align: center;
	border-bottom: 1px #99CCFF dotted;
	border-top: 1px #99CCFF dotted;
}


/* --- 商品紹介ページ --------------------------------------------------------------------------- --- */

TABLE.goods {
	width: 603px;
	background: #ffffff;
	margin: 0 auto;
	border: 1px #99ccff solid;
}

TABLE.goods td {
	text-align: center;
	border: 1px #99ccff solid;
}

TABLE.goods td.goods01 
{
/*[@@@]
	width: 203px;
*/
	color:#FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #6699ff;
}

TABLE.goods td.goods02 {
	color:#FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #99ccff;
}

/* ie */
*:first-child+html TABLE.goods td.goods02-02
{
	color:#FFFFFF;
	width: 100px;
	text-align: center;
	font-weight: bold;
	background: #6699ff;
/*
	writing-mode: tb-rl;
	direction: ltr;*/
}

/* FireFox */
html>body TABLE.goods td.goods02-02
{
	color:#FFFFFF;
	width: 25px;
	text-align: center;
	font-weight: bold;
	background: #6699ff;
}

/* Safari & Opera */
html:first-child TABLE.goods td.goods02-02
{
	color:#FFFFFF;
	width: 25px;
	text-align: center;
	font-weight: bold;
	background: #6699ff;
}

TABLE.goods td.goods03 {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}



/* --- リモート--------------------------------------------------------------------------- --- */

/* --- ページレイアウト --- */
#migi02 {
	width: 538px;
	padding: 5px;
	float: left;
}

#hidari02 {
	width: 290px;
	padding: 5px;
	float: left;
}

div.rimo {
	width: 530px;
	padding: 5px;
	border-bottom: 1px #99CCFF dotted;
	border-top: 1px #99CCFF dotted;
}




/* --- リモートサポート操作方法説明ページ --- */
TABLE.remote {
	background: #ffffff;
	padding: 5px;
	margin: 0 auto;
}

TABLE.remote td {
	text-align: center;
	border: 0px #000066 solid;
}

TABLE.remote td.re01 {
	color:#FFFFFF;
	text-align: left;
	background: #3333cc;
	border: 0px #000066 solid;
}




/* --- 動画で見るパソコン教室　ログイン前--------------------------------------------------------------------------- --- */
div.titleD {
	width: 820px;
	padding: 2px 10px;
	background-repeat: repeat-x;
	border-bottom: 1px #00CCFF solid;
	border-left: 5px #00CCFF solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #3366cc;
}

div.titleD2 {
	width: 800px;
	padding: 2px 20px;
	border-bottom: 0px #00CCFF solid;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* --- 動画で見るパソコン教室　ログイン後--------------------------------------------------------------------------- --- */

/* --- 動画表示 --- */
#ga {
	width: 600px;
	height: 500px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	border: 1px #aacccc solid;
}

/* --- 動画タイトル --- */
div.title {
	width: 828px;
	padding: 20px 10px;
	background-repeat: repeat-x;
	border-bottom: 1px #00CCFF solid;
	border-left: 5px #00CCFF solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}

div.title02 {
	width: 92%;
	padding: 2px 5px;
	background-repeat: repeat-x;
	border-bottom: 1px #00CCFF solid;
	border-top: 1px #00CCFF solid;
	border-left: 5px #00CCFF solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}


/*-----------------------------------------------------------------------------------*/
/* --- 動画タイトル --- */
/*-----------------------------------------------------------------------------------*/
div.title_win7 {
	width: 92%;
	padding: 2px 5px;
	background-repeat: repeat-x;
	border-bottom: 1px #2384dc solid;
	border-left: 5px #2384dc solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}
div.title_vista {
	width: 92%;
	padding: 2px 5px;
	background-repeat: repeat-x;
	border-bottom: 1px #4cbb47 solid;
	border-left: 5px #4cbb47 solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}
div.title_xp {
	width: 92%;
	padding: 2px 5px;
	background-repeat: repeat-x;
	border-bottom: 1px #ffd242 solid;
	border-left: 5px #ffd242 solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}
div.title_mac {
	width: 92%;
	padding: 2px 5px;
	background-repeat: repeat-x;
	border-bottom: 1px #dd1d25 solid;
	border-left: 5px #dd1d25 solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}
div.title_win8 {
	width: 92%;
	padding: 2px 5px;
	background-repeat: repeat-x;
	border-bottom: 1px #ff8c00 solid;
	border-left: 5px #ff8c00 solid;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	color: #858585;
}

/*-----------------------------------------------------------------------------------*/
/* --- 7　動画 --- */
/*-----------------------------------------------------------------------------------*/
ul.thumbnail {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 8px 0 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}
/* --- リスト項目 --- */
ul.thumbnail li {
	width: 100%; /* 項目の幅 */

}
/* --- 項目内容 --- */
ul.thumbnail dl {
	width:  95%; /* 内容の幅 */
	margin: 0 auto; /* 内容のセンタリング */
}
/* --- 題名エリア --- */
ul.thumbnail dt {
/* height: 102px; */ /* 題名エリアの高さ（dt要素の高さを指定する場合） */
	margin-bottom: 5px; /* 写真エリアの下マージン */
	border: 1px #00CCFF solid;
	background-color: #CFF;
	padding: 0px 5px;
	font-size:15px;
}
ul.thumbnail dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}
/* --- キャプションエリア --- */
ul.thumbnail dd {
	margin: 0 0 0px; /* キャプションエリアのマージン（上、左右、下） */
	height: 2.5em; /* キャプションエリアの高さ */
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}

/*-----------------------------------------------------------------------------------*/
/* --- vista動画 --- */
/*-----------------------------------------------------------------------------------*/
ul.thumbnail02 {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 8px 0 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}
/* --- リスト項目 --- */
ul.thumbnail02 li {
	width: 100%; /* 項目の幅 */

}
/* --- 項目内容 --- */
ul.thumbnail02 dl {
	width:  95%; /* 内容の幅 */
	margin: 0 auto; /* 内容のセンタリング */
}
/* --- 題名エリア --- */
ul.thumbnail02 dt {
/* height: 102px; */ /* 題名エリアの高さ（dt要素の高さを指定する場合） */
	margin-bottom: 5px; /* 写真エリアの下マージン */
	border: 1px #4cbb47 solid;
	background-color: #D1F8DF;
	padding: 0px 5px;
	font-size:15px;
}
ul.thumbnail02 dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}
/* --- キャプションエリア --- */
ul.thumbnail02 dd {
	margin: 0 0 0px; /* キャプションエリアのマージン（上、左右、下） */
	height: 2.5em; /* キャプションエリアの高さ */
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}

/*-----------------------------------------------------------------------------------*/
/* --- XP動画 --- */
/*-----------------------------------------------------------------------------------*/
ul.thumbnail03 {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 8px 0 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}
/* --- リスト項目 --- */
ul.thumbnail03 li {
	width: 100%; /* 項目の幅 */

}
/* --- 項目内容 --- */
ul.thumbnail03 dl {
	width:  95%; /* 内容の幅 */
	margin: 0 auto; /* 内容のセンタリング */
}
/* --- 題名エリア --- */
ul.thumbnail03 dt {
/* height: 102px; */ /* 題名エリアの高さ（dt要素の高さを指定する場合） */
	margin-bottom: 5px; /* 写真エリアの下マージン */
	border: 1px #ffd242 solid;
	background-color: #FFC;
	padding: 0px 5px;
	font-size:15px;
}
ul.thumbnail03 dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}
/* --- キャプションエリア --- */
ul.thumbnail03 dd {
	margin: 0 0 0px; /* キャプションエリアのマージン（上、左右、下） */
	height: 2.5em; /* キャプションエリアの高さ */
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}

/*-----------------------------------------------------------------------------------*/
/* --- MAC OSX動画 --- */
/*-----------------------------------------------------------------------------------*/
ul.thumbnail04 {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 8px 0 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}
/* --- リスト項目 --- */
ul.thumbnail04 li {
	width: 100%; /* 項目の幅 */

}
/* --- 項目内容 --- */
ul.thumbnail04 dl {
	width:  95%; /* 内容の幅 */
	margin: 0 auto; /* 内容のセンタリング */
}
/* --- 題名エリア --- */
ul.thumbnail04 dt {
/* height: 102px; */ /* 題名エリアの高さ（dt要素の高さを指定する場合） */
	margin-bottom: 5px; /* 写真エリアの下マージン */
	border: 1px #dd1d25 solid;
	background-color: #FFE4E1;
	padding: 0px 5px;
	font-size:15px;
}
ul.thumbnail04 dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}
/* --- キャプションエリア --- */
ul.thumbnail04 dd {
	margin: 0 0 0px; /* キャプションエリアのマージン（上、左右、下） */
	height: 2.5em; /* キャプションエリアの高さ */
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}

/*-----------------------------------------------------------------------------------*/
/* --- 8　動画 --- */
/*-----------------------------------------------------------------------------------*/
ul.thumbnail05 {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 8px 0 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}
/* --- リスト項目 --- */
ul.thumbnail05 li {
	width: 100%; /* 項目の幅 */

}
/* --- 項目内容 --- */
ul.thumbnail05 dl {
	width:  95%; /* 内容の幅 */
	margin: 0 auto; /* 内容のセンタリング */
}
/* --- 題名エリア --- */
ul.thumbnail05 dt {
/* height: 102px; */ /* 題名エリアの高さ（dt要素の高さを指定する場合） */
	margin-bottom: 5px; /* 写真エリアの下マージン */
	border: 1px #ff8c00 solid;
	background-color: #FFEFD5;
	padding: 0px 5px;
	font-size:15px;
}
ul.thumbnail05 dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}
/* --- キャプションエリア --- */
ul.thumbnail05 dd {
	margin: 0 0 0px; /* キャプションエリアのマージン（上、左右、下） */
	height: 2.5em; /* キャプションエリアの高さ */
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}

/* --- FAQ --------------------------------------------------------------------------- --- */

div.Q {
	width: 788px;
	margin: 0 auto;
	height: 41px;
	background: url(../img/Q.gif);	
	background-repeat: no-repeat;
	padding: 5px 5px 5px 55px;
	border-bottom: #c0c0c0 1px dotted;
	border-top: #c0c0c0 1px solid;
}

div.A {
	width: 738px;
	margin: 0 auto;
	height: 41px;
	background: url(../img/A.gif);	
	background-repeat: no-repeat;
	padding: 5px 5px 5px 55px;
	border-bottom: #c0c0c0 1px solid;
}


/* --- お問い合わせ--------------------------------------------------------------------------- --- */

/* --- ページレイアウト --- */
#migi03 {
	width: 508px;
	padding: 5px;
	float: left;
}

#hidari03 {
	width: 316px;
	padding: 5px;
	float: left;
	border: 2px #00CCFF solid;
}


/* --- 単独privacy　ページ--------------------------------------------------------------------------- --- */

/* --- 枠 --- */
#privacy {
	width: 700px;
	margin: 0 auto;
	line-height: 120%;
	padding: 15px;
	text-align: left;
	border: 1px #aacccc solid;
}

/* --- 枠内リスト --- */
ul.hogo00 {
	list-style-type: decimal;
}
ul.hogo00 li {
	list-style-type: none;
}
ul.hogo00 li ul li{
	list-style-type: decimal;}
ul.hogo00 li ul li ul li{
	list-style-type: none;
}
ul.hogo01 {
	list-style-type: decimal;
}
ul.hogo01 li {
	list-style-type: decimal;
}
ul.hogo01 li ul li{
	list-style-type: upper-roman;
}

/* --- 規約のページ--------------------------------------------------------------------------- --- */

/* --- 枠 --- */
#Kiyaku {
	width: 700px;
	margin: 0 auto;
	line-height: 120%;
	padding: 15px;
	text-align: left;
	border: 1px #aacccc solid;
}

/* --- 枠内リスト --- */
ul.kiyaku01 {
	list-style-type: decimal;

}
ul.kiyaku01 li {
	list-style-type: decimal;
}
ul.kiyaku01 li ul li{
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
}

/* --- ユーザー登録関係　----------------------------------------------------------------------------------------------------------------- --- */

/*==================================
 スクロールバーを消去 2011.08.02
===================================*/

/* --- ユーザー登録規約のインラインフレーム --- */
div.section {
	width: 700px; /* ボックスの幅 */
/*	height: 200px;*/ /* ボックスの高さ */
	margin: 0 auto;
	padding: 10px;
	overflow: auto;
	background-color: #f9f9f9; /* ボックスの背景色 */
	border: 1px #c0c0c0 dotted; /* ボックスの境界線 */
	font-size: 90%; /* 文字サイズ */
	color: #6c6c6c; /* 文字色 */
}
/* --- ボックス内の段落 --- */
div.section p {
	margin: 5px 10px; /* 段落のマージン（上下、左右） */
}
/* --- インラインフレーム内のリスト --- */
/* --- 枠内リスト --- */
ul.web00 {
	list-style-type: decimal;
}
ul.web00 li {
	list-style-type: none;
}
ul.web00 li ul li{
	list-style-type: decimal;}
ul.web00 li ul li ul li{
	list-style-type: none;
}
ul.web00 li ul.web01 {
	list-style-type: decimal;
}
ul.web00 li ul.web01 li {
	list-style-type: decimal;
}
ul.web00 li ul.web01 li ul li{
	list-style-type: disc;
}





/* --- チケット購入関係　----------------------------------------------------------------------------------------------------------------- --- */

/* --- チケット購入規約インラインフレーム版 --- BuyTicketsInfo --- */
div.section02 {
	width: 700px; /* ボックスの幅 */
/*==================================
 スクロールバーを消去 2011.08.02
===================================*/
/*	height: 150px;*/ /* ボックスの高さ */
	margin: 0 auto;
	padding: 10px;
	overflow: auto;
	background-color: #f9f9f9; /* ボックスの背景色 */
	border: 1px #c0c0c0 dotted; /* ボックスの境界線 */
	font-size: 90%; /* 文字サイズ */
	color: #6c6c6c; /* 文字色 */
}
/* --- ボックス内の段落 --- */
div.section02 p {
	margin: 5px 10px; /* 段落のマージン（上下、左右） */
}

/* --- チケット購入規約 --- BuyTicketsInfo --- */
div.kiyaku01 {
	margin: 0 auto;
	width: 600px;
	padding: 15px;
	color: #555555;
	border: 1px #aacccc solid;
	font-size: 80%;
}

div.kiyaku02 {
	padding: 0px;
	color: #00aaaa;
	font-weight: bold;
	border-bottom: 1px #aacccc solid;
}

/* --- 登録完了 --- */
#kanryou {
	width: 500px;
	height: 200px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	border: 1px #c0c0c0 solid;
}

#kanryou2, #kanryou3 {
/*	width: 520px;*/
	width: 87%;
/*	height: 240px;*/
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	border: 1px #c0c0c0 solid;
}

/* --- お客様情報入力のテーブル --- BuyTicketsCustomerInfo --- */
div.contact {
	width: 700px; /* フォームエリアの幅 */
	margin: 0 auto;
}
/* --- フォームエリア内の段落 --- */
div.contact p {
	line-height: 130%;
}
/* --- 段落内の「必須」画像 --- */
div.contact p.attention img {
	vertical-align: middle;
}
/* --- テーブル --- */
div.contact table {
	width: 100%; /* テーブルの幅 */
	background-color: #f9f9f9; /* テーブルの背景色 */
	border: 1px #c0c0c0 solid; /* テーブルの境界線 */
}
/* --- 見出しセル（th） --- */
div.contact th {
	width: 150px; /* 見出しセルの幅 */
	padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 見出しセルの背景色 */
	border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
	text-align: left;
	line-height: 130%;
}
/* --- 見出しセル内の補足テキスト --- */
div.contact th span.supplement {
	font-weight: normal;
}
/* --- データセル（td） --- */
div.contact td {
	padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
	background-color: #ffffff; /* データセルの背景色 */
	border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}
/* --- データセル内の補足テキスト --- */
div.contact td span.supplement {
	color: #808080;
}
/* --- 必須項目セル --- */
div.contact td.required {
	width: 26px; /* 必須項目セルの幅 */
	padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
	background-color: #c4e6fa; /* 必須項目セルの背景色 */
	text-align: center;
}
/* --- 任意項目セル --- */
div.contact td.arbitrary {
	background-color: #e0f1fc; /* 任意項目セルの背景色 */
}
/* --- フォーム部品 --- */
div.contact input,
div.contact select,
div.contact textarea {
	margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
	width: 350px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
	width: 70px; /* フォーム部品の幅 */
}
#keiyaku1, #keiyaku2, #keiyaku3,
#yuukou1, #yuukou2, #yuukou3 {
	width: 20px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
	width: 70px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
	width: 420px; /* フォーム部品の幅 */
	height: 10em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
div.contact p.button {
	margin: 20px 0 0; /* ボタンのマージン（上、左右、下） */
	text-align: center;
}

/* --- サイトマップ ----------------------------------------------------------------------------------------------------------------- --- */

table.map {
	width: 700px;
	height: 500px;
	margin: 0 auto;
	border: 0px #c0c0c0 solid;
	border-collapse: collapse;
	padding: 5px;
}

table.map a{
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

/* ---　サイトマップ　パソ・家電・スマフォ  --- */
table.map001 {
	width: 700px;
	padding: 0px;
	border-spacing: 0px;
	border: 1px #99ccff solid;
}

table.map001 tr.map001{
/*	width: 200px;*/
	color:#ffffff;
	padding: 3px 10px;
	background-color:#3333cc;
	border: 1px #99ccff solid;

}

table.map001 td.map002{
/*	width: 200px;*/
	padding: 3px 10px;
	border: 1px #99ccff solid;
}


/* ---　サイトマップ　パソ・家電・スマフォ　ここまで  --- */


td.map {
	width: 100px;
	padding: 0px 10px;
	border: 1px #c0c0c0 dotted;
	background-color: #eeFFFF;
}

td.map02 {
	width: 220px;
	padding: 0px 10px;
	border: 1px #c0c0c0 dotted;
}

td.map03 {
	width: 7px;
	padding: 0px 10px;
	border: 1px #c0c0c0 dotted;
	background-color: #FFFFFF;
}

/* --- PCサポート範囲 ----------------------------------------------------------------------------------------------------------------- --- */
div.PChani {
	width:510px;
/*	height: 1070px;*/
	background-image: url(../img/BG04.gif);
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
}
div.PChani2 {
	width:498px;
/*	height: 882px;*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

div.PChani3 {
	width:498px;
/*	height: 120px;*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

ul.sapo {
	list-style-type: square;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 0 2em;
	padding: 0;

}

ul.sapo li ul {
	list-style-type: disc;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* --- 家電サポート範囲 ----------------------------------------------------------------------------------------------------------------- --- */

div.kadenhani {
/*	width:289px;*/
	width:293px;
/*	height: 2305px;*/	
	background-image: url(../img/BG03.gif);
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCCC solid;
}
div.kadenhani2 {
/*	width:278px;*/
	width:282px;
/*	height: 2265px;*/	
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCCC solid;
	text-align:left;
}

/* 未使用
div.kadenhani3 {
	width:278px;
	height: 122px;
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCCC solid;
	text-align:left;
}
*/

table.kaden {
/*	width: 268px;*/
	width: 272px;
	height: 190px;
	border: 1px #66CCCC solid;
	text-align: center;
	border-spacing: 0px;
}

td.kaden { 
	border: 1px #66CCCC solid;
}


/* --- 検索サービスサポート範囲 ----------------------------------------------------------------------------------------------------------------- --- */
div.Search {
	width:510px;
/*	height: 815px;*/
	background-image: url(../img/BG04.gif);
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
}
div.Search2 {
	width:498px;
/*	height: 615px;*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

div.Search3 {
	width:498px;
/*	height: 130px;*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

ul.Search00 {
	list-style-type: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 0 0em;
	padding: 0;

}

ul.Search00 li ul {
	list-style-type: square;
	margin: 0 0 0 3em;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* --- 安心点検サービス範囲 ----------------------------------------------------------------------------------------------------------------- --- */
div.Inspect {
	width:510px;
	height: 512px;
	background-image: url(../img/BG04.gif);
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
}
div.Inspect2 {
	width:498px;
	height: 472px;
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

div.Inspect3 {
	width:498px;
	height: 130px;
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

ul.Inspect00 {
	list-style-type: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 0 2em;
	padding: 0;

}

ul.Inspect00 li ul {
	list-style-type: square;
	margin: 0 0 0 3em;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* --- コミュニティサイト　カテゴリ一覧 ----------------------------------------------------------------------------------------------------------------- --- */
div.Com {
	width:510px;
/*	height: 592px;*/
	background-image: url(../img/BG04.gif);
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
}
div.Com2 {
	width:498px;
/*	height: 552px;*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

div.Com3 {
	width:498px;
/*	height: 130px;*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

ul.Com00 {
	list-style-type: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 0 2em;
	padding: 0;

}

ul.Com00 li ul {
	list-style-type: square;
	margin: 0 0 0 3em;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.Pcpc {
	width:98%;
	height: 770px;
	overflow: auto;
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #66CCFF solid;
	text-align:left;
}

/* ---　コミュニティサイト説明  --- */

div.comcomf {
	color:#ff0099;
}

/* --- リモートサポート操作方法説明ページ --- */
TABLE.comcom {
	background: #ffffff;
	padding: 5px;
	margin: 0 auto;
}

TABLE.comcom td {
	border: 0px #000066 solid;
}

TABLE.comcom td.re01 {
	color:#FFFFFF;
	text-align: left;
	background: #ff6699;
	border: 0px #000066 solid;
}



/* --- リモートサポート操作方法説明ページ リスト --- */
ul.Comcom li {
	list-style-type: decimal; 
	margin: 0em;
	padding: 0em;
}



/* --- コミュニティサイト規約枠 --- */
#comwaku {
	width: 700px;
	margin: 0 auto;
	line-height: 120%;
	padding: 15px;
	text-align: left;
	border: 1px #aacccc solid;
}

/* --- 枠内リスト --- */
ul.com01 {
	list-style-type: decimal;
}

ul.com01 li{
	list-style-type: upper-roman;
}


ul.com01 li.none{
	list-style-type: none;
}


ul.com02 li{
	list-style-type: disc;
}


/* --- スマートフォン範囲 ----------------------------------------------------------------------------------------------------------------- --- */

div.smart {
	width:289px;
/*	
	height: 1450px;
*/
	background-image: url(../img/BG.gif);
	padding: 5px;
	margin: 0 auto;
	border: 1px #c0c0c0 solid;
}
div.smart2 {
	width:278px;
/*	
	height: 1412px;
*/
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #c0c0c0 solid;
	text-align:left;
}

div.smart3 {
	width:278px;
	height: 122px;
	background:#FFFFFF;
	padding: 5px;
	margin: 0 auto;
	border: 1px #c0c0c0 solid;
	text-align:left;
}

table.smart {
	width: 268px;
	border: 1px #c0c0c0 solid;
	text-align: center;
	border-spacing: 0px;
}

td.smart01 { 
	border: 1px #c0c0c0 solid;
	background: #c0c0c0;
	text-align: center;
}

td.smart02 { 
	border: 1px #c0c0c0 solid;
	text-align: left;
	padding: 5px 10px;
}

/* --- 枠内リスト --- */
ul.smart {
	margin: 0 0 0 2em;
	padding: 0;
}
ul.smart li {
	list-style-type: square;
}




/* --- 下部メニュウ----------------------------------------------------------------------------------------------------------------- --- */

/* --- 下のサブメニュ部分 --- */
div.sabumeny {
	border-top: 1px #cccccc solid;
}
div.sabumeny ul.nl {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 10px;
}
div.sabumeny ul.nl li {
	padding: 0 3px 0 7px;
	border-left: 1px #C0C0C0 solid;
	display: inline;
}
div.sabumeny ul.nl li a {
	text-decoration: none;
}
div.sabumeny ul.nl li.first {
	border-left: none;
}


/* --- 社名部分 --- */
#syamei {
	width: 848px;
	margin: 0 auto;
	padding: 5px;
	border-top: 1px #cccccc solid;
	text-align: center;
	font-size: 75%;
	color: #808080;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/* --- お問い合わせ　----------------------------------------------------------------------------------------------------------------- --- */

/* --- お問い合わせ用規約のインラインフレーム --- */
div.Email {
	width: 800px; /* ボックスの幅 */
/*==================================
 スクロールバーを消去 2011.08.02
===================================*/
/*	height: 450px;*/ /* ボックスの高さ */
	margin: 0 auto;
	padding: 10px;
	overflow: auto;
	background-color: #f9f9f9; /* ボックスの背景色 */
	border: 1px #c0c0c0 dotted; /* ボックスの境界線 */
	font-size: 90%; /* 文字サイズ */
	color: #505050; /* 文字色 */
}
/* --- ボックス内の段落 --- */
div.Email p {
	margin: 5px 10px; /* 段落のマージン（上下、左右） */
}
/* --- インラインフレーム内のリスト --- */
/* --- 枠内リスト --- */
ul.web000 {
	list-style-type: decimal;
}
ul.web000 li {
	list-style-type: none;
}
ul.web000 li ul li{
	list-style-type: decimal;}
ul.web000 li ul li ul li{
	list-style-type: none;
}
ul.web000 li ul.web001 {
	list-style-type: decimal;
}
ul.web000 li ul.web001 li {
	list-style-type: decimal;
}
ul.web000 li ul.web001 li ul li{
	list-style-type: disc;
}

/* --- IDとパスが不明の場合の説明ページ --- */
div.IDpass {
	width: 700px;
	height: 20px;
	color: #FFFFFF;
	background: #3333cc;
	font-size: 16px;
	padding: 5px;
	margin: 0 auto;
}

/* --- その他----------------------------------------------------------------------------------------------------------------- --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}