@charset "utf-8";
/* 2011/04/01サイトリニューアル後に作成 */

/* ヘッダー */
#headerWrapper {
	border-bottom: 2px solid #D36985;
	zoom: 1;
}
#logoNavi {
	height: 80px;
	position: relative;
	z-index: 0;
}

#logo {
	position: absolute;
	top: 12px;
	left: 0;
	z-index: 0;
}


.logo			{ background-position: 0 0; display: block; width: 540px; height: 55px; text-indent: -9999px; overflow: hidden; }

.cS		{ background-image: url(https://imgbp.hotp.jp/CSP/img/bt/sprites/c.png); background-repeat: no-repeat; border: 0; }

.offL	{ text-indent: -9999px; overflow: hidden; }




/*  BREAD CRUBMS    */
.lp_breadcrumbs {
	font-weight:bold;
	font-size:10px;
	line-height:120%;
	font-weight:bold;
	color:#999;
	padding-top:14px;
}


/*コンテンツ*/
/*タイトル*/
.title {
	width:780px;
	height:46px;
	padding-left:20px;
	line-height:46px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background-color:#A4194B;
	background-image:url(../IMG/red_ti001.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

/**** TOPICS ****/
#cam {
    float: left;
    text-align: left;
}

.cam {
    font-size: 12px;
    width: 664px;
}

/***
.cam p {
    display: block;
    height: 15px;
    margin-bottom: 3px;
}
***/

.cam p {
	background: url(../IMG/topics.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
	padding-left: 70px;
    margin-bottom: 3px;
	font-size:12px;
	line-height:15px;
}

.cam a {
    text-decoration: underline !important;
}

/******　キャンペーン 20120117追記　*******/

#cam2 {
	width:500px;
	text-align:left;
	float:left;
}



/***
通常はこちらを使う（TOPICSあり）
.cam a {
    background: url(../IMG/topics.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    padding-left: 70px;
    text-decoration: underline !important;
	font-size:12px;
	line-height:15px;
}
***/

/******　メイン　*******/


#h1_title {
	width:800px;
	float:left;
	height:30px;
}

#h1_title h1 {
	font-size:12px;
	text-align:right;
	line-height:15px;
}

#h1_title p {
	font-size:10px;
	text-align:right;
	line-height:15px;
	_margin-bottom:-12px;
}


/******　ソーシャルボタン　*******/
#social {
	width:800px;
	height:55px;
	margin-bottom:5px;
}

div.socialIcon {
	text-align:center;
	width:370px;
	float:right;
}
div.socialIcon p {
	padding:0;
	margin-left:-10px;
	margin-bottom:-17px;
	text-align:left;
}

div.socialIcon li {
	margin-right: 2px;
}

ol, ul {
    list-style-type: none;
}

/******　ソーシャルボタン 20111104修正　*******/
div.socialIcon2 {
	text-align:center;
	width:370px;
	float:right;
}


div.socialIcon2 li {
	margin-right: 2px;
}

/******　ソーシャルボタン 20120117修正　*******/
div.socialIcon3 {
	text-align:left;
	width:370px;
	float:left;
}
div.socialIcon3 li {
	margin-right: 2px;
}

/******　ソーシャルボタン 20180213修正　*******/
div.snsArea {
	display:block;
	position:relative;
	width: 400px;
	margin:80px auto 30px;
	padding:20px 0;
	border-top: 1px solid #c1bcbc;
	border-bottom: 1px solid #c1bcbc;
}
div.snsArea p {
	position:absolute;
	width:160px;
	top:-10px;
	right:0;
	left:0;
	margin:0 auto;
	padding:0!important;
	text-align:center!important;
	font-size:14px;
	font-weight:bold;
	background-color:#fff;
	color:#ef507a;
}
div.snsArea .inner {
   width:180px;
   margin:5px auto 0;
}
div.snsArea .inner .snsArea_fb,
div.snsArea .inner .snsArea_tw,
div.snsArea .inner .snsArea_line {
	float:left;
	width:40px;
	margin-right:30px;
}
div.snsArea .inner .snsArea_line {
    margin-right:0;
}
div.snsArea .inner .snsArea_fb img,
div.snsArea .inner .snsArea_tw img,
div.snsArea .inner .snsArea_line img {
	height:40px;
	width: 40px;
}
div.snsArea .inner .snsArea_fb a:hover,
div.snsArea .inner .snsArea_tw a:hover,
div.snsArea .inner .snsArea_line a:hover {
	opacity:0.6;
}
div.snsArea .inner:after {
    content: ""; 
    display: block;   
    clear: both;
}

