@charset "shift_jis";

/*

information{
	ファイル名 : /css/common/main.css;
	概要 : このCSSファイルはモジュールとしての意味合いを持つパーツの設定を記述しています。;
	サイト名 : NTTドコモのホームページ;
	URL : www.nttdocomo.co.jp/;
	コピーライト : (c) NTT DOCOMO, INC. All Rights Reserved.;
}

 */




/* コンテンツ
--------------------------------------------------------------------------

	1. パンくずリストのセクション (#topcol内)
		: リンクの色の設定
		: パンくずリスト
	2. ページナビゲーション
		: リンクの色の設定
	3. コンテンツナビゲーション
		: リンクの色の設定
		: 上線の追加 (add line top)
	4. ローカルサイトナビゲーション
		: リンクの色の設定
	6. タイトル
		: ページタイトル (通常はh1)
		: 枠 (#boxArea)のあるセクション内での大見出し
		: 枠 (#boxArea)のあるセクション内での中見出し
		: 枠 (#boxArea)のあるセクション内での小見出し
		: 通常のテキストタイトル（小見出しよりも小さい）
		: 関連情報見出し
		: 枠外のプレーンなタイトル（滅多に使用せず）
	7. ボタンパーツの設定
		: ブレットイメージの設定
		: 詳細設定
	8. ボックスセクション（フルサイズ）
	9. ボックスセクション（2分割）
		: ボックスセクション（2分割）
	10. ボックスセクション（3分割）
	11. 上端と下端のみのボーダーエリア(関連情報セクション)
	12. 上端と下端のみのボーダーエリア（2分割）
	13. 上端と下端のみのボーダーエリア（3分割）
	14. 地図のテーブル
	15. 概要のセクション
	16. 音声ガイダンスについて (現状では「/charge/」以下のみで使用)
	17. optionAreaについて (現状では「/charge」以下のみで使用)
	18. セクショントップの「pr」エリアについて
	19. float要素
	20. 通常の "table" タグ
		: 新規のテーブルについて
		: 均等に2分割
		: 均等に3分割
		: 共通項
		: セル2 セル3 共通項 (boxArea、borderAreaの中)
	21. 表組み用の "table" タグ
		: パターンその1
		: パターンその2
	22. "ul"タグについて
		: ノーマルなリスト表記
		: リストのマークなし
		: 注意
	23. "ol"タグについて
		: 特殊な数字を使う場合
	24. フォーム
	25. 細かい設定
		：方向
			: 文字そろえ
			: 回り込み (floatを使用するため、.clearとの併用が必要)
		: 右の回りこみ float right
		: マージンのコントロール
			: マージンの追加
			: マージンの削除
		: 線の追加
			: 上線の追加 (add line top)
		: .section内の要素について
		: リンクの色の設定
		: 文字色、フォント色の設定
			: 黒
			: 赤
			: 灰色
			: 青
			: オレンジ
			: 緑
		: 背景色
		: プラグインの注意書き
		: フリーダイアル
	26. "dl"タグについて
	27. flashセクション
	29. 製品サポート情報
	30. 製品主な特徴のアイコン（動的生成部分）
	31. ゴールナビゲーション
	32. 概要ナビゲーション
		: ボタン部分の設定
		: 既存のモジュールを入れるための設定
	33. 回遊ナビゲーション
	34. 開く閉じるボタン
	35. SNSボタン
	36. 関連情報モジュール
	37. 緊急速報エリア
	38. 製品 サービス・機能と仕様のアイコン（静的対応　2014夏モデル以降）
	39. タブメニュー
	40. 画像保護対応


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




/* 1. パンくずリストのセクション (#topcol内)
--------------------------------------------------------------------------	*/
/*	リンクの色の設定	*/
#breadcrumb a{color:#093475;}
#breadcrumb a:visited{color:#7600b3;}
#breadcrumb a:hover{color:#3374da;}


/*	パンくずリスト	*/
#breadcrumb{
	padding:12px 15px 13px 18px;
	margin:0;
}
#breadcrumb p{
	margin:0;
}
#breadcrumb img{
	margin:0 3px;
	vertical-align:middle;
}




/*	2. ページナビゲーション
--------------------------------------------------------------------------	*/

/* リンクの色の設定（070508リンク色の設定統合のためコメントアウト）
-----------------------------------------------
div.pagenav a{color:#0041b3;}
div.pagenav a:visited{color:#7600b3;}
div.pagenav a:hover{color:#0058f2;}
----------------------------------------------- */

div.pagenav{height:1%;margin-bottom:16px;}
html>body div.pagenav{height:auto;}

div.pagenav ul{
	margin:0;
	padding:5px 0;
	width:100%;
}

div.pagenav li{
	display:block;
	float:left;
	padding:0 6px !important;
	background:url("../../images/mark/nav_border.gif") left center no-repeat;
	white-space:nowrap;
}

div.pagenav li.first{
	background-image:none;
	padding-left:0 !important;
}

div.pagenav a{
/*	zoom:1;*/
}



/*	3. コンテンツナビゲーション
--------------------------------------------------------------------------	*/
div.contentsnav a{
	display:block;
	padding:2px;
}
div.contentsnav a.on{
	color:#fff !important;
	text-decoration:none;
	background:#dd3364;
}


#maincol .contentsnav{
	width:672px;
	background:url("../../images/common/bg_contentsnav_line.gif") 0 0 repeat-y;
}

#maincol .boxArea .contentsnav{
	width:648px;
	margin-bottom:0;
	padding:0 0 14px;
	background:none;
}

#maincol .contentsnav .wrap{
	width:672px;
	background:url("../../images/common/bg_contentsnav_bottom.gif") 0 100% no-repeat;
}	

#maincol .boxArea .contentsnav .wrap{
	width:648px;
	padding-bottom:0;
	background:none;
}	

#maincol .contentsnav .section{
	display:inline-block;
	padding:10px 12px 10px 12px;
	background:url("../../images/common/bg_contentsnav_top.gif") 0 0 no-repeat;

}

html>body #maincol .contentsnav .wrap .section{
	display:block;
}

#maincol .boxArea .contentsnav .section{
	padding:0;
	border:none;
}

div.contentsnav{
	margin-bottom:16px;
}

div.contentsnav ul{
	margin:0;
	padding:2px 0 !important;
	width:100%;
}

div.contentsnav li{
	display:block;
	float:left;
	white-space:nowrap;
}



div.contentsnav .adlt{
	margin-top:5px;
	padding-top:5px !important;
}



/*	3-2. コンテンツナビゲーション アクセシビリティ対応版
--------------------------------------------------------------------------	*/
/*	リンクの色の設定	*/
div.contentsnav-refine a,
div.contentsnav-refine strong{
	display:block;
	padding:2px;
}
div.contentsnav-refine strong{
	color:#fff !important;
	background:#D93363;
}

#maincol .contentsnav-refine{
	width:672px;
	background:url("../../images/common/bg_contentsnav_line.gif") 0 0 repeat-y;
}

#maincol .boxArea .contentsnav-refine{
	width:648px;
	margin-bottom:0;
	padding:0 0 14px;
	background:none;
}

#maincol .contentsnav-refine .wrap{
	width:672px;
	background:url("../../images/common/bg_contentsnav_bottom.gif") 0 100% no-repeat;
}	

#maincol .boxArea .contentsnav-refine .wrap{
	width:648px;
	padding-bottom:0;
	background:none;
}	

#maincol .contentsnav-refine .section{
	display:inline-block;
	padding:10px 12px 10px 12px;
	background:url("../../images/common/bg_contentsnav_top.gif") 0 0 no-repeat;

}

html>body #maincol .contentsnav-refine .wrap .section{
	display:block;
}

#maincol .boxArea .contentsnav-refine .section{
	padding:0;
	border:none;
}

div.contentsnav-refine{
	margin-bottom:16px;
}

div.contentsnav-refine ul{
	margin:0;
	padding:2px 0 !important;
	width:100%;
}

div.contentsnav-refine li{
	display:block;
	float:left;
	padding:0 6px;
	background:url("../../images/mark/contentnav_rifine_border.gif") left center no-repeat;
	white-space:nowrap;
}

div.contentsnav-refine li.first{
	padding-left:0;
	background:none;
}


div.contentsnav-refine .adlt{
	margin-top:5px;
	padding-top:5px !important;
}




/*	4. ローカルサイトナビゲーション
--------------------------------------------------------------------------	*/

/* リンクの色の設定（070508リンク色の設定統合のためコメントアウト）
-----------------------------------------------
div.localsitenav a{color:#0041b3;}
div.localsitenav a:visited{color:#7600b3;}
div.localsitenav a:hover{color:#0058f2;}
----------------------------------------------- */

div.localsitenav {
	border-top:1px solid #f0c200;
	border-bottom:1px solid #f0c200;
	margin-bottom:16px;
	padding:10px 0px 5px 3px;
	background-color:#f5edc6;
}

div.localsitenav .rinfotitle .title{
	margin:0;
	padding:0 0 0 12px;
}

div.localsitenav ul{
	width:100%;
	margin:0;
	padding:5px 0 5px 12px !important;
}


div.localsitenav li.first,
div.localsitenav li.first-popup{
	padding-left:0 !important;
	background-image:none;
}





