@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#header {
	width: 100%;
	height: 103px;
	margin: 0px;
	padding: 0px;
	background-image: url("../images/header_bg.png");
	background-repeat : repeat-x ;
}
#header h1 {
	float: left;
	text-indent: -9999px;
}
#header h1 a{
	background-position: 0 0;
	text-decoration: none;
	display: block;
	width: 307px;
	height: 103px;
	background-image:url("../images/nav_header.png");
	background-repeat: no-repeat;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.neader navigator style                                              */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#navigator {
	width: 1000px;
	height: 103px;
	margin: 0px auto;
	padding: 0px;

}
#navigator ul {
	float: left;
    margin:0 0 0 40px;
}
#navigator ul li {
	float: left;
}
#navigator ul li a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image:url("../images/nav_header.png");
	background-repeat: no-repeat;
}
#navigator ul li#top a:link { margin:48px 0 0 0;width:90px; height: 45px; background-position: -347px -48px; }
#navigator ul li#about a:link { margin:0; width:103px; height: 93px; background-position: -437px 0px; }
#navigator ul li#news a:link { margin:27px 0 0 0;width:73px; height: 66px; background-position: -540px -27px; }
#navigator ul li#store a:link { margin:23px 0 0 0;width:90px; height: 46px; background-position: -613px -23px; }
#navigator ul li#archive a:link { margin:0px 0 0 0;width:194px; height: 93px; background-position: -703px 0px; }
#navigator ul li#contact a:link { margin:35px 0 0 0;width:103px; height: 54px; background-position: -897px -35px; }

#navigator ul li#top a:hover { margin:48px 0 0 0;width:90px; height: 45px; background-position: -347px -151px; }
#navigator ul li#about a:hover { margin:0; width:103px; height: 93px; background-position: -437px -103px; }
#navigator ul li#news a:hover { margin:27px 0 0 0;width:73px; height: 66px; background-position: -540px -130px; }
#navigator ul li#store a:hover { margin:23px 0 0 0;width:90px; height: 46px; background-position: -613px -126px; }
#navigator ul li#archive a:hover { margin:0px 0 0 0;width:194px; height: 93px; background-position: -703px -103px; }
#navigator ul li#contact a:hover { margin:35px 0 0 0;width:103px; height: 54px; background-position: -897px -138px; }

