@charset "UTF-8";

/*

information{
	ファイル名 : /css/common/fontcss;
	概要 : このCSSファイルはフォントの設定を記述しています。;
	サイト名 : ECナビケータイ;
	URL : http://ecnavi.selectmobile.jp/;
	コピーライト : (c) Inphonix All Rights Reserved.;
}

 */




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

	1. ヘッダー
	2. 本文
		: パン屑リスト
		: テキストサイズ指定
		: H要素（タイトル）関連
		: 左に「オレンジ＞」バージョン
		: 注意事項内左に「オレンジ＞」バージョン
		: 基本段落
		: ボックスエリア要素のリスト
		: 実体参照（TM）等に使用するフォント
		: フォーム
		: 重さ
	3. 右ナビゲーション
		: ローカルナビゲーション
		: 関連リンク
	4. フッター


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

body{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color:#606060;
}

/* -- フォントカラー関連　--*/
.txt_red{
	color:#d10000;
}
.txt_gray{
	color:#606060;
}

.txt_bold{
	font-weight:bold;
}

/* 1. ヘッダー
-----------------------------------------------	*/

#header ul#hnavi{
	font-size:65%;
}

/* 2. リンク色設定
-----------------------------------------------	*/
/*　maincol内　*/
#maincol a{color:#22489d;text-decoration:none;}
#maincol a:visited{color:#22489d;text-decoration:none;}
#maincol a:hover{color:#d10000;text-decoration:underline;}

/*	リンクの色の設定（右カラム）	*/
#rightcol a{color:#606060;text-decoration:none;}
#rightcol a:visited{color:#606060;text-decoration:none;}
#rightcol a:hover{color:#d10000;text-decoration:underline;}

/*　パンくずリスト　*/
#pankuzu a{color:#606060;}
#pankuzu a:visited{color:#606060;}
#pankuzu a:hover{color:#d10000;}

/*　トップページ　*/
#toppagewrap a{color:#22489d;text-decoration:none;}
#toppagewrap a:visited{color:#22489d;text-decoration:none;}
#toppagewrap a:hover{color:#d10000;text-decoration:underline;}

/*　お知らせ　*/
#newcol a{color:#22489d;text-decoration:none;}
#newcol a:visited{color:#22489d;text-decoration:none;}
#newcol a:hover{color:#d10000;text-decoration:underline;}

/*　ティザーページ　*/
.topicsnav a{color:#22489d;text-decoration:none;}
.topicsnav a:visited{color:#22489d;text-decoration:none;}
.topicsnav a:hover{color:#d10000;text-decoration:underline;}

/*　購入ガイド　*/
#maincol div.flow a{color:#22489d;text-decoration:underline;}
#maincol div.flow a:visited{color:#22489d;text-decoration:underline;}
#maincol div.flow a:hover{color:#d10000;text-decoration:none;}

#maincol div.point a{color:#22489d;text-decoration:underline;}
#maincol div.point a:visited{color:#22489d;text-decoration:underline;}
#maincol div.point a:hover{color:#d10000;text-decoration:none;}

#maincol div.boxArea ul li a {color:#22489d;text-decoration:underline;}
#maincol div.boxArea ul li a:visited{color:#22489d;text-decoration:underline;}
#maincol div.boxArea ul li a :hover{color:#d10000;text-decoration:none;}




/* 2. 本文
-----------------------------------------------	*/
/*	パン屑リスト	*/
#pankuzu p{font-size:75%;}


/*　テキストサイズ指定　*/
.txt75{
	font-size:75%;
	color:#606060;
	line-height:1.3em;
}
.txt83{
	font-size:83%;
	color:#606060;
	line-height:1.3em;
}

.txt165{
	font-size:165%;
	font-weight:bold;
	color:#606060;
	line-height:1.3em;
}

.txt120red{
	font-size:120%;
	font-weight:bold;
	color:#d10000;
	line-height:1.3em;
}

.txt150{
	font-size:150%;
	font-weight:bold;
	color:#606060;
	line-height:1.3em;
}

.txtob{
	color:#f78512;
	font-weight:bold;
	line-height:1.3em;
}

.txtor{
	color:#f78512;
	line-height:1.3em;
}

.txto{
	color:#f78512;
}

.txt83ob{
	font-size:83%;
	color:#f78512;
	font-weight:bold;
	line-height:1.3em;
}


/*　H要素（タイトル）関連　 */

#maincol h1 {
	
	padding:0px;
	margin:0px;
	display:block;
	vertical-align:bottom;
}

#maincol .title{
	width:677px;
	height:23px;
	margin:30px 5px 20px 5px;
	padding:0px;
	display:block;
	vertical-align:bottom;
}

#maincol .title img{
	vertical-align:bottom;
}
	
