.nopc
{
display:none;
}
.dairyBox {
    text-align: center;
    margin-top: 15px;
    padding: 20px 0px 10px 0px;
    width: 595px;
    margin-left: -25px;
}

.columTop {
    margin-left: 10px;
    padding: 5px 30px;
    text-decoration: none;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center;
    width: 100px;
    font-size: 12px;
}

.columTop:hover {
    opacity: 0.8;
    text-decoration:none;
}
.Top1 {
    background-color: #9BE5DE;
    color: #08ADAB;
}

.Top2 {
    background-color: #08ADAB;
    color: white;
}

.Top3 {
    background-color: #B7CBEA;
    color: #08ADAB;
}

.Top4 {
    background-color: #F7CDDE;
    color: #FB82D3;
}

.Top5 {
    background-color: #F7E2D4;
    color: #F9A69B;
}

.Top6 {
    background-color: #D3CBB8;
    color: white;
}

.Top7 {
    background-color: #DD9F92;
    color: #F8E0D4;
    width: 160px;
    padding: 5px 10px;
}

.themeBox {
    position: absolute;
    top: -15px;
    width: 25px;
    height: 74px;
    padding: 20px 12px 0px 0px;
    color: #ffffff;
    background-repeat: no-repeat;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    width: 120px;
    font-size: 12px;
}

.itemBox .themeBox {
    left: 0px;
    top: 0px;
    height: 14px;
    padding: 0px 0px 9px 0px;
    text-align: center;
}

.themeBox1 {
    background-color: #B7CBEA;
    color: #08ADAB;
}

.themeBox2 {
    background-color: #08ADAB;
    color: white;
}

.themeBox3 {
    background-color: #08ADAB;
    color: white;
}
.themeBox1007 {
    background-color: #DD9F92;
    color: #F8E0D4;
    width: 180px;
}


.themeBox4 {
    background-color: #9BE5DE;
    color: #08ADAB;
}

.themeBox5 {
    background-color: #F7E2D4;
    color: #F9A69B;
}

