@charset "euc-jp";

/*
/////////////////////////////////////////////////////////

　○○○
--------------------------------------------------------
　基本CSS
--------------------------------------------------------

　作成日：2011/03/31
　更新日：2015/05/22

/////////////////////////////////////////////////////////
*/

/* ●基本レイアウト
----------------------------------------------------------------------------------*/
body{
	text-align: center;
}

/* ●ヘッダ
----------------------------------------------------------------------------------*/
.headerOut{
	padding: 15px 0 30px 0;
	background-color: #FFFFFF;
	border-top: 1px solid #e30d2b;
}
#header{
	position: relative;
	width: 950px;
	margin: 0 auto;
	background-color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#header img{
	vertical-align: baseline;
}
#header .headerIn{
	margin-bottom: 40px;
}
#header .headerIn p{
	margin-bottom: 0;
}
#header .headerLeft{
	float: left;
	font-size: 0;
}
#header .nbLogo{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
}
#header #headerHeadText{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#header .headerRight{
	float: right;
	/*font-size: 11px;
	font-size: 1.1rem;*/
}
#header .headerRight ul{
	margin-bottom: 10px;
	text-align: right;
}
#header .headerRight ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 10px;
	padding-left: 7px;
	background: url(../../2015/common/images/arrow_01.gif) no-repeat left center;
	font-size: 85%;
}
#header #headerSrchBox{
	float: right;
}
#header #headerSrchBox #srchInput{
	height: 17px;
	margin-right: 3px;
	border: solid 1px #b3b3b3;
	border-radius: 10px;
	font-size: 100%;
}
#header #headerSrchBox #srchBtn{
	border: none;
	background: none;
	vertical-align: top;
}
#header #headerGnav{
	clear: both;
	background: url(../../2015/common/images/gnav_separator.gif) no-repeat left top;
	font-size: 0;
}
#header #headerGnav > li{
	display: table-cell;
	position: relative;
	height: 26px;
	background: url(../../2015/common/images/gnav_separator.gif) no-repeat right top;
	text-align: center;
	vertical-align: middle;
}
#header #headerGnav > li a{
	display: block;
}
#header #headerGnav > li > a{
	position: relative;
	margin-bottom: -25px;
	padding-bottom: 25px;
}
#header #headerGnav > li > a.current:after,
#header #headerGnav > li > a:hover:after,
#products #header #headerGnav .nthChild1 > a:after,
#support #header #headerGnav .nthChild2 > a:after,
#company #header #headerGnav .nthChild3 > a:after,
#kodawari #header #headerGnav .nthChild4 > a:after,
.anzen #header #headerGnav .nthChild4 > a:after,
#study #header #headerGnav .nthChild5 > a:after,
#mypage #header #headerGnav .nthChild6 > a:after,
#service #header #headerGnav .nthChild6 > a:after{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: absolute;
	left: 30px;
	bottom: 13px;
	width: 49%;
	height: 2px;
	content: '';
}
#header #headerGnav > li.headerPulldown:hover:before{
	display: block;
	position: absolute;
	bottom: -20px;
	left: 56%;
	margin-left: -13px;
	content: url(../../2015/common/images/gnav_arrow.png);
}
#header #headerGnav .nthChild1{
	width: 116px;
}
#header #headerGnav .nthChild1 ul{
	width: 246px;
}
#header #headerGnav .nthChild2{
	width: 146px;
}
#support #header #headerGnav .nthChild2 > a:after,
#header #headerGnav .nthChild2 > a:hover:after{
	width: 58%;
}
#header #headerGnav .nthChild2 ul{
	width: 200px;
}
#header #headerGnav .nthChild2 ul:before{
	left: 80px;
}
#header #headerGnav .nthChild3{
	width: 116px;
}
#header #headerGnav .nthChild3 ul{
	width: 246px;
}
#header #headerGnav .nthChild4{
	width: 238px;
}
#kodawari #header #headerGnav .nthChild4 > a:after,
.anzen #header #headerGnav .nthChild4 > a:after,
#header #headerGnav .nthChild4 > a:hover:after{
	width: 75%;
}
#header #headerGnav .nthChild4 ul{
	width: 308px;
}
#header #headerGnav .nthChild4 ul:before{
	left: 130px;
}
#header #headerGnav .nthChild5{
	width: 145px;
}
#study #header #headerGnav .nthChild5 > a:after,
#header #headerGnav .nthChild5 > a:hover:after{
	width: 59%;
}
#header #headerGnav .nthChild5 ul{
	width: 250px;
}
#header #headerGnav .nthChild5 ul:before{
	left: 80px;
}
#header #headerGnav .nthChild6{
	width: 189px;
}
#mypage #header #headerGnav .nthChild6 > a:after,
#service #header #headerGnav .nthChild6 > a:after,
#header #headerGnav .nthChild6 > a:hover:after{
	width: 69%;
}
#header #headerGnav > li ul{
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	border-bottom: solid 1px #E40025;
	text-align: left;
	/*font-size: 12px;
	font-size: 1.2rem;*/
	font-size: 93%;
	z-index: 10001;
}
#header #headerGnav > li ul li{
	padding-left: 3em;
	border-bottom: dotted 1px #b2b2b2;
	background-color: #fff;
	font-size: 12px;
}
#header #headerGnav > li ul .firstChild{
	border-top: solid 1px #E40025;
}
#header #headerGnav > li ul .lastChild{
	border-bottom: none;
}
#header #headerGnav > li ul li a{
	padding: .5em 0 .5em 10px;
	background: url(../../2015/common/images/arrow_05.png) no-repeat left center;
}
#sp-nav-bt{
	display: none;
}
/*-----SNS*/
.anzen .adr_anzenBody{/*パンくずがないコンテンツ用*/
	padding-top: 62px !important;
}
.anzen .adr_qeBody,
.anzen .adr_tsurumiBody,/*パンくずがないコンテンツ用*/
.anzen .adr_nasuBody{/*パンくずがないコンテンツ用*/
	padding-top: 48px !important;
}
#header .snsWrap{
	position: absolute;
	top: 163px;
	left: 590px;
	width: 360px !important;
	margin: 0px !important;
	/*width: 950px;
	margin: 0 auto;*/
	overflow: hidden;
}
#header .snsWrap .snsIn{
	width: auto;
	margin: 0;
	/*float: right;
	width: 360px;*/
}
#fullFlashFooter{
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
}
#fullFlashFooter #fullFlashFooterIn{
	width: 950px;
	margin: 0 auto;
	padding: 8px 0 6px 0;
	text-align: left;
}
#fullFlashFooter .ffnaviImg{
	margin-top: 4px;
	vertical-align: bottom;
}
#fullFlashFooter p{
	padding-top: 8px;
}
#fullFlashFooter .snsWrap{
	float: right;
	width: 360px;
}
#siteTop #header .snsWrap{
	top: 631px;
}
#header .snsWrap .twitter,
#fullFlashFooter .snsWrap .twitter{
	float: right;
	width: 130px !important;
}
#header .snsWrap .facebook,
#fullFlashFooter .snsWrap .facebook{
	float: right;
	width: 113px !important;
	height: 22px !important;
	overflow: hidden;
}
#header .snsWrap .mixi,
#fullFlashFooter .snsWrap .mixi{
	float: right;
	width: 87px !important;
	padding-top: 1px;
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget{
	display: none !important;
}
#fb-root,
.fb_reset{
	display: none !important;
}
#spGoBannerWrap{
	text-align: center;
}

