@charset "shift_jis";
/*

information{
	ファイル名 : /common/css/base.css ;
	概要 : このCSSは全体の各タグ等ベースのファイルです。

;
	サイト名 : mopera U | ドコモの定額データプラン対応のインターネット接続プロバイダ;
	URL : http://www.mopera.net/;
	コピーライト : (c) NTT DOCOMO, INC. All rights reserved.
}

 */


/********* Site Base CSS
--------------------------------------------------------------------------

	1. サイトベーススタイル（タグ）
	   - フォーム
	   - リスト
	   - 画像
	   - hr
	   - strong
	   - 「※」注釈 <sup>〜</sup> 
	   - クリア要素
	   - 左右振分け
	2. アンカー（スタイル不適用時）
	   - アンカーリンク
	3. テーブル要素
	   - 基本要素
	   - 基本スタイル-01
	4. h1,h2,h3,h4,h5 スタイル
	5. マージン要素
	   - コンテンツ内容に対するマージン
	   - ボタンに対するマージン
	   - 画像に対するマージン
	6. 重要キャプションブロック
	7. dl,dt,dd スタイル
	8. ul スタイル
	9. ポップアップ共通コンテンツ
	10. ol スタイル


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


/********* Site Base CSS
-------------------------------------------------------------**********************************************

/*	1. サイトベーススタイル
-----------------------------------------------	*/
*{
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	line-height: 1.5em;
	border-top:5px solid #D8D8D8;
	padding-top:15px;
	min-width:900px;
	width:expression(document.body.clientWidth < 900? "900px" : "auto");
}

/* フォーム */
input,textarea {
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  sans-serif;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
input.radio{
	background-color: transparent;
	border: none;
	margin-bottom: -2px;
}
input.checkbox{
	background-color: transparent;
	border: none;
	margin-bottom: -2px;
}
input.btn{
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  sans-serif;
	padding: 10px 3px 10px 3px;
	vertical-align:middle;
	font-size:1.4em;
}
.leftcont02 input.btn{
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  sans-serif;
	vertical-align:middle;
	font-size:1.4em;
	padding:0px 0px 5px 7px;
	margin:0px;
	width:150px; 
	height:46px;
	border:0px;
	background-image:url(/software/images/btn_agree.gif);
	background-position:0px; background-color:transparent;
}
.rightcont02 input.btn{
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  sans-serif;
	vertical-align:middle;
	font-size:1.4em;
	padding:0px;
	margin:0px;
	width:150px; 
	height:46px;
	border:0px;
	background-image:url(/software/images/btn_agree_no.gif);
	background-position:0px; background-color:transparent;
}

/* リスト */
ul{
	list-style-type:none;
}
.contents ul{
	margin-bottom:5px;
}
ol{
	padding-left:30px;
	text-indent:0px;
}
ol li{
	padding-bottom:5px;
}

/* 画像 */
img{
	border: none;
	vertical-align: bottom;
}

/* hr */
hr {
	display:none;
}

/* strong */
strong{
	font-weight: bold;
}

/* 「※」注釈 */
sup{
	vertical-align:middle;
	color:#666666;
	margin:0px 0px 0px 2px;
}
sup img{
	vertical-align:middle;
	margin:0px 1px 0px 0px;
}

/* 画像センター揃え */

.upper img{
	vertical-align:bottom;
	margin-bottom:0.2em;
}


/* クリア要素 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
.clear{
	clear:both;
	display:block;
}




/*	2. アンカー（スタイル不適用時）
-----------------------------------------------	*/
#toAnchors {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;	}
#toAnchors ul,
#toAnchors dd {
	margin: 0;
	padding: 0;
}
#toAnchors * {
	display:none;
}
/* アンカーリンク */
.reader {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:1px;
	height:1px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}


/*	3. テーブル要素
-----------------------------------------------	*/
/* 基本スタイル */
table {
	border-collapse: collapse;
	empty-cells: show;
	font-size:100%;
}

/* 基本スタイル-01 */
table.table-normal{
   font-weight:normal;
   border: 1px solid #BFBFBF;
   margin:10px auto;
}
table.table-normal th{
   padding:7px;
   font-weight:normal;
   border: 1px solid #BFBFBF;
   background-image:url(../images/bg_table-normal_th.gif);
   font-weight:bold;
   font-size:1.2em;
   line-height:130%;
}
table.table-normal td{
   padding:7px;
   border: 1px solid #BFBFBF;
   background-color:#FFFFFF;
   font-size:1.2em;
   line-height:130%;
}
table.table-normal .capSmall,
.small
{
   font-size:0.9em;
}

table.table-normal .bg01{
   background-color:#F4F4F4;
   font-weight:normal;
}
table.table-normal .bg02{
   background-color:#FFFFEA;
   font-weight:normal;
}
table.table-normal caption{
	text-align:left;
	padding-bottom:5px;
	font-size:1.2em;
	font-weight:bold;
	color:#2386C1;
}

