@charset "shift_jis";


/* no wide-header */
#pagetop{
	width: 940px;	/* ワイド化のためmin-width:905px → width:940pxへ（201512） */
	clear:both;
	margin: 0 auto;
	padding-bottom:24px;
	background-color:#FFF;
	text-align: right;
/*	zoom:1;*/
	font-size: 114.28%;
}

#pagetop p.btn-pagetop{
	display: inline-block;
	width: 905px;
	margin: 0 auto;
	padding: 0 !important;
	text-align: right;
	background-image: none;
	position: relative;
	min-height: 1.45em;
}
* html #pagetop p.btn-pagetop{
	height:1.45em;
}
#pagetop p.btn-pagetop a{
	position:absolute;
	width:auto;
	right:247px;	/* ワイド化のため217px→247pxへ（201512） */
	top:0;
	z-index:5;
}

/* ページトップ横幅フル用 */
#pagetop.fullsize p.btn-pagetop a{
	right:0;
}

.topcol-full #pagetop p.btn-pagetop a{
	right:235px;
}


/* リンクカラー
-----------------------------------------------	*/
#pagetop a,
#footernav a,
#footerMenu a{
	color:#093475;
}
#pagetop a:visited,
#footernav a:visited,
#footerMenu a:visited{
		color:#7600b3;
}
#pagetop a:hover,
#footernav a:hover,
#footerMenu a:hover{
		color:#3374da;
}


/* 2. ユーザー評価アンケート
-----------------------------------------------	*/
#userAssesMentBox{
	text-align:center;
}
#footer_user_assessment{
	text-align:center;
}

#q_boxWrapper{
	width:905px;
	margin:0 auto;
	text-align:left;
}

#q_boxMain{
	width: 672px;
	margin: 0 10px 25px 18px;
	text-align: left;
}

#q_boxMain p.txt{
	padding:0 ! important;
}

* html #q_boxMain{
	display: inline;
	float: left;
/*	zoom:1;*/
}

#q_boxMain .q_box{
	margin-bottom:15px;
	width:auto;
	background-color:#FFF ! important;
	border:#dcdcdc 1px solid;
	border-width:1px;
}

.q_box .wrap{
	padding-bottom:15px;
}

.q_box .wrap .section{
	padding:10px;
}
* html .q_box .wrap .section{
	display:inline-block;
}

.q_box .wrap .section .q_contents{
	padding:0 10px;
}

table.q_footer{
	width: 100%;
}

table.q_footer h3{
	display: inline;
}

.q_Item{
	margin:0px 0px 20px 0px;
}

.q_read{
	margin:20px 0px 20px 0px;
}

.q_read_under{
	margin-top:20px;
}

textarea {
	width: 98.7%;
	height: 7em;
	line-height: 1.5em;
	border:#dcdcdc 1px solid;
	padding:3px;
}

.q_Itembox {
	width: 627px;
}

.q_sbox {
	height: 10px;
	white-space: nowrap;
}

.q_box table.txt{
	line-height:normal !important;
}

.q_btn{
	background:url(/images/footer/btn_user_log_over.gif) no-repeat center top;
}

.q_btn input:hover{
	opacity: 0.0;
	/* IE */
	filter: alpha(opacity=0);
}

table.q_footer,
table.q_footer th,
table.q_footer td{
	margin:0;
	padding:0;
}

#q_boxMain .q_box h2{
	border-left:9px solid #dcdcdc;
	padding-left:8px;
}



/* footerwrap
--------------------------------------------------------------------------	*/
#footerwrap{
	clear:both;
	width:100%;
	min-width:905px;
	background-color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*	zoom:1;*/
}
#footerwrap a{
	text-decoration:underline;
}
#footerwrap img{
	border:none;
	vertical-align:top;
}

#footerwrap ul,
#footerwrap li,
#footerwrap p{
	list-style:none;
	margin:0;
	padding:0;
}

#fbox{
	clear:both;
	padding-bottom:14px;
	border-top:#e5e5e5 1px solid;
	background-color:#ededed;
	text-align:center;
/*	zoom:1;*/
}
.footer-inner{
	width:905px;
	position:relative;
	margin:0 auto;
	text-align:left;
}


/* リンクアイコン
--------------------------------------------------------------------------	*/
#footerMenu{
	line-height:1.3em !important;
}
#footerMenu li a.blet-link{
	padding-left:12px !important;
	background:url(/images/footer/icon_footer_link.png) no-repeat 0 0.35em !important;
	font-weight:bold;
}
#footerMenu li a.icon-popup{
	padding-left:12px !important;
	background-image:none;
	font-weight:bold;
}

#footerMenu li li a.blet-link,
#footerMenu li li a.icon-popup{
	font-size:84%;
	margin-left:0;
	padding-left:12px !important;
	background:url(/images/footer/icon_footer_link_s.png) no-repeat 2px 0.35em !important;
	font-weight:normal !important;
	vertical-align:top;
}
#footerMenu li li a.icon-popup{
	background-image:none !important;
}
#footerMenu li li a.icon-popup img.popup-img{
	margin-top:0.35em !important;
	margin-right:4px !important;
	margin-left:-12px !important;
}
#footernav ul.blet-link li{
	font-size:84%;
	padding-left:10px !important;
	background:url(/images/footer/icon_footer_link_s.png) no-repeat 0 0.35em !important;
}


