@charset "utf-8";
/* ------------------------------------------------------
bodyArea
------------------------------------------------------ */
html > body #body {
	margin: 0 auto;
}
* html body #body {
	text-align: left;
}
#hd {
	margin-bottom: 0;
}
#bdWrapper {
	background: url(../images/bg_bottom.gif) left bottom repeat-x;
}
#bd, #bd_s, #bd_ss {
	padding-bottom: 25px;
}
/*--バナーが2段の場合--*/
body#top-01-01 #bd #mainVisualArea {
	height:372px;
}
/*--バナーが1段の場合--*/
body#top-01-01 #bd_s #mainVisualArea {
	height:332px;
}
body#top-01-01 #bd_ss #mainVisualArea {
	height:262px;
}
/* ------------------------------------------------------
contentsHeaderArea
------------------------------------------------------ */
#contentsHeaderArea {
	height: 67px;
	background: url(../images/bg_body_home.gif) bottom repeat-x;
}
body#top-01-01 #contentsHeaderArea {
	height: 58px;
}
#contentsHeaderArea p.logo {
	top: 10px;
}
body#top-01-01 #contentsHeaderArea p.logo {
	top: 1px;
}

/* localNavArea
------------------------------------------------------ */
#contentsHeaderArea #localNavArea {
	position: absolute;
	width: 659px;
	top: 22px;
	left: 311px;
}
body#top-01-01 #localNavArea {
	top: 13px;
}
#contentsHeaderArea #localNavArea ul {
	width: 659px;
	margin-left: 28px;
}
#contentsHeaderArea #localNavArea ul li {
	float: left;
	display: inline;
	margin-right:5px;
	margin-top:10px;
}


/* ------------------------------------------------------
productArea
------------------------------------------------------ */
#productWrapper {
	padding-bottom: 40px;
	background: none;
}
body#top-01-01 #productWrapper {
	padding-bottom: 0;
}
#productArea {
	padding: 0;
}


/* ------------------------------------------------------
mainContentsArea
------------------------------------------------------ */
#productArea #mainContentsArea {
float: right;
width: 730px;
}
#productArea #mainContentsArea.wide {
float: none;
width: 970px;
padding-top: 20px;
}



/* mainVisualArea
------------------------------------------------------ */
#productArea #mainVisualArea {
position: relative;
}

#productArea #mainVisualArea ul#visualAreaBanner {
	position: absolute;
	top: 262px;
	left: 380px;
	height: 48px;
}
#productArea #mainVisualArea ul#visualAreaBanner2 {
	position: absolute;
	top: 317px;
	left: 380px;
	height: 48px;
}

#productArea #mainVisualArea ul#visualAreaBanner2 li,
#productArea #mainVisualArea ul#visualAreaBanner li { display: inline; float: left; width: 125px; }


/* featureArea
------------------------------------------------------ */
#productArea #featureArea {
	margin-bottom:50px;
	height:550px;   /*IE用に記載 */
}
#productArea #featureArea dl {
	display: inline;
	float: left;
	overflow: hidden;
}
#productArea #featureArea dt {
	display:none;
}
#productArea #mainContentsArea #featureArea h2 {
margin: 0;
padding: 0;
background: none;
font-size: 100%;
font-weight: nomal;
}


/* logoListArea
------------------------------------------------------ */
#productArea #logoListArea {
	float: right;
}
#productArea #logoListArea li {
	display: inline;
	margin-left: 30px;
}

