@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Cinzel);


#footerLink a
{
display:block;
float:left;
margin-bottom:10px;
color:#6b6b6b;
}
#footerLink a
{
color:#6b6b6b;
}

#display_edit_tool_box9
{
display:none;
}
#display_edit_tool_box4
{
display:none;
}
#display_edit_tool_box5
{
display:none;
}
img {
   /* ▼行全体の下端に揃える */
   vertical-align: bottom;
}
img {
   /* ▼親要素のフォントの下端に揃える */
   vertical-align: text-bottom;
}

br
{
display:block;
}
#headpic
{
width:910px;
}
body {
color: #6b6b6b;
background-color:#fff;
 font-size:12px;
font-family:'メイリオ',Meiryo;
}
/*フォントサイズはこちら div,p,#pnlForm,.layout_rightbox,td */
#page_contents
{
 font-size:13px;
} 
.layout_centering {
margin: 0px auto;
width: 910px;
}
img {
   vertical-align:bottom
}

.camera_caption {
    color: #333333!important;
}

a{
    color:#8b4513;
}
a:hover{
    color:#8b4513;
    text-decoration:none;
}

p{
padding:0px;
margin:0px;
}
/*見出し*/
h1 {
    font-size: 18px;
    font-weight: bold;
    color: #6B6B6B;
    background-image: url(img/midashi1.png);
    background-repeat: no-repeat;
    padding: 16px 130px 16px 35px;
    line-height: 25px;
    text-align: left;
    clear: both;
    font-weght: bold;
    width: 452px;
    height: 48px;
    margin: 10px 10px;
    margin-left: -10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

h2					
{
    font-size:13px;		
font-weight:bold;
	color: #ffffff;					
	background-image:url(img/midashi2.png);      
	background-repeat: no-repeat;
	padding: 9px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
font-weght:bold;
    width: 597px;
	height:27px;
margin:10px 10px;
	margin-left:-10px;
margin-top:0px;
}
h3					
{
    font-size:14px;		
font-weight:bold;
	color: #6d9920;					
	background-image:url(img/midashi3.png);      
	background-repeat: no-repeat;
	padding: 7px 0px 0px  15px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
font-weght:bold;
    width: 602px;
	height:22px;
margin:10px 10px;
	margin-left:-10px;
margin-top:0px;
}
h4				
{
    font-size:15px;		
font-weight:bold;
	color: #262525;					
	background-image:url(img/midashi4.png);      
	background-repeat: no-repeat;
	padding: 13px 0px 0px 15px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
font-weght:bold;
    width: 602px;
	height:27px;
margin:10px 10px;
	margin-left:-10px;
margin-top:0px;
}
h5					
{
    font-size:13px;		
font-weight:bold;
	color: #262525;					
	background-image:url(img/midashi5.png);      
	background-repeat: no-repeat;
	padding: 8px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
font-weght:bold;
    width: 597px;
	height:24px;
margin:10px 10px;
	margin-left:-10px;
margin-top:0px;
}

h6					
{
    font-size:14px;		
font-weight:bold;
	color: #5e4b43;					
	background-image:url(img/midashi6.png);      
	background-repeat: no-repeat;
	padding: 7px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
font-weght:bold;
    width: 587px;
	height:32px;
margin:10px 10px;
	margin-left:-10px;
margin-top:0px;
}

.layout_rightbox
{
width:261px;
float:left;
background-color:#fff;
padding:0px;
}
.layout_leftbox
{
width:580px;
line-height:25px;
padding:30px;
padding-top:0px;
float:right;
background-color:#fff;
}
.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 {
    background: url("img/footer_backimg.png");
    background-repeat: repeat-x;
    margin-top: 0px;
    height: 160px;
    background-color: #e0e0e0;
    width: 100%;
    color: #fff;
}
.background_4 b
{
color:#60bfec;
}
.background_4 a
{
 text-decoration:none;
color:#6b6b6b;
font-size:12px;
}
.background_4 a:hover
{
 text-decoration:underline;
color:#6b6b6b;
}
.foot_plus
{
height:500px;
width:910px;
position: relative;
}
/* ------------バックグランド　コンテンツ910px外側------------ */
.background_0{
background-repeat: repeat-x;
}
.background_2{


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

}
/* ------------バックグランド　コンテンツ910px内側------------ */
.background_3_2{
padding:20px 0px 0px 0px;
width:910px;
}
/* ------------バックグランド　各ボックス------------ */
.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.menu{
  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_off.png) no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a.menu:hover{
  background:url(img/menu_on.png) no-repeat;
}

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

#headerMenu{
  width:910px;        /* メニュー全体の幅 */
}
#headerMenu ul.menu li a.menu{
  line-height:48px;   /* ボタンの高さ */

}