/* footerMenu
--------------------------------------------------------------------------	*/
#footerMenu{
	clear:both;
	border-top:#e7e7e7 1px solid;
	padding:30px 0 14px 0;
	background-color:#f7f7f7;
	text-align:center;
	position:relative;
	color:#000;
}
#footerMenu .fnav-first{
	margin:0 0 16px 0;
	padding:0 !important;
	background:url(/images/footer/footer_nav_bg_first.gif) repeat-y 0 0;
}
#footerMenu .fnav-second{
	margin:0 0 16px 0;
	padding:0 !important;
	background:url(/images/footer/footer_nav_bg_second.gif) repeat-y 0 0;
}

#footerMenu .nav-separater{
	padding-top:16px;
	border-top:#e2e2e2 1px solid;
}

#footerMenu ul{
	padding-bottom:0 !important;
/*	zoom:1;*/
}

#footerMenu li{
	float:left;
	width:210px;
	margin:0 0 0 15px;
	font-weight:bold;
/*	zoom:1;*/
}
#footerMenu li ul{
	padding-right:10px;
}
#footerMenu li ul li{
	float:none;
	width:auto;
	margin:5px 0 0 0;
	padding-right:0;
}


#footerMenu li#fnavProduct,
#footerMenu li#fnavMydocomo{
	margin-left:0;
	width:225px;
}
#footerMenu li#fnavOthers{
	width:225px;
}
#footerMenu li#fnavSupport ul,
#footerMenu li#fnavOthers ul{
	padding-right:0;
}


/* footernav
--------------------------------------------------------------------------	*/
#footernav{
	padding:26px 0 14px;
}
#footernav ul{
	padding:0 !important;
/*	zoom:1;*/
}
#footernav li{
	margin:0 13px 10px 0;
	display:inline-block;
/*	/display:inline;
	/zoom:1;*/
}


/* footer
--------------------------------------------------------------------------	*/
#footer .copyright{
	padding-top:5px;
}
#footer .logo-slogan{
	position:absolute;
	bottom:0;
	right:0;
		height: 17px;
		width: 171px;
	z-index:5;
}
#footer .logo-slogan img{
	vertical-align:top;
	display:block;
}



/* OSP対応
--------------------------------------------------------------------------	*/
/**********************************************************
* reset
**********************************************************/
.footer div, .footer pre, .footer p, .footer blockquote, .footer dl, .footer dt, .footer dd, .footer ul, .footer ol, .footer li,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer form, .footer fieldset, .footer th, .footer td {
	padding: 0;
}
.footer p, .footer ul {
	margin-top: 0;
	margin-bottom: 0;
}
.footer dd {
	margin-left: 0;
}
.footer input, .footer textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.footer label {
	cursor: pointer;
}
.footer table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
.footer fieldset, .footer img {
	border: 0;
}
.footer img {
	vertical-align: top;
}
.footer address, .footer caption, .footer cite, .footer code, .footer dfn, .footer em, .footer th, .footer var {
	font-style: normal;
	font-weight: normal;
}
.footer ol, .footer ul {
	list-style: none;
}
.footer caption, .footer th {
	text-align: left;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
	font-size: 100%;
	font-weight: normal;
}
.footer q:after, .footer q:before {
	content: '';
}
.footer abbr, .footer acronym {
	border: 0;
}
.footer * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer a:focus, .footer input:focus {
	outline: 1px dotted #000;
}



/**********************************************************
 * フッター
 **********************************************************/

/* レイアウト
-------------------------------------------*/
html {
	font-size: 62.5%;
}

.footer {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	text-align: center;
	word-break: break-all;
}

	/* フッター内コンテンツ（上段） */
	.footer .footer-top {
		padding: 40px 0;
		background-color: #eeeeee;
	}
	.footer-top-in {
		margin: 0 auto;
		width: 940px;
	}

	/* フッター内コンテンツ（下段） */
	.footer .footer-bottom {
		padding: 40px 0 50px;
		background-color: #d6d6d6;
	}
	.footer-bottom-in {
		margin: 0 auto;
		width: 940px;
	}

	/* フッター内リンク共通 */
	.footer a {
		color: #093475;
		text-decoration: none;
	}
	.footer a:visited {
		color: #7600b3;
	}
	.footer a:hover,
	.footer a:focus {
		text-decoration: underline;
		color: #3743d7;
	}


/* 検索ボックス
-------------------------------------------*/
.footer-search {
	display: none;
}


/* サイトマップ
-------------------------------------------*/
.footer-sitemap {
	text-align: left;
}

