@charset "utf-8";

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

@import url(/common/css/common.css);
@import url(/common/css/model_header_nav.css);
/*@import url(/common/css/model_f.css);*/

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


/** --------------------------------------------------------------------------
 * base styles
 * ------------------------------------------------------------------------ */

html body #container {
	width: 720px !important;
	}

html body #content {
	font-size: 12px;
	*font-size: 75%;
	line-height: 1.3;
	}

body #content * {
	font-family: Verdana, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	}

body img {
	vertical-align: bottom;
	}

body #content table {
	box-sizing: border-box;
	margin: 0;
	font-size: 100%;
	}
	
	body #content table tr th,
	body #content table tr td {
		padding: 0;
		border: none;
	}


#content h2 {
	margin-bottom: 30px;
	}

#content h3,
#content h4 {
	margin-bottom: 0.8em;
	padding-bottom: 5px;
	}

#content p,
#content ul, #content ol, #content dl,
#content table {
	margin-bottom: 1em;
	}

#content dl {}
	#content dl dt {
		margin-bottom: 0.3em;
		font-weight: bold;
	}


/** --------------------------------------------------------------------------
 * utility classes
 * ------------------------------------------------------------------------ */

/* clearfix */
.wrapper,
#content-wrapper,
#content div.grid,
#content #content-footer,
#content ul.foot-banner {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
	}

.wrapper:after,
#content-wrapper:after,
#content div.grid:after,
#content #content-footer:after,
#content ul.foot-banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.left     { text-align: left; }
.right    { text-align: right; }
.center   { text-align: center; }
.top      { vertical-align: top; }
.middle   { vertical-align: middle; }
.bottom   { vertical-align: bottom; }
.baseline { vertical-align: baseline; }


/** --------------------------------------------------------------------------
 * font styles
 * ------------------------------------------------------------------------ */

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content em, #content strong {
	font-weight: bold;
	}

#content small,
#content .note,
#content ul.pagetop-anchor li {
	font-size: 83%;
	}

#content div.section p {
	line-height: 1.5;
	}

p.cmt {
	font-size: 0.9em;
	}


/** --------------------------------------------------------------------------
 * structure
 * ------------------------------------------------------------------------ */

#content div.section {
	margin-bottom: 60px;
	}
	
	#content div.section div.section {
		margin: 0 0 20px 0;
	}

#content #content-header {
	position: relative;
	}
	
#content ul.foot-banner {
	margin: 0;
	padding: 0 15px 15px 25px;
	background: #f6f6f6;
	border-top: 1px solid #ccc;
	}
	
	#content ul.foot-banner li {
		float: left;
		margin-top:15px;
		margin-right: 20px;
	}


/** --------------------------------------------------------------------------
 * components
 * ------------------------------------------------------------------------ */

#content img.inline-left {
	float: left;
	margin: 0 24px 1em 0;
	}

#content img.inline-right {
	float: right;
	margin: 0 0 1em 24px;
	}


#content ul.marked {
	padding-left: 20px;
	}
	
	#content ul.marked li {
		list-style: disc !important;
	}


#content ul.link-button {
	margin: 2em 0 1em;
	}


#content dl.note {}
	#content dl.note dt {
		float: left;
		clear: left;
		width: 1em;
		margin-right: -3px;
		font-weight: normal;
	}
	
	#content dl.note dd {
		margin-left: 1em;
		_margin-left: 0;
		zoom: 1;
	}

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

body #model_header ul.navigation {
	background: url(images/nav_bg.gif) no-repeat 0 0;
	}

a:hover {
	text-decoration: underline;
	}

