@charset "shift_jis";

html,body,div.span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-style:normal;
	vertical-align:baseline;
	background:transparent;
}

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

fieldset,img{border:0;}
ol,ul,li {list-style:none;} 
caption,th {text-align:left;}
input,select{vertical-align:middle;}

html{overflow-y:scroll;}

body{
	color:#666666;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:75%;
	position:relative;
	background:#efefef;
	-webkit-text-size-adjust: none;
}

.clearfix:after{content:'';display:block;clear:both;height:0;}

a{
	color:#015cc2;
	text-decoration:none;
}

/*----------------------------------------
* module
----------------------------------------*/
.iLink span{
	padding-left:10px;
	background:url(/2011/common/images/arw_r.png) no-repeat left center;
}

.iLink.rows span{
	display:block;
	background:url(/2011/common/images/arw_r.png) no-repeat 0 6px;
}

.qLink span{
	padding-left:12px;
	background:url(/2011/common/images/q_ic.png) no-repeat left center;
}

/*----------------------------------------
* 
----------------------------------------*/
#wrapper{
	width:100%;
	background:url(/2011/common/images/spn/body_bg_rpt.png) repeat-x top left #ffffff;
}

/*----------------------------------------
* topicPath
----------------------------------------*/
.topicPath{
	display:none;
}

/*----------------------------------------
* globalHeader
----------------------------------------*/

#globalHeader{
	width:100%;
	height:57px;
	background:url(/2011/common/images/h/bg_top_rpt.png) top left repeat-x #ffffff;
}

#globalHeader .headerInner{
	width:320px;
	height:57px;
	margin:0 auto;
	position:relative;
}

#globalHeader .logo img{
	position:absolute;
	right:10px;
	bottom:12px;
}

#globalHeader .logo .cokeLogo{
	width:90px;
	height:28px;
	right:auto;
	left:10px;
}

#globalNav,
#globalHeader .textSizeBlock,
#globalHeader .searchBlock,
#globalHeader .utilitys{
	display:none;
}

/*----------------------------------------
* footeNavBlock
----------------------------------------*/
#footerNavBlock{
	width:100%;
	background:#e41322;
}

#footerNavBlockInner{
	width:320px;
	margin:0 auto;
	padding:10px 0;
}

#footerNavBlock .searchBlock{
	background:url(/2011/common/images/spn/line.png) repeat-x left bottom;
	padding-bottom:10px;
}

#footerNavBlock .searchBlockInner{
	width:300px;
	margin:0 auto;
}

#footerNavBlock .searchBlock input.search{
	width:210px;
	height:22px;
	border:1px solid #ce0917;
	margin-right:5px;
}

/*----------------------------------------
* footerGlobalNav
----------------------------------------*/
#footerGlobalNav ul{
	width:300px;
	margin:0 auto 10px;
}

#footerGlobalNav li,
#footerGlobalNav li img{
	line-height:1;
	vertical-align:top;
}

/*----------------------------------------
* ccParkBlock
----------------------------------------*/
#footerNavBlock .ccParkBlock{
	border:3px solid #ffffff;
	border-radius:2px;
	width:294px;
	background:#cd1009;
	margin:0 auto;
}

#footerNavBlock .ccParkBlock h3{
	width:280px;
	margin:0 auto 9px;
	background:url(/2011/common/images/spn/line.png) repeat-x left bottom;
	padding:5px 0 2px;
}

#footerNavBlock .ccParkBlock .navBtns{
	margin-bottom:10px;
}

#footerNavBlock .ccParkBlock ul{
	width:280px;
	margin:0 auto;
}

#footerNavBlock .ccParkBlock li{
	float:left;
}

#footerNavBlock .ccParkBlock li:last-child{
	float:right;
}

/*----------------------------------------
* registBlock
----------------------------------------*/
#footerNavBlock .registBlock{
	width:280px;
	margin:0 auto;
	padding:10px 0 0 0;
	color:#ffffff;
	background:url(/2011/common/images/spn/f/regist_bg.png) no-repeat left top;
}

