@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：ゆるキャラグランプリ オフィシャルウェブサイト
作成日：2013.10.28
修正日：2013.11.25
ガイドライン：Ver.02
製作者：株式会社エムアップ
------------------------------*/


/* ------------------------------------
 * COMMON SETTINGS
 * ------------------------------------ */

/*--- LINK ------------------*/

a {
	cursor: pointer;
	outline: none;
}
a img {
	border: 0;
}
a:link,
a:visited {
	color: #624513;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}


/*--- HEADER ------------------*/

#header dl {
	zoom: 1;
}

#header dt,
#header dd {
	display: inline;
}

#header dt {
	float: left;
	width: 190px;
}

#header dt h1 {
	width: 190px;
	height: 120px;
}

h1 a {
	display: block;
	width: 190px;
	height: 120px;
	background: url(../img/common/sitelogo_170201.gif);
	text-indent: -9999px;
}

#header dd {
	float: right;
	width: 758px;
	padding-top: 18px;
}

#header dd #primaryNav {
	zoom: 1;
}

#primaryNav li {
	display: inline;
	float: left;
	width: 108px;
}
#primaryNav li.webshop {
	width: 110px;
}

#primaryNav a,
#primaryNav span {
	display: block;
	height: 82px;
	background: url(../img/common/header_primaryNav_170201.gif) no-repeat;
	text-indent: -9999px;
}
#primaryNav li.top a {
	background-position: 0 0;
}
#primaryNav li.about a {
	background-position: -108px 0;
}
#primaryNav li.entry a {
	background-position: -216px 0;
}
#primaryNav li.ranking a {
	background-position: -756px 0;
}
#primaryNav li.vote a {
	background-position: -324px 0;
}
#primaryNav li.news a {
	background-position: -432px 0;
}
#primaryNav li.schedule a {
	background-position: -540px 0;
}
#primaryNav li.webshop a {
	background-position: -648px 0;
}

#header dl a:hover {
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/*--- BANNER ------------------*/

#linkBnr {
	width:960px;
	margin:0 auto 20px;
}

#linkBnr ul {
	zoom:1;
	overflow:hidden;
}

#linkBnr ul li {
	position:relative;
	width:473px;
}

#linkBnr ul li.voteBnr {
	float:left;
}

#linkBnr ul li.rankBnr {
	float:right;
}

#linkBnr ul li.rankBnr a {
	display:block;
}


/*--- CONTENTS ------------------*/

#contents .wrap {
	width: 960px;
	margin: 0 auto;
}


/* SIDE BANNER */

#sideBnr {
	margin-bottom: 10px;
}

#sideBnr li {
	padding-bottom: 10px;
}

#sideBnr li a,
#sideBnr li img,
#sideBnr li span {
	display: block;
}
#sideBnr li img,
#sideBnr li span {
	background-repeat: no-repeat;
}

#sideBnr li a {
	background-image: url(../img/common/side_bg.gif);
	background-position: center bottom;
	background-repeat: repeat-y;
}

#sideBnr li img {
	padding: 8px 10px 4px 8px;
	background-image: url(../img/common/side_bg_t.gif);
}

#sideBnr li span {
	line-height: 1.35;
	padding: 0 10px 8px 8px;
	background-image: url(../img/common/side_bg_b.gif);
	background-position: center bottom;
	font-size: 93%;
}


/* GLOBAL NAVIGATION */

#globalNav h2 {
	width: 210px;
	height: 20px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #624513;
	background: url(../img/common/side_title_globalNav.gif) left top no-repeat;
	text-indent: -9999px;
}

#globalNav li {
	padding: 0 0 4px 2px;
}

#globalNav li a,
#globalNav li span {
	display: block;
	height: 54px;
	background-image: url(../img/common/side_globalNav_170201.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#globalNav li.about a {
	background-position: 0 0;
}
#globalNav li.entry a {
	background-position: 0 -54px;
}
#globalNav li.pr_digitalcontents a {
	background-position: 0 -108px;
}
#globalNav li.vote a {
	background-position: 0 -162px;
}
#globalNav li.ranking a {
	background-position: 0 -216px;
}
#globalNav li.webshop a {
	background-position: 0 -270px;
}
/*#globalNav li.concier a {
	background-position: 0 -324px;
}*/
#globalNav li.pr_partners a {
	background-position: 0 -324px;
}
#globalNav li.sugotoku a {
	background-position: 0 -378px;
}
#globalNav li.smartpass a {
	background-position: 0 -432px;
}
#globalNav li.yurumake a {
	background-position: 0 -486px;
}
/*#globalNav li.gyao a {
	background-position: 0 -540px;
}*/
#globalNav li.children a {
	background-position: 0 -540px;
}
/*#globalNav li.pr a {
	background-position: 0 -594px;
}*/
#globalNav li.pr_course a {
	background-position: 0 -594px;
}