/* 列ごと */
.footer-sitemap .row {
	margin-left: -22px;
/*	zoom: 1;*/
}
.footer-sitemap .row + .row {
	margin-top: 40px;
}
.footer-sitemap .row:before {
	content: "";
	display: table;
}
.footer-sitemap .row:after {
	content: "";
	display: table;
	clear: both;
}

/* カテゴリごと */
.footer-sitemap .col {
	float: left;
	margin-left: 22px;
	width: 218px;
}
	/* カテゴリタイトル */
	.footer-sitemap .tit {
		font-weight: bold;
	}
		/* テキスト部分 */
		.footer-sitemap .tit .txt {
		}
		/* アイコン */
		.footer-sitemap .tit .txt:before {
			display: inline-block;
			content: "";
			margin-right: 6px;
			width: 6px;
			height: 8px;
			background: url("/images_osp/common/ico/ico_arrow_r01.png") no-repeat left top;
			background-size: contain;
		}

	/* リンクリスト */
	.footer-sitemap .list-link {
		font-size: 85.71429%;
	}
	.footer-sitemap .link {
		margin: 6px 0 0 11px;
		text-indent: -11px;
	}
		.footer-sitemap .link.blank {
			margin-left: 10px;
		}
			.footer-sitemap .link.blank .ico img {
				margin-right: 4px;
				vertical-align: middle;
			}
	.footer-sitemap .link:first-child { margin-top: 10px; }
	.footer-sitemap .link:not(.blank):before {
		display: inline-block;
		content: "";
		margin-right: 6px;
		width: 6px;
		height: 8px;
		background: url("/images_osp/common/ico/ico_arrow_r01.png") no-repeat left top;
		background-size: contain;
	}


/* ボタンリンク
-------------------------------------------*/
.footer .footer-btns {
	margin: 0 auto 5px;
	display: inline-block;
	font-size: 85.71429%;
/*	zoom: 1;*/
}
.footer-btns:before {
	content: "";
	display: table;
}
.footer-btns:after {
	content: "";
	display: table;
	clear: both;
}

	/* 各ボタン */
	.footer-btns .btn {
		float: left;
		margin-left: 10px;
		width: 120px;
		height: 36px;
	}
	.footer-btns .btn:first-child { margin-left: 0; }

		.footer-btns .btn > a {
			position: relative;
			display: table;
			width: 100%;
			height: 100%;
			background-color: #f6f6f6;
			text-decoration: none;
			color: #093475;
		}
		/* マウスオーバー、フォーカス時 */
		.footer-btns .btn > a:hover {
			background-color: #cecece;
		}

		/* ボタン内のテキスト部分 */
		.footer-btns .btn .txt {
			display: table-cell;
			padding-left: 12px;
			text-indent: -12px;
			padding-top: 2px;
			vertical-align: middle;
		}
		.footer-btns .btn .txt:before {
			display: inline-block;
			content: "";
			margin-right: 6px;
			width: 6px;
			height: 8px;
			background: url("/images_osp/common/ico/ico_arrow_r01.png") no-repeat left top;
			background-size: contain;
		}


/* テキストリンク
-------------------------------------------*/
.footer .footer-links {
	margin-top: 40px;
	font-size: 85.71429%;
/*	zoom: 1;*/
}
.footer-links:before {
	content: "";
	display: table;
}
.footer-links:after {
	content: "";
	display: table;
	clear: both;
}
	/* 各リンク */
	.footer-links .link {
		display: inline-block;
		margin-left: 15px;
		padding-left: 11px;
		text-indent: -11px;
	}
	.footer-links .link:first-child { margin-left: 0; }
	.footer-links .link:before {
		display: inline-block;
		content: "";
		margin-right: 5px;
		width: 6px;
		height: 8px;
		background: url("/images_osp/common/ico/ico_arrow_r01.png") no-repeat left top;
		background-size: contain;
	}


/* 切替えボタン
-------------------------------------------*/
.footer .mod-switch-btn {
	display: none;
	margin: 40px auto 0;
	width: 240px;
/*	zoom: 1;*/
}
.mod-switch-btn.show { display: block; }

/* clearfix */
.mod-switch-btn:before {
	content: "";
	display: table;
}
.mod-switch-btn:after {
	content: "";
	display: table;
	clear: both;
}

	/* 各ボタン */
	.mod-switch-btn .btn {
		float: left;
		width: 120px;
		height: 38px;
		overflow: hidden;
	}
		.mod-switch-btn a {
			display: block;
			width: 100%;
			height: 100%;
		}

		.mod-switch-btn img {
			width: 100%;
			height: auto;
		}
		/* アクティブ時 */
		.mod-switch-btn .is-active img {
			margin-top: -38px;
		}


/* コピーライト
-------------------------------------------*/
.footer .copyright {
	margin-top: 50px;
	font-size: 71.42%;
	color: #333;
}
	.copyright > li {
		display: inline-block;
	}
	.copyright > li:last-child { margin-left: 20px; }


/* C対応用調整部分
-------------------------------------------*/
.footer .txt {
	font-size: 100%;
	line-height: 1.5;
}