@charset "shift_jis";
/*

information{
	ファイル名 : /common/css/style.css;
	概要 : このCSSはサイト全体の文字に対するファイルです。;
	サイト名 : mopera U | ドコモの定額データプラン対応のインターネット接続プロバイダ;
	URL : http://www.mopera.net/;
	コピーライト : (c) NTT DOCOMO, INC. All rights reserved.
}

 */


/* コンテンツ
--------------------------------------------------------------------------

	1. 全体のフォントサイズ
	   - 元サイス
	   - サイズ
	2. 基本リンク
	3. フォントカラー
	4. リスト
	   - 通常リストに対するスタイル
	   - 文中のリンクに対するスタイル
	5. 注釈


-------------------------------------------------------------------------*/





/*	1. 全体のフォントサイズ
-----------------------------------------------	*/
/* 元サイス */
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 62.5%;
	line-height: 1.5em;
	font-style:normal;
}

/* タグサイズ */
p,li { font-size:1.2em; }

table li,
li p,
.mainCont li li{
	font-size:1.0em;
}
li ol li{
	font-size:1.0em;
}

/* サイズ */
.xlarge{
	font-size:2.4em;
	line-height:140%;
}
.large{
	font-size:1.4em;
	line-height:130%;
}
.normal{
	font-size:1.2em;
	line-height:130%;
}
.small{
	font-size:1.1em;
	line-height:120%;
}

/*	2.基本リンク
-----------------------------------------------	*/
a:link
{
	color: #0070B0;
    text-decoration: underline;
}
a:visited
{
    color: #9C6464;
    text-decoration: underline;
}
a:hover
{
    color: #E4B535;
    text-decoration: none;
}
a:active
{
    color: #E4B535;
    text-decoration: none;
}


/*	3. 全体のフォントカラー
-----------------------------------------------	*/
.red{ color:#990000; }
.blue{ color:#2386C1; }
.green{ color:#449C21; }
.gray{ color:#999999; }


/*	4. リスト
-----------------------------------------------	*/

/* 通常リストに対するスタイル (例：<ul><li class="listnormal">〜</li></ul>) */
li.listnormal{ /*内部*/
	background:url(../images/arrow_normal.gif) no-repeat 0 2px;
	padding-left:15px;
}
li.sublist{ /*内部*/
	background:url(../images/arrow_subnavi.gif) no-repeat 0 3px;
	padding-left:10px;
	font-size:1em;
}

table li.listnormal{ /*テーブル　内部*/
	background:none;
	padding-left:0px;
	list-style-image:url(../images/table_arrow_normal.gif);
	margin-left:20px;
	list-style-position:inherit;
	
} 
li.listunder{ /*ページ内リンク*/
	background:url(../images/arrow_normal_under.gif) no-repeat 0 2px;
	padding-left:15px;
}
li.listother { /*外部*/
	background:url(../images/arrow_other.gif) no-repeat 0 2px;
	padding-left:15px;
}

table li.listother{ /*テーブル　外部*/
	background:none;
	padding-left:0px;
	list-style-image:url(../images/table_arrow_other.gif);
	list-style-position:inside;
	margin-left:20px;
}

li.listdott{ /*ドット*/
	background:url(../images/arrow_dott.gif) no-repeat 0 5px;
	padding-left:8px;
	margin-left:6px;
}

li.listlarge{ /*ドット 大*/
	background:url(../images/arrow_dott.gif) no-repeat 0 5px;
	padding-left:8px;
	margin-top: 2px;
	margin-left:6px;
	font-size: 1.4em;
    line-height: 130%;
}
}

li.listdott-red{ /*ドット　レッド*/
	background:url(../images/arrow_dott_red.gif) no-repeat 0 5px;
	padding-left:8px;
	margin-left:6px;
}

table li.listdott{ /*テーブル ドット*/	
	background:none;
}
.listpdf{ /*PDF*/
	background:url(../images/arrow_pdf.gif) no-repeat 0 0px;
	padding-left:17px;
}
table li.listpdf{ /*テーブル　PDF*/
	background:none;
	list-style-image:url(../images/table_arrow_pdf.gif);
	list-style-position: inside;
}
li.listexel{ /*Exel*/
	background:url(../images/arrow_exel.gif) no-repeat 0 5px;
	padding-left:15px;
}
li.listmail{ /*Mail*/
	background:url(../images/arrow_mail.gif) no-repeat 0 2px;
	padding-left:15px;
}



/* 文中のリンクに対するスタイル */
a.other{ /* 外部 */
	_background:url(../images/arrow_other.gif) no-repeat right 10px;
	background:url(../images/arrow_other.gif) no-repeat right 1px;
	padding-right:15px;
	margin-right:5px;
	/*_padding-left:10px;
	_zoom:1;*/
}

a.pdf{ /* PDF */
	background:url(../images/arrow_pdf.gif) no-repeat right 0;
	padding-right:17px;
	margin-right:3px;
}
a.exel{ /* Exel */
	background:url(../images/arrow_exel.gif) no-repeat right 0px;
	padding-right:15px;
	margin-right:7px;
}

/*	5. 注釈　(例：<div class="capSmall">〜</div>) 
-----------------------------------------------	*/
.capSmall{ /* Small size (1.1em) */
	font-size:1.1em;
	text-indent:-0.9em;
	padding:0px 0px 0px 0.9em;
	color:#666666;
	line-height:130%;
	clear:both;
	margin-top:2px;
	margin-bottom:2px;
}
.capSmall img{
	margin-right:3px;
	vertical-align:top;
	margin-top:3px;
	_margin-top:1px;
}
li .capSmall{ font-size:0.9em; }

.capNormal{ /* Normal size(1.2em) */
	font-size:1.2em;
	text-indent:-1.1em;
	padding:0px 0px 0px 1.1em;
	line-height:130%;
	clear:both;
	margin-bottom:2px;
}
.capNormal img{ /* Normal size(1.2em) */
	margin-top:2px;
	_margin-top:1px;
	margin-right:3px;
	vertical-align:top;
}