#navigator ul li#top_on a:link  { margin:48px 0 0 0;width:90px; height: 45px; background-position: -347px -254px; }
#navigator ul li#about_on a:link  { margin:0; width:103px; height: 93px; background-position: -437px -206px; }
#navigator ul li#news_on a:link  { margin:27px 0 0 0;width:73px; height: 66px; background-position: -540px -233px; }
#navigator ul li#store_on a:link  { margin:23px 0 0 0;width:90px; height: 46px; background-position: -613px -229px; }
#navigator ul li#archive_on a:link  { margin:0px 0 0 0;width:194px; height: 93px; background-position: -703px -206px; }
#navigator ul li#contact_on a:link  { margin:35px 0 0 0;width:103px; height: 54px; background-position: -897px -241px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.footer navigator style                                              */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#f_navi {
	width: 1000px;
	height: 30px;
	margin: 0px auto;
	padding: 40px 0 0 0;
	clear:both;
}
#f_navi ul {
	float: left;
}
#f_navi ul li {
	float: left;
}
#f_navi ul li a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image:url("../images/footer_navi.png");
	background-repeat: no-repeat;
}
#f_navi ul li#logo a { margin:0;width:97px; height: 30px; background-position: 0px 0px; }
#f_navi ul li#top a { margin:0;width:62px; height: 30px; background-position: -97px 0px; }
#f_navi ul li#about a { margin:0; width:113px; height: 30px; background-position: -159px 0px; }
#f_navi ul li#news a { margin:0;width:62px; height: 30px; background-position: -272px 0px; }
#f_navi ul li#store a { margin:0;width:77px; height: 30px; background-position: -334px 0px; }
#f_navi ul li#archive a { margin:0;width:220px; height: 30px; background-position: -411px 0px; }
#f_navi ul li#contact a { margin:0;width:99px; height: 30px; background-position: -631px 0px; }
#f_navi ul li#go_top a { margin:0 0 0 50px;width:220px; height: 30px; background-position: -781px 0px; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#container {
	width: 1000px;
	margin: 0 auto;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents {
	float: left;
	width: 769px;
	overflow: hidden;
}
#contents_pre {
	overflow:hidden;
	margin: 10px 0 0 0;
	width: 769px;
}
#contents_main {
	margin: 10px 0 0 0;
	width: 769px;
	background: #333333;
}
#contents_main02 {
	margin: 10px 0 0 0;
	padding:10px 0 20px 0;
	width: 763px;
	background: #ffffff;
	border: 3px solid #333333;
}
.contents_main03 {
	margin: 10px 0 0 0;
	padding:10px 0 0px 0;
	width: 763px;
	background: #ffffff;
	border: 3px solid #333333;
}
.contents_main04 {
	margin: 0px 0 0 0;
	padding:10px 0 0px 0;
	width: 763px;
	background: #ffffff;
	border: 3px solid #333333;
}
div.outer {
    margin: 10px 0px 0 0;
	width: 778px;
}
div.outer:after {
display: block;
clear: both;
content: "";
}
div.inner {
	float:left;
	position: relative;  
    width:374px;
	height:219px;
	margin:0 9px 9px 0;
	padding:10px 0 0 0;
	border: 3px solid #333333;
	background:#ffffff;
}
div.inner_top {
	float:left;
	position: relative;  
    width:374px;
	height:160px;
	margin:0 9px 9px 0;
	padding:10px 0 0 0;
	border: 3px solid #333333;
	background:#ffffff;
}
.back {
	margin:10px 0 6px 0;
}
.back_b li {
	float:left;
	margin-right:4px;
	padding:6px 10px 6px 10px;
	color:#ffffff;
	background:#333333;
}
.back_b li a{
    text-decoration: none;
	color: #FFFFFF;
}
.back_b li a:active {
    color: #FFFFFF;
}
.back_bl li a:link {
    color: #FFFFFF;
}
.back_b li a:visited {
    color: #FFFFFF;
}
.back_b li a:hover {
	text-decoration: underline;
	color: #ffde21;
}
.news_area {
    padding:10px 8px 0px 8px;
	overflow:auto;
}
.news_title {
    padding:0 6px 4px 6px;
}
.continue {
	position: absolute;  
    right: 0;  
    bottom: 0;  
    
}
.data {
	padding:0 4px;
    font-size: 12px;
	color : #333333;
	background-color: #ffde21;
}
.comment_title {
    padding:0 6px 4px 14px;
}
.comment_para {
    padding: 4px 14px 14px;
}
.comment_img_area {
	float:left;
	margin-right:30px;
	overflow:auto;
	width: 204px;
}
.comment_img_area p {
	float:left;
	display:block;
	overflow:hidden;
    min-width: 204px;
	max-width: 204px;
	min-height: 318px;
	max-height: 318px;
}
.comment_img_area img {
	display:block;
    min-width: 202px;
	max-width: 202px;
	min-height: 316px;
	max-height: 316px;
	border: 1px solid #333333;
}
.comment_img01 {
	min-width: 202px;
	max-width: 202px;
	min-height: 316px;
	max-height: 316px;
    border: 1px solid #333333;
}
.comment_right {
	width: 497px;
	display:block;
    float:left;
}
.comment_area {
    padding:24px 16px 16px 16px;
	overflow:auto;
}
.comment_area p {
    margin-bottom:16px;
}
.sns {
    padding:20px;
}
.cm_left {
	float:left;
	margin:0 0 0 3px;
	padding:3px 0 3px 0;
    width: 214px;
}
.cm_rank01 {
	padding:0 0 10px 0;
    width: 214px;
	background: #e8e8e8 url(../images/bg_rank2014.png) no-repeat;
}
.cm_rank01_tittle {
	font-size: 12px;
	line-height: 1.5;
	color : #333333;	
    padding: 10px 0px 10px 60px;
	font-weight: bolder;
}
.img_rank01 {
	margin:0 auto 10px auto;
	width:202px;
}
.img_rank01 img {
	display:block;
    min-width: 202px;
	max-width: 202px;
	min-height: 316px;
	max-height: 316px;
	border: 1px solid #333333;
}
.button_illust {
	display:block;
	width:141px;
    margin:0 auto 0 auto;
}
.cm_media {
	width: 202px;
	height: 280px;
	margin:3px 0 0 0;
	padding:10px 6px 20px 6px;
	font-size: 11px;
	background: #ffffff;
}
.cm_pre {
	margin:0;
	padding:0 0 0 0;
    width: 769px;
}
.cm_pre_r {
	float:left;
	margin:0 8px 8px 0;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8;
	border: 3px solid #333333;
}
.cm_pre_r2 {
	float:left;
	margin:0 0 8px 0;
	padding:22px 0 10px 0;
    width: 181px;
	background: #e8e8e8;
	border: 3px solid #333333;
}
.cm_right {
	overflow:hidden;
	margin:0;
	padding:3px 0 0 0;
    width: 549px;
}
.cm_rank02 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank02.png) no-repeat;
}
.img_rank {
	margin:0px auto 0px auto;
    border: 1px solid #333333;
}
.rank_title {
	margin:10px 0 0 0;
	text-align: center;
}
.cm_rank03 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank03.png) no-repeat;
}
.cm_rank04 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank04.png) no-repeat;
}
.cm_rank05 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank05.png) no-repeat;
}
.cm_rank06 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank06.png) no-repeat;
}
.cm_rank07 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank07.png) no-repeat;
}
.cm_rank08 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank08.png) no-repeat;
}
.cm_rank09 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank09.png) no-repeat;
}
.cm_rank10 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank10.png) no-repeat;
}
.cm_rank11 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank11.png) no-repeat;
}
.cm_rank12 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank12.png) no-repeat;
}
.cm_rank13 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank13.png) no-repeat;
}
.cm_rank14 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank14.png) no-repeat;
}
.cm_rank15 {
	float:left;
	margin:0 0 3px 3px;
	padding:22px 0 10px 0;
    width: 180px;
	background: #e8e8e8 url(../images/bg_rank15.png) no-repeat;
}
.cm_enpty {
	float:left;
	margin:0 0 3px 3px;
    width: 180px;
	background: #e8e8e8;
}
.title_top {
    margin: 10px 0 0 0;
}
.title_archive {
    margin: 0 0 8px 0;
}
.title_name {
	font-size:18px;
    margin-bottom:16px;
	padding-left:40px;
	font-weight:bolder;
}
.ca_top {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2014.png) no-repeat;
}
.ca_top_2013 {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2013.png) no-repeat;
}
.ca_top_2012 {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2012.png) no-repeat;
}
.ca_top_2011 {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2011.png) no-repeat;
}
.ca_top_2010 {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2010.png) no-repeat;
}
.ca_top_2009 {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2009.png) no-repeat;
}
.ca_top_2008 {
	overflow:auto;
	margin:0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #e8e8e8 url(../images/bg_rank2008.png) no-repeat;
}
.ca_top_left {
	float:left;
    width: 431px;
}
.ca_top_right {
	float:left;
	margin-left:29px;
    width: 263px;
}
.ca_top_text {
	margin:10px 0;
}
.ca_middle {
	overflow:auto;
	margin:3px 0 3px 0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #ffffff;
}
.ca_middle ul {
	display:block;
    float: left;
}
.ca_middle_left {
	width:159px;
}
.ca_middle_left li {
	overflow:hidden;
	display:block;
    float: left;
	margin:0 1px 1px 0;
	width:52px;
	height:75px;
}
.ca_middle_left li img {
	display:block;
	min-width: 52px;
	max-width: 52px;
	min-height: 75px;
	max-height: 75px;
}
.ca_middle_center {
	float:left;
	margin:0 20px;
    width: 230px;
	line-height:2.0;
	font-weight:bolder;
}
.ca_middle_right {
	width:294px;
}
.ca_middle_right li {
	display:block;
	float:left;
}
.ca_middle_img {
    border: 1px solid #333333;
}
.ca_middle_text {
	width:120px;
	margin:26px 0 0px 10px;
}
.ca_middle_under {
	margin:10px 0 0 0;
}
.l_10 {
	margin:0 0 0 10px;
}
.arch {
	overflow:hidden;
    padding: 0px 0px 0px 10px;
	background: url(../images/arch.png) no-repeat 0 50%;
}
.icon {
	overflow:hidden;
    padding: 0px 0px 0px 30px;
	background: url(../about/images/icon.png) no-repeat 0 50%;
}
.book {
	margin:0 1px 1px 0;
	display:block;
	min-width: 52px;
	max-width: 52px;
	min-height: 75px;
	max-height: 75px;
}
.ca_under {
	overflow:auto;
	margin:3px 0 0 0;
	padding:16px 20px 20px 20px;
    width: 723px;
	background: #ffffff;
} 
.ca_under_top {
	overflow:auto;
	margin:0px 0 0 0;
	padding:16px 0px 20px 0px;
	background: #ffffff;
} 
.ca_list {
	display:block;
	float:left;
    width:235px;
} 
.ca_list li {
	line-height:1.5;
	margin-bottom:10px;
} 
.l_middle {
	display:block;
	margin:0 9px 0 9px;
} 
.img_border {
    border: 1px solid #333333;
}
.ca_img_left {
    float:left;
	overflow:hidden;
	display:block;
    float: left;
	width:204px;
	height:318px;
}
.ca_img_left li {

}
.ca_img_left img {
	display:block;
	min-width: 202px;
	max-width: 202px;
	min-height: 316px;
	max-height: 316px;
	border: 1px solid #333333;
}
.ca_img_right {
	float:left;
	margin-left:19px;
}
.title_news {
	display:block;
	width:757px;
	padding:4px 12px 4px 0;
	height:39px;
    background: url(../news/images/title_news.png) no-repeat;
}
.title_shop {
	display:block;
	width:757px;
	padding:4px 12px 4px 0;
	height:39px;
	background: url(../shopinfo/images/title_shop.png) no-repeat;
}
.title_year {
	position:relative;
	top:50%;
	margin:-13px 0 0 0;
	padding:0 6px 0 6px;
	color:#333333;
	float:right;
	background:#ffffff;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#sidebar {
	float: left;
	margin-left: 11px;
	width: 220px;
}
.side_genga {
    width: 214px;
	border: 3px solid #333333;
	background: #e8e8e8 url(../images/side_bg01.png) no-repeat;
	margin-bottom:11px;
}
.side_news {
	margin-top:11px;
    width: 214px;
	border: 3px solid #333333;
	background: #e8e8e8 url(../images/side_bg01.png) no-repeat;
}
.side_store {
	margin-top:11px;
    width: 214px;
	border: 3px solid #333333;
	background: #e8e8e8 url(../images/side_bg02.png) no-repeat;
}
.side_past {
	margin-top:11px;
    width: 214px;
	border: 3px solid #333333;
	background: #6e6e6e;
}
.side_fb {
	margin-top:11px;
    width: 216px;
	border: 2px solid #333333;
}
.side_tittle {
	font-size: 12px;
	line-height: 1.5;
	color : #333333;	
    padding: 10px 0px 10px 32px;
	font-weight: bolder;
	border-bottom: 1px #333333 dashed;
}
.side_tittle_past {
	font-size: 12px;
	line-height: 1.5;
	color: #ffffff;
    padding: 10px 0px 10px 6px;
	font-weight: bolder;
}
.side_main {
	font-size: 12px;
	line-height: 1.5;
	color : #333333;
    padding: 10px 10px 20px 10px;
}
.side_main li {
    margin-bottom:2px; 
}
.side_main_past {
	font-size: 12px;
	line-height: 1.5;
	color: #ffffff;
    padding: 10px 10px 20px 10px;
}
.side_day {
	padding: 0px 2px 0px 2px;
	font-size: 12px;
	color : #ffffff;
	background-color: #999999;
    
}
.side_archive {
	font-size: 11px;
	line-height: 1.5;
	color: #ffffff;
    padding: 10px 0px 10px 6px;
	font-weight: bolder;
	border-top: 1px #333333 dashed;
}
.side_archive ul li {
	overflow:hidden;
    padding: 0px 0px 0px 10px;
	background: url(../images/arch.png) no-repeat 0 50%;
}
.side_archive ul li a{
    text-decoration: none;
}
.side_archive ul li a:active {
    color: #FFFFFF;
}
.side_archive ul li a:link {
    color: #FFFFFF;
}
.side_archive ul li a:visited {
    color: #FFFFFF;
}
.side_archive ul li a:hover {
	text-decoration: underline;
	color: #f5dd29;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 07.footer style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	width: 100%;
	height: 42px;
	padding: 21px 0px 0px 0px;
	color: #dddddd;
	clear: both;
	font-size: 12px;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	text-align: center;
	background-image: url("../images/footer_bg.png")
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 08.tab style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.tabs {list-style:none; width:763px;}
ul.tabs li:first-child {}
ul.tabs li {float:left; margin: 0 10px 1px 0; background-color:#585858;}
ul.tabs li.active { background-color:#333333; margin-bottom:-1px; padding-bottom:1px;}
ul.tabs li a {display:block; padding:5px 10px; color:#ffffff; letter-spacing:-1px; outline:none; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.tabs li.active a {font-weight:600; color:#ffffff;}

div.tabs_content {margin:0; width:763px; border:3px solid #333333; background:#333333;}
div.tabs_content > div {}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 09.other class style                                                   */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.img_left {
	padding:0 5px 0 0;
    float:left;
}
.clear {clear:both;}
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
