@charset "utf-8";
/*
Theme Name: paman2go
Theme URI: http://asens.jp/
Description: パーマン2goのテーマ
Version: 1.0
Author: Hiroaki Sawahisa <sawahisa@asens.jp>
Author URI: http://asens.jp/
Tags:
*/



/* General styles */
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
color:#333333;
min-width:600px;    /* Minimum width of layout - remove line if not required *//* The min-width property does not work in old versions of Internet Explorer */
font-family: Verdana, Geneva, Arial, Osaka, Helvetica, sans-serif;
font-size:12px;
line-height:1.4;
}
a {
color:#06F;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
h1{
font-size:16px;
}
h2{
font-size:14px;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img{
border:none;
}

/* Header styles */
#header {
clear:both;
float:left;
width:100%;
border-bottom:3px solid #C30;
}
#header h1{
float:left;
width:180px;
margin:10px 0 10px 15px;
font-size:24px;
} 
#header h1 a{
color:#C30;
text-decoration:none;
}
#header h2{
float:left;
width:600px;
padding-top:12px;
color:#999;
font-weight:normal;
font-size:11px;
}
#header h2 a{
color:#999;
text-decoration:none;
}
#header h2 a:hover{
text-decoration:underline;
}
#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover {
background:#369;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
#header p.gn{
text-align:right;
padding:14px 20px 0 0;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#C30;
border-bottom:1px solid #FFF;
margin:0;
padding:6px 15px !important;
text-align:center;
}
#layoutdims input{
}
#layoutdims #searchsubmit {
background:#DDD;
}

/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
}

/* 2 column left menu settings */
.leftmenu {
}
.leftmenu .colright {
float:left;
width:200%;
position:relative;
left:200px;
background:#fff;
}
.leftmenu .col1wrap {
float:right;
width:50%;
position:relative;
right:200px;
padding-bottom:1em;
}
.leftmenu .col1 {
margin:0 0 0 215px;
position:relative;
right:100%;
overflow:hidden;
}
.leftmenu .col1 img {
margin:10px 0 5px;
border:2px solid #DFDFDF;
}
.leftmenu .col1 a:hover img{
border:2px solid #06F;
}
.leftmenu .col1 h2{
clear:both;
margin-right:10px;
padding:4px 0 4px 10px;
border-left:4px solid #C30;
background:#EEE;
}
.leftmenu .col1 h2.buy{
padding-left:24px;
border:none;
background:url(images/ico_cart.gif) 4px 2px no-repeat;
}
.leftmenu .col1 h2.ranking{
padding-left:24px;
border:none;
background:url(images/ico_ranking.gif) 4px 5px no-repeat;
}
.leftmenu .col1 ul.products{
text-align:center;
}
.leftmenu .col1 a{
font-size:12px;
text-decoration:none;
}
.leftmenu .col1 a:hover{
}
.leftmenu .col1 ul.products,.leftmenu .col1 ol.products{
padding-left:0;
}
.leftmenu .col1 ul.products li, .leftmenu .col1 ol.products li{
float:left;
width:180px;
height:220px;
padding-bottom:40px;
list-style:none;
text-align:center;
}
.leftmenu .col1 ul.products li span.category a,.leftmenu .col1 ol.products li span.category a{
padding:2px 6px;
color:#FFFFFF;
background:#BBB;
font-size:10px;
}
.leftmenu .col1 ul.products li span.category a:hover,.leftmenu .col1 ol.products li span.category a:hover{
color:#FFFFFF;
background:#999;
text-decoration:none;
}
.leftmenu .col1 ol.products li span{
padding-left:18px;
}
.leftmenu .col1 ol.products li span.number1{background:url(images/ico_rank1.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number2{background:url(images/ico_rank2.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number3{background:url(images/ico_rank3.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number4{background:url(images/ico_rank4.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number5{background:url(images/ico_rank5.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number6{background:url(images/ico_rank6.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number7{background:url(images/ico_rank7.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number8{background:url(images/ico_rank8.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number9{background:url(images/ico_rank9.gif) 0 2px no-repeat;}
.leftmenu .col1 ol.products li span.number10{background:url(images/ico_rank10.gif) 0 2px no-repeat;}
.leftmenu .col1 dl.post{
width:80%;
padding-left:0;
list-style:none;
font-size:14px;
}
.leftmenu .col1 dl.post dt{
margin-bottom:10px;
font-weight:bold;
}
.leftmenu .col1 dl.post dt small{
color:#666666;
font-weight:normal;
}
.leftmenu .col1 dl.post dd{
margin-left:0;
margin-bottom:20px;
}
.leftmenu .col1 ul.post li{
}
.leftmenu .col1 .navigation{
clear:both;
margin:0 10px 0 0;
padding-top:10px;
padding-bottom:10px;
padding-right:50px;
text-align:center;
font-weight:bold;
}
.leftmenu .col1 .navigation a{
padding:2px 4px;
text-decoration: none;
border:1px solid #DEDFDE;
font-size:14px;
}
.leftmenu .col1 .navigation a:hover{
color: #FFFFFF;
background:#FF9900;
padding:2px 4px;
text-decoration: none;
}
.leftmenu .col1 .entry{
line-height:1.6;
}
.leftmenu .col1 .post, .leftmenu .col1 .post a{
padding-top:10px;
font-size:14px;
}
.leftmenu .col2 {
float:left;
width:170px;
position:relative;
right:185px;
}
.leftmenu .col2 ul {
margin-left:0;
margin-bottom:20px;
padding-left:0;
line-height:1.8;
}
.leftmenu .col2 ul ul, .leftmenu .col2 #calendar_wrap {
border:1px solid #DDD;
border-top:none;
padding-bottom:5px;
}
.leftmenu .col2 ul.smo{
border:none;
}
.leftmenu .col2 ul.smo li{
margin-left:0;
text-align:center;
}
.leftmenu .col2 li{
list-style:none;
}
.leftmenu .col2 ul ul li{
margin-left:10px;
}
.leftmenu .col2 #calendar_wrap{
margin-bottom:20px;
text-align:center;
}
.leftmenu .col2 #calendar_wrap table#wp-calendar{
margin:0 auto;
}
.leftmenu .col2 #calendar_wrap caption, .leftmenu .col2 #calendar_wrap thead{
color:#666666;
}
.leftmenu .col2 #calendar_wrap tbody{
color:#999999;
}
.leftmenu .col2 h2{
margin-bottom:0;
padding:1px 2px 1px 4px;
background:#EAEAEA url(images/bg_sidebar_title.gif) repeat-x;
border:1px solid #DDD;
border-bottom:1px solid #CCC;
font-size:12px;
}
.leftmenu .col2 h3{
padding:3px 0 3px 6px;
color:#FFFFFF;
background:#999999;
}
.leftmenu .col2 h4{
margin-bottom:0;
}

/* Footer styles */
#footer {
clear:both;
width:100%;
color:#999999;
text-align:center;
font-size:11px;
border-top:1px solid #CCC;
}
#footer p {
padding:10px;
margin:0;
}