/* heading
------------------------------------------------------ */
/* h1 */
#productArea #mainContentsArea h1 {
	margin-bottom: 20px;
}
#productArea #mainContentsArea h1 img {
	margin-bottom: 20px;
}
#productArea #mainContentsArea h1.lead {
	margin-bottom:40px;
}
#productArea #mainContentsArea h1 img.lead {
	margin-bottom:35px;
}
#productArea #mainContentsArea #mainVisualArea h1 {
	margin-bottom: 2px;
}
/* h2 */
#productArea #mainContentsArea h2 {
margin-bottom: 18px;
padding: 0 ;
background: url(../images/h2_bg_01.gif) left bottom no-repeat;
font-size: 132%;
font-weight: bold;
}
#productArea #mainContentsArea .column h2 {
background: url(../images/h2_bg_01.gif) left bottom no-repeat;
}
#productArea #mainContentsArea h2 span {
display: block;
padding: 0 0 6px 22px;
line-height: 24px;
background: url(../images/h2_bg_01_bullet.gif) 0 30% no-repeat;
}
#productArea #mainContentsArea h2.appli {
display: block;
padding: 0 0 8px 10px;
line-height: 24px;
background: url(../images/h2_bg_01.gif) left bottom no-repeat;
}
#productArea #mainContentsArea h2.none {
display: block;
padding: 0;
line-height: 24px;
background: none;
}

/* h3 */
#productArea #mainContentsArea h3 {
	padding: 0 0 15px;
	background: none;
	color: #999;
	font-size: 120%;
	font-weight:bold;
}
#productArea #mainContentsArea h3.lead {
	margin-bottom: 20px;
	padding: 6px 6px 4px;
	background: #e6e6e6;
	font-size: 110%;
	font-weight: bold;
	color: #666;
}
/* h4 */
#productArea #mainContentsArea h4 {
	padding: 0;
	background: none;
}
#productArea #mainContentsArea h4.lead {
	margin-bottom: 10px;
	padding: 2px 6px 0;
	border-left: 3px solid #666;
	background: none;
}
#productArea #mainContentsArea h4.list {
	margin-bottom: 5px;
	padding: 0 0 0 6px;
	border: none;
	background: url(../images/h4_bg_01_bullet.gif) left center no-repeat;
	color: #666;
}
/* h5 */
#productArea #mainContentsArea h5 {
	font-weight:bold;
}
#productArea #mainContentsArea h5.lead {
	font-weight:normal;
}
/* additional extra button */
#productArea #mainContentsArea .extraBtn {
	position: relative;
}
#productArea #mainContentsArea .extraBtn .button {
	position: absolute;
	top: 13px;
	right: 0;
}
#productArea #mainContentsArea .extraBtn .contlogo {
	position: absolute;
	top: 13px;
	right: 0;
}
#productArea #mainContentsArea .extraBtn#extraIcon .contlogo {
	position: absolute;
	top: -1px;
	right: 0;
}


/*------------------------------------------------------ */
/* cotents
------------------------------------------------------ */
#productArea #mainContentsArea .innerBlock p, #productArea #mainContentsArea .innerBlock li {
	color:#333;
	line-height:170%;
}
/* innerBlock
------------------------------------------------------ */
.width250 {
	width:250px;
}
.width354 {
	width:354px;
}
.width350 {
	width:350px;
}
/* 絶対位置 */
.cmn_abs {
	position: absolute;
}
.cmn_abs_tr {
	position: absolute;
	top:    0;
	right: 0;
}
.cmn_abs_br {
	position: absolute;
	bottom: 1px;
	right: 5px;
}
.cmn_abs_bl {
	position: absolute;
	bottom: 0;
	left: 0;
}
.cmn_abs_tl {
	position: absolute;
	top:    0;
	left: 0;
}
.cmn_abs_tc {
	position: absolute;
	top:    0;
	left: 50%;
}
.cmn_abs_bc {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.cmn_rel {
	position: relative;
}


/* localMenuArea
------------------------------------------------------ */
#productArea #asideArea #localMenuArea {
	width: 210px;
	margin: 30px 0 10px;
	padding: 110px 0 20px;
	background: url(../images/sidebar_prod.jpg) no-repeat;
}
#productArea #asideArea #localMenuArea #localMenuBlock {
	width: 100%;
	padding: 0 0 30px;
}
#productArea #asideArea #localMenuArea ul {
	padding: 0;
	background:none;
}
#productArea #asideArea #localMenuArea ul li {
	width: 192px;
	margin: 0;
	padding: 0 0 0 7px ;
	line-height: 1.5;
	border-bottom: 1px solid #ccc;
	background: none;
	vertical-align: bottom;
}
#productArea #asideArea #localMenuArea ul li.last {
	border: none;
}
#productArea #asideArea #localMenuArea ul li a {
	display: block;
	width: auto;
	padding: 9px 0 6px;
	color: #666;
	text-decoration: none;
	background: url(../images/lmenu_ico.png) 0 12px no-repeat;
}
#productArea #asideArea #localMenuArea ul li a.active, #productArea #asideArea #localMenuArea ul li a:hover, #productArea #asideArea #localMenuArea ul li a:active, #productArea #asideArea #localMenuArea ul li a:focus {
	background-color: #fff;
	background-image: url(../images/lmenu_ico_on.png);
	color: #222;
}
#productArea #asideArea #localMenuArea ul li a span {
	display: block;
	padding-left: 25px;
	padding-right: 0;
	background: none;
}