#globalNav li.pastRanking {
	margin-top: 9px;
}
#globalNav li.pastRanking ul {
	display: block;
	border-top: solid 1px #624513;
	padding-top: 9px;
}
#globalNav li.pastRanking ul li {
	padding: 0 0 4px 0;
}
#globalNav li.pastRanking li a {
	height: 42px;
}
#globalNav li.pastRanking li.ranking2014 a {
	background-position: 0 -774px;
}
#globalNav li.pastRanking li.ranking2013 a {
	background-position: 0 -648px;
}
#globalNav li.pastRanking li.ranking2012 a {
	background-position: 0 -690px;
}
#globalNav li.pastRanking li.ranking2011 a {
	background-position: 0 -732px;
}
#globalNav li.apppass a {
	background-position: 0 -816px;
}
#globalNav li.qa a {
	background-position: 0 -870px;
}
#globalNav li.pastRanking li.ranking2015 a {
	background-position: 0 -924px;
}
#globalNav li.pastRanking li.ranking2016 a {
	background-position: 0 -966px;
}


#globalNav li.pr {
	margin-top: 9px;
}

#globalNav li.pr ul {
	display: block;
	border-top: solid 1px #624513;
	padding-top: 9px;
}
#globalNav li.pr ul li {
	padding: 0 0 4px 0;
}
#globalNav li.sub {
	padding: 18px 0 4px;
	background: url(../img/common/side_bg_b.gif) center bottom no-repeat;
}
#globalNav li.sub ul {
	padding-top: 4px;
	background: url(../img/common/side_bg_t.gif) center top no-repeat;
}
#globalNav li.sub li {
	padding: 0;
	background: url(../img/common/side_bg.gif) center top repeat-y;
}
#globalNav li.sub li a {
	height: 37px;
	background-image: url(../img/common/side_globalNav_sub_140123.gif);
}
#globalNav li.sub li.contact a {
	height: 33px;
}
#globalNav li.sub li.partnership a {
	background-position: 0 -33px;
}
#globalNav li.sub li.business a {
	background-position: 0 -70px;
}
#globalNav li.sub li.press a {
	height: 34px;
	background-position: 0 -107px;
}
#globalNav li.sub li.trademark a {
	background-position: 0 -143px;
}
#globalNav li.sub li.faq a {
	height: 34px;
	background-position: 0 -180px;
}

#globalNav li a:hover {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#globalNav .bnr {
	margin-top:20px;
}

#globalNav .bnr a {
	display:block;
	margin-bottom:5px;
}

/* SIDE RANKING */

#side #side_ranking {
	widdth:212px;
	background: url(../img/parts/bg_side_ranking.gif) repeat-y;
	overflow:hidden;
}

#side #side_ranking .wrapper {
	padding-bottom:4px;
	background: url(../img/parts/bg_side_ranking_b.gif) no-repeat left bottom;
}

#side #side_ranking #tabNav {
	width:199px;
	margin:10px auto;
}

#tabNav .tabBtn {
	border-bottom: solid 2px #624513;
}

/* ----------------
 * TAB NAVIGATION
 * ---------------- */

@media projection, screen {
	.ui-tabs-hide {
		display: none;
	}
}

@media print {
	.ui-tabs-nav {
		display: none;
	}
}
 

/* TAB */

#tabNav .ui-tabs-nav {
	z-index: 100;
	width: 100%;
	margin-top:3px;
	zoom: 1;
}

#tabNav .ui-tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}

#tabNav .ui-tabs-nav li {
	overflow:hidden;
	display: inline;
	float: left;
	width: 66px;
	height:28px;
	text-indent:-9999px;
	zoom:1;
}

#tabNav li#navArea  {
	width:67px;
}

#tabNav .ui-tabs-nav li a,
#tabNav .ui-tabs-nav li.ui-tabs-selected a {
	display: block;
	height:28px;
	background-position:center bottom;
	background-repeat:no-repeat;
}

