/*
Theme Name: Boogie
*/


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img{
vertical-align:bottom;
}

/*----cmn style----*/
body{
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
font-size:0.8em;
line-height:1.7em;
color:#555;
background:url('/wp-content/themes/boogie/img/cmn/bg.jpg') 
}

a{
color:#06c;
}

a:hover{
color:#f60;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}

.clr{
overflow:hidden;
zoom:1;
}

.img_l{
float:left;
margin-right:10px;
}

.img_r{
float:right;
margin-left:10px;
}

strong{
color:#fd7138;
}


/*----header----*/
header{
width:100%;
border-top:3px solid #ef5a24;
background-color:#fff;
}

header h1, header p{
width:1080px;
margin:0px auto;
padding:10px 0px;
}

/*----footer----*/
footer{
background-color:#fff;
}

footer nav{
background-color:#f15a24;
color:#fff;
text-align:center;
padding:10px 0px;
font-size:90%;
}

footer nav a{
color:#fff;
text-decoration:none;
}

footer nav a:hover{
text-decoration:underline;
color:#fff;
}

footer nav li{
display:inline;
padding:3px 10px;
border-left:1px solid #fff;
}

footer nav li:first-child{
border-left:0px;
}

footer div{
width:1080px;
height:90px;
margin:0px auto;
}

#ftr_contact{
width:460px;
height:90px;
overflow:hidden;
position:relative;
margin-left:auto;
}

#ftr_contact img{
position:absolute;
top:0px;
right:0px;
}

#ftr_copy{
background-color:#f1a224;
color:#fff;
padding:5px 0px;
text-align:center;
font-size:80%;
}

/*----menu----*/
#mainnav{
width:1080px;
height:60px;
margin:0px auto 20px auto;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat 0px 0px;
position:relative;
}

#mainnav li{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:absolute;
height:60px;
width:200px;
top:0px;
opacity:0;
filter:alpha(opacity=0);
}

#mainnav li a{
display:block;
width:200px;
height:60px;
}

#mainnav li.s{
opacity:1;
filter:alpha(opacity=100);
}

#mnav_index{
left:0px;
width:52px!important;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat 0px -60px;
}

#mnav_index a{
width:52px!important;
}

#mnav_topics{
left:53px;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat -53px -60px;
}

#mnav_about{
left:254px;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat -254px -60px;
}

#mnav_maintenance{
left:455px;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat -455px -60px;
}

#mnav_lineup{
left:656px;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat -656px -60px;
}

#mnav_shop{
left:857px;
background:url('/wp-content/themes/boogie/img/cmn/menu.png') no-repeat -857px -60px;
}

/*----content----*/
#main{
width:1080px;
margin:20px auto;
}

#gotop{
margin-top:20px;
text-align:right;
}

#gotop img{
cursor:pointer;
}

#contents{
overflow:hidden;
zoom:1;
}

#lefthandpath{
width:210px;
float:left;
}

#righttodie{
width:850px;
float:right;
background-color:#fff;
padding:25px;
box-sizing:border-box;
}

.tw_l{
width:390px;
float:left;
}

.tw_r{
width:390px;
float:right;
}

.ta_c{
text-align:center;
}

.large{
font-size:18px;
}

.small{
font-size:11px;
font-weight:normal!important;
}

/*----index----*/
#index_main{
width:1080px;
height:400px;
position:relative;
}

#index_mainimg{
width:420px;
height:400px;
position:absolute;
top:0px;
}

#index_main h2{
width:210px;
height:195px;
position:absolute;
top:0px;
left:430px;
}

#index_main div.index_clm{
width:210px;
height:195px;
background-color:#fff;
position:absolute;
overflow:hidden;
}

#index_main div.index_clm div{
width:210px;
height:150px;
text-align:center;
overflow:hidden;
}

#index_main div.index_clm p{
padding:5px 10px;
font-size:90%;
line-height:130%;
}

#index_clm1{
top:0px;
left:650px;
}

#index_clm2{
top:0px;
left:870px;
}

#index_clm3{
top:205px;
left:430px;
}

#index_clm4{
top:205px;
left:650px;
}

#index_clm5{
top:205px;
left:870px;
}

#index_about{
overflow:hidden;
zoom:1;
background:url('/wp-content/themes/boogie/img/index/about.png') no-repeat 0px 0px;
}

#index_maintenance{
overflow:hidden;
zoom:1;
background:url('/wp-content/themes/boogie/img/index/maintenance.png') no-repeat 0px 0px;
}

#index_lineup{
overflow:hidden;
zoom:1;
background:url('/wp-content/themes/boogie/img/index/lineup.png') no-repeat 0px 0px;
}

#index_lineup .index_info{
padding-right:0px;
}

#index_about h2,#index_maintenance h2,#index_lineup h2{
width:210px;
height:200px;
float:left;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#index_about h2 a,#index_maintenance h2 a,#index_lineup h2 a{
width:210px;
height:200px;
display:block;
}

.index_info{
width:870px;
float:left;
padding:15px 45px 15px 15px;
box-sizing:border-box;
background:url('/wp-content/themes/boogie/img/index/delta.png') no-repeat bottom right;
background-color:#fff;
}

#index_about p{
font-size:150%;
line-height:180%;
margin-top:30px;
}

#index_shopinfo{
width:350px;
float:left;
}

#index_shopinfo p{
background-color:#fff;
box-sizing:border-box;
padding:10px;
min-height:325px;
}