/* localBunnerArea
------------------------------------------------------ */
#productArea #asideArea #localBunnerArea {
	padding: 0 0 20px 30px;
	background: none;
}
#productArea #asideArea #localBunnerArea ul {
	padding-bottom: 40px;
	background: none;
}
#productArea #asideArea #localBunnerArea ul li {
	margin-bottom: 10px;
}


/* ------------------------------------------------------
contentsFooterArea |　ダウンロード、FAQなど・・・
------------------------------------------------------ */
#contentsFooterArea .arrow span, #contentsFooterArea .arrow a:link, #contentsFooterArea .arrow a:visited {
	margin-left: 8px;
}
#contentsFooterArea .arrow a:hover, #contentsFooterArea .arrow a:focus, #contentsFooterArea .arrow a:active {
	color: #aaa !important;
}
#contentsFooterArea .arrow span {
	color: #ccc !important;
}
#contentsFooterArea .blank span, #contentsFooterArea .blank a:link, #contentsFooterArea .blank a:visited {
	margin-left: 8px;
	padding-right: 12px;
	background: url(../images/blank_off.png) right center no-repeat;
}
#contentsFooterArea .blank a:hover, #contentsFooterArea .blank a:focus, #contentsFooterArea .blank a:active {
	background: url(../images/blank_on.png) right center no-repeat;
	color: #aaa !important;
}
#contentsFooterArea .blank span {
	color: #ccc !important;
}


/* ------------------------------------------------------------------
 contentsUtilityArea02　｜　ドコモ スマートフォン  メニュー
------------------------------------------------------------------ */
#contentsFooterArea #contentsUtilityArea02 {
	height: 30px;
	border: none;
	background: url(../images/bg_contentsutilityarea02.png) no-repeat;
}
#contentsFooterArea #contentsUtilityArea02 #subNavArea {
	width: auto;
	height: 30px;
	margin-left: 10px;
	display: inline;
}
#contentsFooterArea #contentsUtilityArea02 #subNavArea ul li {
	margin: 0 2px 0 0;
	padding: 2px 13px 2px 0;
	border-right: 1px solid #ccc;
	line-height: 30px;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea {
	width: auto;
	height: 30px;
	background: none;
	display: inline;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul {
	float: none;
	padding-left: 0;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul li {
	float: none;
	display: inline;
	margin: 0 2px 0 0;
	padding: 2px 12px 2px 0;
	border-right: 1px solid #ccc;
	line-height: 30px;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul li.last {
	border: none;
}
/* cFooterMenuArea
------------------------------------------------------ */
#contentsFooterArea #cFooterMenuAreaWrapper {
	background: url(../images/bg_footermenu.gif) repeat-y;
}
#contentsFooterArea #cFooterMenuArea {
	zoom:1;
}
#contentsFooterArea #cFooterMenuArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contentsFooterArea #cFooterMenuArea, #contentsFooterArea #cFooterMenuArea a {
	color: #666;
}
#contentsFooterArea #cFooterMenuArea a:hover {
	color: #aaa;
}
#contentsFooterArea #cFooterMenuArea dl.col1 {
	width: 225px;
}
#contentsFooterArea #cFooterMenuArea dl.col2 {
	width: 450px;
}
#contentsFooterArea #cFooterMenuArea dl.col2 dd ul li {
	width: 160px;
}
#contentsFooterArea #cFooterMenuArea dl dt {
	margin-bottom: 0;
}
#contentsFooterArea #cFooterMenuArea dl dd {
	padding-left: 8px;
}
/* localSitemapArea */
#contentsFooterArea #cFooterMenuArea #localSitemapArea {
	width: 950px;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea h2 {
	margin-bottom: 5px;
	background: none;
	color: #666;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dl {
	border-left: 1px solid #ccc;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dt {
	background: none;
}
/* productListArea */
#contentsFooterArea #cFooterMenuArea #productListArea {
	float: right;
	width: 183px;
}
#contentsFooterArea #cFooterMenuArea #productListArea p {
	padding-bottom: 8px;
	font-size: 115%;
	font-weight: bold;
}
#contentsFooterArea #cFooterMenuArea #productListArea dt {
	margin-left: 5px;
	background: none;
}