#tabNav .ui-tabs-nav li a.nav01 { background-image: url(../img/parts/tab_total.gif); }
#tabNav .ui-tabs-nav li.ui-tabs-selected a.nav01 { background-image: url(../img/parts/tab_total_on.gif); }
#tabNav .ui-tabs-nav li a.nav02 { background-image: url(../img/parts/tab_area.gif); }
#tabNav .ui-tabs-nav li.ui-tabs-selected a.nav02 { background-image: url(../img/parts/tab_area_on.gif); }
#tabNav .ui-tabs-nav li a.nav03 { background-image: url(../img/parts/tab_company.gif); }
#tabNav .ui-tabs-nav li.ui-tabs-selected a.nav03 { background-image: url(../img/parts/tab_company_on.gif); }

#tabNav .thumbnailList {
	zoom:1;
	overflow:hidden;
	width:199px;
	background-color:#f7f7f7;
}

#tabNav .thumbnailList li {
	border-bottom: dotted 1px #624513;
	overflow:hidden;
}

#tabNav .thumbnailList li.side_rank01 { background: url(../img/parts/icon_rank01.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank02 { background: url(../img/parts/icon_rank02.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank03 { background: url(../img/parts/icon_rank03.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank04 { background: url(../img/parts/icon_rank04.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank05 { background: url(../img/parts/icon_rank05.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank06 { background: url(../img/parts/icon_rank06.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank07 { background: url(../img/parts/icon_rank07.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank08 { background: url(../img/parts/icon_rank08.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank09 { background: url(../img/parts/icon_rank09.gif) no-repeat 3px 5px }
#tabNav .thumbnailList li.side_rank10 { background: url(../img/parts/icon_rank10.gif) no-repeat 3px 5px }

#tabNav .thumbnailList li a {
	display:block;
	zoom:1;
	overflow:hidden;
	padding:5px 5px 5px 35px;
}

#tabNav .thumbnailList li a .thumbnail {
	position:relative;
	float:right;
	width:52px;
	text-align:center;
}

#tabNav .thumbnailList li a .thumbnail img {
	display:block;
	width:50px;
	height:60px;
	border: solid 1px #eee;
}

#tabNav .thumbnailList li a .text {
	position:relative;
	float:left;
	width:100px;
	text-align:left;
}

#tabNav .thumbnailList li a .text strong {
	display:block;
	font-weight:bold;
}

#tabNav .more {
	display:block;
	padding:10px 0 0;
	font-weight:bold;
}

/* MAIN */

#main .wrapper {
	padding-bottom: 4px;
	background: url(../img/common/contents_main_bgB.jpg) right bottom no-repeat;
}

#main .section {
	padding: 12px 22px 20px 20px;
}

#main .section h3 {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #624513;
	font-weight: bold;
	font-size: 167%;
}

#main .section p {
	margin-bottom: 2em;
}
#main .section p a:link,
#main .section p a:visited {
	color: #e83624;
	font-weight: bold;
	text-decoration: underline;
}
#main .section p a:hover,
#main .section p a:active {
	color: #f60;
	font-weight: bold;
	text-decoration: underline;
}
#main .section p em {
	font-weight: bold;
	font-size: 116%;
}

#main .section .back,
#main .section .more {
	clear: both;
	margin: 20px 0 0;
	padding-top: 22px;
	background: url(../img/parts/line_dash.gif) repeat-x;
}
#main .section .back {
	text-align: center;
}
#main .section .more {
	text-align: right;
}
#main .section .back a:link,
#main .section .back a:visited,
#main .section .more a:link,
#main .section .more a:visited {
	color: #624513;
	text-decoration: none;
}
#main .section .back a:hover,
#main .section .back a:active,
#main .section .more a:hover,
#main .section .more a:active {
	text-decoration: underline;
}

#main .section cite {
	display: block;
	text-align: right;
}


/* PAGING */

#main .section .paging {
	border-top: 1px solid #624513;
	border-bottom: 1px solid #624513;
	zoom: 1;
	overflow:hidden;
}

#main .section .paging li {
	display: inline;
	float: left;
}
#main .section #article + .paging li {
	width: 33%;
}
#main .section #list + .paging li {
	width: 50%;
}

#main .section .paging li.next {
	text-align: right;
}
#main .section .paging li.toList {
	text-align: center;
}

#main .section .paging a,
#main .section .paging span {
	display: inline-block;
	line-height: 32px;
}
#main .section .paging span {
	color: #bfb4a2;
}


