@import url(css/header_footer.css);
@import url(css/thickbox_002.css);

/*基本設定
=========================================================================*/
* { margin:0; }
body { 
	background:fixed #fff url(images/background.jpg); 
	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;}

#puma_wrapper { 
	width:988px; 
	height:auto; 
	margin:17px auto 0; 
}

#puma_header { 
	width:100%; 
	height:42px; 
	background:url(images/header.png) 0 0 no-repeat; 
	left: inherit;
	padding-top: 0px;
	z-index: 99;}

#puma_body { 
	width:100%; 
	margin:0; 
	padding:0;
	background:url(images/mainbg.gif) right 0 repeat-y #ffffff;}
	

/*right contents
=========================================================================*/
#sidebar { 
	width:288px; 
	float:right; 
	height:auto; 
	display:inline; 
	margin:0 0 0 2px; 
	padding:2px 0 30px 0; 
	border-right:1px solid #939393;
	background:#939393 url(images/sidebar_logo.png) 0 0 no-repeat; }

#sidebar a { 
	text-decoration:none; }	
	

#sidebar ol { 
	background:#939393; 
	display:block; 
	clear:none; }	
    
#sidebar ol h2 { 
	width:100%; 
	height:66px; 
	display:block; }
	  	  
#category { 
	margin-top:135px; 
	padding:0;}	

#category h2 { 
	background:url(images/ttl_category.gif) 0 0 no-repeat; 
	border-bottom:1px solid #808080;}
	
#category ul { 
	padding:0; 
	list-style:none;}
	
#category li { 
	height:39px; 
	font-size:15px; 
	line-height:35px; 
	text-indent:50px;
	overflow:hidden;
	position:relative; 
	font-family:Helvetica, sans-serif; 
	color:#fff;
	border-bottom:1px solid #808080;}
	
#category li a { 
	display:block;
	color:#fff;
	height:39px;}

#category li.shop,	
#category li.shop a { 
	background:url(images/shop_bg.gif) left top no-repeat; }	
	
#category li.shop a:hover { 
	background:url(images/shop_bg.gif) left bottom no-repeat; }	

#category li.event,	
#category li.event a { 
	background:url(images/event_bg.gif) left top no-repeat; }	
	
#category li.event a:hover { 
	background:url(images/event_bg.gif) left bottom no-repeat; }	
	
#category li.campaign,
#category li.campaign a { 
	background:url(images/campaign_bg.gif) left top no-repeat; }	
	
#category li.campaign a:hover { 
	background:url(images/campaign_bg.gif) left bottom no-repeat; }

#category li.product,
#category li.product a { 
	background:url(images/product_bg.gif) left top no-repeat; }	
	
#category li.product a:hover { 
	background:url(images/product_bg.gif) left bottom no-repeat; }

#category li.release,
#category li.release a { 
	background:url(images/release_bg.gif) left top no-repeat; }	
	
#category li.release a:hover { 
	background:url(images/release_bg.gif) left bottom no-repeat; }	
	
/*search*/

#search {
	padding:0;
	border-bottom:1px solid #808080;}
	
#search ul{ 
	padding:0;
	height:80px; }
	
#search input { 
	border:0; 
	float:left; 
	display:inline;
	margin-top:24px;}
	
#search input, #sidebar ol#search input:focus { 
	font-size:12px; 
	color:black; 
	border:0; 
	outline:0; }
	
#search input.box { 
	color:#444; 
	width:215px; 
	height:22px; 
	margin-left:20px; 
	padding:5px 0 5px 5px; 
	background: url(images/search_input.gif) 0 50% no-repeat; }

#search input.button { 
	width:32px; 
	height:32px; 
	background: url(images/search_button.gif) 0 50% no-repeat; }

/*blog contents
=========================================================================*/
#main { 
	width:697px; 
	float:left; 
	clear:none; 
	overflow:hidden; 
	padding-bottom:7px; 
	color:#404040; 
	display:inline;
	margin:0;}
	
.post {
	font-family: Helvetica, sans-serif;
	margin-bottom:20px;}

.blog_title {
	width:697px;
	height:auto;
	background:#c90000;
	margin:0;
	padding:20px 30px 12px 30px;}

.blog_title h2 { 
	font-size:14pt; 
	font-weight:bold;
	line-height:1;
	margin-bottom:0; 
	text-transform: uppercase;
	padding-right:30px;
	color:#fff; }

.blog_title h2 a { 
	color:#fff; 
	text-decoration: none; }

.blog_title h2 a:hover { 
	text-decoration: underline; }
	
.blog_title h3 {
	color:#fff;
	font-weight:normal;
	font-size:7pt;
	font-family:Helvetica, sans-serif;}
	
.category_tab {
	margin:20px 0 20px 30px;
	_margin:20px 0 20px 15px;
	float:left;}
	
.category_tab h4{
	float:left;
	margin-right:5px;}
	
.category_tab h4 a {
	color:#c90000;
	text-decoration:none;
	font-size:14px;
	background:url(images/category_tag_bg.gif) repeat-x;
	height:23px;
	border:1px solid #cecece;
	padding:4px 5px 3px 5px;}
	
.entry { 
	margin:0 30px 0 30px;
	clear:both;
	font-size:10pt;
	line-height:1.5;}

.entry p { 
	font-size:12px; 
	line-height:18px; 
	letter-spacing:0.03em; 
	word-spacing:0.03em; 
	margin-bottom:15px;}

.page_navi{
	text-align:center;
	margin:0 auto 20px 0;}
	
/*release*/
.post_release{ 
	margin:20px 30px 0 30px;
	min-height:25px;
	_height:25px;
	padding-left:35px;
	clear:both;
	background:url(images/list_release.gif) 0 0 no-repeat;
	font-size:10pt;
	line-height:1.5;}
	
.post_release a{
	color:#c90000;}
.post_release a:hover{
	text-decoration:none;}



/*clearfix
=========================================================================*/
#puma_header:after,
#puma_body:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;}
	
#puma_header,
#puma_body {
	display:inline-block;}
	
#puma_header,
#puma_body {
	display:block;}