#footerNavBlock .registBlock p{
	float:left;
	width:125px;
	margin-left:5px;
}

#footerNavBlock .registBlock p.registBtn{
	float:right;
	width:140px;
	margin-right:5px;
}


/*----------------------------------------
* spnLoginBlock
----------------------------------------*/
.spnLoginBlock{
	margin:0 auto 5px;
	border:3px solid #eeeeee;
	border-radius:2px;
	width:275px;
	background:#eeeeee;
}

#footerNavBlock .ccParkBlock .spnLoginBlock h3{
	text-align:center;
	font-size:93.75%;
	color:#e41322;
	border:0;
	background:none;
}

.spnLoginBlock .registBtn{
	text-align:center;
	margin-bottom:5px;
}

.spnLoginBlock h4{
	text-align:center;
	font-size:93.75%;
	color:#e41322;
	padding-bottom:3px;
	border-bottom:1px solid #e3e3e3;
	margin:0 0 10px;
}

.spnLoginBlock dl{
	margin:0 0 10px;
}

.spnLoginBlock dt{
	font-size:87.5%;
	font-weight:bold;
	line-height:1.8;
}

.spnLoginBlock dd {
	text-align:center;
}
.spnLoginBlock dd input{
	font-size:120%;
	height:1.5em;
	border-radius:5px;
	width:257px;
}

.spnLoginBlock .submitBtn{
	text-align:center;
}
.spnLoginBlock .error {
	color:#e41322;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.spnLoginBlock .autoLogin {
	text-align:center;
	margin-bottom:5px;
}

/* user */
.spnUserBlock {
	margin:0 auto 5px;
	border:3px solid #eeeeee;
	border-radius:2px;
	width:275px;
	background:#eeeeee;
}
#footerNavBlock .ccParkBlock .spnUserBlock h3{
	background:none;
	text-align:center;
	font-size:87.5%;
	font-weight:normal;
	padding-bottom:3px;
	border-bottom:1px solid #e3e3e3;
	margin:0 0 10px;
	width:auto;
}
.spnUserBlock h3 strong{
	color:#015cc2;
}
.spnUserBlock .parkG {
	padding:8px;
}
.spnUserBlock .parkG dt {
	width:70px;
	float:left;
}
.spnUserBlock .parkG dd {
	text-align:right;
	color:#e41322;
	width:180px;
	float:right;
}
.spnUserBlock .parkG dd strong {
	font-size:160%;
}


#footerNavBlock .ccParkBlock .spnUserBlock ul {
	border-top:1px solid #e3e3e3;
	padding:5px 8px 0;
	width:auto;
}
.spnUserBlock ul li,
#footerNavBlock .ccParkBlock .spnUserBlock li:last-child {
	font-size:87.5%;
	float:left;
	margin-right:20px;
}

/*----------------------------------------
* footerFeatureNav
----------------------------------------*/
#footerFeatureNav{
	width:300px;
	margin:0 auto 10px;
	line-height:1;
}


/*----------------------------------------
* globalFooter
----------------------------------------*/
#globalFooter #globalFooterInner,
#globalFooter .nav,
#globalFooter .livePositively{
	display:none;
}
#globalFooter {
	background-color:#FFF;
}
#globalFooter .copyright {
	font-size:80%;
	padding:5px 15px;
}

/*----------------------------------------
* mainContents
----------------------------------------*/
#mainContents{
}

/*----------------------------------------
* subContents
----------------------------------------*/
#subContents{
	display:none;
}

/*----------------------------------------
* information
----------------------------------------*/
.information{
	border:2px solid #bababa;
	margin:0 auto 9px;
	text-align:left;
}

.informationInner{
	padding:10px;
}

/*----------------------------------------
* attention
----------------------------------------*/
.attention{
	border:1px solid #e99aa0;
	background:#fff3f4;
	text-align:left;
}

.attentionInner{
	padding:5px 0;
	margin:0 5px;
	background:url(/2011/common/images/spn/attention.png) no-repeat 0 4px;
}

.attentionInner p{
	padding-left:34px;
}