#maincol h2 {
	font-size:102%;
	color: #FFF;
	background-image: url(../../images/common/bg_h2.gif);
	background-repeat: no-repeat;
	width:687px;
	margin: 0 0 0 0;
	/*font-weight: normal;*/
	height: 41px;
	line-height: 41px;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#maincol h2.new {
	color: #666;
	background-image: url(../../images/common/bg_h2_2.gif);
	background-repeat: repeat-x;
	width:667px;
	margin: 0 10px 0 5px;
	/*font-weight: normal;*/
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


#newcol h2 {
	font-size:102%;
	color: #FFF;
	background-image: url(../../images/common/bg_h2.gif);
	background-repeat: no-repeat;
	width:687px;
	margin: 0 0 0 0;
	/*font-weight: normal;*/
	height: 41px;
	line-height: 41px;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

html>body h2{
	margin:0px;
}

#maincol .h3_title{
	width:677px;
	margin:10px 5px;
}

#maincol .h3_title h3 {
	font-size:90%;
	padding:6px 10px;
	border: 1px solid #ebebeb;
	background-color:#f6f6f6;
	line-height: 1.3em;
}


#newcol .h4_title{
	width:677px;
	margin:10px 5px;
}


#newcol h3 {
	font-size:90%;
	padding:6px 10px;
	border: 1px solid #ebebeb;
	background-color:#f6f6f6;
}

#maincol h4 {
	font-size:85%;
	color: #606060;
	background-image: url(../../images/common/bg_h4.gif);
	background-repeat: repeat-x;
	width:677px;
	font-weight: normal;
	text-align:center;
	margin-left: 5px;
	padding:5px 0;
}

#newcol h4 {
	font-size:85%;
	color: #606060;
	background-image: url(../../images/common/bg_h4.gif);
	background-repeat: repeat-x;
	width:677px;
	font-weight: normal;
	text-align:center;
	margin-left: 5px;
	padding:5px 0;
}

#maincol h4.three_bg {
	font-size:85%;
	color: #606060;
	background-image: url(../../images/common/h4_3bg.gif);
	background-repeat: no-repeat;
	width:225px;
	line-height:1.3em;
	text-align:center;
	padding:5px 0;
	margin:0;
	font-weight: bold;
}

#maincol h4.two_bg {
	color: #606060;
	background-image: url(../../images/common/h4_2bg.gif);
	background-repeat: no-repeat;
	height:26px;
	width:343px;
	font-weight: normal;
	line-height:26px;
	text-align:center;
	padding:0;
	margin:0;
}

#maincol h4.two_bg_s {
	width:328px;
	color: #606060;
	background-image: url(../../images/common/bg_h4.gif);
	background-repeat: repeat-x;
	height:26px;
	font-weight: normal;
	line-height:26px;
	text-align:center;
	padding:0;
	margin:0;
}

#maincol h5 {
	font-size:90%;
	color: #606060;
	margin: 0px;
	padding: 0 0 10px 0;
}

#newcol h5 {
	font-size:90%;
	color: #606060;
	margin: 0px;
	padding: 0 0 10px 0;
}

/*　左に「オレンジ＞」バージョンサイトマップ用h5　*/
#maincol h5.a_link_s {
	width:308px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-image:url(../../images/common/arrow_org.gif);
	background-repeat:no-repeat;
	background-position:4px 7px ;
	color: #606060;
	font-weight:normal;
	line-height:1.5em;
	padding:0 0 0 15px;
	border-bottom:dotted 1px #cccccc;
}

/*　左に「オレンジ＞」バージョンサイトマップ用　*/
#maincol h5.a_link_ss {
	width:308px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-image:url(../../images/common/arrow_org_ss.gif);
	background-repeat:no-repeat;
	background-position:15px 5px;
	color: #606060;
	font-weight:normal;
	line-height:1.5em;
	padding:0 0 0 15px;
	vertical-align:middle;
	border-bottom:dotted 1px #cccccc;
}