/*	5. シーケンスナビゲーション
--------------------------------------------------------------------------	*/
/*	リンクの色の設定	*/
div.sequencenav a{color:#093475 !important;}
div.sequencenav a:visited{color:#7600b3 !important;}
div.sequencenav a:hover{color:#3374da !important;}

div.sequencenav a.on{color:#fff !important;}
div.sequencenav a.on:visited{color:#fff !important;}
div.sequencenav a.on:hover{color:#fff !important;}

div.sequencenav a.on{
	padding-top:2px ;
	text-decoration:none;
	color:#fff !important;
	background:#dd3364;
}


/*	アクセシビリティ対応版	*/

div.sequencenav strong{
	padding-top:2px ;
	text-decoration:none;
	color:#fff !important;
	background:#D93363;
}




/* 6. タイトル
--------------------------------------------------------------------------	*/


/*	ページタイトル (通常はh1)	
--------------------------------------------------	*/
#pagetitle{
	margin:0 0 16px 18px;
	padding:0;
	border:solid 1px #d5d5d5;
}
#pagetitle h1,
#pagetitle div.title{
	margin:0;
	padding:9px 11px 9px 20px;
	color:#3e3e3e;
	background:url("../../images/common/bg_h1.jpg") 0 100% no-repeat;
	border:solid 1px #fff;
	font-weight:bold;
}
/* h1がフルサイズの場合	*/
.topcol-full #pagetitle h1,
.topcol-full #pagetitle div.title{
	background:url("../../images/common/bg_h1_full.jpg") 0 100% no-repeat;
}
.topcol-full #pagetitle,
.mainwrap-full #pagetitle{margin:0 12px 0 18px;}

/* 以下「dcm.css」が不要になった場合、削除	*/
#pagetitle h1 a,#pagetitle h1 a:hover,
#pagetitle div.title a,#pagetitle div.title a:hover{
	color:#3e3e3e;
	text-decoration:none;
}

/*	本文自体がフルサイズのバージョン	*/
.layout-full #pagetitle h1,
.layout-full #pagetitle div.title{
	background:url("../../images/common/bg_h1_full.jpg") 0 100% no-repeat;
}

.layout-full #pagetitle{margin:0 12px 0 18px;}


/*
枠 (#boxArea)のあるセクション内での大見出し
--------------------------------------------------	*/
div.titlept01{
	margin:0 0 10px 0;
	padding-bottom:4px;
}
div.titlept01 .title{
	margin:0 0 6px;
	padding:2px 0 0;
}

div.titlept01 .clear .title{
	float:left;
}
div.titlept01 .clear p{
	padding:0 !important;
	float:right;
}

div.titlept01 .clear img{margin-bottom:4px;}
html>body div.titlept01 .clear img{margin-bottom:4px;}

div.titlept01 .clear img.middle{margin-top:6px;}


/*	色の設定	*/
div.titlept01 .bluept01{
	padding-bottom:3px;
	background:url("../../images/common/bg_boxArea_h2line.gif") 0 100% no-repeat;
}
div.titlept01 .bluept01 .title,
div.titlept01 .bluept01 .title a,
div.titlept01 .bluept01 .title a:hover{color:#3f3f3f !important;}


/*	リンクの色の設定	*/
div.titlept01 .bluept01 .tlink a:link{color:#093475 !important;}
div.titlept01 .bluept01 .tlink a:visited{color:#7600b3 !important;}
div.titlept01 .bluept01 .tlink a:hover{color:#3374da !important;}







/*	
枠 (#boxArea)のあるセクション内での中見出し
--------------------------------------------------	*/
div.titlept02{
	clear:both;

}

div.titlept02 .bluept01{
	margin:0 0 15px 0;
	padding:5px 5px 5px 13px;
	background:url("../../images/common/bg_boxArea_h3.gif") 0 100% no-repeat;
}

.delmb div.titlept02{margin-bottom:0;}

div.titlept02 .title{
	margin:0;
	padding:0;
	height:1%;/*Win IE6.XX バグ回避	*/

}
html>body div.titlept02 .title{height:auto;}

div.titlept02 .clear .title{
	float:left;
}
div.titlept02 .clear p{
	padding:0 !important;
	float:right;
}
div.titlept02 .clear img.middle{margin-top:9px;}
div.titlept02 .clear img.admr{margin-right:3px;}


/*	色の設定(.titleにマージンが入っているのは、右に画像がくる場合があるため。)	*/


table.cell2 .titlept02 .bluept01,
.boxCell2 .titlept02 .bluept01{
	background:url("../../images/common/bg_boxcell2_h3.gif") 0 100% no-repeat;
}

table.cell3 .titlept02 .bluept01,
.boxCell3 .titlept02 .bluept01{
	background:url("../../images/common/bg_boxcell3_h3.gif") 0 100% no-repeat;
}


table.cell4 .titlept02 .bluept01{ 
    background:url("../../images/common/bg_boxcell4_h3.gif") 0 100% no-repeat; 
}

div.titlept02 .bluept01 .title,
div.titlept02 .bluept01 .title a,
div.titlept02 .bluept01 .title a:hover{color:#3f3f3f !important;}


div.titlept02 .bluept02{background:#007899;}
div.titlept02 .bluept02 .title{padding:7px 10px 5px 10px;}
div.titlept02 .bluept02 .title,
div.titlept02 .bluept02 .title a,
div.titlept02 .bluept02 .title a:hover{color:#fff !important;}


div.titlept02 .redpt01{background:#b30000;}
div.titlept02 .redpt01 .title{padding:7px 10px 5px 10px;}
div.titlept02 .redpt01 .title,
div.titlept02 .redpt01 .title a,
div.titlept02 .redpt01 .title a:hover{padding:7px 10px 5px 10px;color:#fff !important;}


div.titlept02 .brownpt01{background:#f0c200;}
div.titlept02 .brownpt01 .title{padding:7px 10px 5px 10px;}


/*	リンクの色の設定	*/
div.titlept02 .bluept01 .tlink a:link{color:#093475 !important;}
div.titlept02 .bluept01 .tlink a:visited{color:#7600b3 !important;}
div.titlept02 .bluept01 .tlink a:hover{color:#3374da !important;}


/*	
枠 (#boxArea)のあるセクション内での小見出し
--------------------------------------------------	*/
div.titlept03 .title{
	margin:0;
	padding:0 0 0 13px;
	background:url("../../images/mark/blet_titlept03_bluept01.gif") 0 100% no-repeat;
}

/*	色の設定	*/
div.titlept03{
	margin-bottom:8px;
	padding:0;
}

div.titlept03 .bluept01,
div.titlept03 .bluept01 a,
div.titlept03 .bluept01 a:hover{color:#3f3f3f !important;}

div.titlept03 .clear .title{
	float:left;
}
div.titlept03 .clear p{
	padding:0 !important;
	float:right;
}



/*	通常のテキストタイトル（小見出しよりも小さい）
--------------------------------------------------	*/
.txttitle{margin:0 0 3px;}
.txttitle,
.txttitle a,
.txttitle a:hover{color:#000 !important;}



/*	h3〜h5に「.txt」を指定した場合
（h3、h4に「blet-xxx」を指定した場合にのみ使用。
--------------------------------------------------	*/
h3.txt,
h4.txt,
h5.txt{margin:0 0 3px;}




/*	関連情報見出し (related infomation)
--------------------------------------------------	*/
div.rinfotitle{margin:0 0 3px;}
div.borderArea .rinfotitle .title{
	margin:0 0 5px 0;
	padding:0 0 0 14px;
}

div.borderArea .rinfotitle .bluept01{
	background:url("../../images/mark/blet_rinfotitle_bluept01.gif") 0 0.1em no-repeat;
	color:#000;
}




/*	枠外のプレーンなタイトル
--------------------------------------------------	*/
div.titlept04{
	width:672px;
	margin-bottom:5px;
}

div.titlept04 .title{
	margin:0;
	padding:0;
}

div.titlept04 .title a,
div.titlept04 .title a:hover{color:#000 !important;}







/*	POINT見出しタイトル
--------------------------------------------------	*/
div.pointtitle{
	margin-bottom: 14px;
	padding: 0;
}

div.pointtitle h2{
	padding-left:116px;
	text-indent:-116px;
}

div.pointtitle h2 .pointicon{
	margin-right:16px;
	vertical-align:top;
}













/*	7. ボタンパーツの設定
--------------------------------------------------------------------------
.blet-link：通常の右矢印。
.blet-link-top：上方向のリンク（予備として設定済。現状では使用しない。）
.blet-link-bottom：下方向のリンク（予備として設定済。現状では使用しない。）
.blet-link-left：左方向のリンク（予備として設定済。現状では使用しない。）

.blet-top：四角型の上矢印。「このページのトップへ」などに使用。
.blet-right：四角型の右矢印。
.blet-bottom：四角型の下矢印。
.blet-left：四角型の左矢印。

.blet-group：四角型の右矢印。矢印が2つあるパターン。
.blet-close：四角型の閉じるマーク。
.blet-people：四角型の人のマーク。
.blet-cart：四角型の買い物カゴのマーク。
.blet-antena：四角型のアンテナのマーク。
.blet-popup：四角型の人のマーク。
.blet-download：四角型のダウンロードマーク。
.blet-manual：四角型の本のマーク。
.blet-mail：四角型のメールマーク。

.blet-pdf：pdfアイコン。混乱を防ぐため現状未設定。
.blet-pdf-big：pdfアイコンの大きいバージョン。
.blet-pdf-small：pdfアイコンの小さいバージョン。
.blet-xls-small：excelアイコンの小さいバージョン。
.blet-doc-small：wordアイコンの小さいバージョン。

.blet-non：ブレットをつけないバージョン。「li.blet-non」で使用する。(マージン含める）

	*/






/* リンクの色の設定（070508リンク色の設定統合のためコメントアウト）
-----------------------------------------------
#maincol .btn-pagetop a{color:#0041b3;}
#maincol .btn-pagetop a:visited{color:#7600b3;}
#maincol .btn-pagetop a:hover{color:#0058f2;}
----------------------------------------------- */


.blet-pdf-big{
	display:block;
	height:48px;
	padding-left:38px !important;
	background:url("../../images/mark/icon_pdf_big.gif") 0 0 no-repeat;
}
html>body .blet-pdf-big{height:34px;}

ul.blet-pdf-small li,.blet-pdf-small{
	display:block;
	list-style-type:none;
	padding-left:21px !important;
	background-repeat:no-repeat;
}

ul.blet-pdf-small{
	padding:0 0 5px !important;
	background-image:none !important;
}

ul.blet-pdf-small li{
	padding-bottom:5px;
}

.blet-pdf-small{
	padding-bottom:5px;
}

#maincol .section p.blet-pdf-small{
	padding-bottom:10px;
}


ul.blet-xls-small li,.blet-xls-small{
	display:block;
	list-style-type:none;
	padding-left:21px !important;
	background-repeat:no-repeat;
}

ul.blet-xls-small{
	padding:0 0 5px !important;
	background-image:none !important;
}

ul.blet-xls-small li{
	padding-bottom:5px;
}

.blet-xls-small{
	padding-bottom:5px;
}

#maincol .section p.blet-xls-small{
	padding-bottom:10px;
}

ul.blet-doc-small li,.blet-doc-small{
	display:block;
	list-style-type:none;
	padding-left:21px !important;
	background-repeat:no-repeat;
}

ul.blet-doc-small{
	padding:0 0 5px !important;
	background-image:none !important;
}

ul.blet-doc-small li{
	padding-bottom:5px;
}

.blet-doc-small{
	padding-bottom:5px;
}

#maincol .section p.blet-doc-small{
	padding-bottom:10px;
}

li.non{list-style-type:none;padding-left:0 !important;}
li.full{width:100%;}
ul.fright li.full{text-align:right;}


/*	8. ボックスセクション（フルサイズ）
--------------------------------------------------------------------------	*/
#maincol .boxArea{
	width:672px;
	margin-bottom:16px;
	background:url("../../images/common/bg_boxArea_line.gif") repeat-y;
}

#maincol .boxArea .wrap{
	width:672px;
	padding-bottom:12px;
	background:url("../../images/common/bg_boxArea_bottom.gif") 0 100% no-repeat;
}	

.boxArea .wrap .section{
	display:inline-block;
	padding:12px 12px 0 12px;
	background:url("../../images/common/bg_boxArea_top.gif") 0 0 no-repeat;
}

html>body .boxArea .wrap .section{
	display:block;
}



/*	9. ボックスセクション（2分割）
--------------------------------------------------------------------------	*/
table.boxCell2{
	width:672px;
	margin-bottom:16px !important;
	background:url("../../images/common/bg_boxcell2.gif") repeat-y;
}
table.boxCell2 .right{
	padding-left:10px;
}

table.boxCell2 .left,
table.boxCell2 .right{
	width:331px;
	padding-bottom:12px;
	background:url("../../images/common/bg_boxcell2_bottom.gif") 0 100% no-repeat;
}
table.boxCell2 .right{background-position:100% 100%;}

table.boxCell2 .section{
	display:inline-block;
	padding:12px 12px 0 12px;
	background:url("../../images/common/bg_boxcell2_top.gif") no-repeat;
}

html>body table.boxCell2 .section{display:block;}


/* ボックスが1つの場合 */
table.cell2-1{width:331px;}



/*	10. ボックスセクション（3分割）
--------------------------------------------------------------------------	*/
table.boxCell3{
	width:672px;
	margin-bottom:16px !important;
	background:url("../../images/common/bg_boxcell3.gif") repeat-y;
}


table.boxCell3 .center,
table.boxCell3 .right{
	padding-left:9px;
}

table.boxCell3 .left,
table.boxCell3 .center,
table.boxCell3 .right{
		padding-bottom:12px;
		width:218px;
		background:url("../../images/common/bg_boxcell3_bottom.gif") 0 100% no-repeat;
}
table.boxCell3 .center,
table.boxCell3 .right{background-position:100% 100%;}


table.boxCell3 .section{
	display:inline-block;
	padding:12px 12px 0 12px;
	background:url("../../images/common/bg_boxcell3_top.gif") no-repeat;
}

html>body table.boxCell3 .section{display:block;}


/* ボックスが1つの場合 */
table.cell3-1{width:218px;}

/* ボックスが2つの場合 */
table.cell3-2{width:445px;}





/*	11. 上端と下端のみのボーダーエリア(関連情報セクション)
--------------------------------------------------------------------------	*/
.borderArea{
	width:672px;
	margin-bottom:16px;
	padding-top:15px;
	background:url("../../images/common/line_borderArea.gif") 0 0 no-repeat;
}
.borderArea .wrap{
	width:672px;
	padding-bottom:8px;
	background:url("../../images/common/line_borderArea.gif") 0 100% no-repeat;
}	

.borderArea .float2 li,
.borderArea .float3 li{padding-bottom:5px;}



/*	12. 上端と下端のみのボーダーエリア（2分割）
--------------------------------------------------------------------------	*/
table.borderCell2{
	width:672px;
	margin-bottom:16px !important;
	background:url("../../images/common/line_borderArea.gif") 0 0 no-repeat;
}

table.borderCell2 .rinfotitle .title{
	margin:0 0 5px 0;
	padding:0 0 0 14px;
}

table.borderCell2 .rinfotitle .bluept01{
	background:url("../../images/mark/blet_rinfotitle_bluept01.gif") 0 0.1em no-repeat;
	color:#000;
}

table.borderCell2 .right{
	padding-left:16px;
}

table.borderCell2 .left,
table.borderCell2 .right{
		width:328px;
		padding-bottom:8px;
		background:url("../../images/common/line_borderArea.gif") 0 100% no-repeat;
}
table.borderCell2 .right{background-position:100% 100%;}

table.borderCell2 .section{padding-top:15px;}





/*	13. 上端と下端のみのボーダーエリア（3分割）
--------------------------------------------------------------------------	*/
table.borderCell3{
	width:672px;
	margin-bottom:16px !important;
	background:url("../../images/common/line_borderArea.gif") 0 0 repeat-x;
}

table.borderCell3 .rinfotitle .title{
	margin:0 0 5px 0;
	padding:0 0 0 14px;
}

table.borderCell3 .rinfotitle .bluept01{
	background:url("../../images/mark/blet_rinfotitle_bluept01.gif") 0 0.1em no-repeat;
	color:#000;
}

table.borderCell3 .center,
table.borderCell3 .right{
	padding-left:15px;
}

table.borderCell3 .left,
table.borderCell3 .center,
table.borderCell3 .right{
	width:214px;
	padding-bottom:8px;
	background:url("../../images/common/line_borderArea.gif") 0 100% repeat-x;
}
table.borderCell3 .center,
table.borderCell3 .right{background-position:100% 100%;}
table.borderCell3 .section{padding-top:15px;}





/*	14. 地図のテーブル
--------------------------------------------------------------------------	*/
table.map,table.map td{background:url("../../images/common/line_leftcol.gif") repeat-x;}

table.map{
	margin-bottom:8px !important;
	background-position:0 100%;
}
table.map td{padding:2px 0;}

table.map p{padding-bottom:0 !important;}
table.map .right {padding-left:16px;}




/*　15. 概要のセクション
（汎用性を持たせるため、固有の名称を避けました。基本的には「概要」にのみ使用）
--------------------------------------------------------------------------	*/
#maincol .admpt01Area{margin-bottom:16px;}
#maincol .admpt01Area .section{padding:24px 24px 9px 24px;}
#maincol .admpt01Area .section p,
#maincol .admpt01Area .section ul{margin-bottom:15px;padding:0;}
#maincol .admpt01Area .section .delmb{margin-bottom:7px !important;}
#maincol .admpt01Area .section .adlt{padding-top:15px;}


/*　16. 音声ガイダンスについて
（汎用性を持たせるため、固有の名称を避けました。基本的には「音声ガイダンス」にのみ使用）
--------------------------------------------------------------------------	*/
.admpt02Area{
	padding: 8px;
	margin-bottom: 12px;
}




/*　17. optionAreaについて
--------------------------------------------------------------------------	*/
.optionArea{
	float:right;
	width:240px;
	text-align:center;
}
.optionArea p{
	margin:0 !important;
	padding:0 !important;
}
.optionArea p.adm{
	margin:5px 0 !important;
}
.optionArea ul.adm{
	margin: 0 !important;
	padding:0 !important;
}
.optionArea ul.adm li{
	margin:0 !important;
	padding: 2px !important;
}
.optionArea .adlb{
	display:block;
	background:url("../../images/common/line_leftcol.gif") 0 100% repeat-x;
}
.optionArea p.adlb{
	padding-bottom:2px !important;
}




/*　contactAreaについて
-----------------------------------------------	*/
#contactArea .boxArea{
	width:240px;
	margin-bottom:8px;
	padding-top:6px;
	background:#faf5f9 url("../../images/common/bg_contactarea_top.gif") no-repeat;
}


#contactArea .boxArea .wrap{
	width:240px;
	padding-bottom:6px;
	background:#faf5f9 url("../../images/common/bg_contactarea_bottom.gif") 0 100% no-repeat;
}	

#contactArea .boxArea .column{
	padding:0 7px;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
}




/*　contactAreaについて（contactAreaをID→クラス指定）
-----------------------------------------------	*/
#maincol .contactArea .boxArea{
	width:240px;
	margin-bottom:8px;
	padding-top:6px;
	background:#faf5f9 url("../../images/common/bg_contactarea_top.gif") no-repeat;
}


#maincol .contactArea .boxArea .wrap{
	width:240px;
	padding-bottom:6px;
	background:#faf5f9 url("../../images/common/bg_contactarea_bottom.gif") 0 100% no-repeat;
}	

#maincol .contactArea .boxArea .column{
	padding:0 7px;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
}


/*　18. prArea、iconArea、topicsAreaについて
--------------------------------------------------------------------------	*/
/*	prArea	*/
.prArea{
	margin-top:15px;
}

.prArea *{
	margin:0;
	padding:0;
}

.prArea,
ul.iconArea{margin-bottom:9px !important}
.prArea{margin-left:18px;}

/*	iconArea	*/
ul.iconArea{
	margin:0 0 9px !important;
	padding:0 !important;
}
html>body ul.iconArea{margin:0 !important;}

ul.iconArea li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.iconArea li img{
	display:block;
	float:left;
	margin-bottom:5px;
	/*\*//*/
	margin-right:-5px;
	/**/
}

#topcol ul.iconArea{padding:15px 0 0 16px !important;}
html>body #topcol ul.iconArea{padding-left:18px !important;}


/*	topicsArea	*/
#topcol .topicsArea{
	width:875px;
	margin:15px 0 0 18px;
	overflow:hidden;
	height:160px;

}

#topcol .lcol{
	float:left;
	width:657px;
}

#topcol .rcol{
	float:left;
	width:218px;
}


/*	細かい調整	*/
.topicsArea *{
	margin:0;
	padding:0;
}


/*	右側の設定	*/
.prcol{width:218px;}

/*　19. float要素
--------------------------------------------------------------------------	*/
.float2 li{float:left;padding-bottom:5px;}
html>body .float2 li{padding-bottom:0;}

.float2 li.left{width:312px;margin-right:16px;}
html>body .float2 li.left{width:296px;}

.float2 li.right{width:304px;}
html>body .float2 li.right{width:288px;}

.float3 li{float:left;width:194px;}
.float3 li.left,
.float3 li.center{margin-right:16px;}





/*	20. 通常の "table" タグ
--------------------------------------------------------------------------	*/
/*	新規のテーブルについて(既存のtableに直接設定したいが、既存に影響を与えるため、classを定義する必要があった)	*/
table.layout{padding:0;margin:0;border:0;}
caption{display:none;}
table.layout td,table.layout th{vertical-align:top; font-weight:normal; text-align:left; vertical-align:top;}
table.layout td.bold,table.layout th.bold{font-weight:bold;}

table.layout tr.acenter td,
table.layout tr.acenter th,
table.layout td.acenter,
table.layout th.acenter{text-align:center;}
table.layout tr.acenter td.aleft,
table.layout tr.acenter th.aleft{text-align:left;}
table.layout tr.acenter td.aright,
table.layout tr.acenter th.aright{text-align:right;}

table.layout tr.aright td,
table.layout tr.aright th,
table.layout td.aright,
table.layout th.aright{text-align:right;}
table.layout tr.aright td.aleft,
table.layout tr.aright th.aleft{text-align:left;}
table.layout tr.aright td.acenter,
table.layout tr.aright th.acenter{text-align:center;}

table.layout tr.middle td,
table.layout tr.middle th,
table.layout td.middle,
table.layout th.middle{vertical-align:middle;}


table.layout tr.bottom td,
table.layout tr.bottom th,
table.layout td.bottom,
table.layout th.bottom{vertical-align:bottom;}

table.layout div.adml{margin-left:16px;}
img.adml{margin-left:5px;}
table.full{width:100%;}
.boxArea table.full{width:648px;}



/*	均等に2分割
-----------------------------------------------	*/
table.cell2{width:672px;}
table.cell2 .right{padding-left:16px;}
table.cell2 .section{width:328px;}

.boxArea table.cell2{width:648px;}
.boxArea table.cell2 .right{padding-left:16px;}
.boxArea table.cell2 .section{width:316px;}

table.cell2 table{width:328px;}
table.cell2 table .section{width:212px !important;}

.boxArea table.cell2 table{width:316px;}
.boxArea table.cell2 table .section{width:200px !important;}


/*	均等に3分割	*/
table.cell3{width:672px;}
table.cell3 .center,
table.cell3 .right{padding-left:15px;}
table.cell3 .section{width:214px;}

.boxArea table.cell3{width:648px;}
.boxArea table.cell3 .center,
.boxArea table.cell3 .right{padding-left:15px;}
.boxArea table.cell3 .section{width:206px;}


/* 均等に4分割 */

/* 均等に4分割	*/
table.cell4{width:672px;}
table.cell4 .center,
table.cell4 .right{padding-left:4px;}
table.cell4 .section{width:165px;}

.boxArea table.cell4{width:648px;}
.boxArea table.cell4 .center,
.boxArea table.cell4 .right{padding-left:4px;}
.boxArea table.cell4 .section{width:152px;}


/*	共通項	*/
table.cell2 .section,
table.cell3 .section,
table.cell4 .section,
.boxArea table.layout .section{
	padding:0 !important;
	background:none !important;
}


/*	セル2 セル3 セル4 共通項 (boxArea、borderAreaの中)	*/
table.boxCell2 table{width:307px;}
table.borderCell2 table{width:328px;}

table.boxCell2 table .section,
table.borderCell2 table .section{
	padding:0 !important;
	background:none;
}

table.cell3 table .section,
table.cell4 table .section{
	width:auto !important;
}

table.cell2 table .section{width:212px;}
.boxArea table.cell2 table .section{width:200px;}





/*	21. 表組み用の "table" タグ	
--------------------------------------------------------------------------	*/

/* パターンその1
-----------------------------------------------	*/
table.cellpt01{
	margin-bottom:8px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}	
table.cellpt01 td,
table.cellpt01 th{
	padding:3px 3px;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

table.cellpt01 td.dellt,
table.cellpt01 th.dellt,
table.cellpt02 td.dellt,
table.cellpt02 th.dellt{
	border-top:none;
}
table.cellpt01 td.delll,
table.cellpt01 th.delll{
	border-left:none;
}
table.cellpt01 table td,
table.cellpt01 table th{
	border-top:none;
	border-left:none;
}

table.cellpt01 td.theader,
table.cellpt01 th.theader{
	padding:5px;
}
.plan-name {
	display:block;
	padding:7px 0;
}






/* パターンその2
-----------------------------------------------	*/

table.cellpt02{
	margin-bottom:8px;
	border-bottom:1px solid #a1a1a1;
}	
table.cellpt02 td,
table.cellpt02 th{
	padding:3px 5px;
	border-top:1px solid #a1a1a1;
}







/*	22. "ul"タグについて
--------------------------------------------------------------------------	*/

/* ノーマルなリスト表記
-----------------------------------------------	*/
ul.normal,ul.normal li,li.normal{
	list-style-type:none;
}

ul.normal li,
li.normal{
	margin-bottom:5px;
	padding-left:12px;
	background:url("../../images/mark/blet_li_normal.gif") 0 8px no-repeat;
}
html>body ul.normal li,
html>body ul.normal li.normal{background-position:0 0.7em;}




/* リストのマークなし
-----------------------------------------------	*/
ul.delmark,ul.delmark li{
	list-style-type:none;
}

/* インデント設定
-----------------------------------------------	*/
ul.adml li{
	margin-left:16px;
}




/* 注意
-----------------------------------------------	*/
.notice{color:#333;}

ul.notice,
ul.notice li,
ul.notice ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

/* 注釈内の画像位置調整 */
.notice .icon{vertical-align:middle;}
html>body .notice .icon{margin-bottom:3px;}

ul.notice li{
	margin-bottom:5px;
	padding-left:16px;
	text-indent:-12px;
}

ul.notice span.adml{text-indent:0;}


ul.notice ul{
	margin-top:5px !important;
}

ul.notice ul.normal{padding-bottom:0 !important;}
ul.notice ul.normal li {
	padding-left:9px;
	text-indent:0;
	background:url("../../images/mark/blet_li_normal.gif") 0 8px no-repeat;
}



h3.notice,
h4.notice{
		margin:0 0 5px;
		padding:0;
}

p.notice{
	padding-left:12px !important;
	text-indent:-12px;
}




/*	23. "ol"タグについて
--------------------------------------------------------------------------	*/
ol.normal{
	margin:0;
	padding-left:30px;/*　100の桁切捨て（Win IE）	*/
}
ol.normal li{
	margin-bottom:5px;
}




/* 特殊な数字を使う場合 (add no)
--------------------------------------------------	*/
ul.adnopt01,
ul.adnopt02{
	padding-bottom:10px !important;
}

ul.adnopt01 li,
ul.adnopt01 li{
	margin-bottom:5px;
}

ul.adnopt01 li{
	padding-left:25px;
	text-indent:-29px;
}

ul.adnopt02 li{
	padding-left:16px;
	text-indent:-21px;
}

ul.adnopt01 ul,
ul.adnopt02 ul{
	margin-top:5px !important;
}



/*ul.adnopt01 ul.normal li{padding-left:41px;*//* 29px + 12px }*/
/*ul.adnopt02 ul.normal li{padding-left:33px;*//* 21px + 12px }*/

ul.adnopt01 ul.normal li,
ul.adnopt02 ul.normal li{
	padding-left:12px;
	text-indent:0;
}

ul.adnopt01 ul.notice li,
ul.adnopt02 ul.notice li{
	padding-left:16px;
	text-indent:-12px;
}


html>body ul.adnopt01 li .icon,
html>body ul.adnopt02 li .icon{
	margin-top:1px;
	vertical-align:text-top;
}


ul.adnopt01 span.adml,
ul.adnopt02 span.adml{text-indent:0;}




/* リスト内の画像位置調整（Win IEのみの対応）
-----------------------------------------------	*/
/*\*/
* html .normal .icon{
	margin-top:3px;
	margin-bottom:3px;
}

* html dl.normal .icon{
	margin-top:6px;
	margin-bottom:6px;
}
/**/




/*	24. フォーム
--------------------------------------------------------------------------	*/
.formArea form{margin:0;padding:0;}

.formArea .resetbtn{
	margin:0;
	padding-bottom:5px !important;
	text-align:right;
}

.formArea table td.adlt,
.formArea table th.adlt{
	padding-top:7px;
	background:url("../../images/common/line_leftcol.gif") repeat-x;
}


.formArea .radio,
.formArea .check{
	display:block;
	clear:left;
	float:left;
}

.formArea label{
	display:block;
	float:left;
}

.formArea label.inline{
	display:inline;
	float:none;
}

.formArea .btn{
	margin-right:16px;
	background:#d5dedd;
	border-top:1px solid #d5dedd;
	border-right:1px solid #92999a;
	border-bottom:1px solid #616566;
	border-left:1px solid #d5dedd;
}
.formArea .submit{padding:0 10px;}

.formArea .req{color:#c00;}
.formArea .exp{color:#333;}


#maincol optgroup{
	font-style:normal;
}


/* 検索フォーム
-----------------------------------------------	*/


.gp-search .query{
	width:137px;
	height:19px;
	margin:0 0px 0 3px;
	padding-left:2px;
	vertical-align:middle;
	border:1px solid #b9b9b9;
}

.gp-search .submit{
	height:19px;
	vertical-align:middle;
	background:#7d7d7d;
	border-top:0 solid #7d7d7d;
	border-right:0px solid #7d7d7d;
	border-bottom:0px solid #555555;
}

html>body .gp-search .submit{
	vertical-align:top;
}




/*	25. 細かい設定
--------------------------------------------------------------------------	*/

/* 方向
-----------------------------------------------	*/

/*	文字そろえ */
.aleft{text-align:left;}
.acenter{text-align:center;}
.aright{text-align:right;}

/* 回り込み (floatを使用するため、.clearとの併用が必要)	*/
table.fright,ul.fright li,p.fright,a.fright{float:right;}
ul.fright li{clear:both;}
ul.fright li.nowrap{white-space:nowrap;}


/* (050607追加) */
#maincol .boxArea ul.fleft{
	width:648px;
}

ul.fleft li{
	float:left;
	padding-right:20px;
	white-space:nowrap;
}


/* リスト 均等に3分割 */
#maincol .boxArea .wrap .section ul.fleft-cell3 li{
	float:left;
	display:block;
	width:196px;
}


/* リスト 均等に4分割 */
#maincol .boxArea .wrap .section ul.fleft-cell4 li{
	float:left;
	display:block;
	width:142px;
}




/* マージンのコントロール
-----------------------------------------------	*/
/* マージンの追加	*/
.admt{margin-top:8px;}/*	上 (add margin bottom) */
.admb{margin-bottom:8px;}/*	下 (add margin bottom) */
.adm{margin:8px;}/*	全体		*/

table.admb{margin-bottom:16px;}/*	下 (add margin bottom) */


/* マージンの削除	*/
/*	上 (delete margin top)	*/
.delmt{margin-top:0;}

/*	下 (delete margin bottom)	*/
.delmb{padding-bottom:0 !important;}
table.delmb{margin-bottom:0 !important;}





/* アンカー元のリンクの設定
-----------------------------------------------	*/
.txt a.non{
	color:#000 !important;
}



/* 線の追加
-----------------------------------------------	*/
/*	上線の追加 (add line top) */
#maincol div.adlt{
	padding-top:8px;
	background:url("../../images/common/line_leftcol.gif") repeat-x;
}

/*	下線の追加 (add line bottom) */
#maincol .adlb{
	display:block;
	padding-bottom:8px;
	background:url("../../images/common/line_leftcol.gif") 0 100% repeat-x;
}



/*	全体の線の追加 */
span.border{display:block;}
p.border,
span.border{
	padding:3px !important;
	border:1px solid #999;
}
div.border{
	border:1px solid #999;
}
table.border{
	border:1px solid #999;
	width:auto;/* mac ie bugfix */
	background:none;/* mac ie bugfix */
}
table.border td,
table.border th{padding:5px;
}


/* .section内の要素について
-----------------------------------------------	*/
#maincol .section p,
#maincol .section ul{
	margin:0;
	padding:0 0 14px;
	list-style:none;
}


