@charset "UTF-8";
/*  
Theme Name: DizitalBass
Theme URI: http://www.dizitalbass.net/
Description: <a href="http://www.dizitalbass.net/">デジタルバス</a> が開発するテーマ。<a href="http://www.dizitalbass.jp/">デジタルバス</a>
Version: 5.0
Author: tefutefu
Author URI: http://tefutefu.info/
*/





/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;
background:#ffffff url(img/bg.jpg) bottom;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}






/***** 横幅設定 (100% or 950px) *****/
#container{width: 950px;}


/***** カラム設定 (3 or 2 or 1) *****/
/*3カラム左右
#main{width: 70%;}
#side{width: 20%;margin-right: -20%;float: left;}
#mainwrap{margin-left: 20%;width: 80%;float: right;}
#sidebar2{width: 30%;margin-left: -10px;}

/*3カラム右右
#main{width: 70%;}
#side{width: 20%;float: right;margin-left: -20%;}
#mainwrap{width: 80%;float: left;margin-right: 20%;background-color: #ccc;}
#sidebar2{width: 30%;margin-left: -10px;}*/

/*2カラム左*/
#main{width: 100%;}
#side{width: 30%;margin-right: -30%;float: left;}
#mainwrap{margin-left: 30%;width: 70%;float: right;}
#sidebar2{width: 100%;background-color: #666;}*/

/*2カラム右
#main{width: 100%;}
#side{width: 25%;margin-left: -25%;float: right;}
#mainwrap{width: 75%;margin-right: 25%;float: left;}
#sidebar2{width: 100%;background-color: #666;}*/

/*1カラム
#main{width: 100%;}
#side{width: 100%;float: left;}
#mainwrap{width: 100%;float: right;}
#sidebar2{width: 100%;background-color: #666;}*/





