@charset "shift_jis";

/*

information{
	ファイル名 : /common/css/layout.css ;
	概要 : このCSSはページレイアウト（配置）に対するファイルです。;
	サイト名 : ドコモの定額データプラン対応のインターネット接続プロバイダ「mopera U （モペラユー）」;
	URL : http://www.mopera.net/;
	コピーライト : (c) NTT DOCOMO, INC. All rights reserved.
}

*/


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

	1. ヘッダー
	   - moperaロゴ
	   - テキスト
	   - ドコモロゴ
	   - 主要リンク
	2. グローバルナビゲーション
	3. メインコンテンツ
	4. フッター

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


/*	1. ヘッダー
-----------------------------------------------	*/
#moperaheader{
	margin-top:-5px;
}
#moperaheader iframe{
	width:900px;
	height:75px;
}
#header {
	margin:0 auto;
	padding:0px;
	width:900px;
	text-align:left;
}
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#header {display: inline-block;}
/* Hides from IE-mac \*/
* html #header {height: 1%;}
#header {display: block;}
/* End hide from IE-mac */ 

/* moperaロゴ */
#header img.logo{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	display:inline;
}

/* テキスト */
#header .headtxt{
	float:left;
	display:inline;
	min_width:500px;
}
#header .headtxt p{
	margin:5px 0px 0px 0px;
	padding:0px;
	color:#2386C1;
	font-weight:bold;
	font-size:1.2em;
}
#header .headtxt span{
	background:url(../images/dott_gray.gif) repeat-x left top;
	display:block;
	margin-top:3px;
	padding-top:3px;
}

/* ドコモロゴ */
#header img.docomologo {
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
}

/* 主要リンク */
#header ul {
	clear:both;
	text-align:right;
	margin:0px 0px 10px 0px;
	padding-top:5px;
}
#header ul li{
	display:inline;
	background:url(../images/line_gray.gif) repeat-y right top;
	padding-right:7px;
	margin-right:3px;
		font-size:1.1em;
}
*html #header ul li{
	padding-right:5px;
	margin-right:6px;
}
#header ul li.bgnone{
	background:none;
	padding-right:0px;
	margin-right:0px;
}

/*	2. グローバルナビゲーション
-----------------------------------------------	*/
ul#glnavi{
	padding:0px;
	text-align:center;
	width:900px;
	margin:0 auto;
	clear:both;
}
*html ul#glnavi{	margin:0px; }
ul#glnavi li{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
}

/*	3. メインコンテンツ
-----------------------------------------------	*/
#container{
	width:900px;
	clear:both;
	margin:0 auto;
	padding:0px 0px 15px 0px;
	text-align:left;
	display:block;
}
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container {display: inline-block;}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */ 



/*	4. フッター
-----------------------------------------------	*/
#footer{
	margin:0 auto;
	padding:5px 0px 5px 0px;
	width:900px;
	clear:both;
	background:url(../images/dott_gray.gif) repeat-x left top;
}
#footer iframe{
	width:900px;
	height:30px;
}