/* ------------------------------------------------------
CUSTOM SETTING
------------------------------------------------------ */

/* [custom] : CLEARFIX
------------------------------------------------------ */
.clearfix, .innerBlock, .gotop {
	zoom:1;
}
.clearfix:after, .innerBlock:after, .gotop:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* [custom] : MULTI COLUMN
------------------------------------------------------ */
#mainContentsArea .col2, .col3, .col4, .col5 {
	width: 100%;
	margin-left: 0 !important;
	list-style: none !important;
	zoom: 1;
}
#mainContentsArea .col2:after, .col3:after, .col4:after, .col5:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#mainContentsArea .column {
	float: left !important;
}
#mainContentsArea .col2 .column {
	width: 49%;
	margin-left: 2%;
}
#mainContentsArea .col3 .column {
	width: 31%;
	margin-left: 3.3%;
}
#mainContentsArea .col3 .column.double {
	width: 65%;
}
ul.li_col2 li.first, #mainContentsArea .column.first {
	margin-left: 0 !important;
}
/* ///ハックIE6///
---------------------------- */
*html #mainContentsArea .col3 .column {
	width: 31%;
	margin-left: 3%;
}
*html #mainContentsArea .col3 .column.double {
	width: 62%;
}

/* [custom] : LIST COLUMN　｜　MULTI COLUMNの中で使用
------------------------------------------------------ */
ul.li_col2 li {
	float:left;
	display:inline;
	width:49%;
}
ul.li_col2 li.last {
	float:right;
}
ul.li_col2 li.img_center img {
	margin-left: 60px;
}

/* ///ハックIE6///
---------------------------- */
ul.li_col2 li {
	float:left;
	display:inline;
	width:48%;
}

/* [custom] : LIST
------------------------------------------------------ */
.application ul li {
	margin-bottom:20px;
}
.application ul li img {
	vertical-align:middle;
}


/* [custom] : TABLE
------------------------------------------------------ */
table.speclist {
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
table.speclist th, table.speclist td {
	padding: 8px 10px;
	border-top: 1px solid #ccc;
	vertical-align: top;
}
table.speclist th {
	width: 246px;
	background: #ececec url(../images/dot_white.gif) left bottom repeat-x;
}
table.speclist td {
	background: url(../images/dotline_v.gif) left top repeat-y;
}
table.speclist td.noborder {
	border: none;
}
table.speclist td.border {
	border-top: 1px solid #ccc;
}
table.speclist td.border_d {
	border-bottom: 1px solid #ccc!important;
	padding-top:5px!important;
}

/* [custom] : LINK
------------------------------------------------------ */
#productArea #mainContentsArea a:link, #productArea #mainContentsArea a:visited {
	color: #555555 !important;
	text-decoration:underline;
}
#productArea #mainContentsArea a.psc:link, #productArea #mainContentsArea a.psc:visited {
	color:#1C6ACA !important;
	text-decoration:underline;
}
#productArea #mainContentsArea a:hover,#productArea #mainContentsArea a.psc:hover{
 text-decoration:none;
}

