@charset "Shift_JIS";

html{
  width:100%;
  margin:0px;
  padding:0px;
}
body{
  width:100%;
  margin:0px;
  padding:0px;
  font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,Helvetica,Arial;
  _font-size:70%;
  font-size:12px;
  background: #151515;
  color:#ABABAB;
}

h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,img,p{
  margin:0px;
  padding:0px;
  border:0px;
  line-height:1em;
  font-weight:normal;
  list-style-type:none;
}

div#headz{
  width:760px;
  height:50px;
  margin-left:auto;
  margin-right:auto;
  border-bottom:1px solid #161616;
  position:relative;
}
h1{
}
div#headz ul{
  position:relative;
}
  div#headz ul li#headz_master{
    position:absolute;
    top:-50px;
    right:0px;
  }

div#mainz{
  width:760px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

div#footz{
  width:750px;
  height:75px;
  margin-right:auto;
  margin-left:auto;
  position:relative;
}
  div#footz ul{
    position:absolute;
    top:10px;
    left:0px;
    margin-top:14px;
    width:755px;
    text-align:center;
  }
    div#footz ul li{
      display:inline;
      list-style:none inside none;
      color:#555;
      line-height:1.4em;
      font-size:10px;
    }
      div#footz ul li a,
      div#footz ul li a:link,
      div#footz ul li a:visited{
        color:#BCBCBC;
        text-decoration:underline;
        font-size:12px;
      }
      div#footz ul li a:active,
      div#footz ul li a:hover{
        color:#FFF;
      }
  div#footz p{
    position:absolute;
    top:52px;
    text-align:right;
    font-size:10px;
    color:#FFF;
/*    left:495px;*/
    left:0px;
    width:755px;
    height:14px;
  }

a{
color:#c2c2c2;
}

/* float解除 */
.clearfix:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
font-size:0;
line-height:0;
}

/* 既存コンテンツ流用 */
.bd_con03{margin-top:20px;}
.style1 {color:#CCCCCC;
         padding:4px 4px 4px 15px;}


/* 以下個別CSS */
/* top */
body.top{
background:#151515 url(../../images/msbp_00.gif) no-repeat top center;
}

#main_img{
width:760px;
background-image:url(../../images/msbp_003.jpg);
background-repeat:no-repeat;
padding:0 0 15px 20px;
}

#navi{
width:760px;
height:55px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background:url(../../images/msbp_007_0.gif) no-repeat top left;
padding:5px 5px 5px 5px;
}

#navi ul.left{
float:left;
width:760px;
height:1%;
}

#navi ul.left li{
float:left;
font-size:0;
line-height:0;
}

#navi_u{
width:760px;
background:url(../../images/msbp_008.gif) no-repeat 0 1px;
}

#navi_s{
padding:30px 0 0 0;
}

#mc_1{
width:760px;
margin-left:auto;
margin-right:auto;
}

#mc_2{
width:760px;
height:90px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background:url(../../images/msbp_02a.jpg) no-repeat top left;
padding:16px 0 0 0;
}
#mc_2.lowerLayer{
background:url(../../images/msbp_42.jpg) no-repeat top left;
padding:5px 0 12px 0;
}
#mc_2 ul.left{
float:left;
width:400px;
height:1%;
}
#mc_2 ul.left li{
float:left;
font-size:0;
line-height:0;
}
#mc_2 ul.left li img{
vertical-align:top;
}
#mc_2 ul.right{
float:right;
width:360px;
height:1%;
}
#mc_2 ul.right li{
float:left;
font-size:0;
line-height:0;
padding:0 0 0 10px;
background:url(../../images/msbp_09b.jpg) no-repeat top left;
}
#mc_2 ul.right li img{
vertical-align:top;
}

#mc_3{
width:760px;
background:url(../../images/msbp_10a.jpg) no-repeat 0 1px;
}
#mc_4{
padding:32px 0 0 0;
}

/* 中央左カラム */

#mc_004{
float:left;
width:210px;
background:url(../../images/msbp_bg.gif) repeat-y;
margin-bottom:20px;
}

#mc_004 .mc_0401{
margin-bottom:85px;
}

#mc_005{
text-align:center;
margin-bottom:5px;
}

#mc_005 ul li.mc_0501{
height:1%;
background:url(../../images/mssd_015.gif) no-repeat top left;
padding:5px;
}

#mc_006{
text-align:center;
margin-bottom:10px;
}

#mc_5{
float:left;
width:459px;
background: url(../../images/msbp_18.jpg) no-repeat right top;
margin:0 0 10px 0;
}