/* ------------ナビバー設定 背景------------ */

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

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

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

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

#headerMenu ul.menu li.menu5 a{ background-position: -784px 0px; width:196px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -784px 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;
display:block;
}

.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:#81673e;
}

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

/*画像*/

/*------------------------------------------------------------*/
.mediumPic
{
width:280px;
}
.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
{
 
 background-color:#fff;
 margin:13px;
 
}
#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;
}

/* ------------#top_button------------ */
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 2;
    float:left;
}
.left { 
float: left;
margin: 0px 10px 10px 10px;
} 
.right { 
float: right;
}
/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS from */
/*------------------------------------------------------------*/
 .news_voice
        {
            float:left;
            width:910px;
            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
        {
            width:413px;
            float:left;
            padding:10px;
            border-bottom:solid 1px #d0d0d0;
        }
        .voice_1
        {
            float:left;
            width:70px;
        }
        .voice_1 img
        {
            max-width:70px;
            max-height:70px;
        }
        .voice_2
        {
            float:left;
            width:323px;
            padding-left:20px;
            font-size:12px;
        }
        .voice_2 b
        {
         color:#f95dab;
        }
/*------------------------------------------------------------*/
/*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 #f0f0f0;
 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 #C6C6C6;margin-bottom:50px;
}
.otoiawase_table
{
border-collapse: collapse;
width:100%;
border:solid 2px #ad836d;
}
.tdleft
{
background-color:#f7f7f7;
border:solid 1px #ad836d;
padding:20px 10px;
}
.tdright
{
background-color:#ffffff;
border:solid 1px #ad836d;
padding:20px 10px;
}
.tdright input
{
padding:5px;
}

/*------------------------------------------------------------*/
/*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;
	width:30%;
	margin-right:15px;
	margin-bottom:20px;
}
#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:30%;
	margin-right:3%;
	margin-bottom:20px;
}
.itemBox
{
    float:left;
	width:320px;
	margin-right:35px;
	margin-bottom:30px;
}
.itemBox img
{

}
.itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
width:320px;
}
.itemText
{
    margin-top:5px; 
width:320px;
}
.itemPicFrame
{
width:318px;
border:solid 1px #cccccc;
text-align:center;
height:180px;
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 8px;
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;
  margin-top: 30px;
}

.itemTitle a
{
color:#f95cab;
font-size:15px;
}
/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:910px;				/*上ボタン全体の幅*/	
margin:0px 0px 0px 0px;
padding:0px;
height:82px;
}
ul.button1istitem li
{
    float:left;
}

/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:910px;				/*上ボタン全体の幅*/	
}
ul.button1istitem li
{
    float:left;
    width: 170px;
}
a.widelink1 {   
    display: block;			/*必須*/ 
    width: 154px;			/*必須*/	
text-align: center;
height:40px;
    font-size:14px;
    padding: 35px 0px 0px 0px;
    font-size:12px;
    color: #8E6354;
	background-image:url(img/menu_off.png);      
}
a.widelink1:hover 
{
    color: #8E6354;		  
	background-image:url(img/menu_off.png);      
}
/*中ボタンの設定*/
div#button2 
{
    float: left;
    padding: 0px 0px 0px 0px;		/*上右下左*/
    text-align: left;
}
ul.button2istitem{
    list-style-type:none;
    float:left;
    width: 261px;				/*レフトボタンの幅はこちら */	
    text-align: left;	
margin:0px;	
padding:0px;	
}
ul.button2istitem li
{
    float:left;
    width: 261px;
}
a.widelink2 
{
    background: url(img/side-menu_off.png) no-repeat;
    background-repeat: no-repeat;
    background-color: #fff;
    list-style-type: none;
    text-decoration: none!important;
    border-bottom: solid 0px #888888;
    padding-left: 35px;
    padding-right: 3px;
    padding-top: 0px;
height:39px;
    font-size: 13px;
    display: block;
    color: #6b6b6b;
    width: 225px;
    margin: 5px 0px 5px 0px;
    vertical-align: middle;
    display: table-cell;
}
a.widelink2:hover 
{
    color: #6b6b6b;		 
    background: url(img/side-menu_on.png) no-repeat; 
}
#display_edit_tool_box5,#display_edit_tool_box4
{
/*display:none!important;*/
}
.button1istitem
{
 height:50px;
}

