/*

  CCC.css

*/

/* Global Overwrite */
html,body{
	margin:0 !important;
	padding:0 !important;
	background-image:none !important;
}
#contents{
	margin-top:0 !important;
	padding-top:0 !important;
}


/* Global CCC Settings */
p{
	margin:0;
	padding:0;
}
img{
	border:none;
	outline:none;
	margin:0;
}
.leftFloat{
	float:left;
}
.rightFloat{
	float:right;
}
.clearBoth{
	clear:both;
}


/* Top Basic */
#paragraph01{
	border-bottom: 1px solid #d93826;
}

#paragraph02{
	margin-top:15px;
}


.paragraph02-notLogin{
	margin-top:0px !important;
}

#paragraph02 dl{
	width:950px;
	margin:0 auto;
	font-weight:bold;
	color:#555555;
}

#paragraph02 dl dt{
	width:1em;
	clear:both;
	float:left;
	color:#888888;
}

#paragraph02 dl dd{
	padding-left:1em;
	*padding-left:2px;
}

#paragraph03{
	margin-top:15px;
	background:url(../../201009/images/ccc/tp_03_13.gif) repeat-y;
}

#paragraph03 div{
	display:block;
	position:relative;
	background:url(../../201009/images/ccc/tp_03_11.gif) no-repeat 10px 4px;
	padding-left:260px;
	padding-top:10px;
	padding-bottom:10px;
}

#paragraph03 div .stepImg{
	display:block;
	position:relative;
	padding-left:10px;
	background: none !important;
}

#paragraph03 div .t-Img{
	display:block;
	position:relative;
	padding:20px 0px 0px 10px;
	background: none !important;
}

#paragraph03 div dl{
	padding-left:73px;
	width:607px;
	margin-top:2px;
	margin-bottom:12px;
	color:#555555;
}

#paragraph03 div dl dt{
	width:1em;
	clear:both;
	float:left;
}

#paragraph03 div dl dd{
	padding-left:1em;
	*padding-left:2px;
}

#paragraph03 div#aboutTpoint{
	position:relative;
	background: #dae7fb url(../../201009/images/ccc/tp_03_12.gif) left no-repeat  !important;
	margin:0 auto !important;
	width:910px !important;
	background-color:#dae7fb;
	padding:2px !important;
	border:4px solid #dae7fb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#paragraph03 div#aboutTpoint dl{
	display:block;
	margin-left:230px !important;
	padding-left:0 !important;
	width:674px !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	color:#004099;
}


#paragraph04{
	margin-top:15px;
	background:url(../../201009/images/ccc/tp_03_13.gif) repeat-y;
}

#paragraph04 div{
	display:block;
	position:relative;
	padding:10px 8px 0px;
}


#paragraph05{
	background:url(../../201009/images/ccc/tp_05_01.gif) no-repeat;
	position:relative;
	display:block;
}

#paragraph05 p#t-campaign-date {
	display:block;
	position:absolute;
	width:270px;
	left:728px;
	top:66px;
	color:#333;
	font-size:20px;
	font-weight:bold;
}


#paragraph05 div#t-campaign-atn{
	display:block;
	position:relative;
	width:782px;
	margin:0 auto;
	background: #fbdada url(../../201009/images/ccc/tp_05_02.gif) no-repeat left;
	padding:10px 0 10px 148px;
	font-size:14px;
}


#paragraph05 div#t-shop-list{
	width:960px;
	margin:10px auto 20px;
}

#paragraph05 div#t-shop-list li{
	float:left;
	width:473px;
	margin:12px 0;	
}
#paragraph05 div#t-shop-list li dl{
	position:relative;
	border:3px #989898 solid;
	margin:0 15px;
	padding:10px;
}
#paragraph05 div#t-shop-list dl dt{
	position:relative;
	width:141px;
	clear:both;
	float:left;
	
	z-index:10;
}
#paragraph05 div#t-shop-list dl dt a{
	border:#c1c1c1 1px solid;
	text-align:center;
	width:124px;
	text-align:center;
	display:block;
}
#paragraph05 div#t-shop-list dl dt a img{
	max-width:116px;
	vertical-align: middle;
	line-height:48px;
}
#paragraph05 div#t-shop-list dl dd{
	width:181px;
	font-size:18px;
	font-weight:bold;
	float:left;
}
#paragraph05 div#t-shop-list dl dd p{
	display:block;
	font-weight:normal;
	font-size:10px;
	margin-top:8px;
}
#paragraph05 div#t-shop-list dl dd span{
	display:block;
	position:absolute;
	background:#004298 url(../../201009/images/ccc/tp_05_03.gif) no-repeat top center;
	width:76px;
	height:44px;
	padding-top:28px;
	color:#FFF;
	text-align:center;
	top:-10px;
	right:10px;
	font-size:22px;
	font-weight:bold;
	border:#004298 3px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#paragraph05 dl#t-shop-atn{
	clear:both;
	display:block;
	width:930px;
	margin:0 auto;
	margin-top:30px¥9;
	font-size:12px;
	color:#444444;
}