/* リンクの色の設定（070508リンク色の設定統合のためコメントアウト）
-----------------------------------------------
#maincol .section a{color:#0041b3;}
#maincol .section a:visited{color:#7600b3;}
#maincol .section a:hover{color:#0058f2;}
----------------------------------------------- */


/* リンクの色の設定
-----------------------------------------------	 */
#maincol a:link{color:#093475;}
#maincol a:visited{color:#7600b3;}
#maincol a:hover{color:#3374da;}
#maincol a[name]:hover{color:#000;}
#maincol a[id]:hover{color:#000;}



/* 文字色、フォント色の設定	*/
.black{color:#000;}/*	黒	*/
.red01,req{color:#c00;}/*	赤	*/
.gray33{color:#333}/*	灰色		*/
.blue036{color:#036;}/*	青		*/
.navy{color:#002566;}/* 紺  */ 
.orange{color:#d92400;}/*	オレンジ		*/
.green{color:#237c00;}/*	緑		*/



/*　背景色(上から濃 - 薄)	*/
/*	ブラウン	*/
.brownDark{background:#f0c200 !important;}
.brownNormal{background:#ead88c !important;}
.brownLight{background:#f5edc6 !important;}
/*	灰色	*/
.grayDark{background:#cfcfcf !important;}
.grayNormal{background:#eef1f8 !important;}
.grayLight{background:#f2f2f2 !important;}
/*	薄緑	*/
.greenLight{background:#f7ffe5 !important;}
/*	薄黄色	*/
.yellowLight{background-color:#ffffe5 !important;}
/*	白	*/
.bgwhite{background:#fff !important;}




/* プラグインの注意書
-----------------------------------------------	*/
div.getplugin .img{
	float:left;
	margin-top:0;
	padding-right:15px !important;
}

div.getplugin .info{
/*	/float:left;*/
	overflow:hidden;
	width:auto;
}


/* フリーダイアル
-----------------------------------------------	*/
.contact-big img.icon{margin:-2px 7px 0;}
.contact-small img.icon{margin:-2px 7px 0;}



/*	26. "dl"タグについて
--------------------------------------------------------------------------	*/
/*	通常		*/
dl.normal{
	margin:0;
	padding-bottom:14px;
}
dl.normal dt{display:block;}
dl.normal dt.left{
	float:left;
	clear:both;
	margin-right:10px;
}

dl.normal dd{margin:0;}

/*	pdfリスト		*/
dl.pdfArea{
	padding:7px 0 14px;
	background:url("../../images/common/line_leftcol.gif") repeat-x;
}

dl.pdfArea dt,
dl.pdfArea dd{
	display:block;
	margin:0;
}

dl.pdfArea dt{
	margin-bottom:3px;
}

dl.pdfArea dd{
	margin-bottom:5px;
	padding:0 0 5px 16px;
	background:url("../../images/common/line_leftcol.gif") 0 100% repeat-x;
}

html>body dl.pdfArea dd{padding-bottom:7px;}



/*	27. flashセクション
--------------------------------------------------------------------------	*/
div.flashArea,div.noflashArea{display:none;}



/*	28. "ニュース" セクション（060720 追加）
--------------------------------------------------------------------------	*/
ul.newsArea .date{
	display:block;
	float:left;
	width:107px;
	/*\*//*/
	width:127px;
	/**/
}
html>body ul.newsArea .date{
	background-position:0 0.7em;
}

ul.newsArea .info{
	display:block;
	float:right;
	width:525px;
	/*\*//*/
	width:505px;
	/**/
}


ul.newsArea li{
	list-style:none;
	padding:3px 0 6px;
	background:url("../../images/common/line_leftcol.gif") 0 100% repeat-x;
}

ul.newsArea li.alone{
	padding:3px 0 6px;
	background:none;
}


ul.newsArea .date{
 display:block;
 float:left;
 width:127px;
 /*\*/
 width:107px;
 /**/
}


.infoArea{
	display:block;
	float:right;
 width:521px;
 /*\*/
 width:541px;
 /**/}


.boxArea ul.newsArea li.areaMap .info {
 width:424px;
 /*\*/
 width:444px;
 /**/
}


ul.outlinesupportArea .blet-link-info,
ul.newsArea .blet-link-info,
ul.outlinesupportArea li.areaMap .blet-link-info,
ul.newsArea li.areaMap .blet-link-info,
ul.outlinesupportArea .blet-popup-info,
ul.newsArea .blet-popup-info,
ul.outlinesupportArea li.areaMap .blet-popup-info,
ul.newsArea li.areaMap .blet-popup-info,
ul.outlinesupportArea .blet-pdf-info,
ul.newsArea .blet-pdf-info,
ul.outlinesupportArea li.areaMap .blet-pdf-info,
ul.newsArea li.areaMap .blet-pdf-info{
	display:block;
	list-style-type:none;
	background-repeat:no-repeat;
	float:left;
}



/*	28-2. "ニュース" セクション アクセシビリティ対応版（120602 追加）
--------------------------------------------------------------------------	*/
ul.newsArea-refine{
	margin:0;
	padding:0 0 14px 0;
	list-style:none;
}
ul.newsArea-refine li{
	position:relative;
	margin:0;
	padding:3px 0 6px 9.5em;
	background:url("../../images/common/line_leftcol.gif") repeat-x left bottom;
/*	zoom:1;*/
}
ul.newsArea-refine span{
	display:block;
	margin:0;
	padding:0;
	position:relative;
/*	zoom:1;*/
}
ul.newsArea-refine span.date{
	width:9em;
	position:absolute;
	top:3px;
	left:0;
	z-index:2;
}

ul.newsArea-refine span.icon-areamap{
	margin-left:75px;
	overflow:visible;
}
ul.newsArea-refine span.icon-areamap .areamap-img{
	display:block;
	position:absolute;
	left:-75px;
	top:0;
	z-index:5;
}
ul.newsArea-refine .icon-mark img.mark-img{
	margin-right:0 !important;
}

* html ul.newsArea-refine .icon-mark img.mark-img{
	margin-left:-23px !important;
}

ul.newsArea-refine li.alone{
	background-image:none;
}

ul.newsArea-refine li.alone-txt{
	padding-left:0;
	background-image:none;
}



/*	29. 製品サポート情報（060922 追加）
--------------------------------------------------------------------------	*/
ul.outlinesupportArea .osDate{
	display:block;
	float:left;
	width:108px;
	/*\*//*/
	width:133px;
	/**/
}
html>body ul.outlinesupportArea .osDate{
	background-position:0 0.7em;
}

ul.outlinesupportArea .osInfo{
	display:block;
	float:right;
	width:575px;
	/*\*//*/
	width:550px;
	/**/
}


ul.outlinesupportArea li{
	padding:3px 0 0px;
}

ul.outlinesupportArea .osDate{
 display:block;
 float:left;
 width:138px;
 /*\*/
 width:108px;
 /**/
}

.borderArea ul.outlinesupportArea .osInfoArea{
	display:block;
	float:right;
 width:530px;
 /*\*/
 width:550px;
 /**/}

.borderArea ul.outlinesupportArea .osInfo {
 width:514px;
 /*\*/
 width:534px;
 /**/
}


/*	30. 製品主な特徴のアイコン（動的生成部分）
--------------------------------------------------------------------------	*/
/*	producticonArea	*/
ul.producticonArea{
	margin:0 0 9px !important;
	padding:0 !important;
}
html>body ul.producticonArea{margin:0 !important;}

ul.producticonArea li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.producticonArea li img{
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:2px;
	/*\*//*/
	margin-right:-1px;
	/**/
}

#topcol ul.producticonArea{padding:15px 0 0 12px !important;}
html>body #topcol ul.producticonArea{padding-left:15px !important;}


/*	20111018 スマートフォン（with、NEXT）、タブレット
	201407xx アクセシビリティ対応（.producticonAreaImg）	*/

ul.producticonAreaImg,
ul.producticonAreaSP,
ul.producticonAreaCP{
list-style:none outside none;
}

ul.producticonAreaImg li,
ul.producticonAreaSP li,
ul.producticonAreaCP li{
float:left;
height:85px;
width:89px;
margin:0px 4px 4px 0px;
text-indent:0;
position: relative;
/*\*/
overflow:hidden;
/**/
}

ul.producticonAreaImg li.delmr,
ul.producticonAreaSP li.delmr,
ul.producticonAreaCP li.delmr{
margin-right:0px;
}

ul.producticonAreaSP li a,
ul.producticonAreaCP li a{
display:block;
height:85px;
width:89px;
}


.starNotice{
font-size: 70%;
display: block;
position: absolute;
top: 67px;
left: 5px;
}

#maincol .producticonAreaImg a:link ,
#maincol .producticonAreaSP a:link ,
#maincol .producticonAreaCP a:link {
color: #000000;
text-decoration: none;
}


img.iconStar {
margin: 0 2px 0 0;
}



/*	OFF	*/
ul.producticonAreaSP li{background:url("../../flcache_data/product/images/common/icon_sp.jpg") no-repeat;}

ul.producticonAreaSP li#icon01{background-position:0px -170px;}
ul.producticonAreaSP li#icon02-01{background-position:-89px -170px;}
ul.producticonAreaSP li#icon02-02{background-position:-178px -170px;}
ul.producticonAreaSP li#icon02-03{background-position:-267px -170px;}
ul.producticonAreaSP li#icon02-04{background-position:-356px -170px;}
ul.producticonAreaSP li#icon02-05{background-position:-445px -170px;}
ul.producticonAreaSP li#icon03{background-position:-534px -170px;}
ul.producticonAreaSP li#icon04{background-position:-623px -170px;}
ul.producticonAreaSP li#icon05-01{background-position:-712px -170px;}
ul.producticonAreaSP li#icon05-02{background-position:-801px -170px;}
ul.producticonAreaSP li#icon06{background-position:-890px -170px;}
ul.producticonAreaSP li#icon07{background-position:-979px -170px;}
ul.producticonAreaSP li#icon08-01{background-position:-1068px -170px;}
ul.producticonAreaSP li#icon09{background-position:-1157px -170px;}
ul.producticonAreaSP li#icon10{background-position:-1246px -170px;}
ul.producticonAreaSP li#icon11{background-position:-1335px -170px;}
ul.producticonAreaSP li#icon12{background-position:-1424px -170px;}
ul.producticonAreaSP li#icon13{background-position:-1513px -170px;}
ul.producticonAreaSP li#icon14-01{background-position:-1602px -170px;}
ul.producticonAreaSP li#icon14-02{background-position:-1691px -170px;}
ul.producticonAreaSP li#icon15{background-position:-1780px -170px;}
ul.producticonAreaSP li#icon16{background-position:-1869px -170px;}
ul.producticonAreaSP li#icon17{background-position:-1958px -170px;}
ul.producticonAreaSP li#icon18{background-position:-2047px -170px;}
ul.producticonAreaSP li#icon19{background-position:-2136px -170px;}
ul.producticonAreaSP li#icon20{background-position:-2225px -170px;}
ul.producticonAreaSP li#icon21{background-position:-2314px -170px;}
ul.producticonAreaSP li#icon22{background-position:-2403px -170px;}
ul.producticonAreaSP li#icon23{background-position:-2492px -170px;}
ul.producticonAreaSP li#icon24{background-position:-2581px -170px;}
ul.producticonAreaSP li#icon25-01{background-position:-2670px -170px;}
ul.producticonAreaSP li#icon25-02{background-position:-2759px -170px;}
ul.producticonAreaSP li#icon25-03{background-position:-2848px -170px;}
ul.producticonAreaSP li#icon25-04{background-position:-2937px -170px;}
ul.producticonAreaSP li#icon26{background-position:-3026px -170px;}
ul.producticonAreaSP li#icon27{background-position:-3115px -170px;}
ul.producticonAreaSP li#icon28{background-position:-3204px -170px;}
ul.producticonAreaSP li#icon29-01{background-position:-3293px -170px;}
ul.producticonAreaSP li#icon29-02{background-position:-3382px -170px;}
ul.producticonAreaSP li#icon30{background-position:-3471px -170px;}
ul.producticonAreaSP li#icon31{background-position:-3560px -170px;}
ul.producticonAreaSP li#icon32{background-position:-3649px -170px;}
ul.producticonAreaSP li#icon33-01{background-position:-3738px -170px;}
ul.producticonAreaSP li#icon33-02{background-position:-3827px -170px;}
ul.producticonAreaSP li#icon33-03{background-position:-3916px -170px;}
ul.producticonAreaSP li#icon34{background-position:-4005px -170px;}
ul.producticonAreaSP li#icon35{background-position:-4094px -170px;}
ul.producticonAreaSP li#icon08-02{background-position:-4183px -170px;}
ul.producticonAreaSP li#icon25-05{background-position:-4361px -170px;}

/*	ON	*/
ul.producticonAreaSP li a{background:url("../../flcache_data/product/images/common/icon_sp.jpg") no-repeat;}


ul.producticonAreaSP li#icon02-01 a{background-position:-89px 0;}
ul.producticonAreaSP li#icon02-02 a{background-position:-178px 0;}
ul.producticonAreaSP li#icon02-03 a{background-position:-267px 0;}
ul.producticonAreaSP li#icon02-04 a{background-position:-356px 0;}
ul.producticonAreaSP li#icon02-05 a{background-position:-445px 0;}
ul.producticonAreaSP li#icon05-01 a{background-position:-712px 0;}
ul.producticonAreaSP li#icon05-02 a{background-position:-801px 0;}
ul.producticonAreaSP li#icon06 a{background-position:-890px 0;}
ul.producticonAreaSP li#icon07 a{background-position:-979px 0;}
ul.producticonAreaSP li#icon11 a{background-position:-1335px 0;}
ul.producticonAreaSP li#icon12 a{background-position:-1424px 0;}
ul.producticonAreaSP li#icon13 a{background-position:-1513px 0;}
ul.producticonAreaSP li#icon14-01 a{background-position:-1602px 0;}
ul.producticonAreaSP li#icon14-02 a{background-position:-1691px 0;}
ul.producticonAreaSP li#icon15 a{background-position:-1780px 0;}
ul.producticonAreaSP li#icon16 a{background-position:-1869px 0;}
ul.producticonAreaSP li#icon17 a{background-position:-1958px 0;}
ul.producticonAreaSP li#icon18 a{background-position:-2047px 0;}
ul.producticonAreaSP li#icon19 a{background-position:-2136px 0;}
ul.producticonAreaSP li#icon20 a{background-position:-2225px 0;}
ul.producticonAreaSP li#icon21 a{background-position:-2314px 0;}
ul.producticonAreaSP li#icon22 a{background-position:-2403px 0;}
ul.producticonAreaSP li#icon23 a{background-position:-2492px 0;}
ul.producticonAreaSP li#icon24 a{background-position:-2581px 0;}
ul.producticonAreaSP li#icon25-01 a{background-position:-2670px 0;}
ul.producticonAreaSP li#icon25-02 a{background-position:-2759px 0;}
ul.producticonAreaSP li#icon25-03 a{background-position:-2848px 0;}
ul.producticonAreaSP li#icon25-04 a{background-position:-2937px 0;}
ul.producticonAreaSP li#icon27 a{background-position:-3115px 0;}
ul.producticonAreaSP li#icon28 a{background-position:-3204px 0;}
ul.producticonAreaSP li#icon29-01 a{background-position:-3293px 0;}
ul.producticonAreaSP li#icon29-02 a{background-position:-3382px 0;}
ul.producticonAreaSP li#icon30 a{background-position:-3471px 0;}
ul.producticonAreaSP li#icon31 a{background-position:-3560px 0;}
ul.producticonAreaSP li#icon32 a{background-position:-3649px 0;}
ul.producticonAreaSP li#icon33-01 a{background-position:-3738px 0;}
ul.producticonAreaSP li#icon33-02 a{background-position:-3827px 0;}
ul.producticonAreaSP li#icon33-03 a{background-position:-3916px 0;}
ul.producticonAreaSP li#icon34 a{background-position:-4005px 0;}
ul.producticonAreaSP li#icon35 a{background-position:-4094px 0;}
ul.producticonAreaSP li#icon25-05 a{background-position:-4361px 0;}

/*	オーバー	*/
ul.producticonAreaSP li#icon02-01 a:hover{background-position:-89px -85px;}
ul.producticonAreaSP li#icon02-02 a:hover{background-position:-178px -85px;}
ul.producticonAreaSP li#icon02-03 a:hover{background-position:-267px -85px;}
ul.producticonAreaSP li#icon02-04 a:hover{background-position:-356px -85px;}
ul.producticonAreaSP li#icon02-05 a:hover{background-position:-445px -85px;}
ul.producticonAreaSP li#icon05-01 a:hover{background-position:-712px -85px;}
ul.producticonAreaSP li#icon05-02 a:hover{background-position:-801px -85px;}
ul.producticonAreaSP li#icon06 a:hover{background-position:-890px -85px;}
ul.producticonAreaSP li#icon07 a:hover{background-position:-979px -85px;}
ul.producticonAreaSP li#icon11 a:hover{background-position:-1335px -85px;}
ul.producticonAreaSP li#icon12 a:hover{background-position:-1424px -85px;}
ul.producticonAreaSP li#icon13 a:hover{background-position:-1513px -85px;}
ul.producticonAreaSP li#icon14-01 a:hover{background-position:-1602px -85px;}
ul.producticonAreaSP li#icon14-02 a:hover{background-position:-1691px -85px;}
ul.producticonAreaSP li#icon15 a:hover{background-position:-1780px -85px;}
ul.producticonAreaSP li#icon16 a:hover{background-position:-1869px -85px;}
ul.producticonAreaSP li#icon17 a:hover{background-position:-1958px -85px;}
ul.producticonAreaSP li#icon18 a:hover{background-position:-2047px -85px;}
ul.producticonAreaSP li#icon19 a:hover{background-position:-2136px -85px;}
ul.producticonAreaSP li#icon20 a:hover{background-position:-2225px -85px;}
ul.producticonAreaSP li#icon21 a:hover{background-position:-2314px -85px;}
ul.producticonAreaSP li#icon22 a:hover{background-position:-2403px -85px;}
ul.producticonAreaSP li#icon23 a:hover{background-position:-2492px -85px;}
ul.producticonAreaSP li#icon24 a:hover{background-position:-2581px -85px;}
ul.producticonAreaSP li#icon25-01 a:hover{background-position:-2670px -85px;}
ul.producticonAreaSP li#icon25-02 a:hover{background-position:-2759px -85px;}
ul.producticonAreaSP li#icon25-03 a:hover{background-position:-2848px -85px;}
ul.producticonAreaSP li#icon25-04 a:hover{background-position:-2937px -85px;}
ul.producticonAreaSP li#icon27 a:hover{background-position:-3115px -85px;}
ul.producticonAreaSP li#icon28 a:hover{background-position:-3204px -85px;}
ul.producticonAreaSP li#icon29-01 a:hover{background-position:-3293px -85px;}
ul.producticonAreaSP li#icon29-02 a:hover{background-position:-3382px -85px;}
ul.producticonAreaSP li#icon30 a:hover{background-position:-3471px -85px;}
ul.producticonAreaSP li#icon31 a:hover{background-position:-3560px -85px;}
ul.producticonAreaSP li#icon32 a:hover{background-position:-3649px -85px;}
ul.producticonAreaSP li#icon33-01 a:hover{background-position:-3738px -85px;}
ul.producticonAreaSP li#icon33-02 a:hover{background-position:-3827px -85px;}
ul.producticonAreaSP li#icon33-03 a:hover{background-position:-3916px -85px;}
ul.producticonAreaSP li#icon34 a:hover{background-position:-4005px -85px;}
ul.producticonAreaSP li#icon35 a:hover{background-position:-4094px -85px;}
ul.producticonAreaSP li#icon25-05 a:hover{background-position:-4361px -85px;}

/*	リンク先なし	*/
ul.producticonAreaSP li#icon01.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") 0px 0 no-repeat;}
ul.producticonAreaSP li#icon03.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -534px 0 no-repeat;}
ul.producticonAreaSP li#icon04.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -623px 0 no-repeat;}
ul.producticonAreaSP li#icon08-01.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -1068px 0 no-repeat;}
ul.producticonAreaSP li#icon08-02.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -4183px 0 no-repeat;}
ul.producticonAreaSP li#icon09.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -1157px 0 no-repeat;}
ul.producticonAreaSP li#icon10.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -1246px 0 no-repeat;}
ul.producticonAreaSP li#icon26.on{background:url("../../flcache_data/product/images/common/icon_sp.jpg") -3026px 0 no-repeat;}




/*	20111018 スマートフォン以外（iモードケータイ）	*/
/*	OFF	*/
ul.producticonAreaCP li{background:url("../../flcache_data/product/images/common/icon_cp.jpg") no-repeat;}

ul.producticonAreaCP li#icon01-01{background-position:0px -170px;}
ul.producticonAreaCP li#icon01-02{background-position:-89px -170px;}
ul.producticonAreaCP li#icon01-03{background-position:-178px -170px;}
ul.producticonAreaCP li#icon01-04{background-position:-267px -170px;}
ul.producticonAreaCP li#icon01-05{background-position:-356px -170px;}
ul.producticonAreaCP li#icon02{background-position:-445px -170px;}
ul.producticonAreaCP li#icon03{background-position:-534px -170px;}
ul.producticonAreaCP li#icon04-01{background-position:-623px -170px;}
ul.producticonAreaCP li#icon04-02{background-position:-712px -170px;}
ul.producticonAreaCP li#icon04-03{background-position:-801px -170px;}
ul.producticonAreaCP li#icon04-04{background-position:-890px -170px;}
ul.producticonAreaCP li#icon05{background-position:-979px -170px;}
ul.producticonAreaCP li#icon06{background-position:-1068px -170px;}
ul.producticonAreaCP li#icon07{background-position:-1157px -170px;}
ul.producticonAreaCP li#icon08-01{background-position:-1246px -170px;}
ul.producticonAreaCP li#icon08-02{background-position:-1335px -170px;}
ul.producticonAreaCP li#icon09-01{background-position:-1424px -170px;}
ul.producticonAreaCP li#icon09-02{background-position:-1513px -170px;}
ul.producticonAreaCP li#icon09-03{background-position:-1602px -170px;}
ul.producticonAreaCP li#icon09-04{background-position:-1691px -170px;}
ul.producticonAreaCP li#icon10-01{background-position:-1780px -170px;}
ul.producticonAreaCP li#icon10-02{background-position:-1869px -170px;}
ul.producticonAreaCP li#icon10-03{background-position:-1958px -170px;}
ul.producticonAreaCP li#icon10-04{background-position:-2047px -170px;}
ul.producticonAreaCP li#icon11{background-position:-2136px -170px;}
ul.producticonAreaCP li#icon12-01{background-position:-2225px -170px;}
ul.producticonAreaCP li#icon12-02{background-position:-2314px -170px;}
ul.producticonAreaCP li#icon12-03{background-position:-2403px -170px;}
ul.producticonAreaCP li#icon13-01{background-position:-2492px -170px;}
ul.producticonAreaCP li#icon13-02{background-position:-2581px -170px;}
ul.producticonAreaCP li#icon13-03{background-position:-2670px -170px;}
ul.producticonAreaCP li#icon14{background-position:-2759px -170px;}
ul.producticonAreaCP li#icon15{background-position:-2848px -170px;}
ul.producticonAreaCP li#icon16{background-position:-2937px -170px;}


/*	ON	*/
ul.producticonAreaCP li a{background:url("../../flcache_data/product/images/common/icon_cp.jpg") no-repeat;}

ul.producticonAreaCP li#icon01-01 a{background-position:0px 0;}
ul.producticonAreaCP li#icon01-02 a{background-position:-89px 0;}
ul.producticonAreaCP li#icon01-03 a{background-position:-178px 0;}
ul.producticonAreaCP li#icon01-04 a{background-position:-267px 0;}
ul.producticonAreaCP li#icon01-05 a{background-position:-356px 0;}
ul.producticonAreaCP li#icon02 a{background-position:-445px 0;}
ul.producticonAreaCP li#icon03 a{background-position:-534px 0;}
ul.producticonAreaCP li#icon04-01 a{background-position:-623px 0;}
ul.producticonAreaCP li#icon04-02 a{background-position:-712px 0;}
ul.producticonAreaCP li#icon04-03 a{background-position:-801px 0;}
ul.producticonAreaCP li#icon04-04 a{background-position:-890px 0;}
ul.producticonAreaCP li#icon05 a{background-position:-979px 0;}
ul.producticonAreaCP li#icon06 a{background-position:-1068px 0;}
ul.producticonAreaCP li#icon07 a{background-position:-1157px 0;}
ul.producticonAreaCP li#icon08-01 a{background-position:-1246px 0;}
ul.producticonAreaCP li#icon08-02 a{background-position:-1335px 0;}
ul.producticonAreaCP li#icon09-01 a{background-position:-1424px 0;}
ul.producticonAreaCP li#icon09-02 a{background-position:-1513px 0;}
ul.producticonAreaCP li#icon09-03 a{background-position:-1602px 0;}
ul.producticonAreaCP li#icon09-04 a{background-position:-1691px 0;}
ul.producticonAreaCP li#icon10-01 a{background-position:-1780px 0;}
ul.producticonAreaCP li#icon10-02 a{background-position:-1869px 0;}
ul.producticonAreaCP li#icon10-03 a{background-position:-1958px 0;}
ul.producticonAreaCP li#icon10-04 a{background-position:-2047px 0;}
ul.producticonAreaCP li#icon11 a{background-position:-2136px 0;}
ul.producticonAreaCP li#icon12-01 a{background-position:-2225px 0;}
ul.producticonAreaCP li#icon12-02 a{background-position:-2314px 0;}
ul.producticonAreaCP li#icon12-03 a{background-position:-2403px 0;}
ul.producticonAreaCP li#icon13-01 a{background-position:-2492px 0;}
ul.producticonAreaCP li#icon13-02 a{background-position:-2581px 0;}
ul.producticonAreaCP li#icon13-03 a{background-position:-2670px 0;}
ul.producticonAreaCP li#icon14 a{background-position:-2759px 0;}
ul.producticonAreaCP li#icon15 a{background-position:-2848px 0;}
ul.producticonAreaCP li#icon16 a{background-position:-2937px 0;}


/*	オーバー	*/
ul.producticonAreaCP li#icon01-01 a:hover{background-position:0px -85px;}
ul.producticonAreaCP li#icon01-02 a:hover{background-position:-89px -85px;}
ul.producticonAreaCP li#icon01-03 a:hover{background-position:-178px -85px;}
ul.producticonAreaCP li#icon01-04 a:hover{background-position:-267px -85px;}
ul.producticonAreaCP li#icon01-05 a:hover{background-position:-356px -85px;}
ul.producticonAreaCP li#icon02 a:hover{background-position:-445px -85px;}
ul.producticonAreaCP li#icon03 a:hover{background-position:-534px -85px;}
ul.producticonAreaCP li#icon04-01 a:hover{background-position:-623px -85px;}
ul.producticonAreaCP li#icon04-02 a:hover{background-position:-712px -85px;}
ul.producticonAreaCP li#icon04-03 a:hover{background-position:-801px -85px;}
ul.producticonAreaCP li#icon04-04 a:hover{background-position:-890px -85px;}
ul.producticonAreaCP li#icon05 a:hover{background-position:-979px -85px;}
ul.producticonAreaCP li#icon06 a:hover{background-position:-1068px -85px;}
ul.producticonAreaCP li#icon07 a:hover{background-position:-1157px -85px;}
ul.producticonAreaCP li#icon08-01 a:hover{background-position:-1246px -85px;}
ul.producticonAreaCP li#icon08-02 a:hover{background-position:-1335px -85px;}
ul.producticonAreaCP li#icon09-01 a:hover{background-position:-1424px -85px;}
ul.producticonAreaCP li#icon09-02 a:hover{background-position:-1513px -85px;}
ul.producticonAreaCP li#icon09-03 a:hover{background-position:-1602px -85px;}
ul.producticonAreaCP li#icon09-04 a:hover{background-position:-1691px -85px;}
ul.producticonAreaCP li#icon10-01 a:hover{background-position:-1780px -85px;}
ul.producticonAreaCP li#icon10-02 a:hover{background-position:-1869px -85px;}
ul.producticonAreaCP li#icon10-03 a:hover{background-position:-1958px -85px;}
ul.producticonAreaCP li#icon10-04 a:hover{background-position:-2047px -85px;}
ul.producticonAreaCP li#icon11 a:hover{background-position:-2136px -85px;}
ul.producticonAreaCP li#icon12-01 a:hover{background-position:-2225px -85px;}
ul.producticonAreaCP li#icon12-02 a:hover{background-position:-2314px -85px;}
ul.producticonAreaCP li#icon12-03 a:hover{background-position:-2403px -85px;}
ul.producticonAreaCP li#icon13-01 a:hover{background-position:-2492px -85px;}
ul.producticonAreaCP li#icon13-02 a:hover{background-position:-2581px -85px;}
ul.producticonAreaCP li#icon13-03 a:hover{background-position:-2670px -85px;}
ul.producticonAreaCP li#icon14 a:hover{background-position:-2759px -85px;}
ul.producticonAreaCP li#icon15 a:hover{background-position:-2848px -85px;}
ul.producticonAreaCP li#icon16 a:hover{background-position:-2937px -85px;}



/*	31. ゴールナビゲーション
--------------------------------------------------------------------------	*/

div.goalnavi{
	width:672px;
	margin-bottom:16px;
	padding:1px;
	border:1px solid #e7d475;
}

div.goalnavi .section{
	border-top:6px solid #ffd21f;
	border-bottom:6px solid #ffd21f;
	padding:10px 6px 5px;
	background-color:#ffffcd;
}

div.goalnavi .section p.delmb{padding-bottom:5px !important;}


div.goalnavi-red{
	width:672px;
	margin-bottom:16px;
	padding:1px;
	border:1px solid #cc0033;
}

div.goalnavi-red .section{
	border-top:6px solid #cc0033;
	border-bottom:6px solid #cc0033;
	padding:10px 6px 5px;
	background-color:#fff7f7;
}

div.goalnavi-red .section p.delmb{padding-bottom:5px !important;}


/*	ゴールナビゲーションH2内用	*/
div.goalnaviH2{
	margin-bottom:16px;
	padding:1px;
	border:1px solid #e7d475;
}

div.goalnaviH2 .goalnaviH2-inner{
	border-top:6px solid #ffd21f;
	border-bottom:6px solid #ffd21f;
	padding:10px 6px 5px;
	background-color:#ffffcd;
}

div.goalnaviH2 .goalnaviH2-inner p.delmb{padding-bottom:5px !important;}


/*	32. 概要ナビゲーション
--------------------------------------------------------------------------	*/

div.outlinenavi{
	width:672px;
	margin-bottom:16px;
	border:1px solid #a6a6a6;
}

div.outlinenavi .section{
	padding:0 7px;
}


div.titleoln{
	margin:6px 0 6px;
}
div.titleoln .title{
	margin:0;
	padding:0;
}

div.titleoln .clear .title{
	float:left;
}
div.titleoln .clear p{
	padding:0 !important;
	float:right;
}

div.titleoln .clear img{margin-bottom:3px;}
html>body div.titleoln .clear img{margin-bottom:0;}

div.titleoln .clear img.middle{margin-top:6px;}


div.titleoln .bluept01 .title,
div.titleoln .bluept01 .title a,
div.titleoln .bluept01 .title a:hover{color:#000 !important;}


.gnvArea{
	padding: 8px 8px 0 0;
	margin-bottom:12px;
	background-color:#efefef;
}


div.gnvArea .gnvmb{
	padding-bottom:8px;
}


/*	ボタンの設定（回遊ナビでも使用）	*/

div.gnvArea ul{
	margin:0;
	padding:0 !important;
	width:100%;
}

div.gnvArea li.btn {
	margin:0 0 0 8px !important;
	padding:2px 0 0 0;
	width:208px;
	list-style-type:none;
	background:url("../../images/common/btn_outlinenavi_top.gif") left top no-repeat;
	float:left;
	display: inline;
}


div.gnvArea ul li.btn a {
	display:block;
	padding:10px 15px;
	background:url("../../images/common/btn_outlinenavi_bottom.gif") left bottom no-repeat;
}

div.gnvArea ul li.btn a.on,
div.gnvArea ul li.btn a:hover,
div.gnvArea ul li.btn strong.current a{
	background:url("../../images/common/btn_outlinenavi_bottom_on.gif") left bottom no-repeat;
}

div.gnvArea ul li.btn a.on,
div.gnvArea ul li.btn strong.current a{
	color:#000 !important;
	text-decoration:none;
/*	zoom:1;*/
}
div.gnvArea ul li.btn strong.current{
	display:block;
/*	zoom:1;*/
}
div.gnvArea ul li.btn strong.current a span{
	background-image:none;
}


/*	既存のモジュールを入れるための設定	*/

.outlinenavi table.full{width:656px;}

.outlinenavi table.cell2{width:656px;}
.outlinenavi table.cell2 .right{padding-left:16px;}
.outlinenavi table.cell2 .section{width:320px;}

.outlinenavi table.cell2 table{width:320px;}
.outlinenavi table.cell2 table .section{width:204px !important;}

.outlinenavi table.cell3{width:656px;}
.outlinenavi table.cell3 .center,
.outlinenavi table.cell3 .right{padding-left:16px;}
.outlinenavi table.cell3 .section{width:208px;}

.outlinenavi table.layout .section{
	padding:0 !important;
	border-left:none !important;
	border-right:none !important;
}


/*	33. 回遊ナビゲーション
--------------------------------------------------------------------------	*/

div.roundtripnavi{
	width:672px;
	margin-bottom:16px;
	border:1px solid #a6a6a6;
}

div.roundtripnavi .section{
	padding:0 7px;
}


div.titlertn{clear:both;margin:1px 1px 8px;}


div.titlertn .title{
	margin:0;
	padding:0;
	height:1%;/*Win IE6.XX バグ回避	*/
}
html>body div.titlertn .title{height:auto;}


div.titlertn .bluept01{background:#fad2df;}
div.titlertn .bluept01 .title{padding:7px 10px 5px 10px;}
div.titlertn .bluept01 .title{color:#333 !important;}


/*	34. 開く閉じるボタン
--------------------------------------------------------------------------	*/


/* すべて開くボタン、すべて閉じるボタン
-----------------------------------------------	*/


/*	H2ボックス外の場合の位置調整	*/
.btnOpenAll a,
.btnCloseAll a{line-height:0; outline:0px;}


/*	マウスのオン、オフの設定（すべて開くボタン）	*/
.btnOpenAll a{
	font-size:1px;
	display:block;
	width:130px; 
	height:24px; 
	background:url("/images/common/btn_open_all.gif") 0 0 no-repeat; 
	text-indent:-9999px;
	}
.btnOpenAll a:hover{background-position:0 -24px;}


/*	マウスのオン、オフの設定（すべて閉じるボタン）	*/
.btnCloseAll a{
	font-size:1px;
	display:block;
	width:130px; 
	height:24px; 
	background:url("/images/common/btn_close_all.gif") 0 0 no-repeat; 
	text-indent:-9999px;
	}
.btnCloseAll a:hover{background-position:0 -24px;}



/* 開くボタン、閉じるボタン
-----------------------------------------------	*/


/*	H2の場合の位置調整	*/
.titlept01 .btnOpen a,
.titlept01 .btnClose a,
.titlept01 .hBtnOpen a,
.titlept01 .hBtnClose a{line-height:0; margin:1px 1px 5px 0; outline:0px;}

/*	H3の場合の位置調整	*/
.titlept02 .hBtnOpen a,
.titlept02 .hBtnClose a{line-height:0; margin:0 5px 0 0; outline:0px;}

/*	H4の場合の位置調整	*/
.titlept03 .hBtnOpen a,
.titlept03 .hBtnClose a{line-height:0; margin:0 10px 0 0; outline:0px;}

/*	マウスのオン、オフの設定（開くボタン）	*/
.btnOpen a{
	font-size:1px;
	display:block;
	width:94px; 
	height:24px; 
	background:url("/images/common/btn_open.gif") 0 0 no-repeat; 
	text-indent:-9999px;
	}
.btnOpen a:hover{background-position:0 -24px;}

/*	マウスのオン、オフの設定（閉じるボタン）	*/
.btnClose a{
	font-size:1px;
	display:block;
	width:94px; 
	height:24px; 
	background:url("/images/common/btn_close.gif") 0 0 no-repeat; 
	text-indent:-9999px;
	}
.btnClose a:hover{background-position:0 -24px;}



/*	マウスのオン、オフの設定（詳細を開くボタン）	*/
.hBtnOpen a{
	font-size:1px;
	display:block;
	width:88px; 
	height:22px; 
	background:url("/images/common/btn_open_h.gif") 0 0 no-repeat; 
	text-indent:-9999px;
	}
.hBtnOpen a:hover{background-position:0 -22px;}


/*	マウスのオン、オフの設定（詳細を閉じるボタン）	*/
.hBtnClose a{
	font-size:1px;
	display:block;
	width:88px; 
	height:22px; 
	background:url("/images/common/btn_close_h.gif") 0 0 no-repeat; 
	text-indent:-9999px;
	}
.hBtnClose a:hover{background-position:0 -22px;}



/*	35. SNSボタン
--------------------------------------------------------------------------	*/


div.snsArea{
float:right;
padding-bottom:5px;
}

div.snsArea img{
margin-left:10px;
}

div.snsArea ul{
margin:0;
padding:0;
}

div.snsArea ul img{
margin:0;
}

div.snsArea li{
padding-left:5px;
vertical-align:top;
display:inline-block;
/*/display:inline;
/zoom:1;*/
}

div.snsArea li.snsMixi div{
/*	/display:inline !important;
	/zoom:1;*/
}

/*
div.snsArea li.snsFB .fb_iframe_widget span {
    width: 118px !important;
}
*/

div.snsArea li.snsFB{
	width:123px !important;
	text-align:left;
}

div.snsArea li.snsTwitter iframe.twitter-share-button {
    width: 134px !important;
}

div.snsArea li.snsMixi iframe {
    width: 118px !important;
}





/*	36. 関連情報エリアのボックスセクション
--------------------------------------------------------------------------	*/
#maincol .relatedArea .boxArea{
	width:672px;
	margin-bottom:16px;
	background:none;
}
#maincol .relatedArea .boxArea .wrap{
	width:662px;
	padding-bottom:12px;
	background:none;
	border:#e7e7e7 5px solid;
}
* html #maincol .relatedArea .boxArea .wrap{
	width:672px;
}

.relatedArea form{
	margin:0;
	padding:0;
}


.relatedArea .wrap .section{
	display:inline-block;
	padding:7px 7px 0 7px;
	background:none;
/*	zoom:1;*/
}

.relatedArea p.btnMore,
.relatedArea p.btnCompare{
	padding-bottom:0 !important;
	padding-left:5px !important;
}
.relatedArea p.btnMore,
.relatedArea p.btnCompare{
	margin-top:12px !important;
}
.relatedArea p.btnMore a{
	height:45px;
	width:635px;
	display:inline-block;
	background:url(../../images/common/relatedArea_btn_more_view.gif) left top no-repeat;
}
.relatedArea p.btnMore a:hover{
	background-position:0 -45px;
}

.relatedArea p.btnCompare input{
	display:block;
	height:66px;
	width:635px;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/common/relatedArea_btn_compare.gif) left top no-repeat;
}
.relatedArea p.btnCompare input:hover{
	background-position:0 -66px;
}

.relatedArea .product p.check,
.relatedArea .productlistArea p.check{
	padding:0 0 5px 0 !important;
	margin:0 0 5px 0 !important;
}

.borderArea.relatedStyle{
	padding-top:18px;
}
.borderArea.relatedStyle > .wrap{
	padding-bottom:3px;
}
.relatedArea table.squareArea2col .default .titlept02,
.relatedArea table.squareArea2col .selected .titlept02{
	margin-bottom:5px !important;
}



/*	36-1. 関連情報エリアの見出し
--------------------------------------------------------------------------	*/
.relatedArea div.titlept01{
	margin:0 0 14px 0;
	padding-bottom:0;
	background-color:#f2f2f2;
/*	zoom:1;*/
}
.relatedArea div.titlept01 .title{
	margin:0;
	padding:7px 0;
}
.relatedArea div.titlept01 .bluept01{
	padding-left:16px;
	padding-bottom:0;
	background:url(../../images/common/bg_relatedArea_h2line.gif) left top repeat-y !important;
}

.relatedArea div.titlept02 .bluept01{
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	background:url(../../images/common/bg_relatedArea_h2line.gif) left top repeat-y !important;
}


/*	36-2. 関連情報エリアのボックスセクション（2分割）
--------------------------------------------------------------------------	*/
.relatedArea table.boxCell2{
	background:url(../../images/common/relatedArea_bg_boxcell2.gif) left top repeat-y;
}
.relatedArea table.boxCell2 .right{
	padding-left:7px;
}
.relatedArea table.boxCell2 .left,
.relatedArea table.boxCell2 .right{
	background:url(../../images/common/relatedArea_bg_boxcell2_top_bottom.gif) left bottom no-repeat;
}
.relatedArea table.boxCell2 .right{
	background-position:right bottom;
}

.relatedArea table.boxCell2 .section{
	background:url(../../images/common/relatedArea_bg_boxcell2_top_bottom.gif) left top no-repeat;
}
.relatedArea table.boxCell2 .section .section{
	background:none;
}


/*	36-3. 関連情報エリアのボックスセクション（2分割）
--------------------------------------------------------------------------	*/
.relatedArea table.boxCell3{
	background:url(../../images/common/relatedArea_bg_boxcell3.gif) left top repeat-y;
}
.relatedArea table.boxCell3 .left,
.relatedArea table.boxCell3 .center,
.relatedArea table.boxCell3 .right{
	background:url(../../images/common/relatedArea_bg_boxcell3_top_bottom.gif) left bottom no-repeat;
}
.relatedArea table.boxCell3 .center,
.relatedArea table.boxCell3 .right{background-position:100% 100%;}

.relatedArea table.boxCell3 .section{
	background:url(../../images/common/relatedArea_bg_boxcell3_top_bottom.gif) left top no-repeat;
}

#maincol .relatedArea table.squareArea .wrap {
	border:none;
}



/*	37. 緊急速報エリア
--------------------------------------------------------------------------	*/


.emergencywrap_maincol{
	width:672px;
	margin-bottom:16px;
}

/*	通信状況エリア(背景赤Ver.)	*/
.accident_maincol{
	padding:6px;
	background-color:#cc0000;
}


.accident_maincol .accident_newsArea_maincol{
	margin:0px;
	padding:2px 6px 2px 6px;
	background-color:#fff;
	border-top:solid 1px #990000;
	border-left:solid 1px #990000;
}



/*	38. 製品 サービス・機能と仕様のアイコン（静的対応　2014夏モデル以降）
--------------------------------------------------------------------------	*/

/* 20140723 アクセシビリティ対応（.functionIconArea） */

ul.functionIconArea,
ul.functionIconAreaSP,
ul.functionIconAreaFP{
list-style:none outside none;
}

ul.functionIconArea li,
ul.functionIconAreaSP li,
ul.functionIconAreaFP li{
float:left;
height:120px;
width:120px;
margin:0px 4px 4px 0px;
text-indent:0;
position:relative;
/*\*/
overflow:hidden;
/**/
}

ul.functionIconArea li.delmr,
ul.functionIconAreaSP li.delmr,
ul.functionIconAreaFP li.delmr{
margin-right:0px;
}

ul.functionIconAreaSP li a,
ul.functionIconAreaFP li a{
display:block;
height:120px;
width:120px;
}


.functionIconNotice{
font-size: 72%;
color: #49474C;
display: block;
position: absolute;
top: 5.5px;
left: 98px;
}

#maincol .functionIconArea a:link,
#maincol .functionIconAreaSP a:link ,
#maincol .functionIconAreaFP a:link {
color:#000000;
text-decoration:none;
}



/*	20140514 スマートフォン*/

/*	OFF	*/
ul.functionIconAreaSP li{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") no-repeat;}

ul.functionIconAreaSP li#icon01-01{background-position:0px -240px;}
ul.functionIconAreaSP li#icon01-02{background-position:-120px -240px;}
ul.functionIconAreaSP li#icon02-01{background-position:-240px -240px;}
ul.functionIconAreaSP li#icon02-02{background-position:-360px -240px;}
ul.functionIconAreaSP li#icon03{background-position:-480px -240px;}
ul.functionIconAreaSP li#icon04-01{background-position:-600px -240px;}
ul.functionIconAreaSP li#icon04-02{background-position:-720px -240px;}
ul.functionIconAreaSP li#icon05{background-position:-840px -240px;}
ul.functionIconAreaSP li#icon06{background-position:-960px -240px;}
ul.functionIconAreaSP li#icon07{background-position:-1080px -240px;}
ul.functionIconAreaSP li#icon08-01{background-position:-1200px -240px;}
ul.functionIconAreaSP li#icon08-02{background-position:-1320px -240px;}
ul.functionIconAreaSP li#icon09-01{background-position:-1440px -240px;}
ul.functionIconAreaSP li#icon09-02{background-position:-1560px -240px;}
ul.functionIconAreaSP li#icon09-03{background-position:-1680px -240px;}
ul.functionIconAreaSP li#icon09-04{background-position:-1800px -240px;}
ul.functionIconAreaSP li#icon09-05{background-position:-1920px -240px;}
ul.functionIconAreaSP li#icon10{background-position:-2040px -240px;}
ul.functionIconAreaSP li#icon01-03{background-position:-2160px -240px;}
ul.functionIconAreaSP li#icon01-04{background-position:-2280px -240px;}

/*	ON	*/
ul.functionIconAreaSP li a{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") no-repeat;}

ul.functionIconAreaSP li#icon02-01 a{background-position:-240px 0px;}
ul.functionIconAreaSP li#icon02-02 a{background-position:-360px 0px;}
ul.functionIconAreaSP li#icon03 a{background-position:-480px 0px;}
ul.functionIconAreaSP li#icon05 a{background-position:-840px 0px;}
ul.functionIconAreaSP li#icon07 a{background-position:-1080px 0px;}
ul.functionIconAreaSP li#icon08-01 a{background-position:-1200px 0px;}
ul.functionIconAreaSP li#icon08-02 a{background-position:-1320px 0px;}
ul.functionIconAreaSP li#icon09-01 a{background-position:-1440px 0px;}
ul.functionIconAreaSP li#icon09-02 a{background-position:-1560px 0px;}
ul.functionIconAreaSP li#icon09-03 a{background-position:-1680px 0px;}
ul.functionIconAreaSP li#icon09-04 a{background-position:-1800px 0px;}
ul.functionIconAreaSP li#icon09-05 a{background-position:-1920px 0px;}

/*	オーバー	*/
ul.functionIconAreaSP li#icon02-01 a:hover{background-position:-240px -120px;}
ul.functionIconAreaSP li#icon02-02 a:hover{background-position:-360px -120px;}
ul.functionIconAreaSP li#icon03 a:hover{background-position:-480px -120px;}
ul.functionIconAreaSP li#icon05 a:hover{background-position:-840px -120px;}
ul.functionIconAreaSP li#icon07 a:hover{background-position:-1080px -120px;}
ul.functionIconAreaSP li#icon08-01 a:hover{background-position:-1200px -120px;}
ul.functionIconAreaSP li#icon08-02 a:hover{background-position:-1320px -120px;}
ul.functionIconAreaSP li#icon09-01 a:hover{background-position:-1440px -120px;}
ul.functionIconAreaSP li#icon09-02 a:hover{background-position:-1560px -120px;}
ul.functionIconAreaSP li#icon09-03 a:hover{background-position:-1680px -120px;}
ul.functionIconAreaSP li#icon09-04 a:hover{background-position:-1800px -120px;}
ul.functionIconAreaSP li#icon09-05 a:hover{background-position:-1920px -120px;}

/*	リンク先なし	*/
ul.functionIconAreaSP li#icon01-01.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") 0px 0 no-repeat;}
ul.functionIconAreaSP li#icon01-02.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -120px 0 no-repeat;}
ul.functionIconAreaSP li#icon04-01.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -600px 0 no-repeat;}
ul.functionIconAreaSP li#icon04-02.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -720px 0 no-repeat;}
ul.functionIconAreaSP li#icon06.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -960px 0 no-repeat;}
ul.functionIconAreaSP li#icon10.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -2040px 0 no-repeat;}
ul.functionIconAreaSP li#icon01-03.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -2160px 0 no-repeat;}
ul.functionIconAreaSP li#icon01-04.on{background:url("../../flcache_data/product/images/common/function_icon_sp.jpg") -2280px 0 no-repeat;}



/*	20140514 フィーチャーフォン	*/
/*	OFF	*/
ul.functionIconAreaFP li{background:url("../../flcache_data/product/images/common/function_icon_fp.jpg") no-repeat;}

ul.functionIconAreaFP li#icon01-01{background-position:0px -240px;}
ul.functionIconAreaFP li#icon02{background-position:-120px -240px;}
ul.functionIconAreaFP li#icon03{background-position:-240px -240px;}
ul.functionIconAreaFP li#icon04{background-position:-360px -240px;}
ul.functionIconAreaFP li#icon05-01{background-position:-480px -240px;}
ul.functionIconAreaFP li#icon05-02{background-position:-600px -240px;}
ul.functionIconAreaFP li#icon05-03{background-position:-720px -240px;}
ul.functionIconAreaFP li#icon05-04{background-position:-840px -240px;}
ul.functionIconAreaFP li#icon01-02{background-position:-960px -240px;}

/*	ON	*/
ul.functionIconAreaFP li a{background:url("../../flcache_data/product/images/common/function_icon_fp.jpg") no-repeat;}

ul.functionIconAreaFP li#icon02 a{background-position:-120px 0px;}
ul.functionIconAreaFP li#icon03 a{background-position:-240px 0px;}
ul.functionIconAreaFP li#icon04 a{background-position:-360px 0px;}
ul.functionIconAreaFP li#icon05-01 a{background-position:-480px 0px;}
ul.functionIconAreaFP li#icon05-02 a{background-position:-600px 0px;}
ul.functionIconAreaFP li#icon05-03 a{background-position:-720px 0px;}
ul.functionIconAreaFP li#icon05-04 a{background-position:-840px 0px;}

/*	オーバー	*/
ul.functionIconAreaFP li#icon02 a:hover{background-position:-120px -120px;}
ul.functionIconAreaFP li#icon03 a:hover{background-position:-240px -120px;}
ul.functionIconAreaFP li#icon04 a:hover{background-position:-360px -120px;}
ul.functionIconAreaFP li#icon05-01 a:hover{background-position:-480px -120px;}
ul.functionIconAreaFP li#icon05-02 a:hover{background-position:-600px -120px;}
ul.functionIconAreaFP li#icon05-03 a:hover{background-position:-720px -120px;}
ul.functionIconAreaFP li#icon05-04 a:hover{background-position:-840px -120px;}

/*	リンク先なし	*/
ul.functionIconAreaFP li#icon01-01.on{background:url("../../flcache_data/product/images/common/function_icon_fp.jpg") 0px 0px no-repeat;}
ul.functionIconAreaFP li#icon04.on{background:url("../../flcache_data/product/images/common/function_icon_fp.jpg") -360px 0px no-repeat;}
ul.functionIconAreaFP li#icon01-02.on{background:url("../../flcache_data/product/images/common/function_icon_fp.jpg") -960px 0px no-repeat;}





/*	39. タブメニュー（WAI-ARIA対応）
--------------------------------------------------------------------------
div.tabMenu{
	position:relative;
	bottom:-7px;
	z-index:5;
}

div.tabMenu .tabTitles{
	margin:0;
	padding:0 0 7px 0;
	background:url("/images/common/bg_tabmenu.gif") no-repeat left bottom;
	list-style:none;
}
div.tabMenu .tabTitles h2{
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
	background-image:none;
}
div.tabMenu .tabTitles img{
	vertical-align:bottom;
}

div.panel.active .boxArea .wrap .section{
	background-image:none;
	padding-top:19px;
}
	*/



/*	40. 画像保護対応
-------------------------------------------------------------------------- */
a.bgProtect,
span.bgProtect{
	position:relative;
	display:inline-block;
/*	/display:inline;
	/zoom:1;*/
}
a.bgProtect img,
span.bgProtect img{
	vertical-align:top;
}
a.bgProtect .dummyImg,
span.bgProtect .dummyImg{
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}