@charset "utf-8";
/* CSS Document */

/*=======================================================================

  #reset-css(Eric Meyer's CSS Reset 2010/12)

=========================================================================*/

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%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*=======================================================================

  #clearfix

=========================================================================*/

/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clearfix{
overflow: hidden;
}

/*=======================================================================

  #font

=========================================================================*/

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

p{
line-height: 1.5em;
}


/*=======================================================================

  #layout

=========================================================================*/

#wrapper{
margin: 0 auto;
width: 960px;
}

/*header*/

#header{
margin-bottom: 10px;

}

#header-top{
margin-bottom: 10px;
}

#header-left{
float: left;
display: inline;
width: 470px;
}

#header-right{
float: right;
display: inline;
width: 450px;
}

#header-right-left{
float: left;
display: inline;
width: 210px;
}

#header-right-right{
float: right;
display: inline;
width: 230px;
text-align: right;
}

/*nav*/


#nav{

}

/*mainvisual*/
#mainvisual{
margin-bottom: 20px;
}

/*main*/

#main{
margin-bottom: 10px;
}

#contents{
float: left;
display: inline;
width: 580px;
}

#side{
float: right;
display: inline;
width: 340px;
border: solid 1px;
}



/*=======================================================================

 #header

=========================================================================*/

#header-left h1{
font-size:167%;
margin-bottom: 10px;
}

#header-left h1 a:link{
text-decoration: none;
}
#header-left h1 a:visited{
text-decoration: underbar;
}

#header-left p{
margin-bottom: 7px;
}

p#description{
padding: 3px 0px 3px 0px;
border-bottom-style: dotted;
border-bottom-color: #999;
border-bottom-width: 1px;
}

#site-title{
margin: 10px;
}

#header-right-left{
margin: 0;
padding: 0;
}

#header-right-left ul#mail{
width: 200px;
height: 60px;
list-style: none;
}

#header-right-left ul#mail li a{
display: block;
height: 60px;
background-image: url(http://blog.mphall.net/musicplace_blog//images/base/header/mail03-3.gif);
text-indent: -9999px;
overflow: hidden;
}

#header-right-left ul li a#header-mail{
width: 200px;
background-position: 0 0;
}

#header-right-left ul li a#header-mail:hover{
width: 200px;
background-position: 0 -60px;
}


/*=======================================================================

 #nav

=========================================================================*/

#nav{
margin: 0;
padding: 0;

}

ul#nav-contents{
width: 960px;
height: 40px;
list-style: none;
}

ul#nav-contents li{
float: left;
}
ul#nav-contents li a{
display: block;

height: 40px;
background-image: url(http://blog.mphall.net/musicplace_blog//images/base/nav/nav.png);
text-indent: -9999px;
overflow: hidden;
}

#nav ul li a#nav_top{
width: 137px;
background-position: 0 0;
}

#nav ul li a#nav_news{
width: 137px;
background-position: -137px 0;
}


#nav ul li a#nav_photo{
width: 137px;
background-position: -274px 0;
}

#nav ul li a#nav_office{
width: 137px;
background-position: -407px 0;
}

#nav ul li a#nav_mphall{
width: 137px;
background-position: -544px 0;
}

#nav ul li a#nav_studio{
width: 137px;
background-position: -680px 0;
}

#nav ul li a#nav_bbs{
width: 138px;
background-position: -817px 0;
}


#nav ul li a#nav_top:hover{
width: 137px;
background-position: 0 -40px;
}

#nav ul li a#nav_news:hover{
width: 137px;
background-position: -137px -40px;
}


#nav ul li a#nav_photo:hover{
width: 137px;
background-position: -274px -40px;
}

#nav ul li a#nav_office:hover{
width: 137px;
background-position: -407px -40px;
}

#nav ul li a#nav_mphall:hover{
width: 137px;
background-position: -544px -40px;
}

#nav ul li a#nav_studio:hover{
width: 137px;
background-position: -680px -40px;
}

#nav ul li a#nav_bbs:hover{
width: 138px;
background-position: -817px -40px;
}
/*=======================================================================

 #contents

=========================================================================*/

#pagetitle{
width: 100%;
font-size: 0.975em;
font-weight: bold;
color:#005890;;
text-align: center;
}


p.pagelink a{
font-size: 0.75em;
color: #005890;
}

span.pageprev{
display: inline;
float: left;
}

span.pagenext{
display: inline;
float: right;
text-align: right;
}

p.pagelink{
width: 100%;
margin: 20px 0;
overflow: hidden;
}

h2{
background-color: #9A3300;
padding: 5px 0 5px 5px;
color: #FFFFFF;
}

#whatsnew{
margin-bottom: 20px;
border: solid 1px;
}

#ivent{
margin-bottom: 20px;
border: solid 1px;
}
.section{
margin-bottom: 20px;
border: solid 1px;
}

.content-title{
background-color: #9A3300;
padding: 5px 0 5px 5px;
font-size: 131%;
color: #FFFFFF;

}
.contents-honbun{
padding: 10px;
}
.content-title a:link{
color: #ffffff;
text-decoration: none;
}
.content-title a:visited{
color: #ffffff;
text-decoration: none;
}

.postinfo{
padding: 0px 0px 10px 10px;
}
/*=======================================================================

 #side

=========================================================================*/
.sidewrapper{

}

.sidetitle{
padding: 3px 0px 3px 5px;
color: #ffffff;
background-color: #E8571A;

}

.side-honbun{
padding: 5px;
line-height: 1.2em;
}

.side-left{
width: 225px;
float: left;
display: inline;
}

.side-right{
width: 105px;
float: right;
display: inline;
text-align: right;
}




/*=======================================================================

 #footer

=========================================================================*/

#footer{
border-top: solid 1px;
}

#yorozuya{
width: 960px;
padding: 5px 0px 5px 0px;
text-align: center;
}