#index_map{
width:730px;
float:left;
}

/*#index_fb{
width:300px;
float:right;
background-color:#fff;
height:400px;
}*/

/*----lefthandpath----*/
.left_topics{
border-top:1px solid #ccc;
width:210px;
height:195px;
background-color:#fff;
overflow:hidden;
}

#lefthandpath h2+ article{
border-top:0px;
}

.left_topics div{
width:210px;
height:150px;
text-align:center;
overflow:hidden;
}

.left_topics p{
padding:5px 10px;
font-size:90%;
line-height:130%;
}

#lefthandpath .fb-like-box{
background-color:#fff;
margin-top:20px;
}

.archives{
border-top:1px solid #ccc;
background-color:#fff;
padding:10px;
}
.archives ul{
list-style-type:none;
}

.category_ttl{
color:#06c;
border-bottom:1px solid #06c;
padding-bottom:2px;
margin-bottom:5px;
}

/*----contents----*/
#righttodie h1{
color:#0071ba;
font-size:28px;
font-weight:normal;
vertical-align:middle;
margin-bottom:20px;
}

#righttodie h1 img{
vertical-align:middle;
margin-right:5px;
margin-top:-5px;
}

.subttl{
background-color:#808080;
color:#fff;
font-size:18px;
font-weight:normal;
padding:15px;
margin-bottom:10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#postlink{
overflow:hidden;
zoom:1;
margin-top:20px;
padding-top:20px;
border-top:1px dotted #999;
}

#pre_link{
width:400px;
float:left;
}

#next_link{
width:400px;
float:right;
text-align:right;
}

.post{
overflow:hidden;
zoom:1;
}

/*
.post img{
float:left;
margin-right:10px;
}
*/

/*page menu*/
.pmenu{
list-style-type:none;
margin:10px 0px;
border-left:1px solid #ccc;
text-align:left;
}

.pmenu li{
display:inline-block;
border-right:1px solid #ccc;
padding:0px 10px;
}

*:first-child+html .pmenu li{display:inline;}
*html .pmenu li{display:inline;}

/*----contact----*/
table.form{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
margin-top:10px;
}

.form th,.form td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:9px;
text-align:left;
vertical-align:top;
}

.form th{
width:20%;
background-color:#fec;
}

.form td{
width:80%;
}

.form span{
font-weight:normal;
color:#f30;
}

.form input[type=text],.form textarea{
width:90%;
border:0;
padding:10px;
color:#666;
border:solid 1px #ccc;
margin:0px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.form textarea{
height:100px;
}

.submit{
margin-top:10px;
text-align:center;
}

.submit input{
width:200px;
border:solid 1px #f00;
padding:15px 30px;
margin:0px;
background-color:#f60;
color:#fff;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:16px;
}

#goback{
border:solid 1px #ccc;
color:#333;
background-color:#eee;
font-size:12px;
width:140px;
padding:8px 16px;
}

#form_input,#form_confirm,#error{
display:none;
}

.form th.err,.form td.err{
background-color:#fee
}

#error{
border:1px solid #f30;
color:#f30;
padding:9px;
margin-bottom:10px;
}

/*maintenance*/
table.price{
width:390px;
border-bottom:1px dotted #999;
margin-top:5px;
}

.price th, .price td{
text-align:left;
vertical-align:top;
border-top:1px dotted #999;
padding:10px 0px;
font-size:12px;
line-height:16px;
}

.price th{
width:60%;
}

.price td{
text-align:right;
width:40%;
color:#f30;
}

.price2 th{
width:35%!important;
}

.price2 td{
width:65%!important;
}

.price td.nb{
border-top:0px!important;
padding-top:0px!important;
text-align:left!important;
color:#888;
}

/*----lineup----*/
#lineup{
list-style-type:none;
margin:0px;
padding:0px;
overflow:hidden;
zoom:1;
}

#lineup li{
float:left;
width:250px;
margin-bottom:25px;
margin-left:25px;
text-align:center;
position:relative;
}

#lineup li img{
margin-bottom:5px;
}

#lineup li p.delta{
width:20px;
height:20px;
position:absolute;
right:0px;
background:url('/wp-content/themes/boogie/img/lineup/delta.png') no-repeat 0px 0px;
z-index:100;
}

/*----shop---*/
.prof th,.prof td{
text-align:left;
vertical-align:top;
font-weight:normal;
padding:5px 0px;
}

.prof th{
white-spaece:nowrap;
padding-right:2em;
}

#shopimg{
list-style-type:none;
margin:0px;
padding:0px;
overflow:hidden;
zoom:1;
}

#shopimg li{
float:left;
width:194px;
margin-top:8px;
margin-left:8px;
text-align:center;
}

/*----sitemap----*/
#sitemap{
list-style-type:none;
border-top:1px dotted #999;
}

#sitemap li{
border-bottom:1px dotted #999;
font-size:18px;
}

#sitemap li a{
padding:25px;
display:block;
color:#666;
text-decoration:none;
}

#sitemap li a:hover{
background-color:#fec;
color:#f30;
}

/*----archive----*/
.archive_box{
margin-top:10px;
border:1px solid #ccc;
}

.archive_box a{
display:block;
padding:10px;
}

.archive_box a:hover{
background-color:#fec;
}

.archive_box img{
vertical-align:middle;
margin-right:10px;
}

/*----topics----*/
.topics_date{
text-align:right;
}