#paragraph05 dl#t-shop-atn dt{
	width:1em;
	clear:both;
	float:left;
	color:#444444;
}

#paragraph05 dl#t-shop-atn dd{
	padding-left:1em;
	*padding-left:2px;
}


#paragraph06{
	margin-top:35px;
}


#paragraph06 table{
	width:886px;
	font-size:14px;
	margin:20px auto 30px;
	background-color:#c4c4c4;
	border-collapse:collapse;
    border-spacing:0;
}

#paragraph06 table tr{
	border-top:#c4c4c4 1px solid;
}

#paragraph06 table tr:first-child{
	border-top:#ffffff 1px solid;
}

#paragraph06 table tr td{
	padding:10px;
	background-color:#FFF;
}


#paragraph06 table tr td.t-table-h{
	width:173px;
	background: #004099 url(../../201009/images/ccc/tp_06_02.gif) right top repeat-y;
	color:#FFF;
	vertical-align:top;
}


#paragraph06 table tr td dl{
	width:100%;
	margin:0 auto;
}

#paragraph06 table tr td dl dt{
	width:1em;
	clear:both;
	float:left;
	margin-bottom:3px;
}

#paragraph06 table tr td dl dd{
	padding-left:1em;
	*padding-left:2px;
	margin-bottom:3px;
}

#paragraph06 table tr td dl dd p{
	text-indent:12px;
	font-size: small;
	margin-bottom:2px;
}

#paragraph07{
	margin:15px 20px 20px 50px;
	display:block;
	width:830px;
}

#paragraph07 div .t-Img{
	display:block;
	position:relative;
	padding:30px 0px 0px 10px;
}


#paragraph-btn {
	text-align:center;
	margin:20px auto 20px;
}

#paragraph-btn p{
	font-size:20px;
	font-weight:bold;
	padding:10px;
	background: #fbdada;
}

#paragraph-btn a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	cursor:pointer;
}

.t-btn-notLodin-a{
	padding-top:2px !important;
	margin-bottom:0 !important;
	background:url(../../201009/images/ccc/tp_btn01_bg.gif) no-repeat center top;
}

.t-btn-notLodin-b{
	padding-top:42px !important;
	margin-bottom:30px !important;
	background:url(../../201009/images/ccc/tp_btn02_bg.gif) no-repeat center top;
}




/* ID Connect */
#paragraph-connect{
	margin-top:8px;
}

#paragraph-connect-step img{
	float:left;
	margin-top:14px;
	margin-bottom:26px;
}



#paragraph-connect-read{
	width:933px;
	margin:0 auto;
	text-align:left;
	font-size:14px;
	line-height:140%;
}

#paragraph-connect-read p{
	width:893px;
	padding:12px 20px;
	margin:0 auto;
	display:block;
	background:url(../../201009/images/ccc/t-connect-08.gif) repeat-y center top;
}

#paragraph-connect-read dl{
	width:893px;
	padding:0 20px;
	margin:0 auto;
	display:block;
	background:url(../../201009/images/ccc/t-connect-08.gif) repeat-y center top;
}

#paragraph-connect-read dl dt{
	width:1em;
	clear:both;
	float:left;
	font-weight:bold;
}

#paragraph-connect-read dl dd{
	padding-left:1em;
	*padding-left:2px;
	padding-bottom:10px;
}

#paragraph-connect-atn {
	width:893px;
	margin:0 auto;
	font-size:14px;

}

#paragraph-connect-atn dl{
	width:893px;
	margin:0 auto;
	display:block;
}

#paragraph-connect-atn dl dt{
	width:1em;
	clear:both;
	float:left;
}

#paragraph-connect-atn dl dd{
	padding-left:1em;
	*padding-left:2px;
}

/*--------------------------------------------------
  Search Shop&Category
--------------------------------------------------*/
div.shopDetailSearch {
	/*background:url(../../201009/images/shared/search-more-bg.gif) no-repeat right bottom;*/
	padding-bottom:17px;
	margin-bottom:0px;
}

div.shopDetailSearch .search-head{
	background:url(../../../201009/images/shared/search_more_line.gif) no-repeat left bottom;
	padding-bottom:3px;
}