/*　左に外部リンクアイコンサイトマップ用　*/
#maincol h5.a_link_ss_out {
	width:308px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-image:url(../../images/common/icon_out.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	color: #606060;
	font-weight:normal;
	line-height:1.5em;
	padding:0 0 0 15px;
	vertical-align:middle;
	border-bottom:dotted 1px #cccccc;
}

#maincol h5.faq_sub {
	font-size:90%;
	color: #606060;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
}

/*　左に「オレンジ＞」バージョン　*/
.a_link {
	margin-left: 15px;
	font-size: 83%;
	color: #606060;
	padding: 0px;
	font-weight:normal;
	line-height:1.5em;
	padding-left:15px;
	background-image:url(../../images/common/arrow_org.gif);
	background-repeat:no-repeat;
	background-position:4px;
	vertical-align: middle;
}

/*　外部リンク　*/
.a_link_out {
	margin-left: 15px;
	font-size: 83%;
	color: #606060;
	padding: 0px;
	font-weight:normal;
	line-height:1.5em;
	padding-left:25px;
	background-image:url(../../images/common/icon_out.gif);
	background-repeat:no-repeat;
	background-position:4px;
}

/*　注意事項内左に「オレンジ＞」バージョン　*/
.a_link_box {
	margin: 0px;
	font-size: 83%;
	color: #606060;
	padding-left: 15px;
	font-weight:normal;
	line-height:1.5em;
	background-image:url(../../images/common/arrow_org.gif);
	background-repeat:no-repeat;
	background-position:4px;
}

/*	基本段落	*/
#maincol p{
	font-size:83%;
	padding:10px 15px;
	line-height:1.5em;
	}

/*　ボックスエリア要素のリスト　*/
.boxArea ul li{
font-size:83%;
color:#606060;
}

.boxArea ul li{
	color:#606060;
}

.boxArea ul li.in{
	margin-left:15px;
	line-height:1.5em;
	font-size:83%;
	color:#606060;
	padding-left:20px;
	background-image:url(../../images/common/icon_in.gif);
	background-repeat:no-repeat;
	background-position:0 4;
	list-style:none;
}

.boxArea ul li.out{
	margin-left:15px;
	font-size:83%;
	line-height:1.5em;
	color:#606060;
	padding-left:20px;
	background-image:url(../../images/common/icon_out.gif);
	background-repeat:no-repeat;
	background-position:0 4;
	list-style:none;
}

/*　リスト　赤い矢印　*/

#maincol .red_arrow ul li{
	line-height:1.5em;
	font-size:83%;
	color:#606060;
	margin-left:15px;
	padding-left:15px;
	background-image:url(../../images/header/hnavi_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4;
	list-style:none;
}



/*	▲ページのトップ		*/
.pagetop{font-size:83%;}

#maincol p{
	color:#606060;
	line-height:1.5em;
}

#maincol p.b_title{
	color:#333333;
	font-size:95%;
	font-weight:bold;
	line-height:1.5em;
	list-style-type: none;
	background-position: 0px 12px;
}

#maincol p.oltxts{
	color:#606060;
	font-size:75%;
	line-height:1.5em;
}

#maincol p.oltxt ul{
}

#maincol p.oltxt ul li{
	color:#606060;
	font-size:75%;
	line-height:1.5em;
}

#bottomcol td.left { }

/*	※備考	*/
#maincol p.remarks{font-size:75%;}
#maincol .disclaimer{
	font-size:75%;
	padding-left:15px;
	color:#606060;
	line-height: 1.5em;
}
#maincol .remarks{font-size:75%;padding-left:20px;padding-bottom:15px;color:#606060;}

#maincol .remarks_indent{
	font-size:75%;
	padding: 2px 15px 2px 40px;
	color:#606060;
	text-indent: -1.4em;
}
	

/* 3. 右ナビゲーション
-----------------------------------------------	*/
/*	ローカルナビゲーション	*/
#localnav{
	font-size:83%;
}

/*	コンテンツナビゲーション	*/
#contentsnav{
	font-size:75%;
	color:#606060;
	line-height:1.3em;
} 

#contentsnav div{
	margin:0px;
	padding:0px;
}

#t_rightcol{
	font-size:83%;
}

/* 4. フッター
-----------------------------------------------	*/
#footernav{
	font-size:75%;
	line-height:1.2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d10000;
	width: 100%;
	clear: both;
}

#footer .copyright{
	font-size:66%;
}

#footerwrap .info p{
	font-size:83%;
}