ol table.table-normal th,
ol table.table-normal td,
{
   font-size:1.0em;
   line-height:130%;
}

/* パケット通信料比較表 対応 */
.blueNormal {
background-image:url(../images/bg_table-normal_th.gif); }
.blueLight { background: #F4F4F4 none repeat scroll 0% 0% ! important; }


/*	4. h1,h2,h3,h4,h5 スタイル
-----------------------------------------------	*/

/* h1 */
h1#main{
	margin-top:3px;
	border-bottom:1px solid #FFFFFF;
	background-image:url(../images/bg_second_main.gif);
	background-color:#F6F6F6;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	padding:0px;
	text-align:center;
	clear:both;
}
h1#main img{
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

/* H2 */
h2{
	margin-bottom:20px;
	clear:both;
}
h2 a:hover img{
	filter:alpha(opacity=70);
	opacity:0.5;
}

/* H3 */
h3.h3style01{
	margin-bottom:15px;
	border:1px solid #BFBFBF;
	padding:15px 10px 13px 10px;
	display:block;
	background-color:#F4F4F4;
	font-size:1.6em;
	color:#2386C1;
	clear:both;
}
h3.h3style01:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
h3.h3style01 {display: inline-block;}
/* Hides from IE-mac \*/
* html h3.h3style01 {height: 1%;}
h3.h3style01 {display: block;}
/* End hide from IE-mac */ 

h3.h3style01 img{
	vertical-align:middle;
	margin:-10px 10px -10px 0px;
}

/* H4 */
h4, h4.und_l{
	font-weight:bold;
	border-left:5px solid #cccccc;
	clear:both;
	font-size:1.4em;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
	line-height:140%;
}

/* H4 下線付き*/
h4.und_l{
	border-left:5px solid #cccccc;
	background:url(../images/dott_gray.gif) repeat-x left bottom;
	font-size:1.2em;
}

/* H5 */
h5{
	font-weight:bold;
	clear:both;
	font-size:1.2em;
	background:url(../images/dott_gray.gif) repeat-x left bottom;
	margin:10px 0px 5px 0px;
	padding-bottom:5px;
}

/* H6 */
h6{
	font-weight:bold;
	clear:both;
	font-size:1.2em;
	margin:10px 0px 5px 0px;
	padding-bottom:5px;
}