div.shopDetailSearch .search-category-area{
	margin-top:9px;
	margin-left:10px;
}
div.shopDetailSearch .search-category-area ul li{
	display:block;
	width:230px;
	float:left;
	margin:0 18px 1px 0;
	padding:2px 0 2px 5px;
}

div.shopDetailSearch .search-category-area ul li.lightblue{
	background-color:#ecfcff;
}

/*--------------------------------------------------
  Category
--------------------------------------------------*/
#nav-head {
padding:5px;
float:left;

}

ul.nav-category li a{
padding:2px 0 0 20px;
display:block;
min-height:19px;
_height:19px;
}

#contents ul.nav-category {
	width:270px;
	float:left;
	margin-right:10px;
}

/**new category番号に修正 IAJ**/
ul.nav-category li.category-101 a{background:url(../images/shared/icon_category101.gif) no-repeat 0 0;}
ul.nav-category li.category-102 a{background:url(../images/shared/icon_category102.gif) no-repeat 0 0;}
ul.nav-category li.category-103 a{background:url(../images/shared/icon_category103.gif) no-repeat 0 0;}
ul.nav-category li.category-104 a{background:url(../images/shared/icon_category104.gif) no-repeat 0 0;}
ul.nav-category li.category-105 a{background:url(../images/shared/icon_category105.gif) no-repeat 0 0;}
ul.nav-category li.category-106 a{background:url(../images/shared/icon_category106.gif) no-repeat 0 0;}
ul.nav-category li.category-107 a{background:url(../images/shared/icon_category107.gif) no-repeat 0 0;}
ul.nav-category li.category-108 a{background:url(../images/shared/icon_category108.gif) no-repeat 0 0;}
ul.nav-category li.category-109 a{background:url(../images/shared/icon_category109.gif) no-repeat 0 0;}
ul.nav-category li.category-110 a{background:url(../images/shared/icon_category110.gif) no-repeat 0 0;}
ul.nav-category li.category-111 a{background:url(../images/shared/icon_category111.gif) no-repeat 0 0;}
ul.nav-category li.category-112 a{background:url(../images/shared/icon_category112.gif) no-repeat 0 0;}
ul.nav-category li.category-113 a{background:url(../images/shared/icon_category113.gif) no-repeat 0 0;}
ul.nav-category li.category-114 a{background:url(../images/shared/icon_category114.gif) no-repeat 0 0;}
ul.nav-category li.category-115 a{background:url(../images/shared/icon_category115.gif) no-repeat 0 0;}
ul.nav-category li.category-116 a{background:url(../images/shared/icon_category116.gif) no-repeat 0 0;}
ul.nav-category li.category-117 a{background:url(../images/shared/icon_category117.gif) no-repeat 0 0;}
ul.nav-category li.category-118 a{background:url(../images/shared/icon_category118.gif) no-repeat 0 0;}
ul.nav-category li.category-119 a{background:url(../images/shared/icon_category119.gif) no-repeat 0 0;}
ul.nav-category li.category-120 a{background:url(../images/shared/icon_category120.gif) no-repeat 0 0;}
ul.nav-category li.category-121 a{background:url(../images/shared/icon_category121.gif) no-repeat 0 0;}
ul.nav-category li.category-122 a{background:url(../images/shared/icon_category122.gif) no-repeat 0 0;}
ul.nav-category li.category-123 a{background:url(../images/shared/icon_category123.gif) no-repeat 0 0;}
ul.nav-category li.category-124 a{background:url(../images/shared/icon_category124.gif) no-repeat 0 0;}
ul.nav-category li.category-125 a{background:url(../images/shared/icon_category125.gif) no-repeat 0 0;}
ul.nav-category li.category-126 a{background:url(../images/shared/icon_category126.gif) no-repeat 0 0;}
ul.nav-category li.category-127 a{background:url(../images/shared/icon_category127.gif) no-repeat 0 0;}
ul.nav-category li.category-128 a{background:url(../images/shared/icon_category128.gif) no-repeat 0 0;}
ul.nav-category li.category-129 a{background:url(../images/shared/icon_category129.gif) no-repeat 0 0;}
ul.nav-category li.category-130 a{background:url(../images/shared/icon_category130.gif) no-repeat 0 0;}

ul.nav-category li.category-line a{
	padding-top:7px;
	background-position:0 5px;
	margin-top:4px;
	border-top:1px dotted #adadad;
	min-height:19px;
	_height:19px;
}



















/*
	cF
*/
.cF:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.cF{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac¥*/
* html .cF{height:1%;}
.cF{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/