#mc_6 ul{
width:459px;
height:1%;
background:url(../../images/msbp_17.jpg) no-repeat bottom left;
padding:0 0 15px 0;
}
#mc_6 ul li.mc_6l01{
height:1%;
background:url(../../images/msbp_11.jpg) no-repeat top left;
padding:29px 0 0 0;
}
#mc_6 ul li.mc_6l02{
height:1%;
background:url(../../images/msbp_13.jpg) no-repeat top left;
padding:15px 0 0 0;
}
#mc_6 ul li.mc_6l03{
height:1%;
background:url(../../images/msbp_15.jpg) no-repeat top left;
padding:15px 0 0 0;
}

#mc_6 ul li img{
vertical-align:top;
}

#mc_7{
float:left;
width:459px;
}
#mc_7 p{
margin:0 0 15px 0;
}
#mc_7 ul{
width:440px;
height:170px;
overflow:auto;
scrollbar-face-color: #393939;       /* 表面の色 */
scrollbar-3dlight-color: #cccccc;    /* 左端と上端の色 */
scrollbar-highlight-color: #141414;  /* ハイライトの色 */
scrollbar-shadow-color: #000000;     /* 影の色 */
scrollbar-darkshadow-color: #141414; /* 右端と下端 */
scrollbar-arrow-color: #acacac;      /* 矢印の色 */
}
#mc_7 ul li{
line-height:1.4;
background:url(../../images/msbp_20.gif) no-repeat 12px 5px;
padding:0 0 15px 26px;
}

/* 中央右カラム */

#mc_007{
float:left;
width:540px;
margin:0 0 0 5px ;
}
#mc_007 p{
margin:0 0 15px 0;
}
#mc_007 ul{
width:540px;
height:170px;
overflow:auto;
scrollbar-face-color: #393939;       /* 表面の色 */
scrollbar-3dlight-color: #cccccc;    /* 左端と上端の色 */
scrollbar-highlight-color: #141414;  /* ハイライトの色 */
scrollbar-shadow-color: #000000;     /* 影の色 */
scrollbar-darkshadow-color: #141414; /* 右端と下端 */
scrollbar-arrow-color: #acacac;      /* 矢印の色 */
}
#mc_007 ul li{
line-height:1.4;
background:url(../../images/msbp_20.gif) no-repeat 12px 5px;
padding:0 0 15px 26px;
}

#mc_008{
float:left;
width:540px;
margin-bottom:20px;
}

#mc_008 ul{
width:540px;
padding:0 0 10px 0;
}

#mc_008 ul li.mc_0801{
height:1%;
background:url(../../images/msma_003.gif) no-repeat top left;
padding:5px;
}

#mc_008 ul li.mc_0802{
height:1%;
background:url(../../images/msma_005.gif) no-repeat top left;
padding:20px 5px 5px 5px;
}

#mc_009{
float:left;
width:540px;
margin-bottom:15px;
}

#mc_009 p{
margin:0 0 10px 5px;
}

#mc_009 table{
height:1%;
background:url(../../images/msma_007.jpg) no-repeat top left;
margin-bottom:5px;
}

#mc_009 td{
padding:0 10px 5px 0;
}

#mc_009 div{
margin:0 10px 5px 125px;
}

#mc_009 .mc_0901{
margin:5px 10px 0 10px;
float:left;
}

#mc_009 .mc_0902{
margin:0 10px 5px 0;
line-height:1.3em;
}

#mc_009 .mc_0903{
padding:5px 0 0 5px;
}


#mc_8{
float:left;
width:300px;
margin:0 0 10px 0;
}

#mc_9{
width:280px;
background:#000000;
margin:0 0 10px 0;
padding:10px;
}
#mc_9 p.text{
padding:15px 0 0 0;
line-height:1.4;
}

.mc_10{
width:280px;
height:auto;
background:#000000;
margin:0 0 10px 0;
padding:10px;
}
.mc_10 p.img{
width:70px;
float:left;
}
.mc_10 p.title{
width:205px;
height:21px;
float:right;
}
.mc_10 p.text{
width:200px;
padding:5px 0 0 5px;
float:right;
line-height:1.4;
}
.mc_10 ul{
width:280px;
padding:10px 0 0 0;
}
.mc_10 ul li{
float:left;
}
.mc_10 ul li img{
vertical-align:top;
}
.mc_10 ul li.mc_10l01{
float:left;
}
.mc_10 ul li.mc_10l02{
float:right;
}

#mc_11{
margin:0 0 25px 0;
}
#mc_11 p{
margin:0 0 10px 0;
}
#mc_11 ol li{
height:1%;
padding:10px 0 10px 37px;
}
#mc_11 ol li.mc_11l01{
background:url(../../images/msbp_31.jpg) no-repeat 0 50%;
}
#mc_11 ol li.mc_11l02{
background:url(../../images/msbp_32.jpg) no-repeat 0 50%;
}
#mc_11 ol li.mc_11l03{
background:url(../../images/msbp_33.jpg) no-repeat 0 50%;
}
#mc_11 ol li.mc_11l04{
background:url(../../images/msbp_34.jpg) no-repeat 0 50%;
}

