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

/*基本設定
=========================================================================*/
* { margin:0; }
img{border:none;}
li{ list-style:none;}

body { background:fixed #fff url(common/images/background.jpg); font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5;}
#container { position:relative; width:988px; height:auto; margin:17px auto 0 auto; 
background:url(common/images/bg-container.png) right bottom no-repeat #ffffff; padding:0 0 9px 0;}
#puma_body { 
width:100%; 
margin:0; 
padding:0 0 9px 0;
overflow:hidden;}
.pagination{text-align:center; padding:15px 0 0 0;}
.pagination a{margin:0 1px 0 0; color:#333; text-decoration:none; display:inline-block; padding:1px 6px 0 6px; border:1px solid #d9d9d9;}
.pagination a:hover{background:#e71a0f; color:#fff;}
.pagination span.current_page{display:inline-block; padding:1px 6px 0 6px; border:1px solid #d9d9d9; background:#e71a0f; color:#fff;}

/*right contents
=========================================================================*/
#sidebar { 
width:288px; 
float:right; 
height:auto; 
margin:0 0 -32767px 2px; 
padding:2px 0 32767px 0; 
border-right:1px solid #939393;
background:#939393 url(common/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(common/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(common/images/shop_bg.gif) left top no-repeat; }
#category li.shop a:hover { background:url(common/images/shop_bg.gif) left bottom no-repeat; }
#shop #category li.shop a{ background:url(common/images/shop_bg.gif) left bottom no-repeat; }

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

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

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

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

#category li.brand,
#category li.brand a { background:url(common/images/brand_bg.gif) left top no-repeat; }
#category li.brand a:hover { background:url(common/images/brand_bg.gif) left bottom no-repeat; }
#brand #category li.brand a { background:url(common/images/brand_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(common/images/search_input.gif) 0 50% no-repeat; }

#search input.button { 
width:32px; 
height:32px; 
background: url(common/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;}

#main .cat_ttl{
width:697px;
height:auto;
background:#939393;
margin:0 0 2px 0;
padding:10px 30px;
color:#fff;
font-size:22px;
font-weight:bold;
text-transform: uppercase;}

.post {
font-family: Helvetica, sans-serif;
margin-bottom:20px;}

.blog_title {
width:637px;
height:auto;
background:#c90000;
margin:0;
padding:10px 30px 10px 30px;}

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

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

.blog_title h2 a:hover { 
text-decoration: underline; }

.blog_title .date {
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(common/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*/
#release .date{font-weight:bold; font-size:16px;}
.post_release{ 
padding:20px 30px 20px 50px;
min-height:25px;
_height:25px;
clear:both;
background:url(common/images/list_release.gif) 20px 20px no-repeat;
font-size:10pt;
line-height:1.5;
border-bottom:1px dotted #d9d9d9;}

.post_release a{
color:#c90000;}
.post_release a:hover{
text-decoration:none;}



/*clearfix
=========================================================================*/
.row:after, .clearfix:after, #content:after, .section:after, .section-header:after, .section-header-inner:after, .section-content:after, .section-content-inner:after, .section-footer:after, .contain:after, .header:after, .content:after, .footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

#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;}