#content #content-header {}
	
	#content #content-header div.category-title {
		margin-bottom: 10px;
	}
	
	#content #content-header ul.flow-navigation {
		margin-bottom: 10px;
	}
		
		#content #content-header ul.flow-navigation li {
			float: left;
			margin-left: 15px;
			padding-left: 15px;
			border-left: 1px solid #ccc;
		}
		
		#content #content-header ul.flow-navigation li.first-child {
			margin-left: 10px;
			padding-left: 0;
			border-left: none;
		}
			
			#content #content-header ul.flow-navigation li a {
				padding-left: 10px;
				background: url(images/arrow_flow-nav_01.gif) no-repeat 0 0.4em;
			}
			
			#content #content-header ul.flow-navigation li em {
				padding-left: 10px;
				background: url(images/arrow_flow-nav_02.gif) no-repeat 0 0.4em;
				color: #808080;
			}
	
	#content #content-header h1 {
		margin: 0 0 10px;
	}

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

#content-footer {
	position: relative;
	padding: 0;
	background:url(images/bg_pagenavi.gif) no-repeat bottom;
	height:143px;
	}
	
	#content-footer ul.page-navigation {
		position: absolute;
		left: 230px;
		top: 82px;
		width: 260px;
		height: 22px;
	}
		#content-footer ul.page-navigation li {
			position: absolute;
			height: 22px;
			width: 122px;
		}
		
		#content-footer ul.page-navigation li.prev {
			left: 0;
			top: 0;
			padding-right: 17px;
			text-align: right;
		}
		
		#content-footer ul.page-navigation li.next {
			right: 0;
			top: 0;
			float: right;
			padding-left: 17px;
		}
	
	#content-footer ul.pagetop {
		position: absolute;
		right: 10px;
		bottom: 10px;
		height: 1em;
		margin: 0;
		clear:both;	
	}
	/*\*/
	* html #content-footer ul.pagetop {
		bottom: 0;
	}
	/**/
		
		#content-footer ul.pagetop li {
			padding-right: 12px;
			background: url(/common/images/pt_topagetop.gif) no-repeat right center;
			line-height:1.5em;
		}

/* ------------------------------------------------------------------------------------------------- */
 
#content #content-header {
	margin-bottom: 10px;
	}
	
	#content #content-header div.category-title {
		margin-bottom: 10px;
	}
	
	#content #content-header ul.flow-navigation {
		margin-bottom: 10px;
	}
		
		#content #content-header ul.flow-navigation li {
			float: left;
			margin-left: 15px;
			padding-left: 15px;
			border-left: 1px solid #ccc;
		}
		
		#content #content-header ul.flow-navigation li.first-child {
			margin-left: 10px;
			padding-left: 0;
			border-left: none;
		}
			
			#content #content-header ul.flow-navigation li a {
				padding-left: 10px;
				background: url(images/arrow_flow-nav_01.gif) no-repeat 0 0.4em;
			}
			
			#content #content-header ul.flow-navigation li em {
				padding-left: 10px;
				background: url(images/arrow_flow-nav_02.gif) no-repeat 0 0.4em;
				color: #808080;
			}

/** --------------------------------------------------------------------------
 * page styles
 * ------------------------------------------------------------------------ */

#content div.grid {
	position: relative;
	}

	#content div.section p.image img {
		margin: 0;
		padding: 0;
		}

#content div.section div#upgradePnt {
	float: right;
	}