/*yasuda add*/
#footer{
    text-align: center;
}

#page_contents ul {
padding-left:20px;
}
#page_contents ul li {
background: url(img/listmark2.png) no-repeat 0 4px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding: 0px 0px 0px 20px!important;
}
#page_contents ol {
padding-left:20px;
}
#page_contents ol li {
background: url(img/listmark.png) no-repeat 0 6px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding: 0px 0px 0px 20px!important;
}
#footcontents a
{
 margin-left:20px;
padding-left:20px;
border-left:solid 1px #6b6b6b;
}
.background_4 a {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
}
hr
{
margin-left: auto;
margin-right: auto;
border-top: 2px dotted #8e855f;
border-bottom: 0px dotted #684444;
background-color: #fff;
color: #fff;
}

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

#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_off.png") no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url("img/menu_on.png") no-repeat;
}

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

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

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

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

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

#headerMenu ul.menu li.menu4 a{ background-position: -192px -55px; width:192px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -192px -55px; }

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

#headerMenu ul.menu li.menu6 a{ background-position: -192px -110px; width:192px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -192px -110px; }

#headerMenu ul.menu li.menu7 a{ background-position: -840px 0px; width:150px; }
#headerMenu ul.menu li.menu7 a:hover{ background-position: -840px 0px; }

#headerMenu ul.menu li.menu8 a{ background-position: -871px 0px; width:129px; }
#headerMenu ul.menu li.menu8 a:hover{ background-position: -871px 0px; }
/* ------------ナビバー設定------------ */


/*Column ボックス追加 from*/
.columnList {
    margin-left: 20px;
    width: 600px;
}
#page_contents_bg .itemBox
{
    float:left;
	margin-left:-20px;
	margin-right:40px;
	margin-bottom:20px;
height:295px;
overflow : hidden; 
}
#page_contents_bg .itemBox:nth-child(3) {
	margin-right:0px;
}

#page_contents_bg .itemBox img
{

}
#page_contents_bg .itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
line-height: 22px;
height:44px;
overflow : hidden; 
}
#page_contents_bg .itemText
{
    margin-top:5px; 
float:left;
font-size:12px;
line-height: 19px;

}
.itemBox
{
    float:left;
	width:173px;
height:370px;
	margin-right:20px;
	margin-left:0px;
	margin-bottom:20px;
}
.itemBox img
{
	height:173px;
}
.itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
width:173px;
height:47px;
overflow : hidden; 
}
.itemText
{
    margin-top:5px; 
width:173px;
}
.itemPicFrame
{
width:173px;
border:solid 0px #cccccc;
text-align:center;
height:173px;
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 8px;
float:left;
font-size:14px;
}
.unselectedPage a:hover
{
border:solid 1px #333333;
background-color:#333333;
color:#ffffff;
}
.itemTitle a
{
color:#231815;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
.relatedarticle
{
margin-left:30px;
}
.columBox
{
    float:left;
	width:160px;
height:190px;
overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
padding:10px;
padding-left:0px;
border:solid 0px #dddddd;
}
.columBox_frame
{
width: 160px;
height:160px;: hidden;
text-align:center;
margin-bottom:10px;
overflow:hidden;
}
.columnBox_img
{
height: 160px;
}
.columnBox_a
{
    font-weight:bold;    
text-decoration:underline;
clear:both;
width:130px;

}
/*Columボックス追加 to*/