/* ●トップへ戻るリンクなど
----------------------------------------------------------------------------------*/
.backTopWrap{
	font-size: 93%;
	margin: 0 170px 25px 170px;
	padding: 5px 20px 4px 20px;
	border: 1px solid #e1e1e1;
	text-align: center;
}
.backTopWrap a{
	display: inline;
	padding-left: 10px;
	background: url(../../img/base/arrow_orange_s.gif) no-repeat 0px 3px;
	line-height: 1.8;
	text-decoration: underline;
}

/* ●パンくず
----------------------------------------------------------------------------------*/
#breadcrumb{
	clear: both;
	padding: 10px 0px 18px 0px;
	background: url(../../img/base/header_bg_sub.png) no-repeat 0px 0px;
	font-size: 77%;
	color: #666666;
}
/*-----IE6SSLページ透過PNG回避用指定-----*/
.pngImgChange #breadcrumb{
	background-image: url(../../img/base/header_bg_sub.jpg);
}
/*-----/IE6SSLページ透過PNG回避用指定-----*/
#breadcrumb p{
	width: 950px;
	margin: 0px auto;
	text-align: left;
}
#breadcrumb span{
	padding: 0px 7px;
}
#breadcrumb a{
	text-decoration: underline;
}

/* ●ログイン後画面用ビーコン
----------------------------------------------------------------------------------*/
img.beacon{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 0px;
	height: 1%;
	font-size: 1%;
	line-height: 1%;
	vertical-align: bottom;
	float: right;
}

/* ●PageTop
----------------------------------------------------------------------------------*/
#pageTop{
	clear: both;
	height: 22px;
	background-color: #f0f0f0;
}
#pageTop p{
	width: 950px;
	margin: 0px auto;
	text-align: right;
}
#pageTop p img{
	vertical-align: top;
}

/* ●フッタ
----------------------------------------------------------------------------------*/
#footer{
	background-color: #f0f0f0;
	width: 100%;
	min-width: 950px;
	padding-top: 20px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#footer .footerFirst{
	width: 950px;
	margin: 0 auto;
}
#footer .footerFirst dl{
	float: left;
	margin: 0 0 20px;
}
#footer .footerFirst dl dt,
#footer .footerFirst dl dd{
	/*font-size: 10px;
	font-size: 1rem;*/
	font-size: 77%;
}
#footer .footerFirst dl dt{
	margin-bottom: .7em;
	padding-left: 12px;
	background: url(../../2015/common/images/arrow_02.png) no-repeat left center;
}
#footer .footerFirst dl dd{
	margin: 0 0 .5em 1em;
	padding-left: 10px;
	background: url(../../2015/common/images/arrow_03.png) no-repeat left 3px;
}
#footer .footerFirst dl{
	width: 170px;
	margin-right: 20px;
}
#footer .footerSecond{
	clear: both;
	padding: 1em 0;
	background-color: #fff;
}
#footer .footerSecond ul{
	width: 950px;
	margin: 0 auto;
}
#footer .footerSecond ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 2em;
	padding-left: 12px;
	background: url(../../2015/common/images/arrow_02.png) no-repeat left 2px;
	font-size: 77%;
}
#footer .footerCopy{
	margin-bottom: 0;
	padding: 1em 0;
	font-size: 77%;
	text-align: center;
}