.themeBox6 {
    background-color: #D3CBB8;
    color: white;
}
.themeBox7 {
    background-color: #F7CDDE;
    color: #FB82D3;
}
.themeBox8 {
    background-color: #F7E2D4;
    color: #F9A69B;
}
.themeBox9 {
    background-color: #D3CBB8;
    color: white;
}
.commentT1 {
    padding: 20px !important;
    margin-left: 140px !important;
    background-color: #ABD9D6!important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

    .commentT1:before {
        content: "";
        display: block;
        width: 140px !important;
        height: 126px !important;
        background: url(img/erika-comment.jpg) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -140px !important;
    }
.commentT2 {
    padding: 20px !important;
    margin-left: 139px !important;
    background-color: #F1E1EE!important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

    .commentT2:before {
        content: "";
        display: block;
        width: 139px !important;
        height:134px !important;
        background: url(img/student-comment.jpg) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -139px !important;
    }
.commentT3 {
    padding: 20px !important;
    margin-right: 134px !important;
    background-color: #C3F2B8 !important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

    .commentT3:before {
        content: "";
        display: block;
        width: 134px !important;
        height: 139px !important;
        background: url(img/comment-riesan.jpg) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        right: -134px !important;
    }
.marker1 {
    line-height: 21px !important;
    display: inline;
    background: #7BDED9;
}
.marker2 {
    line-height: 21px !important;
    display: inline;
    background: #F8C3E5;
}
.marker3 {
    line-height: 21px !important;
    display: inline;
    background: #859DA1;
    color:#fff;
}
.marker4 {
    line-height: 21px !important;
    display: inline;
    background: #DBC5C0;
    color: #fff;
}
.marker5 {
    line-height: 21px !important;
    display: inline;
    background: #ffffff;
    color: #447E70;
}
.linoStyle4 {
    text-decoration: none;
    background-color: #fff;
    color: #447E70;
    border: solid 1px #447E70;
    margin-left: 0px;
    /* width: 250px; */
    font-family: 'Sawarabi Mincho', sans-serif;
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 10px 30px;
    box-shadow: 5px 5px 10px #ddd;
    transition: all 0.5s;
}

    .linoStyle4 a {
        color: #447E70;
        padding: 15px 50px;
        text-decoration: none;
    }

    .linoStyle4:hover {
        text-decoration: none;
        background-color: #447E70;
        color: #fff;
        border: solid 1px #447E70;
    }

    .linoStyle4 a:hover {
        color: #fff;
    }

.linoStyle5 {
    text-decoration: none;
    background-color: #447E70;
    color: #fff;
    border: solid 1px #447E70;
    margin-left: 0px;
    /* width: 250px; */
    font-family: 'Sawarabi Mincho', sans-serif;
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 10px 30px;
    box-shadow: 5px 5px 10px #ddd;
    transition: all 0.5s;
}

    .linoStyle5 a {
        color: #fff;
        padding: 15px 50px;
        text-decoration: none;
    }

    .linoStyle5:hover {
        text-decoration: none;
        background-color: #fff;
        color: #447E70;
        border: solid 1px #447E70;
    }

    .linoStyle5 a:hover {
        color: #447E70;
    }
.linoStyle6 {
    text-decoration: none;
    background-color: #fff;
    color: #FC7AD1;
    border: solid 1px #FC7AD1;
    margin-left: 0px;
    /* width: 250px; */
    font-family: 'Sawarabi Mincho', sans-serif;
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 10px 30px;
    box-shadow: 5px 5px 10px #ddd;
    transition: all 0.5s;
}

    .linoStyle6 a {
        color: #FC7AD1;
        padding: 15px 50px;
        text-decoration: none;
    }

    .linoStyle6:hover {
        text-decoration: none;
        background-color: #FC7AD1;
        color: #fff;
        border: solid 1px #FC7AD1;
    }

    .linoStyle6 a:hover {
        color: #fff;
    }

.linoStyle7 {
    text-decoration: none;
    background-color: #FC7AD1;
    color: #fff;
    border: solid 1px #FC7AD1;
    margin-left: 0px;
    /* width: 250px; */
    font-family: 'Sawarabi Mincho', sans-serif;
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 10px 30px;
    box-shadow: 5px 5px 10px #ddd;
    transition: all 0.5s;
}

    .linoStyle7 a {
        color: #fff;
        padding: 15px 50px;
        text-decoration: none;
    }

    .linoStyle7:hover {
        text-decoration: none;
        background-color: #fff;
        color: #FC7AD1;
        border: solid 1px #FC7AD1;
    }

    .linoStyle7 a:hover {
        color: #FC7AD1;
    }
#display_edit_tool_box4
{
display:none;
}
#display_edit_tool_box5
{
display:none;
}
#display_edit_tool_box9
{
display:none;
}
h1.column
{
margin-left: 0px;
}
.columnList2
{
height: 280px;
    overflow: hidden;
    margin-bottom: 50px;
}
.columBox
{
    float:left;
	width:160px;
height:190px;
overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
padding:10px;
border:solid 1px #dddddd;
}
.columBox_frame
{
width: 160px;
height: 110px;
overflow: hidden;
text-align:center;
margin-bottom:10px;
}
.columnBox_img
{
height: 110px;
}
.columnBox_a
{
    font-weight:bold;    
text-decoration:underline;
clear:both;
width:130px;

}
.headmenu
{
margin-left:10px;
margin-bottom:10px;
}
.smallTable td
{
border:solid 1px #D0D1CF;
padding:10px;
}
.smallTableLeft
{
background-color:#EEF2E8;
text-align:center;
}
hr {
margin-left: auto;
margin-right: auto;
border-top: 2px dotted #8e855f;
border-bottom: 0px dotted #8e855f;
background-color: #fff;
color: #fff;
}
a.widelink2 
{
    display: block;			/*必須*/ 
    width: 270px;			/*必須*/
    padding: 5px 0px 0px 23px;		/*上右下左*/
    background-image:url(img/sidemenu.png);
background-repeat:no-repeat;
text-decoration:none;
    color: #73594c;		
    font-size:12px;
    height:27px;
}
a.widelink2:hover 
{
    color: #AEAFAE;		  
   background-image:url(img/sidemenu.png);
}
.layout_rightbox_2
{
float:right; margin-top:10px;width:200px;
}



ul.button2istitem{
    list-style-type:none;
    float:left;
    width: 180px;				/*レフトボタンの幅はこちら */	
    text-align: left;	
margin:0px;	
padding:0px;	
}
ul.button2istitem li
{
    float:left;
    width: 240px;
}

a.widelink3
{
    background-image:url(img/side1.png);
}
a.widelink3:hover 
{
    background-image:url(img/side1.png);   /*レフトボタンのオンマウス画像はこちら */
}
a.widelink4
{
    background-image:url(img/side2.png);
}
a.widelink4:hover 
{
    background-image:url(img/side2.png);   /*レフトボタンのオンマウス画像はこちら */
}


#headpic
{
width:1000px;
}
body {
color: #616866;
background-color:#EDF5F5;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, sans-serif;
 font-size:12px;
 background-image:url("img/bgrepeat.png");
  background-position:center;
  background-repeat:repeat-y;
}
/*フォントサイズはこちら div,p,#pnlForm,.layout_rightbox,td */
#page_contents
{
padding-left:10px;
padding-right:10px;
 font-size:14px;
} 
.layout_centering {
margin: 0px auto;
width: 1000px;
}
img {
   vertical-align:bottom
}

.camera_caption {
    color: #333333!important;
}

a{
    color:#568EC7;
}
a:hover{
    color:#006699;
}
p{
padding:0px;
margin:0px;
}
/*見出し*/
h1 {
    background-image: url(/img/midashi1.png);
    padding: 0px;
    margin: 0px;
    width: 565px;
    height: 39px;
    color: #565656;
    font-size: 16px !important;
    padding-top: 15px;
    padding-left: 40px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: -10px;
}
h2 {

    padding: 0px;
    margin: 0px;
    /* height: 32px; */
    /* color: #447e70; */
    font-size: 16px !important;
    /* padding-top: 8px; */
    padding-left: 13px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: -10px;
    border-left: solid 8px #39BAB6;
}
h3 {
    background-image: url(/img/midashi3.png);
    padding: 0px;
    margin: 0px;
    /* width: 585px; */
    /* height: 25px; */
    color: #fff;
    font-size: 16px !important;
    padding-top: 6px;
    padding-left: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: -10px;
    background-repeat: repeat;
    padding-bottom: 6px;
}
h4
{
background-image: url("/img/midashi4.png");
padding:0px;
margin:0px;
width:585px;
height:28px;
color:#fff;
font-size:16px!important;
padding-top:7px;
padding-left:20px;
font-weight:bold;
margin-top:0px;
margin-bottom:10px;
margin-left:-10px;
}
h5 {
    background-image: url(/img/midashi-brown.jpg);
    padding: 0px;
    margin: 0px;
    width: 565px;
    height: 32px;
    color: #fff;
    font-size: 14px !important;
    padding-top: 10px;
    padding-left: 40px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: -10px;
}
h6 {
    border-bottom: dotted 1px #447E70;
    font-size: 14px;
    font-weight: bold;
    margin-left: -10px;
    padding-left: 10px;
    color: #447E70;
}
#page_contents p
{

}
#page_contents div
{

}
.layout_rightbox
{
width:295px;
float:right;
margin-top:20px;
}
.layout_leftbox
{
width:595px;
line-height:24px;
float:left;
margin-top:10px;
}
.leftbox
{
margin-left:0px;
margin-right:0px;
}
/* ------------一番上のバー------------ */
.background_1
{
background-color:#000000;
}
.background_1 a
{
 text-decoration:none;
}
.background_1 a:hover
{
 color:#ffffff;
 text-decoration:underline;
}
/* ------------一番下のバー フッター------------ */
.background_4
{
height:140px;
background-image: url("img/footer.png");
background-color:#abdad6;
line-height:20px;
font-size:12px;
color:#aaaaaa;
}
.background_4 b
{
color:#60bfec;
}
.background_4 a
{
 text-decoration:none;
color:#333333;
font-size:12px;
}
.background_4 a:hover
{
 text-decoration:underline;
color:#60bfec;
}
.foot_plus
{
height:500px;
width:1000px;
position: relative;
}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_0{

}
.background_2{
background-image: url("img/topblackline.png");
background-repeat: repeat-x;
 background-position:top center;
}

/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_3{

}
.background_3 .layout_centering{
background-image: url("img/bg.png");
background-repeat: repeat-y;
 background-position:top center;
}

/* ------------バックグランド　コンテンツ1000px内側------------ */
.background_3_2{
width:920px;
margin-left:40px;
}
/* ------------バックグランド　各ボックス------------ */
.box
{

}
/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url("img/menu.png") no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url("img/menuBG.png") no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:1000px;        /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
  line-height:72px;   /* ボタンの高さ */
}
/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:200px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -200px; width:200px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -200px 0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -400px 0px; width:200px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -400px 0px; }

#headerMenu ul.menu li.menu4 a{ background-position: -600px 0px; width:200px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -600px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -800px 0px; width:200px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -800px 0px; }

/* ------------ナビバー設定------------ */
/* ------------#box_5:左バナー------------ */


#headerlink{
  width:150px;       
  height:37px;
  display:block;
  position:absolute;
  top:50px;
  left:650px;
   background:url(http://mind-plus.net/img/contactaccess.png) no-repeat;
}

#headerlink:hover{
background:url(http://mind-plus.net/img/contactaccessBG.png) no-repeat;
}
#headerlink_pagetop{
  width:83px;       
  height:83px;
  display:block;
   background:url(http://mind-plus.net/img/pagetop.png) no-repeat;
 margin-top:5px;
margin-left:160px;
}

#headerlink_pagetop:hover{
background:url(http://mind-plus.net/img/pagetopBG.png) no-repeat;
}
#haruakecolumn{
  width:230px;       
  height:31px;
  display:block;
  position:absolute;
  top:260px;
  left:220px;
   background:url(http://mind-plus.net/img/message.png) no-repeat;
}
#haruakecolumn:hover{
background:url(http://mind-plus.net/img/messageBG.png) no-repeat;
}
#headerlink2{
  width:151px;       
  height:37px;
  display:block;
  position:absolute;
  top:50px;
  left:800px;
   background:url(http://mind-plus.net/img/contactaccess.png) no-repeat;
background-position: -150px 0px;
}
#headerlink2:hover{
background:url(http://mind-plus.net/img//contactaccessBG.png) no-repeat;
background-position: -150px 0px;
}

.registMust
{
 color:red!important;
padding-left:10px;
padding-right:20px;
font-weight:normal;
}

.sidelink {
    display:block;
    color:#333333;
    width:208px;
    height:26px;
    background-image:url(http://danro-salon.cohttp://mind-plus.net/img/leftmenu.png);
    text-decoration:none;
    padding-left:30px;
    padding-top:9px;
border-bottom:dotted 1px #613C33;
font-size:12px;
  }
  .sidelink:hover {
    color:#333333;
    background-image:url(.http://mind-plus.net/img/leftBG.png);
    text-decoration:underline;
  }

.salontable td
{
border-bottom:dotted 1px #b3b3b3;
vertical-align:top;
padding:3px;
}
.footlink
{
color:#81673e;padding-left:10px;padding-right:10px;
}
.footlink:hover
{
 text-decoration:none;
color:#fff;
}

/*------------------------------------------------------------*/

/*画像*/

/*------------------------------------------------------------*/
.mediumPic
{
width:400px;
}
.largePic
{
width:600px;
}
.smallPic
{
width:200px;
}
.floatLeftPic
{
float:left;margin-right:20px;
}
.floatRightPic
{
float:right;margin-left:10px;
}  
table#salonMenu
{
 
}
table#salonMenu td
{
 border:solid 1px #613c33;
padding:10px;
text-align:center;
color:#613c33;
}
table#salonMenu td.noborder
{
 border:solid 0px #613c33;
}
.onlymobile
{
 display:none;
}

.regist_question
{
 font-weight:bold;
}
.course_table
{
 border:solid 2px #D0C4AA;
 margin-left:20px;
}
.course_table td
{
 padding:5px 10px 5px 10px;
 border:solid 1px #D0C4AA;
}
.first_course_table
{
 background-color:#EDEBEE;
}
.third_course_table
{
 color:#BF2D74;
}
.font_bold
{
 font-weight:bold;
}
#cblSelect1,#cblSelect2,#cblSelect3
{

 margin:0px;
 
}
#cblSelect1 td,#cblSelect2 td,#cblSelect3 td
{
font-size:12px;
padding:3px 10px 3px 10px;
}




/* ------------#side_button------------ */
.side_button
{
  height:49px;
  width:240px;       
  display:block;
  position:absolute;
  top:50px;
  left:0px;
}
.side_seminar
{
    background:url(http://mind-plus.net/img/seminarschool.png) no-repeat;
}
.side_seminar:hover{
    background:url(http://mind-plus.net/img/seminarschoolBG.png) no-repeat;
}
#side_seminar1
{
  top:0px;
  background-position: 0px 1px;
}
#side_seminar2
{
  top:49px;
  background-position: 0px -49px;
}
#side_seminar3
{
  top:98px;
  background-position: 0px -98px;
}
#side_seminar4
{
  top:147px;
  background-position: 0px -147px;
}
#side_seminar5
{
  top:196px;
    height:52px;
  background-position: 0px -196px;
}



.side_branding
{
    background:url(http://mind-plus.net/img/branding.png) no-repeat;
}
.side_branding:hover{
    background:url(http://mind-plus.net/img/brandingBG.png) no-repeat;
}
#side_branding1
{
  top:0px;
  background-position: 0px 1px;
}
#side_branding2
{
  top:49px;
  background-position: 0px -49px;
}
#side_branding3
{
  top:98px;
  background-position: 0px -98px;
}
#side_branding4
{
  top:147px;
  background-position: 0px -147px;
}
#side_branding5
{
  top:196px;
  background-position: 0px -196px;
}
#side_branding6
{
  top:245px;
  height:53px;
  background-position: 0px -245px;
}

.side_service
{
    background:url(http://mind-plus.net/img/service.png) no-repeat;
}
.side_service:hover{
    background:url(http://mind-plus.net/img/serviceBG.png) no-repeat;
}
#side_service1
{
  top:0px;
  background-position: 0px 1px;
}
#side_service2
{
  top:49px;
  background-position: 0px -49px;
}
#side_service3
{
  top:98px;
  background-position: 0px -98px;
}
#side_service4
{
  top:147px;
  background-position: 0px -147px;
}
#side_service5
{
  top:196px;
      height:52px;
  background-position: 0px -196px;
}



.left { 
float: left;
margin: 0px 10px 10px 10px;
} 
.right { 
float: right;
}

/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS from */
/*------------------------------------------------------------*/

 .news_voice
        {
            float:left;
            width:1000px;
            margin-top:40px;
        }
        .news
        {
            float:left;
            width:518px;
            border-left:solid 1px #d0d0d0;
            border-right:solid 1px #d0d0d0;
            border-top:solid 1px #d0d0d0;
        }
        .news_article
        {
            width:498px;
            float:left;
            padding:10px;
            border-bottom:solid 1px #d0d0d0;
        }
        .news_1
        {
            float:left;
            width:50px;
        }
        .news_1 img
        {
            max-width:50px;
            max-height:50px;
        }
        .news_2
        {
            float:left;
            width:84px;
            padding:10px 0px 0px 10px;
margin-top:5px;
            text-align:left;
        }
        .news_3
        {
            float:left;
            width:344px;
            padding:0px 5px 0px 5px;
margin-top:5px;
        }
        .voice
        {
            float:right;
            width:433px;
            border-left:solid 1px #d0d0d0;
            border-right:solid 1px #d0d0d0;
            border-top:solid 1px #d0d0d0;
        }
        .voice_article
        {
            float:left;
            padding:5px;
            border-bottom:solid 0px #d0d0d0;
        }

/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS To*/
/*------------------------------------------------------------*/
.customerVoice
{
padding:20px;border:solid 1px #C6C6C6;
 margin-bottom:20px;
background-color:#f8f8f8;
font-size:13px;
}
.customerVoiceNoborder
{
padding:20px;
background-color:#f8f8f8;
margin-left:20px;
margin-right:20px;
}
.tensen
{
padding:20px;
border:dotted 2px #333333;
margin-left:20px;
margin-right:20px;
}

.frame2
{
padding:20px;border:solid 1px #C6C6C6;
 margin-bottom:20px;
background-color:#f8f8f8;

}

.frame3
{
padding:20px;border:solid 5px #dddddd;
 margin-bottom:20px;
background-color:#f8f8f8;
font-size:12px;
line-height:21px;
}

#comp_overview
{
background-color:#f8f8f8;
border-collapse: collapse;
}
#comp_overview td
{
padding:10px;border:solid 1px #C6C6C6;
}
#comp_overview a
{
 font-size:12px;
}
.hpexample
{
border-collapse: collapse;

}
.hpexample td
{
 padding-bottom:30px;
width:350px;
vertical-align: top;
font-size:12px;line-height:20px;
}
.hpexample_text
{
border-collapse: collapse;
width:331px;
margin-top:20px;
}
.hpexample_text td
{
 padding-bottom:0px;
vertical-align: top;
font-size:12px;
line-height:20px;
border-bottom:dotted 1px #dddddd;
padding:5px;
}
.hpexample_text_leftcol
{
width:30px;
}
/*------------------------------------------------------------*/
/*お問い合わせフォーム */
/*------------------------------------------------------------*/
.otoiawase_form
{
text-align:left; padding:0px 0px 0px 0px
;border:solid 0px #C9C0AD;margin-bottom:50px;
}
.otoiawase_table
{
border:solid 2px #83652c;
}
.otoiawase_table
{
border-collapse: collapse;
width:100%;
}
.tdleft
{
background-color:#dcd5c3;
border:solid 1px #83652c;
padding:20px;
}
.tdright
{
background-color:#ffffff;
border:solid 1px #83652c;
padding:20px;
}
.tdright input
{
    margin-right: 12px;
}

/*------------------------------------------------------------*/
/*links */
/*------------------------------------------------------------*/
.links
{
 float:right;
width:500px;
margin-top:-30px;
}
#facebook_like
{
float:right;
margin-right:0px;
}
#twitter
{
float:right;
margin-right:-30px;
}
#google_plusone
{
float:right;
}

.facebook
{
    float: left;
    top: 0;
}
.fixed {
    position: absolute;
margin-top:10px;
}
.access1
{
left: 20px;
top: -230px;
height: 0px;
position: relative;
width:290px;
}
.access2
{
left: 20px;
top: -200px;
height: 0px;
position: relative;
width:290px;
}

/*ボックス追加 from*/
#page_contents .itemBox
{
    float:left;
	margin-right:15px;
	margin-bottom:20px;
height:285px;
}
#page_contents .itemBox img
{

}
#page_contents .itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
}
#page_contents .itemText
{
    margin-top:5px; 
float:left;
}
.itemBox {
    float: left;
    width: 250px;
    height: 285px;
    margin-right: 30px;
    margin-left: 15px;
    margin-bottom: 20px;
    position: relative;
}
.itemBox img
{
	width:250px;
}
.itemTitle
{
    margin-top: 15px;
    font-weight: bold;
    width: 250px;
    max-height: 44px;
    overflow: hidden;
    line-height: 24px;
}
.itemText
{
    margin-top:5px; 
width:250px;
    font-size: 13px;
}
.itemPicFrame
{
width:248px;
border:solid 1px #cccccc;
text-align:center;
height:140px;
overflow: hidden;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.selectedPage a
{
border:solid 1px #333333;
background-color:#f6f6f6;
color: #333333;
margin-right:10px;
padding:2px 8px;
float:left;

text-decoration:underline;
font-size:14px;
}
.unselectedPage a
{
border:solid 1px #333333;
background-color:#ffffff;
color:#333333;
margin-right:10px;
padding:2px 5px;
float:left;
font-size:14px;
}
.unselectedPage a:hover
{
border:solid 1px #333333;
background-color:#333333;
color:#ffffff;
}
.columPage {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    margin-bottom: 50px;
}
.columPage td
{
    float:left;
    margin-bottom:10px;
}
.itemTitle a
{
color:#568EC7;
font-size:16px;
}



/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:850px;				/*上ボタン全体の幅*/	
margin:0px 0px 0px 0px;
padding:0px;
}
ul.button1istitem li
{
    float:left;
    width: 170px;
}
a.widelink1 {   
    display: block;			/*必須*/ 
    width: 100%;			/*必須*/
    height:45px;		

    font-size:12px;
    padding: 5px 0px 0px 0px;
    font-size:12px;
}
a.widelink1:hover 
{

}
/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:1000px;				/*上ボタン全体の幅*/	
}
ul.button1istitem li
{
    float:left;
    width: 196px;
}

a.widelink1 {   
    display: block;			/*必須*/ 
    width: 100%;			/*必須*/
    height:33px;		
text-align: center;
    font-size:14px;
    padding: 17px 0px 0px 0px;
    font-size:12px;
    color: #000;
    background-image:url(http://dmfbs.com/image/type9/pinkBG.png);	
}
a.widelink1:hover 
{
    color: #666;		  
    background-image:url(http://dmfbs.com/image/type9/pinkBGd.png);  
}
/*中ボタンの設定*/
div#button2 
{
    float: left;
    padding: 0px 0px 0px 0px;		/*上右下左*/
    text-align: left;
}
.nodisp
{
display:none;
}
.pointer
{
cursor:pointer;
}
.drop_list
{
  display: block;			/*必須*/ 
    width: 193px;			/*必須*/
    background-image:url(img/side2.png);
    background-repeat:no-repeat;
padding:6px 0px 0px 25px;
    font-size:12px;
    height:28px;
}
.footLink a
{
    color: #fff;		
}
.footLink a:hover
{
    color: #fff;		
}
.voiceBox
{
background-color:transparent!important;
padding:0px!important;
}
#page_contents ul {
    padding-left: 10px;
}

#page_contents ul li {
    background: url(img/list2.jpg) no-repeat 0 4px;
    padding-left: 20px;
    list-style-type: none;
    text-decoration: none;
    text-decoration-color: #dddddd;
}
#page_contents ol{
padding-left: 10px;
}
#page_contents ol li {
background: url(img/list2.png) no-repeat 0 4px;
padding-left: 20px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
}
.voiceBox_text
{
margin-left:10px;
margin-right:10px;
}
#example li
{
list-style-type: none;
}
.background_3 a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60)";
background-color:#fff!important;
}
ol
{
padding-left:20px;
}
.menuTable
{
width:585px;
}
.menuTable td
{
border:1px solid #82652c;
padding:5px;
}