/*	5. マージン要素
-----------------------------------------------	*/
/* 基本マージン（例：<div class="ma10">〜</div>） */
.ma0 { /* 上下0px */
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.ma10{ /* 上下10px */
	margin:10px 0px 10px 0px;
}
.ma20{ /* 上下20px */
	margin:20px 0px 20px 20px;
}
.ma_t0{
    margin-top: 0 !important;
}
.ma_t20{ /* 上20px */
	margin-top:20px;
}
.ma_b5{ /* 下5px */
	margin-bottom:5px !important;
}
.ma_b10{ /* 下10px */
	margin-bottom:10px;
}
.ma_b15{ /* 下15px */
	margin-bottom:15px;
}
.ma_b20{ /* 下20px */
	margin-bottom:20px;
}
.ma_l5{ /* 左5px */
	margin-left:5px !important;
}
.ma_l10{ /* 左10px */
	margin-left:10px; !important;
}
.ma_l15{ /* 左15px */
	margin-left:15px; !important;
}
.ma_l20{ /* 左20px */
	margin-left:20px; !important;
}
.ma_r5{ /* 右5px */
	margin-right:5px !important;
}
.ma_r10{ /* 右10px */
	margin-right:10px; !important;
}
.ma_r15{ /* 右15px */
	margin-right:15px; !important;
}
.ma_r20{ /* 右20px */
	margin-right:20px; !important;
}

/* コンテンツ内容に対するマージン */
div.contents{
	margin:10px 10px 20px 10px;
	display:block;
	clear:both;
}
div.contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.contents {display: inline-block;}
/* Hides from IE-mac \*/
* html div.contents {height: 1%;}
div.contents {display: block;}
/* End hide from IE-mac */ 


div.contents02{
	margin:10px 20px 10px 20px;
	display:block;
	clear:both;
}
div.contents02:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.contents02 {display: inline-block;}
div.contents02 {display: inline-block;}
/* Hides from IE-mac \*/
* html div.contents02 {height: 1%;}
div.contents02 {display: block;}
/* End hide from IE-mac */ 



/* ボタンに対するマージン */
ul.btnstyle01{
	margin:15px 0px 15px 0px;
	text-align:center;
}

/* 画像に対するマージン */
.imgstyle01{ /* マージン：トップ10px アンダー10px */
	margin:10px 0px;
	text-align:center;
}
.imgstyle02{ /* アンダー10px */
	margin:0px 0px 10px 0px;
	text-align:center;
}
.imgstyle03{ /* 右10px・縦中央揃え */
	margin:0px 10px 0px 0px;
	vertical-align:middle;
}
.imgstyle04{ /* 左15px アンダー15px・縦中央揃え */
	margin:0px 0px 15px 15px;
	vertical-align:middle;
}

/*	6. 重要キャプションブロック
-----------------------------------------------	*/
.iptcaption{
	background-color:#FAF6D6;
	border:1px solid #E1DEC4;
	margin:10px 0px 10px 0px;
	padding:10px;
	color:#990000 !important;
}


/*	7. dl,dt,dd スタイル
-----------------------------------------------	*/
dl.dlstyle01{
	margin:0px 0px 10px 0px;
	padding:0px;
}
dl.dlstyle01 dt{
	margin:0px 0px 5px 0px;
	padding:0px 10px 5px 10px;
	font-weight:bold;
	border-left:3px solid #cccccc;
	background:url(../images/dott_gray.gif) repeat-x left bottom;
	font-size:1.2em;
}
dl.dlstyle01 dd{
	margin:0px 0px 5px 0px;
	padding:0px 10px 0px 13px;
}


dl.dlstyle02{ /* 左右振分け( 例: /faq/service/mail/spam.html) */
	margin:0px 0px 10px 0px;
	padding:0px;
	clear:both;
	font-size:1.2em;
}
dl.dlstyle02 dt{
	margin:0px 10px 5px 0px;
	padding:0px;
	font-weight:bold;
	float:left;
	clear:both;
	width:inherit;

}
dl.dlstyle02 dd{
	margin:0px 0px 5px 0px;
	padding:0px 10px 0px 13px;
}

/*	8. ul スタイル
-----------------------------------------------	*/
ul.ulstyle01 li{
	background:url(../images/dott_gray.gif) repeat-x left bottom;
	margin-bottom:5px;
	padding:0px 0px 7px 0px;

}
ul.ulstyle01 li.listnormal a{
	background:url(../images/arrow_normal.gif) no-repeat 0 1px;
	padding-left:15px;
}
ul.ulstyle01 li.listother a{
	background:url(../images/arrow_other.gif) no-repeat 0 1px;
	padding-left:15px;
}

/*  9. ポップアップ共通コンテンツ
-----------------------------------------------	*/

body#popup{
	margin:0px;
	padding:20px;
	text-align:left;
	width:auto;
	min-width:200px;
	width:auto;
}
body#popup .left{
	float:left;
	display:inline;
	margin:0px 10px 10px 0px;
}
body#popup .right{
	float:right;
	display:inline;
	margin:0px 0px 10px 10px;
}
body#popup #header{
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	text-align:left;
	border-bottom:3px solid #D8D8D8;
	width:auto;
	height:40px;
}
body#popup #header #left{
	float:left;
	margin:0px;
	padding:0px;
}
body#popup #header #right{
	float:right;
	margin:0px;
	padding:0px;
}
body#popup #container{
	margin:10px;
	clear:both;
	width:auto;
	_height:280px;
	min-height:280px;
}
body#popup #footer{
	text-align:center;
	clear:both;
	width:auto;
}
body#popup h3{ width:auto;}
body#popup #footer address{
	background:url(../images/dott_gray.gif) repeat-x 0 0;
	padding-top:10px;
	text-align:left;
}
/* Close btn */
ul.pageclose{
	clear:both;
	display:block;
}
ul.pageclose li a{
	background:url(../images/btn_close.gif);
	width:64px;
	height:21px;
	overflow: hidden;
	height: 0 !important;
	height /**/:21px;
	padding-top:21px;
	color: #FFFFFF;
	margin:10px auto;
	display:block;
}
ul.pageclose a:hover{
	background-position:0 -21px;
}

/* Popup + Javascript */

.popup{
	_background:url(../images/arrow_other.gif) no-repeat right 2px;
	background:url(../images/arrow_other.gif) no-repeat right 1px;
	padding-right:15px;
	margin-right:5px;
}
li .popup{
	background:none;
	padding-right:0px;
	margin-right:0px;
}
.popup img{
	background:none;
	padding-right:0px;
	margin-right:0px;
}
.listdott .popup{
	_background:url(../images/arrow_other.gif) no-repeat right 2px;
	background:url(../images/arrow_other.gif) no-repeat right 1px;
	padding-right:15px;
	margin-right:5px;
}


/*  10. olスタイル
-----------------------------------------------	*/
ol.olstyle01 li{
	background:url(../images/dott_gray.gif) repeat-x left bottom;
	margin-bottom:5px;
	padding-bottom:5px;
}