.gotop {
	margin: 10px 0 25px;
	text-align: right;
	font-size: 84%;
}
.gotop a {
	padding-left: 18px;
	line-height: 1;
	text-decoration: none !important;
	color: #666 !important;
}
.gotop a:link, .gotop a:visited {
	background: url(../images/arrow_gotop.gif) left center no-repeat;
}
.gotop a:hover, .gotop a:focus, .gotop a:active {
	background: url(../images/arrow_gotop_on.gif) left center no-repeat;
	color: #aaa !important;
}
.next_back_navi {
	margin: 0;
	padding-top: 20px;
	line-height: 13px;
	font-size: 10px;
}
.back_link {
	float: left;
}
.back_link img {
	margin-right: 5px;
}
.next_link {
	float: right;
}
.next_link img {
	margin-left: 5px;
}
.back_link a, .next_link a {
	color: #666 !important;
	text-decoration: none !important;
}
.back_link a:hover, .next_link a:hover {
	color: #aaa;
	text-decoration: none;
}

/* [custom] : button
------------------------------------------------------ */
p.button {
	height: 30px;
	margin: -10px 0 0;
	padding-right: 10px;
	background: url(../images/button_r.gif) right top no-repeat;
}
p.button a {
	display: block;
	float: right;
	line-height: 23px;
	padding: 0 0 0 23px;
	background: url(../images/button.gif);
	color: #fff !important;
	text-decoration: none;
}
p.button a:hover {
	color: #aaa !important;
}

/* [custom] : MISC
------------------------------------------------------ */
sup, sub {
	font-size: 84%;
}
div.img_center, p.img_center, dd.img_center {
	margin: 0px auto;
	text-align: center;
}
span.strong {
	font-weight:bold;
}
em.psc{
	color:#1C6ACA !important;
	right:0;
	top:14px;
	font-size:10px;
	position:absolute;
}

/* [custom] : imgViewer |カラーバリエーション／フォルム
------------------------------------------------------ */
div.imgViewer {
}
div.imgViewer .imgHolder {
	float: right;
}
div.imgViewer ul.list-thumb {
	float: left;
}
div.imgViewer ul.list-thumb li a img {
	border: 1px solid #fff;
}
div.imgViewer ul.list-thumb li a.active img, div.imgViewer ul.list-thumb li a:hover img {
	border: 1px solid #000;
}
div#imgViewer-color {
	width: 730px;
}
div#imgViewer-color ul.list-thumb {
	width: 730px;
	height:80px;
	margin-bottom:30px;
	padding-left:300px;
	background: url(../../design/images/color_bg.png) no-repeat;
}
div#imgViewer-color ul.list-thumb li {
	float:left;
	display:inline;
	margin-top:10px;
	margin-right:10px;
}
div#imgViewer-form {
	width: 730px;
	height: 470px;
}
div#imgViewer-form ul.list-thumb {
	width: 730px;
	height:80px;
	padding-left:80px;
	background: url(../../design/images/form_bg.png) no-repeat;
}
div#imgViewer-form ul.list-thumb li {
	float:left;
	display:inline;
	margin-top:10px;
	margin-right:10px;
}

/* [custom] : img
------------------------------------------------------ */
div.imgFader {
	position: relative;
	overflow: hidden;
}
div.imgFader div.imgHolder {
	position: absolute;
}
div#imgFader-media {
	width: 730px;
	height: 390px;
}
div#imgFader-media div.imgHolder {
	top: 72px;
	left: 410px;
}
div#imgFader-time {
	width: 730px;
	height: 390px;
}
div#imgFader-time div.imgHolder {
	top: 72px;
	left: 410px;
}
img.mid {
	vertical-align: middle;
}
img.icon {
	padding:2px 0;
}


ul.note {
font-size: 84%;
}
ul.note li {
padding-left: 1.4em;
text-indent: -1.4em;
}

.mid img { vertical-align:middle; }


/*　機能紹介ムービーのバナー　*/
p.fim {
float:right;
margin:0;
padding:0;
}

p.fim a{
display:block;
width:120px;
height:29px;
background:url(../../function/images/movie.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

p.fim a:hover {
background-position:left bottom;
}