.attention a:link,
.attention a:visited,
.attention a:hover,
.attention a:active{
	color:#e41322;
	text-decoration:underline;
}

/*----------------------------------------
* contentsTopInfo
----------------------------------------*/
.contentsTopInfo{
	width:300px;
	height:181px;
	position:relative;
	margin:0 auto;
	background:url(/2011/common/images/spn/p/ct_pager_bg.png) no-repeat left bottom #ffffff;
}

.contentsTopInfo.categoryTopInfo{
	height:150px;
}

.contentsTopLongInfo{
	height:147px;
}

.contentsTopInfo .pager{
	width:300px;
	height:31px;
	position:absolute;
	bottom:2px;
	left:0;
	text-align:center;
}

.contentsTopInfo .pager ul{
	position:relative;
	top:10px;
}

.contentsTopInfo .pager li{
	display:inline;
}

.contentsTopInfo .pager li a{
	display:inline-block;
	margin:0 5px;
	width:8px;
	height:8px;
	background:url(/2011/common/images/p/m_pager.png) no-repeat left top;
}

.contentsTopInfo .pager li a.current{
	background:url(/2011/common/images/p/m_pager_c.png) no-repeat left top;
}

.contentsTopInfo .contents{
	width:296px;
	height:141px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	top:2px;
	-webkit-transform : translate3d(0,0,0);	
}

.contentsTopInfo .contentsWrap{
	-webkit-transform : translate3d(0,0,0);
}

.contentsTopInfo.categoryTopInfo .contents{

}

.contentsTopInfo .contents ul{
	position:absolute;
	top:0;
	left:0px;
}

.contentsTopInfo .operation li{
	position:absolute;
	bottom:2px;
	width:62px;
	height:30px;
}

.contentsTopInfo .operation li.next{
	right:4px;
	background:url(/2011/common/images/spn/p/m_next_off.png) no-repeat right top;
}

.contentsTopInfo .operation li.prev{
	left:4px;
	background:url(/2011/common/images/spn/p/m_prev_off.png) no-repeat left top;
}