/******　ページトップへ　*******/

#pagetop {
	width:800px;
	margin:0;
	padding-bottom:10px;
}


#pagetop p {
	background-image:url(../IMG/icon_pagetop.png);
	background-repeat:no-repeat;
	float:right;
	padding-left:12px;
}


/******　ページトップへ111124修正　*******/

.pagetop {
	width:800px;
	padding-bottom:30px;
}


.pagetop a {
	background-image:url(../IMG/icon_pagetop.png);
	background-repeat:no-repeat;
	float:right;
	padding-left:12px;
}





/******　下部の斜めタイトル　*******/

p#btmName {
clear:both;
color:#666666;
text-align:right;
width:800px;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
}

/* フッターのSAリンク */
#ftNavi {
	width:800px;
	padding:20px 0;
	margin:10px 0;
	clear:both;
	background:url(../../theme/common/images/dot_gray.png) repeat-x left top;
}

#ftNavi ul {
	float: left;
	width: 185px;
	padding-right:15px
}

#ftNavi ul li {
	height:17px;
	font-size:12px;
	padding-left:10px;
	background:url(../../theme/common/images/icon_navi002.png) no-repeat 3px 5px;
	padding-top:3px;
	padding-right:15px;
	float:left;
	white-space:nowrap;
}

/*#ftNavi ul li a {
	text-decoration:underline;
}*/

#ftNavi .navititle {
	font-size:12px;
	background:url(../../theme/common/images/icon_navi001.png) no-repeat 3px 5px;
	padding-bottom:10px;
	width: 185px;
	_width: 175px;
}


/* フッター */
#footer_lp {
	height: 60px;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-top: 20px;
	position: relative;
}
#copyright_lp {
	position: absolute;
	top: 10px;
	left: 0;
	/*120927追記*/
	padding:0 10px;
}

/*120927追記*/
#copyright_lp a {
	/*text-decoration:underline;*/
	font-size:10px;
	color:#435B67;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-weight:bold;
}

/*120927追記*/
#copyright_lp img {
	margin-bottom:8px;
}

#footerLinks_lp {
	font-size:80%;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: -15px;
}
#footerLinks_lp li {
	float: left;
	border-right: 1px solid #DDD;
	padding-right: 15px;
	*padding-right: 16px;
	margin-left: 15px;
	margin-right: -1px;
}

/*#footerLinks_lp li a {
	text-decoration:underline;
}*/

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.w28	{ width: 28px; }
.w100	{ width: 100px; }
.w154	{ width: 154px; }
.w160	{ width: 160px; }
.w200	{ width: 200px; }
.w222 { width: 222px; }
.w340	{ width: 340px; }
.w460	{ width: 460px; }
.w480	{ width: 480px; }
.w513	{ width: 513px; }
.w600	{ width: 600px; }
.wFull	{ width: 100%; }

.pB0	{ padding-bottom: 0px !important; }

/* POSITION */
.taL	{ text-align: left !important; }
.taC	{ text-align: center !important; }
.taR	{ text-align: right !important; }

/* FOREGROUND */
.fgGray	{ color: #666666; }
.fgLGray	{ color: #999999; }
.fs10	{ font-size: 10px; }
.fs11	{ font-size: 11px; }
.fs24	{ font-size: 24px; }

.pH10 {
padding-left: 10px;
padding-right: 10px;
}
.mT5 {
margin-top: 5px;
}
.mT10 {
margin-top: 10px;
}
.mT13 {
margin-top: 13px;
}
.mT20 {
margin-top: 20px;
}
.mL10 {
margin-left: 10px;
}
.mL20 {
margin-left: 20px;
}
.mB5 {
margin-bottom: 5px;
}
.mB20 {
margin-bottom: 20px;
}
.mR10 {
margin-right: 10px;
}
.mHA {
margin-left: auto;
margin-right: auto;
}
.pn {
padding: 0 !important;
}
.p5 {
padding: 5px;
}