#mc_12{
margin:0 0 7px 0;
}
#mc_13{
margin:21px 0 0 0;
}
#mc_14{
width:227px;
float:left;
}
#mc_14 p{
width:207px;
margin:0 0 0 20px;
padding:0 0 28px 0;
background:url(../../images/msbp_45.jpg) no-repeat left bottom;
}
#mc_15{
width:533px;
float:left;
}
#mc_15 p{
line-height:1.4;
}
#mc_15 p.title{
margin:0 0 1.4em 0;
}
#mc_16{
padding:15px 150px 24px 150px;
background:url(../../images/msbp_47.jpg) no-repeat center top;
}

#mc_18 p.title{
float:left;
margin:0 0 1em 0;
height:20px;
line-height:1.4;
}
#mc_18 p.img{
float:right;
}
#mc_18 p.img img{
position:relative;
top:-5px;
}
#mc_19{
width:760px;
}
#mc_19 ul{
margin:0 0 1.2em 0;
}
#mc_19 ul li{
line-height:1.4;
}
#mc_19 p{
line-height:1.4;
margin:0 0 1.2em 0;
}
#mc_19 p img{
line-height:1.4;
margin:0 5px 0 15px;
vertical-align:middle;
position:relative;
top:-5px;
}

/* ブログパーツ01 02共有 */
#bp_1{
width:760px;
}
div.parts01{
background:url(../../images/bp_01.jpg) no-repeat right top;
}
div.parts02{
margin:0 0 50px 0;
background:url(../../images/bp_21.jpg) no-repeat right top;
}

div.parts01 #bp_2{
padding:45px 0 0 0;
}
div.parts02 #bp_2{
padding:35px 0 0 0;
}

#bp_3{
width:515px;
margin:18px 0 25px 0;
}
#bp_3 dl.left{
float:left;
width:250px;
}
#bp_3 dl.right{
float:right;
width:250px;
}
#bp_3 dl dt img{
vertical-align:top;
}
#bp_3 dl dd{
}

#bp_3 dl dd.sampl{
text-align:center;
height:300px;
}

#bp_3 dl dd.sampl div.hitomozi{
padding-top:120px;
}


#bp_3 dl dd img{
vertical-align:top;
}

#bp_3 dl dd div.code{
margin:24px 20px 30px 20px;
border:#333333 1px solid;
height:108px;
overflow: hidden;
width:208px;
}
#bp_3 dl dd div.code p{
margin:5px;
line-height:1.35;

}

#bp_3 dl dd div.code textarea{
margin:5px;
line-height:1.35;
background-color:#000000;
color:#ABABAB;
font-size:12px;
border-style:none;
height:97px;
width:198px;
overflow:hidden;
padding:0px;
_margin-left:-15px;
*+margin-left:-15px;
}


#bp_4{
padding:0 0 150px 0;
_padding:0 0 80px 0;
}
#bp_4 p.title{
padding:0 0 20px 0;
}

#bp_5{
margin:0 15px 30px 15px;
#color:#ffffff;
}
#bp_5 p{
margin:0 0 15px 0;
line-height:1.4;
}


#bp_5 dl dt{
margin:0 0 0 0;
line-height:1.4;
}
#bp_5 dl dd{
margin:0 0 15px 0;
line-height:1.4;
}
#bp_5 dl dd ul{
margin:0 0 15px 0;
}
#bp_5 dl dd ul li{
margin:0 0 0 0;
line-height:1.4;
}
#bp_5 dl dd ul li ul{
margin:0 0 0 0;
}
#bp_5 dl dd ul li ul li{
margin:0 0 0 20px;
line-height:1.4;
}
#bp_5 p.sign{
padding:1em 0 0 1em;
}

#bp_6 ul {
width:516px;
margin:auto;
}
#bp_6 ul li.left{
float:left;
width:250px;
}
#bp_6 ul li.right{
float:right;
width:250px;
}

.samplBlog{
  text-align:center;
  margin-top:10px;
  margin-bottom:4px;
}

.btn000{
  margin-top:5px;
}

.btn0000{
  margin-bottom:30px;
}


.miseerabiIndex{
	width:530px;
	padding:5px;
	border:1px solid #A27E00;
	margin:0px 0 10px 5px;
	background:#222;
}
.miseerabiIndex dt{
	padding:0 0 3px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #A27E00;
	color:#A27E00;
}
.miseerabiIndex dd{
	padding:3px 0 5px 0;
}
.miseerabiIndex dd a{
	color:#FFF;
}