/***** 共通のタグ CommonTag *****/
body{background-color: #eee;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;}
a{ outline:none;color: #666;text-decoration: none;}
a:hover{color: #999;text-decoration: underline;}





/***** スペース領域 AreaSpace *****/
#container{margin-right:auto;margin-left:auto;}
#main{float: left;text-align:left;background-color: #fff;overflow: hidden;}
#mainwrap{overflow: hidden;}
#side{overflow: hidden;}
#sidebar1{overflow: hidden;background-color: #fff;}
#sidebar2{float: right;overflow: hidden;background-color: #fff;}
.sidebar{padding-bottom: 15px;overflow: hidden;}
#topimage{height: 180px;clear: both;border-bottom: 3px solid #fffffc;background: #fff url(img/toppp.jpg) no-repeat;text-indent: -9999px;}
#header{height: 160px; overflow: hidden;border-top: 7px solid #02b300;border-bottom: 5px solid #02b300;background: #fff url(img/top.jpg) no-repeat;float: left;width: 100%;}
#header-front{height: 450px; overflow: hidden;border-top: 7px solid #02b300;border-bottom: 5px solid #02b300;background: #fff url(img/topp.jpg) no-repeat;float: left;width: 100%;}
#footer{clear:both;background-color: #fffff0;float: left;width: 100%;}
#wrap{clear:both;background-color: #fff;float: left;width: 100%;overflow: hidden;margin-top: -1px;border-top: 1px solid #7f7f7f;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;}





/***** ヘッダー Header *****/
h1{ color:#50b4e5; font-size: 110%;margin:5px;padding: 7px 0;font-weight: normal;font-style: normal;font-family:Impact,Charcoal;}
#header .header-left{float: left;padding: 10px 2%;font-family:Impact,Charcoal;}
#header .header_description a{color:#ccc;font-size: 110%;text-decoration:none;padding: 10px ;}
#header .header_description a:hover{color:#1066de}
#header-front .header-left{float: left;padding: 10px 2%;font-family:Impact,Charcoal;}
#header-front .header_description a{color:#ccc;font-size: 80%;text-decoration:none;padding: 10px ;}
#header-front .header_description a:hover{color:#1066de}

/*ヘッダーナビ header_navi*/
#header_navi{padding: 0;width: 100%;float: left;clear: both;background: #000 url(img/menu.gif) no-repeat;}
#header_navi #page_navi{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;background: none left top;padding: 0;}
#header_navi #page_navi li{padding: 0;margin: 0;float: left;}
#header_navi #page_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}
#header_navi #page_navi li ul li{padding: 0;}
#header_navi #page_navi li a{color: #fff;padding: 5px .7em;float: left;border-right: 1px solid #c7d9d9;border-left: 0px solid #c7d9d9;font-size: 200%;border-bottom: 0px solid #c7d9d9;}
#header_navi #page_navi li a:hover{text-decoration: none;color: #1066de;}
#header_navi #page_navi li.current_page_item a{background-color: #909fa6;color: #fff;}



/* =Menu
-------------------------------------------------------------- */

#access {background: #fff url(img/menu.gif) repeat-x; margin: 0 auto; width: 950px; display:block;float:left;
}
#access .menu-header,
div.menu {font-size: 19px; margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {list-style: none; margin: 0;
}
#access .menu-header li,
div.menu li {float:left; position: relative;
}
#access a {display:block; text-decoration:none; color:#fff; padding:0 10px; line-height:38px;
}
#access ul ul {display:none; position:absolute; top:38px; left:0; float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#access ul ul li {min-width: 180px;	
}
#access ul ul ul {left:100%; top:0;
}
#access ul ul a {background:#333; height:auto; line-height:1em; padding:10px; width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {color:#000; background:#66361f;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}




/***** フッター Footer *****/
#footer .copyright {color: #ccc;padding: 20px 1%;font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#footer #wp_loginout {padding: 0;margin: 0;float: right;font-size: 80%;}
#footer #wp_loginout li{display: inline;padding: 0 1em 0 0;float: left;}
#footer #wp_loginout li a{float: left;background-color: #555;color: #ccc;padding: 3px 10px;font-weight: normal;white-space: nowrap;}
.produced{color:#666;text-align:right;float: right;padding: 10px 1%;font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}







/* Structure the footer area */
#footer-widget-area {overflow: hidden;}
#footer-widget-area .widget-area {float: left; margin: 15px; width: 210px;}
#footer-widget-area #fourth {margin-right: 0;}
#site-generator {float: right; width: 220px;}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {list-style: none; margin-left: 0;}
.widget-area ul ul {list-style: square; margin-left: 1.3em;}
.widget_search #s { /* This keeps the search inputs in line */width: 60%;}
.widget_search label {display:none;}
.widget-container {margin: 0 0 18px 0;}
.widget-title {color: #222; font-weight: bold;}
.widget-area a:link,
.widget-area a:visited {text-decoration: none;}
.widget-area a:active,
.widget-area a:hover {text-decoration: underline;}
.widget-area .entry-meta {font-size: 11px;}
#wp_tag_cloud div {line-height: 1.6em;}
#wp-calendar {width:100%;}
#wp-calendar caption {font-weight: bold; color: #222; text-align: left; font-size:14px; padding-bottom: 4px;}
#wp-calendar thead {font-size:11px;}
#wp-calendar thead th {
}
#wp-calendar tbody {color: #aaa;}
#wp-calendar tbody td {padding: 3px 0 2px; background: #f5f5f5; border:1px solid #fff; text-align: center;}
#wp-calendar tbody .pad {background: none;}
#wp-calendar tfoot #next {text-align: right;}
.widget_rss a.rsswidget {color: #000;}
.widget_rss a.rsswidget:hover {color: #FF4B33;}
.widget_rss .widget-title img {height: 11px;width: 11px;
}







/***** コンテンツ Content *****/
.pagename{font-weight: bold;clear: both;color: #5995b3;background-color: #fff;border-bottom: 1px solid #999;margin-bottom: 0;padding: 15px 2%;font-size: 120%;}
.content {clear: both;font-size:17px;line-height: 110%;padding: 5px 2%;margin: 1em;}
.content .title{margin: 0;padding: 0 0 10px;}
.content .title a{
color: #003399;text-decoration:none;display: block;background-color: #02b300;font-size: 105%;line-height: 100%;padding: .3em 1.5%;
 -webkit-border-radius: 10px;	/* Safari、Google Chrome */
 -moz-border-radius: 10px;	/* Firefox */
}
.content .title a:hover{color:#555966;background-color: #55cc18;} 
.content p{color: #7ab1cc;line-height: 110%;}
.content img{vertical-align:middle;margin: 2px 10px;}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 170%;line-height: 100%;}
.content h3{font-size: 150%;line-height: 100%;}
.content h4{font-size: 95%;line-height: 100%;}
.content h5{font-size: 90%;line-height: 100%;}
.content h6{font-size: 75%;line-height: 100%;}
.content strong{font-size: 110%;color: #0099ff;}
.content small{font-size: 80%;}
.content big{font-size: 130%;}
.content a{color: #226db9;} 
.content a:hover{color: #2783de;} 
.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 
.content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;}
.content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}
.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}
.content blockquote p{margin: 0;padding: 0px 0px .8em;}
.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}
.content .postmetadata {margin: 0;color: #555;clear: both;border-bottom: 1px solid #bbb;padding: 0px 0 0;font-size: 80%;line-height: 160%;}
.content img.alignleft{float:left;padding:0 10px 10px 0;}
.content img.alignright{float:right;padding:0 0 10px 10px;}
#pagewrap .relation ul {padding: 15px 0 15px 40px;}

/*コメント comments*/
#comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;}
#comments-area small{font-size: 85%;}
#comments-area ol.commentlist {list-style-type: none;padding-left: 5%;}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;}
#comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;}
#comments-area form#commentform {padding: 0 0 0 5%;}
#comments-area p.nocomments {display: none;}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding:10px 0;white-space: nowrap;float:left;width:100%;}
.navigation a{color: #fff;padding:2px 5px;background-color: #999;border: 2px solid #ccc;float: left;font-size:70%;line-height:100%;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {float: left;padding:0 0 0 10px;}
.navigation div.alignright {float: left;padding:0 0 0 10px;}





/***** サイドバー Sidebar *****/
.sidebar {font-size: 0.9em;line-height: 1.4em;color: #999;}
.sidebar ul{list-style-type: none;margin: 0;overflow: hidden;background-color: #fff;padding: 7px 3%;}
.sidebar ul li{background: #fff url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0.2em 13px;}
.sidebar p{line-height: 150%;padding: 7px 3%;}
.sidebar .widget{overflow: hidden;margin: 5px 5px 0;background-color: #fff;padding: 7px;
 -webkit-border-radius: 10px;	/* Safari、Google Chrome */
 -moz-border-radius: 10px;	/* Firefox */
border-style:   outset;
 border-width:   1px;}
.sidebar .widget-title {margin: 0 0 5px;clear: both;background-color: #fff;font-size: 120%;line-height: 130%;font-weight: bold;padding: 3px 2%;color: #555966;border-bottom: 1px solid #ccc;}
.sidebar a {color: #003399;font-size: 120%;line-height: 150%;}
.sidebar a:hover {color: #0000cc;text-decoration: underline;}
/***** サイドバー2 Sidebar2 *****/
.sidebar2 {font-size: 0.85em;line-height: 1.4em;}
.sidebar2 ul{list-style-type: none;margin: 0;overflow: hidden;background-color: #fff;padding: 7px 3%;}
.sidebar2 ul li{background: #fff url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0.2em 10px;}
.sidebar2 p{line-height: 150%;padding: 7px 3%;}
.sidebar2 .widget{overflow: hidden;margin: 5px 5px 0;background-color: #fff;padding: 7px;
border-style:   outset;
 border-width:   0px;}
.sidebar2 .widget-title {margin: 0 0 5px;clear: both;background-color: #fff;font-size: 100%;line-height: 130%;font-weight: bold;padding: 3px 2%;color: #666;border-bottom: 1px solid #ccc;}
.sidebar2 a {color: #00a0ff;}
.sidebar2 a:hover {color: #ccc;text-decoration: underline;}

/*テキスト textwidget*/
.sidebar .textwidget p {background-color: #fff;}

/*検索 search*/
.sidebar #searchform input#s {width: 70%;border: 1px solid #999;padding: 4px;font-size: 100%;}
.sidebar #searchform label.hidden {font-weight: bold;}

/*カレンダー Calendar*/
.sidebar #wp-calendar {color: #666;background-color: #fff;line-height: 100%;font-size: 95%;width:100%;margin:0 auto;}
.sidebar #calendar p.widget-title {display: none;}
.sidebar #wp-calendar thead {background-color: #eee;}
.sidebar #wp-calendar caption {color: #000;font-weight: bold;background-color: #ccc;padding: 5px 0;}
.sidebar #wp-calendar th{text-align: center;padding: 3px 0;}
.sidebar #wp-calendar td{text-align: center;padding: 3px 0;}

/*タグクラウド*/
.sidebar #tag_cloud {line-height: 1.2;}


/*Single Product*/
#singleproduct {clear: both;	margin: 3px 10px 3px 10px;width: 100%;font-size: 15px;line-height: 140%; color:#556666;}
#singleproduct strong{font-size: 120%; color:#003cb3;}
#singleproduct .box{	float: left;	width: 46%;	height: auto;	overflow: hidden;	margin: 5px 3px 5px 2px;	padding: 5px;
	border: 0px solid #000;	font-size: 15px;	text-align: left;	line-height: 140%;
	 -webkit-border-radius: 10px;	/* Safari、Google Chrome */ -moz-border-radius: 10px;	/* Firefox */
}
#singleproduct .box h3{	font-weight: bold;clear: both;color: #fff;background: #fff url(img/h3.gif) repeat-x;border-bottom: 0px solid #999;margin-bottom: 0;padding: 12px 2%;font-size: 120%;}
#singleproduct .box h4{margin: 5px;font-size: 15px;	 color:#00a0ff;}
#singleproduct .box p{margin: 5px;font-size: 15px;	 color:#555966;}
#singleproduct .box strong{font-size: 150%; color:#ff0000;}
#singleproduct img{	margin: 3px 3px;	border-style: none;	text-align: center;}
dl,dt,dd {margin: 0;padding: 0;}
dl {border: 1px solid #ccc;border-top: none;width: auto;background: #f0ffff;color: #666;}
dt,dd {padding: 3px;}
dt {border-top: 1px solid #ccc;clear: left;float: left;width: 200px;}
dd {margin-left: 200px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;background: #fff;color: #1f3666;}




/***** その他 Others *****/
#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}




/***** スライダー *****/
#slider {
    width: 950px; /* important to be same as image width */
    height: 360px; /* important to be same as image height */
    position: absolute; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 950px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 25px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 950px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #55cc18;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 39px;
	color: #0066ff;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}