#content div.section div#upgradePntL {
	}

	#content div.section div#upgradePnt h3,	
	#content div.section div#upgradePntL h3 {
		margin: 0;
		padding: 0;
		}

	#content div.section div#upgradePnt dl,
	#content div.section div#upgradePntL dl {
		width: 253px;
		border-right: solid 1px #cccbc2;
		border-left: solid 1px #cccbc2;
		padding: 15px 0 5px 0;
		margin: 0;
		}

		#content div.section div#upgradePnt dl dt,
		#content div.section div#upgradePntL dl dt {
			font-size: 0.9em;
			font-weight: bold;
			background: url(../../n706i/images/point_title.gif) 10px 10px no-repeat;
			min-height: 21px;
			line-height: 1.3em;
			padding: 10px 10px 0 35px;
			}
		*html #content div.section div#upgradePnt dl dt,
		*html #content div.section div#upgradePntL dl dt {
			height: 21px;
			}

		#content div.section div#upgradePnt dl dd,
		#content div.section div#upgradePntL dl dd {
			font-size: 0.9em;
			background: url(../../n706i/images/point_comment.gif) 10px 5px no-repeat;
			min-height: 21px;
			line-height: 1.3em;
			padding: 0 10px 10px 35px;
			border-bottom: solid 1px #cccbc2;
			}

	#content div.section div#upgradePnt p#tolist,
	#content div.section div#upgradePntL p#tolist {
		width: 235px;
		min-height: 25px;
		display: block;
		background: url(images/upgradepoint_bg.gif) center bottom no-repeat;
		margin: 0;
		padding: 0 10px;
		text-align: right;
		font-size: 0.9em;
		}

	*html	#content div.section div#upgradePnt p#tolist,
	*html	#content div.section div#upgradePntL p#tolist {
		height: 25px;
		}

		#content div.section div#upgradePnt p#tolist a,
		#content div.section div#upgradePntL p#tolist a {
			background: url(images/point_arrow.gif) left center no-repeat;
			padding: 0 0 0 10px;
			}


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

/* ::: design ::: */

#content div.section div#columnN {
	width: 441px;
	float: left;
	}

#content div.section div#columnFrancfranc {
	width: 441px;
	float: left;
	background: url(../../n706i/images/des_img_francfrancbg02.gif) center bottom #fff;
	}

	#content div.section div#columnFrancfranc h3 {
		width: 441px;
		text-align: center;
		background: url(../../n706i/images/des_img_francfrancbg01.gif) center top no-repeat;
		}
	
		#content div.section div#columnFrancfranc h3 img {
			margin: 45px auto 30px auto;
			}

	#content div.section div#columnFrancfranc p {
		margin: 0 20px 20px 20px;
		line-height: 1.5em;
		}

	#content div.section div#columnFrancfranc p#francfrancLink {
		margin: 20px;
		font-size: 1em;
		line-height: 1.5em;
		color: #6fc4ff;
		}

		#content div.section div#columnFrancfranc p#francfrancLink a {
			padding: 1px 5px;
			background: #6fc4ff;
			color: #fff;
			font-weight: bold;
			}

		#content div.section div#columnFrancfranc p#francfrancLink a:hover {
			background: #94d3ff;
			color: #fff;
			}

#content div.section div#slimBody {
	width: 348px;
	float: left;
	}

#content div.section div#otherDetail {
	width: 348px;
	float: right;
	}

	#content div.section div#otherDetail p img.inline-right {
		float: right;
		margin: 0 0 1em 15px;
		}

	#content div.section div#otherDetail p img.inline-left {
		float: left;
		margin: 1em 0 0 0;
		}
		
#content div.section div#spPackage,
#content div.section div#spPackage dl,
#content div.section div#spPackage dl dt,
#content div.section div#spPackage dl dd {
	margin: 0;
	padding: 0;
	}
	
		#content div.section div#spPackage dl dd {
			float: left;
			}
	
		#content div.section div#spPackage dl dd a {
			outline: none;
			}



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

/* ::: global ::: */

#content div.section div#worldWing,
#content div.section div#worldWing,
#content div.section div#usefl {
	width: 441px;
	float: left;
	}
	
	#content div.section div#worldWing p {
		margin-bottom: 15px;
		}

#content div div.foreignContents {
	width: 334px;
	float: left;
	margin: 0 20px 40px 0;
	}