/* TOPIC PATH */

#topicPath {
	padding: 20px 20px 0;
	background: url(../img/common/contents_main_bgT.jpg) right top no-repeat;
}

#topicPath dt {
    overflow: hidden;
	float: left;
    width: 0;
    height: 0;
    font-size: 0;
}

#topicPath dd ul {
	zoom: 1;
}

#topicPath li {
	padding-left: 16px;
	display: inline;
	float: left;
	height: 16px;
	background-image: url(../img/parts/arrow_topicPath.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	font-size: 100%;
}
#topicPath li.home {
	padding: 0 3px 0 0;
	background: none;
}

#topicPath li a,
#topicPath li span {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}


/* PARTNER */

#partnerBnr {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 0;
}

#partnerBnr ul {
	zoom: 1;
	overflow:hidden;
	margin-top:5px;
}

#partnerBnr li {
	display: inline;
	float: left;
	width: 176px;
}

#partnerBnr li.ml10 {
	padding-left:10px;
}

#partnerBnr li em {
	width: 176px;
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}

/*変則サイズ w200*/
#partnerBnr li.w200 {
	display: inline;
	float: left;
	width: 200px;
}
#partnerBnr li.w200 em {
	width: 200px;
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}

/*変則サイズ w362*/
#partnerBnr li.w362 {
	display: inline;
	float: left;
	width: 362px;
}
#partnerBnr li.w362 em {
	width: 362px;
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}

/*変則サイズ w402*/
#partnerBnr li.w402 {
	display: inline;
	float: left;
	width: 402px;
}
#partnerBnr li.w402 em {
	width: 402px;
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}

/*変則サイズ w730*/
#partnerBnr li.w730 {
	display: inline;
	float: left;
	width: 730px;
}
#partnerBnr li.w730 em {
	width: 730px;
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}

/*変則サイズ wmax*/
#partnerBnr li.wmax {
	display: inline;
	float: left;
	width: 100%;
}
#partnerBnr li.wmax em {
	width: 100%;
	overflow:hidden;
	display: block;
	margin-bottom: 5px;
}

/* CONTACT */

#main .section .contact {
	padding-top: 21px;
	background: url(../img/parts/dot.gif) left top repeat-x;
	text-align: center;
}

#main .section .contact a {
	display: block;
	width: 304px;
	height: 76px;
	margin: 0 auto;
	background-image: url(../img/parts/btn_contact.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#main .section .contact a:hover {
	background-position: 0 -76px;
}


/* INFORMATION */

#main .section .information {
	margin: 50px 0 0;
	text-align: left;
}
#main .section .information h4 {
	margin:0 0 0.5em 0;
	font-weight: bold;
	font-size: 116%;
}

#main .section .information p {
	padding:0;
	margin:0;
}

#main .section .information a:hover {
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


/*--- FOOTER ------------------*/

#footNav {
	clear: both;
	position: relative;
	padding: 15px 0 25px;
}

#footNav a.toTop {
	position: absolute;
	top: 0;
	right: 0;
	width: 27px;
	height: 25px;
	background: url(../img/common/footer_btn_toTop.gif) no-repeat;
	text-indent: -9999px;
}

#footer .gmologo {
	position: absolute;
	right:0;
	top:26px;
	width:91px;
	height:40px;
}

#footNav li ul {
	zoom: 1;
}

#footNav li li {
	display: inline;
	float: left;
	padding: 0.2em 2em 0 0;
}

#footNav li a {
	color: #333;
}

#footer .wrap {
	clear: both;
	position: relative;
	font-size: 93%;
}

#footer .wrap .w {
	width: 590px;
}

#footer .wrap .e {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 370px;
}

#footer .sns {
	zoom: 1;
}

#footer .sns li {
	padding: 0 0 7px 9px;
	display: inline;
	float: right;
}

#footer .sns li a {
	display: block;
	width: 21px;
	height: 21px;
	background-image: url(../img/common/footer_btn_sns.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#footer .sns li.twitter a {
	background-position: right center;
}
#footer .sns li.facebook a {
	background-position: left center;
}

#footer address {
	display: block;
	text-align: right;
}



/*--- clearfix ------------------*/

#header dl:after,
#header ul:after,
#primaryNav ul:after,
#linkBnr ul:after,
#topicPath dd ul:after,
#main .section .paging:after,
#partnerBnr ul:after,
#tabNav .thumbnailList a:after,
#footNav li ul:after,
#footer .sns:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}