/*----------------------------------------
* contentsInfo
----------------------------------------*/
.contentsInfo{
	width:300px;
	height:191px;
	background:url(/2011/common/images/spn/p/box_bg_l.png) repeat-y left top;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

.contentsInfo .header{
	width:100%;
	height:32px;
	background:#e41322;
	overflow:hidden;
	position:relative;
	line-height:1;
}

.contentsInfo.categoryInfo .header{
	background:url(/2011/common/images/spn/head_bg.png) no-repeat 10px 8px #e41322;
}

.contentsInfo .header h2{
	position:absolute;
	left:10px;
	top:4px;
}

.contentsInfo.categoryInfo h2{
	color:#ffffff;
	top:11px;
	left:18px;
}

.contentsInfo .header .nav{
	display:none;
}

.contentsInfo .pager{
	position:absolute;
	bottom:0px;
	left:1px;
	width:298px;
	height:27px;
	background:url(/2011/common/images/p/pager_bg_l.png) no-repeat center top;
	text-align:center;
}

.contentsInfo .pager li{
	display:inline;
}

.contentsInfo .pager li a{
	display:inline-block;
	margin:0 3px;
	width:9px;
	height:18px;
	background:url(/2011/common/images/p/pager.png) no-repeat left top;
}

.contentsInfo .pager li a.current{
	background:url(/2011/common/images/p/pager_c.png) no-repeat left top;
}

.contentsInfo .operation li{
	position:absolute;
	top:73px;
	width:20px;
	height:48px;
}

.contentsInfo .operation li.next{
	right:0;
	background:url(/2011/common/images/spn/p/next_off.png) no-repeat right top;
}

.contentsInfo .operation li.prev{
	left:0;
	background:url(/2011/common/images/spn/p/prev_off.png) no-repeat left top;
}

.contentsInfo .contents{
	width:252px;
	height:113px;
	overflow:hidden;
	position:relative;
	top:10px;
	margin:0 auto;
	-webkit-transform : translate3d(0,0,0);
}

.contentsInfo .contentsWrap{
	height:113px;
	-webkit-transform : translate3d(0,0,0);	
	positoin:absolute;
	top:0;
	left:0;
}

.contentsInfo .contents ul{
	/*position:relative;*/
	width:252px;
	position:absolute;
	top:0;
	left:0;
}

.contentsInfo .contents li{
	width:124px;
	overflow:hidden;
	text-align:center;
	background:url(/2011/common/images/spn/p/thumb_btm.png) no-repeat left bottom;
	height:107px;
	padding-bottom:3px;
	line-height:1;
	float:left;
	display:inline;
	margin-right:4px;
	font-size:11px;
}

.contentsInfo .contents li.lastChild{
	margin-right:0;
}

.contentsInfo .contents p{
	width:124px;
	height:35px;
	text-align:left;
	background:url(/2011/common/images/spn/p/thumb_rpt.png) repeat-y left top;
	margin:0 auto;
}

.contentsInfo .contents p a{
	display:block;
	line-height:1.2;
	margin:0 5px;
	color:#333333 !important;
}

.contentsInfo .contents p.thumb{
	text-align:center;
	height:auto;
}

.contentsInfo .contents p.thumb a{
	margin:0;
}

/*----------------------------------------
* toPageTop
----------------------------------------*/
.toPageTop{
	text-align:right;
	padding:20px 0 0;
	margin:0 0 8px;
}

/*----------------------------------------
* spnHeader
----------------------------------------*/
.spnHeader{
	width:100%;
	background:url(/2011/common/images/spn/main_bg.png) repeat-x 0 48px #dd0000;
	padding-bottom:10px;
}

/*----------------------------------------
* categoryHead
----------------------------------------*/
.categoryHead{
	width:100%;
}

.categoryHead h2{
	width:100%;
	height:47px;
	margin:0 auto;
	background:#dd0000;
}

.categoryHead h2 span{
	width:300px;
	height:23px;
	position:relative;
	top:12px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}

/*----------------------------------------
* socialBlock
----------------------------------------*/
.socialBlock{
	width:100%;
	height:40px;
}

.socialBlock ul{
	width:300px;
	margin:0 auto;
	position:relative;
}

.socialBlock ul li{
	position:absolute;
}

.socialBlock .s-twetter{right:234px;top:12px;}
.socialBlock .s-mixi{right:174px;top:11px;}
.socialBlock .s-facebook{right:102px;top:10px}
.socialBlock .s-happy{right:-20px;top:10px;}

.socialBlock li{
	float:left;
	display:inline;
	margin-right:4px;
}

.socialBlock .s-facebook p{
	overflow:hidden;
	width:70px;
	height:20px;
}

.socialBlock .s-yahoo,
.socialBlock .s-google,
.socialBlock .s-hatena,
.socialBlock .s-bookmark,
.socialBlock .s-livedoor,
.socialBlock .printBtn{
	display:none;
}

/*----------------------------------------
* spnSecHead
----------------------------------------*/
.spnSecHead{
	position:relative;
}
.spnSecHead h2{
	height:32px;
	line-height:32px;
	padding-left:10px;
	border-top:1px solid #8e8e8e;
	border-bottom:1px solid #4f4f4f;
	background:-webkit-gradient(linear, left top, left bottom, from(#777777), to(#606060));
}
.spnSecHead h2 span{
	color:#FFF;	
	text-shadow:1px 1px 1px #5d5d5d;
}

/*----------------------------------------
* spnDefList
----------------------------------------*/
.spnDefList{
	display:inline;
}

.spnDefList a{
	display:block;
	border-top:1px solid #CCC;
	border-bottom:1px solid #FFF;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f2f2f2));
	position:relative;
}

.spnDefList li img{
	display:inline;
	vertical-align:middle;
	position:absolute;
	top:10px;
	right:10px;
}

.spnDefList span {
	background:none;
	display:table;
	width:100%;
	height:100%;
	padding-left:0;
	background: url("/2011/common/images/arw_r.png") no-repeat scroll 10px 50%;
	display:table-cell;
	vertical-align:middle;
	text-indent:20px;
	height:52px;
}