#content div div#yubisashi {
	width: 720px;
	}

	#content div div.foreignContents div#download {
		width: 520px;
		border: solid 4px #eae8c8;
		background: #fff;
		padding: 15px 15px 0 15px;
		margin: 0 0 60px 0;
		}

		#content div div.foreignContents div#download h5 {
			background: url(/n706i/images/ms0201_contents-subtitle.gif) #fff no-repeat left bottom;
			text-indent: 2em;
			width: 515px;
			min-height:26px;
			margin: 0 0 10px 0;
			}

		*html #content div div.foreignContents div#download h5 {
			height:26px;
			}
		
		#content div div.foreignContents div#download p {
			line-height: 1.2em;
			margin: 0 0 5px 30px;
			}

			#content div div.foreignContents div#download p span {
			font-size: 0.8em;
				}

			#content div div.foreignContents div#download p.note {
				margin: 0 0 0 0;
				clear: both;
				}

			#content div div.foreignContents div#download p img.inline-left {
				margin: 0 10px 5px 0;
				}





		













	#content div.section img#useflimg {
		float: right;
		margin: 0 0 1em 5px;
		}

#content div.section div#lifestreet {
	width: 441px;
	float: right;
	}

#content div.section div#lifestreet div#viewer {
	}

	#content div.section div#lifestreet div#viewer p {
		float: left;
		}

		#content div.section div#lifestreet div#viewer p.movie {
			margin: 8px 0 0 0;
			text-align: right;
			}


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

/* ::: high-speed ::: */

#content div.section div#oneSeg {
	width: 500px;
	float: left;
	}

#content div.section div#oneSeg ul li,
#content div.section div#highSpeed ul li ,
#content div.section div#fullBrowser ul li,
#content div.section div#multiWindow ul li {
	text-indent: -1em;
	padding: 0 0 5px 1em;
	}

#content div.section div#quickInfo,
#content div.section div#watchRec,
#content div.section div#fullBrowser,
#content div.section div#multiWindow,
#content div.section div#dcmx {
	width: 348px;
	float: right;
	}

#content div.section div#recGguide,
#content div.section div#osaifu {
	width: 348px;
	float: left;
	}
	
	#content div.section div#watchRec ul {
		width: 348px;
		clear: both;
		}

	#content div.section div#watchRec ul li {
		text-indent: -1em;
		padding: 0 0 0 1em;
		font-size: 0.8em;
		}

#content div.section div#roll {
	width: 441px;
	float: left;
	}

#content div.section div#highSpeed {
	width: 441px;
	float: left;
	}

#content div.section div#quickSearch {
	width: 372px;
	float: left;
	margin: 0;
	padding: 0;
	}

#content div.section div#quickSearchImg {
	width: 348px;
	float: right;
	margin: 0;
	padding: 0;
	}

	#content div.section div#quickSearchImg p {
		float: left;
		margin: 0;
		padding: 0;
		}

	#content div.section div#quickSearchImg p.movie {
			text-align: right;
			width: 152px;
		}
			

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

/* ::: My Signal ::: */

#content div.section div.section div#time,
#content div.section div.section div#state {
	width: 335px;
	}

#content div.section div.section div#time,
#content div.section div#charge {
	float: left;
	}

#content div.section div.section div#state {
	float: right;
	}

#content div.section div#charge {
	width: 441px;
	float: left;
	}

	#content div.section div#charge div {
		float: left;
		width: 255px;
		margin: 0;
		padding: 0;
		}

#content div.section div#pattern {
	width: 372px;
	float: left;
	}

	#content div.section div#pattern div#download {
		width: 334px;
		border: solid 4px #eae8c8;
		background: #fff;
		padding: 15px 15px 0 15px;
		margin: 0 0 60px 0;
		}
	
		#content div.section div#pattern div#download h4 {
			background: url(/n706i/images/ms0201_contents-subtitle.gif) #fff no-repeat left bottom;
			text-indent: 2em;
			width: 335px;
			min-height:26px;
			margin: 0 0 10px 0;
			}

		*html #content div.section div#pattern div#download h4 {
			height:26px;
			}
		
		#content div.section div#pattern div#download p span {
			font-size: 0.8em;
			}
	
#content div.section div #msnote {
	color: #35a1eb;
	font-weight: bold;
	}