@charset "utf-8";

/*
Theme Name: Mediacross 2014
Theme URI: 
Description: The 2014 default theme for Mediacross.
Author: Mediacross
Author URI: http://medi-cro.jp/
Version: 2014.1
*/


/*------------------------------------------------------------------------------------------------  Reset and Utility.css  */

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, 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,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-size: 100%;font-weight: normal;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;max-height: 100%;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
 input, textarea,{margin: 0;padding: 0;} 
ol, ul{list-style:none;}
img {vertical-align: middle;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
a:focus {outline:none;}
 
.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{clear:both;}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}

/*------------------------------------------------------------------------------------------------  text  */
.txtC{text-align:center;}.txtL{text-align:left;}.txtR{text-align:right;}
.red{color:red}
.floatL{float:left;}.floatR{float:right;}

/*------------------------------------------------------------------------------------------------  parts  */
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.bold{font-weight: bold;}

/*space px*/
.ma0{margin: 0;}
.mt0{margin-top: 0;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt35{margin-top: 35px;}.mt40{margin-top: 40px;}.mt45{margin-top: 45px;}.mt50{margin-top: 50px;}.mt100{margin-top: 100px;}
.mr0{margin-right: 0;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}.mr35{margin-right: 35px;}.mr40{margin-right: 40px;}.mr45{margin-right: 45px;}.mr50{margin-right: 50px;}.mr100{margin-right: 100px;}
.mb0{margin-bottom: 0;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}.mb35{margin-bottom: 35px;}.mb40{margin-bottom: 40px;}.mb45{margin-bottom: 45px;}.mb50{margin-bottom: 50px;}.mb60{margin-bottom: 60px;}.mb100{margin-bottom: 100px;}.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}.ml35{margin-left: 35px;}.ml40{margin-left: 40px;}.ml45{margin-left: 45px;}.ml50{margin-left: 50px;}.ml100{margin-left: 100px;}.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}.pt30{padding-top: 30px;}.pt35{padding-top: 35px;}.pt40{padding-top: 40px;}.pt45{padding-top: 45px;}.pt50{padding-top: 50px;}.pt100{padding-top: 100px;}
.pr0{padding-right: 0;}.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr25{padding-right: 25px;}.pr30{padding-right: 30px;}.pr35{padding-right: 35px;}.pr40{padding-right: 40px;}.pr45{padding-right: 45px;}.pr50{padding-right: 50px;}.pr100{padding-right: 100px;}
.pb0{padding-bottom: 0;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}.pb30{padding-bottom: 30px;}.pb35{padding-bottom: 35px;}.pb40{padding-bottom: 40px;}.pb45{padding-bottom: 45px;}.pb50{padding-bottom: 50px;}.pb100{padding-bottom: 100px;}.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}.pl35{padding-left: 35px;}.pl40{padding-left: 40px;}.pl45{padding-left: 45px;}.pl50{padding-left: 50px;}.pl100{padding-left: 100px;}

/*space em*/
.mb1{margin-bottom:1em;}.mb2{margin-bottom:2em;}.mb3{margin-bottom:3em;}.mb4{margin-bottom:4em;}

/*------------------------------------------------------------------------------------------------  input */

#sec01 p{
	font-size: 15px;
	}
.mb2{
	font-size: 16px;
	padding-right: 50px;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select{
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 10px;
    vertical-align: baseline;
    color:#484848;
    max-width: 400px;
    box-sizing: border-box;
}

select{
    width:auto;
    color:#484848;
}
.wpcf7-text, textarea {
    background-color: #fcfcfc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #592F2A;
    background-color: #FFF7F4;
}

input[type="radio"],input[type="checkbox"]{
    vertical-align: middle;
    margin: 0 2px 0 0;
}

span.wpcf7-list-item{
    margin: 0 2em 0 0 !important;
}

input[type="text"]#postcode{
    width: 8em;
}

input[type="submit"]{
    background-color: #592F2A;
    position: relative;
    font-size: 14px;
    padding: 12px 50px;
    text-align: center;
    border-color: #714D48;
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 4px;
    color: #fff;
}
input[type="submit"]:hover{
    background-color: #F6E2DE;
    color: #592F2A;
}
input[type="submit"]:focus{
    border-width: 2px 0 0;
}
input[type="submit"][disabled="disabled"]{
    background-color: #eee;
    border-color: #bbb;
    color: #888;
}

.wpcf7-validation-errors,.wpcf7-response-output{text-align:center !important;}

th.hissu{
    background: url(images/hissu.png) 10em 48% no-repeat;
}

th.hissu2{
	background-image: url(../../../images/baouming.jpg);
	background-repeat: no-repeat;
	background-position: 10em 48%;
}

label{
    display: inline-block;
}

.submitBtn{
    text-align: center;
    padding-top: 2em;
}
/* #contactType select{
    height:36px;
} */

/*------------------------------------------------------------------------------------------------  HTML,Body,Anchor*/

@font-face {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "微軟正黑體", "Microsoft JhengHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "nsimsun", "宋体";
    src: url("font/fgflop.woff") format('woff');
}

body {
    /*font-size: 62.5%;*/
    /* IE */
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "微軟正黑體", "Microsoft JhengHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "nsimsun", "宋体";
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "微軟正黑體", "Microsoft JhengHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "nsimsun", "宋体";
    /*text-shadow: 0 0 1px rgba(29,16,14,0.2);*/
    background: url('images/bg.png') 0 0 repeat;
    min-width:1060px;
    font-size: 13px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html > body {
    line-height:1.8;
    color:#452420;
    min-width:1060px;
}

.myFontClass {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "微軟正黑體", "Microsoft JhengHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "nsimsun", "宋体";
}

a:link,
a:visited {
    text-decoration: none;
    color: #592f2a;
}
a:hover,
a:active {
    color: #734f4a;
}

html,body{
    height: 100%;
}

ol li{
    list-style-type: decimal;
    margin-left: 1.5em;
}

#wrapper{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url('images/bg_cloud.png') left top repeat-x;
}

#ga{
    position:absolute;
    top:0;
    right:0;
    z-index:9999;
    color:#f00;
}

.photo {
    border: 1px solid #d5d5d5;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(128,128,128,0.2);
    background-color: #fff;
}

#headerContent,
#gnav ul,
#contentWrapper{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#breadCrumb,
#pagetitle_inner{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/*------------------------------------------------------------------------------------------------  header  */

#header{
    width:100%;
    background: url('images/bg_wood.png') center bottom repeat-x;
    padding: 0px 0 62px;
}

#gnav{
    width:100%;
}

#headerContent{
    position:relative;
    height: 170px;
	margin-bottom: 10px;
}

#header #logo{
    display: inline-block;
    margin-top: 5px;
}

#header h2 {
    position: absolute;
    left: 0;
    top: -23px;
    font-size: 11px;
    line-height: 13px;
}

#info{
    position:absolute;
    right: 10px;
    top: 40px;
}

#info #subnav{
    margin-bottom: 20px;
}
#info #subnav li{
    float:right;
}
#info #subnav li a{
	display: block;
	height: 20px;
	background-image: url(../../../images/subnavi.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#info #subnav li#subnav01 a{background-position: 0 0; width: 129px;}
#info #subnav li#subnav02 a{background-position: -129px 0; width: 137px;}
#info #subnav li#subnav03 a{background-position: -266px 0; width: 150px;}

#info #header_contact{
	width: 514px;
	height: 40px;
	position: relative;
	background-image: url(../../../images/index_tel_bg.jpg);
	background-repeat: no-repeat;
	background-position: 30 0;
}
#info #header_contact .tel{
    position: absolute;
    right: 200px;
    top: 9px;
}
#info #header_contact .mail{
    position: absolute;
    right: 20px;
    top: 9px
}

.verystrong{
	    font-weight: bolder;
    font-size: larger;
}

#gnav ul{
    width: 1223px;
    height: 52px;
    overflow:hidden;
   
}
#gnav ul li#gnav1{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav01.jpg);
}
#gnav ul li#gnav2{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav02.jpg);
}

#gnav ul li#gnav3{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav08.jpg);
}
#gnav ul li#gnav4{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav03.jpg);
}
#gnav ul li#gnav5{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav04.jpg);
}
#gnav ul li#gnav6{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav05.jpg);
}
#gnav ul li#gnav7{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav06.jpg);
}
#gnav ul li#gnav8{
   
   background-position:      0 0px;
	background-image: url(../../../images/index_nav07.jpg);
}

#gnav ul li{
    float: left;
    height: 52px;
}

#gnav ul li#gnav1{width: 108px;}
#gnav ul li#gnav2{width: 198px;}
#gnav ul li#gnav3{width: 198px;}
#gnav ul li#gnav4{width: 152px;}
#gnav ul li#gnav5{width: 137px;}
#gnav ul li#gnav6{width: 152px;}
#gnav ul li#gnav7{width: 143px;}
#gnav ul li#gnav8{width: 130px;}


#gnav ul li a{
    display:inline-block;
    height:0;
    width:100%;
    padding-top:52px;
  
    background-repeat: no-repeat;
    opacity:0;
}
#gnav ul li#gnav1 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav01_hover.jpg);
}
#gnav ul li#gnav2 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav02_hover.jpg);
}

#gnav ul li#gnav3 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav08_hover.jpg);
}
#gnav ul li#gnav4 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav03_hover.jpg);
}
#gnav ul li#gnav5 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav04_hover.jpg);
}
#gnav ul li#gnav6 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav05_hover.jpg);
}
#gnav ul li#gnav7 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav06_hover.jpg);
}
#gnav ul li#gnav8 a{
	background-position:      0 0px;
	background-image: url(../../../images/index_nav07_hover.jpg);
}


    #gnav ul li a.stay{opacity:1 !important;}


/*------------------------------------------------------------------------------------------------  slider  */

#slider, .slider{
    clear:both;
    margin-bottom:20px;
}

/*------------------------------------------------------------------------------------------------  contentWrapper  */

#contentWrapper{
    margin-bottom: 50px;
}

#breadCrumb_wrap{
    background-color: #f6ebe7;
    line-height: 30px;
    margin-bottom: 45px;
}
#breadCrumb li{display:inline;}
#breadCrumb li img.breadimg{
    padding: 0 10px;
}

/*------------------------------------------------------------------------------------------------  content  */

#content{
    width: 700px;
    float: right;
}

#content .section{margin-bottom: 60px;clear: both;}

/*------------------------------------------------------------------------------------------------  sidebar  */

#sidebar{
    float: left;
    width: 240px;
    padding-top: 20px;
}

#sidenav{
    background: url('images/line1.png') left bottom repeat-x;
    margin-bottom: 30px;
}
#sidenav >li{
    background: url('images/line2.png') left top repeat-x;
    padding-top: 3px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "微軟正黑體", "Microsoft JhengHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "nsimsun", "宋体";
}
#sidenav >li .snsub{}
#sidenav >li .snsub li{
    background: url('images/line1.png') left bottom repeat-x;
}
#sidenav >li .snsub li:last-child{
    background: none;
    width: 100%;
    height: 40px;
}

#sidenav >li .snsub li a{
    background: url('images/arrow1.png') 10px center no-repeat;
    padding-left: 25px;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    text-decoration:none;
}

#sidenav >li .snsub li .ss a{
    background: url('images/arrow1.png') 10px center no-repeat;
    padding-left: 25px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    text-decoration:none;
}

#side_contact{
    background: url('images/side_contact.png') left center no-repeat;
    width: 240px;
    height: 130px;
    position: relative;
    margin-bottom: 20px;
}
#side_contact .tel{
    position: absolute;
    top: 60px;
    left: 60px;
}
#side_contact .mail{
    position: absolute;
    top: 90px;
    left: 60px;
}

#corp{margin-bottom: 20px;}
#corp .corpinfo{
    background-color: #fff;
    padding: 20px 10px;
}
#corp .corpinfo h2{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
#corp .corpinfo p{
    line-height: 1.4;
    font-size: 12px;
}

/*------------------------------------------------------------------------------------------------  footer  */
#contact_area{
    background: url('images/contact_area.png') center top no-repeat;
    width: 980px;
    height: 133px;
    position: relative;
    margin: 0 auto 50px;
}
#contact_area .tel{
    position: absolute;
    top: 73px;
    left: 244px;
}
#contact_area .mail{
    position: absolute;
    top: 73px;
    left: 457px;
}
#contact_area .info{
    position: absolute;
    top: -8px;
    left: 23px;
}

#footerWrapper{
	
	padding: 0 0 0px;
	width:100%;
	background-image: url(../../../images/footer_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#footer{

    width:980px;
    margin:0 auto;
    padding: 0px 0 0;
    position: relative;
}

#footer #toTop{
    display: inline-block;
    position: absolute;
    top: -30px;
    right: 0;
}

#footer #footer_link{
    margin-bottom: 40px;
}
#footer #footer_link > li{
    width: 140px;
    float: left;
}
#footer #footer_link > li > a,
#footer #footer_link li ul.subfl2 a{
    background: url('images/arrow1.png') left center no-repeat;
    padding-left: 10px;
}
#footer #footer_link li ul.subfl{
    margin-left: 10px;
}

#footer #footer_info{}
#footer #footer_info h2{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}
#footer #footer_info h2 span{
    font-weight: normal;
    font-size: 11px;
    margin-right: 1em;
}
#footer #footer_info p{
    line-height: 1.4;
    margin-bottom: 10px;
}
#footer #footer_info #copy{
    font-size: 11px;
}
#footer #copy .sign {
    font-size: 10px;
}

/*------------------------------------------------------------------------------------------------  home  */
.home #contentWrapper{
    position: relative;
}
.home #contentWrapper .infobtn, .home #contentWrapper .infopin{
    position: absolute;
    right: 168px;
    top: -130px;
    z-index: 1000;
}

#main_link{
    text-align: center;
}
#main_link li{
    display: inline-block;
    margin: 0px;
    width: 321px;
	height: 283px;
    vertical-align: top;
}
#main_link li a{
    display: block;
    height: 180px;
/*    background-image: url('images/top_main_link.png');
    background-repeat: no-repeat;*/
    text-indent: -9999px;
}
#main_link li#mlink01{
	padding-top: 46px;
	background-image: url(../../../images/index_photo_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main_link li#mlink02{
    padding-top: 46px;
	background-image: url(../../../images/index_photo_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main_link li#mlink03{
    padding-top: 46px;
	background-image: url(../../../images/index_photo_03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main_link li#mlink04{
    background: url('images/top_main_link_bg04.png') 0 0 no-repeat;
    padding-top: 80px;
}
#main_link li#mlink01 a{background-position: 0 0;}
#main_link li#mlink02 a{background-position: -210px 0;}
#main_link li#mlink03 a{background-position: -420px 0;}
#main_link li#mlink04 a{background-position: -630px 0;}
    #main_link li#mlink01 a:hover{background-position: 0 -180px;}
    #main_link li#mlink02 a:hover{background-position: -210px -180px;}
    #main_link li#mlink03 a:hover{background-position: -420px -180px;}
    #main_link li#mlink04 a:hover{background-position: -630px -180px;}

#news .inner,
#blog .inner{
    background-color: #fff;
    box-shadow: 10px 10px 0 0 rgba(238,232,228,1);
}
#news .inner{padding: 20px;}
#blog .inner {
/*     min-height: 250px; */
    padding: 20px 20px 20px 170px;
}

#news{position: relative;}
#news h2{
	height: 70px;
	background-image: url(../../../images/top_newstitle_bg.png);
	background-repeat: no-repeat;
	background-position: 615px bottom;
}
#news h2 img{
    padding-top: 10px;
}
#news .inner ul{
    background: url('images/line1.png') left top repeat-x;
}
#news .inner ul li{
    background: url('images/line1.png') left bottom repeat-x;
    padding: 12px 0;
}
#news .inner ul li .date{
    display: inline-block;
    width: 90px;
    color: #976e68;
    font-size: 12px;
    padding-left:0.5em;
}
#news .inner ul li h3{
    display: inline-block;
    width: 550px;
}

#content section#about{
    position: relative;
    margin-bottom: 40px;
}
#about .abosec{margin-bottom: 30px;}
#about #about01{
    background: url('images/top_about_img01.png') left bottom no-repeat;
    padding: 0 0 0 140px;
    min-height: 230px;
}
#about #about02{
    background: url('images/top_about_img02.png') right top no-repeat;
    padding: 25px 210px 0 0;
    min-height: 196px;
}
#about #about03{
    background: url('images/top_about_img03.png') left top no-repeat;
    padding: 20px 0 0 210px;
    min-height: 183px;
}
#about #about03 dl{
    margin-bottom: 25px;
}
#about #about03 dl dt{
    float: left;
    width: 55px;
}
#about #about03 dl dd{
    float: left;
    width: 400px;
    margin-left: 15px;
    padding-top: 3px;
}

#about #about01 h2{
    margin: 0 0 30px -30px;
}
#about h3{
    margin-bottom: 20px;
}
#about .btn_about{
    position: absolute;
    top: 0;
    right: 0;
}

.home #blog{
    margin-bottom: 100px;
}
#blog{
    padding: 60px 0 0;
    position: relative;
}
#blog::after {
    background: url(images/txt_blog_after.png) 0 0 no-repeat;
    content: "";
    width: 134px;
    height: 180px;
    position: absolute;
    left: 15px;
    bottom: -60px;
}
#blog h2{
    position: absolute;
    top: 0;
    left: 0;
}
#blog article{
    width: 150px;
    float: left;
    margin-right: 24px;
    margin-bottom: 20px;
}
#blog article:nth-child(3n+0){margin-right: 0;}
.category #blog article{margin-bottom: 15px;}
#blog article a{
    text-decoration: none;
    display:inline-block;
}
#blog article img{
    width: 150px;
    border-radius: 3px;
    height: 100px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    margin-bottom: 2px;
}
#blog article .date{
    color: #976e68;
    font-size: 11px;
}
#blog article h3{
    font-size: 12px;
    line-height: 1.2;
}

.catBtn{
    position: absolute;
    right: 0;
}
.catBtn img{display: block;}
#news .catBtn{top: 40px;}
#blog .catBtn{top: 30px;}

/*------------------------------------------------------------------------------------------------  page title  */
#pagetitle{
    background-color: #dac2a6;
}
#pagetitle_inner{
    background: url('images/pagetitle_bg.png') right top no-repeat;
    height: auto;
}
#pagetitle_inner h2{
    padding: 0px;
}
#pagetitle_inner ul{
    line-height: 1.2;
}
#pagetitle_inner ul li{
    display: inline-block;
    margin-right: 15px;
}
#pagetitle_inner ul li a{
    background: url('images/arrow2.png') left center no-repeat;
    font-weight: bold;
    padding-left: 8px;
}

/*------------------------------------------------------------------------------------------------  page common  */
/*#content strong, #content em, .single */#content p:not(.right) a:link{
    background: url('images/line3.png') left bottom repeat-x;
    font-weight: bold;
    margin: 0 3px;
}

.title1{
    background: url('images/line1.png') left bottom repeat-x;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------  page education  */
.education01{
    margin-bottom: 40px;
}
.education01 h3{
    float: left;
}
.education01 .edu01_inner{
    float: right;
    width: 595px;
    padding-top: 32px;
}

.english_box{
    background-color: #e3e496;
    border-radius: 10px;
    position: relative;
    padding: 20px;
}
.english_box .english_inner{
    margin-top: -60px;
    width: 460px;
}
.english_box .english_inner p{
    color: #1283ce;
}
.english_box .teacher{
    position: absolute;
    bottom: -25px;
    right: -4px;
}

.education_list li{
    float: left;
    width: 330px;
    margin: 0 40px 35px 0;
    position: relative;
}
.education_list li:nth-child(even){margin: 0 0 35px 0;}
.education_list li div{
    width: 235px;
    margin: 12px auto 0;
}
.education_list li div h4{
    background: url('images/line2.png') left bottom repeat-x;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center;
}
.education_list li .new{
    position: absolute;
    right: 15px;
    top: 170px;
}

.voicebox{
    /*float: left;
    width: 470px;*/
}

.voice{}
.voice li{
    margin-bottom: 15px;
}
.voice li .guest{
    margin-bottom: 5px;
}
.voice li .guest span{
    display: inline-block;
    width: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    vertical-align: bottom;
}
.voice li p{
    background-color: #e3e496;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.voiceimg{
    float: right;
    width: 190px;
}

/*------------------------------------------------------------------------------------------------  page about  */
.hoshin{
    background: url('images/about_img17.png') 35px center no-repeat;
}
.hoshin li:nth-child(2){padding-left: 82px;}
.hoshin li .hs_img{
    float: left;
    padding: 0 16px 0 0;
}
.hoshin li div{
    float: left;
    width: 390px;
    padding-top: 20px;
}
.hoshin li h3{margin-bottom: 10px;}

.mind{
    padding: 0 10px;
    position: relative;
}
.mind .link_education{
    position: absolute;
    right: 0;
    top: 110px;
}

.mind .num_list{
    width: 275px;
    float: right;
    margin-top: 30px;
}
.num_list li{
    line-height: 25px;
    padding: 0 0 14px 40px;
}
.num_list li.num01{background: url('images/icon_num01.png') 0 0 no-repeat;}
.num_list li.num02{background: url('images/icon_num02.png') 0 0 no-repeat;}
.num_list li.num03{background: url('images/icon_num03.png') 0 0 no-repeat;}
.num_list li.num04{background: url('images/icon_num04.png') 0 0 no-repeat;}
.num_list li.num05{background: url('images/icon_num05.png') 0 0 no-repeat;}

.six_mind{
    width: 460px;
    height: 330px;
    position: relative;
    background: url('images/about_img13.png') center center no-repeat;
}
.six_mind li{
    position: absolute;
}
.six_mind li#m01{top: 0; left: 31px;}
.six_mind li#m02{top: 0; left: 169px;}
.six_mind li#m03{top: 0; left: 308px;}
.six_mind li#m04{top: 160px; left: 0;}
.six_mind li#m05{top: 160px; left: 138px;}
.six_mind li#m06{top: 160px; left: 276px;}

.aisatsu_title{
    float: left;
}
.aisatsu_box{
    float: right;
    width: 392px;
    margin-bottom: 35px;
}

.staff_list{
    text-align: center;
    padding: 20px 0 60px;
}
.staff_list li{
    display: inline-block;
    margin: 0 16px;
}

.staffbox{}
.staffbox .staff_l{
    float: left;
}
.staffbox .staff_c{
    float: left;
    width: 290px;
}
.staffbox .staff_r{
    float: right;
    width: 200px;
}
.staffbox .staff_c .catch{
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.staffbox .staff_c .staff_img{margin-bottom: 8px;}
.staffbox .staff_c .staff_img li{
    float: left;
    margin: 0 10px 10px 0;
}
.staffbox .staff_c .staff_img li:nth-child(even){margin: 0 0 10px 0; float:right;}

.gallerybox{
    position: relative;
}
.gallerybox .gallerybg{
    position: absolute;
    right: -34px;
    bottom:40px;
}
.gallerybox .link_live{
    position: absolute;
    bottom: -52px;
    right: 60px;
}
.gallerybox ul{
    box-sizing: border-box;
    background-color: #e3e496;
    /*border-radius: 10px;*/
    width: 670px;
    min-height: 510px;
    padding: 40px 40px 70px;
    
    -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topright: 10px;
    -webkit-border-bottom-right-radius: 10px;
     -moz-border-radius-bottomright: 10px;
}
.gallerybox ul li{
    float: left;
    margin: 0 10px 10px 0;
}
.gallerybox ul li:nth-child(4n+0){margin: 0 0 10px 0;}
.gallerybox ul li img{
    border-radius: 4px;
}

div#gMap {
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 10px;
    height: 380px;
    width: 100%;
}

/*------------------------------------------------------------------------------------------------  page live  */
.livebox{
    padding: 33px 0 0 50px;
    float: left;
    width: 640px;
    box-sizing: border-box;
}

.nagare_list{}
.nagare_list li{
    width: 215px;
    float: left;
    margin: 0 9px 35px;
}
.nagare_list li p{
    padding-left: 15px;
}
.nagare_list li p{
    line-height: 1.4
}
.nagare_list li .ngrt{
    font-size: 18px;
    text-align: center;
    margin-bottom: 12px;
}
.nagare_list li .ngrt span{
    font-size: 11px;
    vertical-align: top;
}

.yuki{
    width: 240px;
    float: right;
}

#events{
    height: 1453px;
    background: url('images/events_bg.png') center center no-repeat;
    position: relative;
    padding: 33px 0 0;
}
#events figure{
    z-index: 100;
    position: absolute;
}
#events figure figcaption{
    float: left;
}
#events figure ul{
    float: left;
    line-height: 1.4;
    z-index: 110;
}
#events figure ul li{}
#events figure ul li::before{
    content: "・";
    padding-right: 3px; 
}

#events figure#month04{top: 47px; left: 0px;}
    #events figure#month04 ul{margin: 0 0 0 5px;}
#events figure#month05{top: 167px; left: 82px;}
    #events figure#month05 ul{margin: 0 0 0 5px;}
#events figure#month06{top: 284px; left: 165px;}
    #events figure#month06 ul{margin: 3px 0 0 0;}
#events figure#month07{top: 407px; left: 257px;}
    #events figure#month07 ul{margin: 1px 0 0 11px;}
#events figure#month08{top: 526px; left: 360px;}
    #events figure#month08 ul{margin: 2px 0 0 0;}
#events figure#month09{top: 648px; left: 446px;}
    #events figure#month09 ul{margin: 0 0 0 11px;}
#events figure#month10{top: 767px; left: 0px;}
    #events figure#month10 ul{margin: 0 0 0 -7px;}
#events figure#month11{top: 877px; left: 33px;}
    #events figure#month11 ul{margin: 11px 0 0 -5px;}
#events figure#month12{top: 1007px; left: 180px;}
    #events figure#month12 ul{margin: 0 0 0 11px;}
#events figure#month01{top: 1127px; left: 270px;}
    #events figure#month01 ul{margin: 1px 0 0 10px;}
#events figure#month02{top: 1234px; left: 330px;}
    #events figure#month02 ul{margin: 14px 0 0 11px;}
#events figure#month03{top: 1360px; left: 438px;}
    #events figure#month03 ul{margin: 8px 0 0 3px;}

#events .epho,
#events .eimg{
    position: absolute;
}

#events .epho#epho01{top: 57px; left: 246px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho02{top: 38px; left: 355px; transform: rotate(15deg); z-index: 49;}
#events .epho#epho03{top: 16px; left: 477px; transform: rotate(-15deg); z-index: 48;}
#events .epho#epho04{top: 177px; left: 325px; transform: rotate(-15deg); z-index: 50;}
#events .epho#epho05{top: 307px; left: 35px; transform: rotate(-15deg); z-index: 50;}
#events .epho#epho06{top: 274px; left: 451px; transform: rotate(15deg); z-index: 49;}
#events .epho#epho07{top: 352px; left: 550px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho08{top: 420px; left: 499px; transform: rotate(15deg); z-index: 51;}
#events .epho#epho09{top: 500px; left: 230px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho10{top: 660px; left: 110px; transform: rotate(-15deg); z-index: 50;}
#events .epho#epho11{top: 785px; left: 263px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho12{top: 890px; left: 370px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho13{top: 970px; left: 500px; transform: rotate(15deg); z-index: 49;}
#events .epho#epho14{top: 1020px; left: 390px; transform: rotate(-15deg); z-index: 48;}
#events .epho#epho15{top: 1130px; left: 20px; transform: rotate(-15deg); z-index: 50;}
#events .epho#epho16{top: 1150px; left: 130px; transform: rotate(-15deg); z-index: 51;}
#events .epho#epho17{top: 1220px; left: 220px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho18{top: 1380px; left: 120px; transform: rotate(15deg); z-index: 50;}
#events .epho#epho19{top: 1400px; left: 280px; transform: rotate(-15deg); z-index: 50;}

#events .eimg#eimg01{top: 57px; left: 516px; z-index: 30;}
#events .eimg#eimg02{top: 139px; left: 10px; z-index: 30;}
#events .eimg#eimg03{top: 167px; left: 518px; z-index: 30;}
#events .eimg#eimg04{top: 190px; left: 511px; z-index: 30;}
#events .eimg#eimg05{top: 403px; left: 77px; z-index: 30;}
#events .eimg#eimg06{top: 547px; left: 43px; z-index: 30;}
#events .eimg#eimg07{top: 606px; left: 294px; z-index: 30;}
#events .eimg#eimg08{top: 668px; left: 247px; z-index: 30;}
#events .eimg#eimg09{top: 752px; left: 398px; z-index: 30;}
#events .eimg#eimg10{top: 991px; left: 8px; z-index: 30;}
#events .eimg#eimg11{top: 989px; left: 408px; z-index: 30;}
#events .eimg#eimg12{top: 1033px; left: 544px; z-index: 30;}
#events .eimg#eimg13{top: 1256px; left: 24px; z-index: 30;}
#events .eimg#eimg14{top: 1224px; left: 641px; z-index: 30;}
#events .eimg#eimg15{top: 1305px; left: 626px; z-index: 30;}
#events .eimg#eimg16{top: 1413px; left: 4px; z-index: 30;}
#events .eimg#eimg17{top: 1430px; left: 518px; z-index: 30;}
#events .eimg#eimg18{top: 1065px; left: 345px; z-index: 30;}

/*------------------------------------------------------------------------------------------------  page information  */
.remarks {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.table1{
    background: url('images/line1.png') left top repeat-x;
    width: 100%;
}
.table1 tr{
    background: url('images/line1.png') left bottom repeat-x;
}
.table1 tr th,
.table1 tr td{
    padding: 15px 0;
}
.table1 tr th p{
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    width: 200px;
    padding: 24px 0;
}
.table1 tr td{
    vertical-align: middle;
}

#infotable th{
    position: relative;
}
#infotable th img{
    position: absolute;
    left: 0;
    top: 21px;
}
#infotable th p{
    margin-left: 45px;
    width: 220px;
}
.tw220{width: 220px;}
.tw290{width: 290px;}
.tw410{width: 410px;}
.tw480{width: 480px;}

.line2{
    background: url('images/line2.png') left bottom repeat-x;
    padding-bottom: 15px;
}

.whitebox{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
}

.kome li::before{
    padding-right: 3px;
    content: "※";
}

/*------------------------------------------------------------------------------------------------  page faq  */
.faqlist{}
.faqlist dt{
    background: #c7adcd url('images/faq_list01.png') 5px 0 no-repeat;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 15px;
    padding: 6px 0 6px 80px;
}
.faqlist dd{
    margin-bottom: 20px;
    padding: 0 0 0 80px;
}

/*------------------------------------------------------------------------------------------------  page misyu  */
.qpbox{
    box-sizing: border-box;
    background: url('images/misyu_img02.png') center center no-repeat;
    color: #fff;
    width: 260px;
    height: 495px;
    float: left;
    margin-left: 40px;
    padding: 140px 18px 0;
    line-height: 1.6;
}

.qplist{
    text-align: center;
}
.qplist li{
    margin-bottom: 20px;
}

.blogbox{
    position: relative;
    padding-top: 30px;
}
.blogbox .bloglink{
    position: absolute;
    top: -20px;
    right: 0;
}
.misyutbl th{
    width: 45%;
}

/*------------------------------------------------------------------------------------------------  page contact  */
#contact{
    background: url('images/line1.png') left top repeat-x;
    margin-bottom: 20px;
    width: 100%;
}
.tw25p{width: 25%;}
.tw75p{width: 75%;}

#contact tr{
    background: url('images/line1.png') left bottom repeat-x;
}
#contact tr th{
    padding: 10px;
    min-width: 200px;
    width:200px;
    vertical-align: middle;
}
#contact tr td{
    padding: 10px 0;
}
#contact tr td .ys{
    display: inline;
}

/*------------------------------------------------------------------------------------------------  page privacy  */
.page-privacy #content ul{
    list-style-type: circle;
    margin-bottom: 50px;
    margin-left: 1.2em;
}

.pbox{
    background-color: #f6e2de;
    border-radius: 10px;
    padding: 10px 15px;
}
.pbox h3.ptitle{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.3em;
}

/*------------------------------------------------------------------------------------------------  post (news,blog)  */
.stitle{
    background: url('images/line2.png') left bottom repeat-x;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.single article{
    background: url('images/line2.png') left bottom repeat-x;
    padding-bottom: 12px;
}
.single article .postcontent{
    background: url('images/line1b.png') left top repeat;
    line-height: 32px;
    padding:0 0.5em;
}
.single article .date{
    font-size: 11px;
    padding-top: 6px;
    text-align: right;
    padding-right:0.5em;
}

.single #line{
    padding: 9px 0 20px 0 !important;
    margin-right: 10px;
}
.prev-next{
    padding: 30px 0;
}

.prev-next p{
    /*margin-top: -18px;
    line-height: 1;*/
}
.prev-next a[rel="prev"]{
    float: left;
}
.prev-next a[rel="next"]{
    float: right;
}

#viewPhoto {
    position:relative;
    width: 680px;
    height: 453px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius:6px;
    box-shadow: rgba(200, 190, 180, 0.8) 0px 0px 8px;
    overflow: hidden;
}

#viewPhoto img{
    display: block;
    width: 680px;
    overflow:hidden;
    max-width: 680px;
    max-height: 453px;
    border-radius: 4px;
}
#thumPhoto{
    background-color: #F6EBE7;
    box-shadow: 0px 0px 6px 6px inset rgba(246, 226, 222,0.3);
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 15px 0 10px 25px;
}
#thumPhoto li{
    float:left;
    margin: 0 17px 10px 0;
}
#thumPhoto li:nth-child(4n+0){
    margin: 0 0 10px 0;
}
#thumPhoto li a{
    display:inline-block;
    box-shadow: 1px 1px 4px rgba(200, 190, 180, 0.3);
    border: 5px solid rgb(255, 255, 255);
    border-radius: 4px;
}
#thumPhoto li a img{
    border-radius: 3px;
}

/*------------------------------------------------------------------------------------------------  Pagination  */

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 13px;
    line-height: 14px;
    text-align:center;
}
.pagination span, .pagination a {
    display: inline-block;
    /*float: left;*/
    width: auto;
    margin: 2px 2px 2px 0;
    padding: 6px 9px;
    background-color: #fff;
    color: #555;
    text-decoration: none;
    border-radius:2px;
}
.pagination a {
    border: 1px solid #ccc;
}
.pagination a:hover{
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}
.pagination .current{
    padding: 5px 9px 5px 9px;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}

/*------------------------------------------------------------------------------------------------  fadeButton  */

#page-top {
    position: fixed;
    bottom: -200px;
    right: 0;
    font-size: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
}

/*------------------------------------------------------------------------------------------------  wideslider  */

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 40px;
    height: 460px;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider_base {
    top: 0;
    position: absolute;
    left:center;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}
.slider_prev,
.slider_next {
    top: 0;
    position: absolute;
    z-index: 50;
    cursor: pointer;
}
.slider_prev img{
    position: absolute;
    right: -25px;
    top: 200px
}
.slider_next img{
    position: absolute;
    left: -25px;
    top: 200px
}


.slidepagination {
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 100;
}

.slidepagination a {
    margin: 0 3px;
    width: 10px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    background: url('images/slide_point.png') 0 0 no-repeat;
    border-radius: 5px;
}
.slidepagination a.active {
    background: url('images/slide_point_a.png') 0 0 no-repeat;
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


/*------------------------------------------------------------------------------------------------  jquery.jscrollpane.min.js  */
.pane{
    height:200px;
}
.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 10%;
  background: #FFFFFF;
}

#column .jspVerticalBar{
  background: #78C7FF;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #FFFFFF;
}

#column .jspHorizontalBar{
  background: #78C7FF;
}

.jspVerticalBar .jspTrack {
    background-color:#ececec;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  /*-webkit-border-radius: 5px;
  border-radius: 5px;*/
  background:#e5e4e4;
  position: relative;
}

#column .jspTrack{
  background:#012318;
}

.jspDrag
{
  /*-webkit-border-radius: 5px;
  border-radius: 5px;*/
  background: #1ABC9C;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

#column .jspDrag{
  background:#016949;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #50506d;
  background:#ccc;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
  background:#333;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

/*------------------------------------------------------------------------------------------------  fancybox  */
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    background-image: url('images/fancybox/fancybox.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
}

#fancybox-overlay {
    background: rgba(255, 255, 255, 0.8) url('images/bg_pattern.png') 0 0 repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    background: transparent url('images/btn_close.png') 0 0 no-repeat;
    /* position: absolute; */
    position: fixed;
    right: 2em;
    top: 2em;
    width: 37px;
    height: 37px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    border-radius:6px;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right {
    /* background: transparent url('images/fancybox/blank.gif'); */
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 60%;
    cursor: pointer;
    outline: none;
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: -10%;
}

#fancybox-right {
    right: -10%;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    /* left: -9999px; */
    width: 51px;
    height: 68px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background: url('images/btn_prev.png') 0 0 no-repeat;
}

#fancybox-right-ico {
    background: url('images/btn_next.png') 0 0 no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

#fancybox-left span {
    left: 0;
}
#fancybox-left:hover span {
    /* left: 20px; */
}

#fancybox-right span {
    right: 0;
}
#fancybox-right:hover span {
    /*  left: auto;
    right: 20px; */
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('images/fancybox/fancy_title_over.png');
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('images/fancybox/fancybox.png') -55px -90px no-repeat;
}

.fwafwa{
    -webkit-animation:pickRight 1200ms cubic-bezier(0, 0.4, 0.6, 1)   0s 1 normal;
    -webkit-animation:pickRight 1200ms cubic-bezier(0, 0.35, 0.65, 3.0) 0s 1 normal;
       -moz-animation:pickRight 1200ms cubic-bezier(0, 0.4, 0.6, 3.0) 0s 1 normal;
        -ms-animation:pickRight 1200ms cubic-bezier(0, 0.4, 0.6, 3.0) 0s 1 normal;
         -o-animation:pickRight 1200ms cubic-bezier(0, 0.4, 0.6, 3.0) 0s 1 normal}

         /*@-webkit-keyframes pickLeft{
            0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-webkit-transform:rotateX(10deg) rotateY(-20deg) rotateZ(4deg)}
            100%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
            
         @-moz-keyframes pickLeft{
            0%{-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-moz-transform:rotateX(10deg) rotateY(-20deg) rotateZ(4deg)}
            100%{-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
            
         @-ms-keyframes pickLeft{
            0%{-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-ms-transform:rotateX(10deg) rotateY(-20deg) rotateZ(4deg)}
            100%{-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
         
         @-o-keyframes pickLeft{
            0%{-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-o-transform:rotateX(10deg) rotateY(-20deg) rotateZ(4deg)}
            100%{-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
         
         @keyframes pickLeft{
            0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{transform:rotateX(10deg) rotateY(-20deg) rotateZ(4deg)}
            100%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}*/
         
         @-webkit-keyframes pickRight{
            0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-webkit-transform:rotateX(6deg) rotateY(20deg) rotateZ(-2deg)}
            100%{-webkit-transform:rotateX(-2deg) rotateY(4deg) rotateZ(0.4deg)}}
            
         @-moz-keyframes pickRight{
            0%{-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-moz-transform:rotateX(6deg) rotateY(20deg) rotateZ(-2deg)}
            100%{-moz-transform:rotateX(-2deg) rotateY(4deg) rotateZ(0.4deg)}}
            
         @-ms-keyframes pickRight{
            0%{-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-ms-transform:rotateX(6deg) rotateY(20deg) rotateZ(-2deg)}
            100%{-ms-transform:rotateX(-2deg) rotateY(4deg) rotateZ(0.4deg)}}
            
         @-o-keyframes pickRight{
            0%{-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{-o-transform:rotateX(6deg) rotateY(20deg) rotateZ(-2deg)}
            100%{-o-transform:rotateX(-2deg) rotateY(4deg) rotateZ(0.4deg)}}
            
         @keyframes pickRight{
            0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
            65%{transform:rotateX(6deg) rotateY(20deg) rotateZ(-2deg)}
            100%{transform:rotateX(-2deg) rotateY(4deg) rotateZ(0.4deg)}}

/*.fwafwa{-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none}*/


/*------------------------------------------------------------------------------------------------  likebox  */
/** 影を隠す **/
.face_book_plgin_shadow_hidden {
    background: none repeat scroll 0 0 #f6e2de; /** 背景色に合わせる 合わない場合はheight: 0でもおk **/
    height: 1px;
}
/** FBページを出さないようにしてデザイン **/
.face_book_plgin {
    background-color: #f6e2de !important; /** ここの色に合わせてボーダーを消す色も合わせる !important超大事 **/
    border-radius: 2px 2px 2px 2px; /** デザイン **/
    box-shadow: 1px 1px 0 2px rgba(0, 0, 0, 0.05); /** デザイン **/
    float: left; /** デザイン **/
    width: 100% !important; /** 超大事 **/
    margin: 0 0 41.6px; /** デザイン **/
    overflow: hidden !important;  /** 超大事 **/
    position: relative; /** 超大事 **/
    width: 100% !important; /** 超大事 **/
    word-wrap: break-word; /** 一応記述 **/
    word-break: break-all; /** 一応記述 **/
    z-index: 0;
}
/** borderを隠す(トップ) **/
.face_book_plgin_border_top {
    background: none repeat scroll 0 0 #f6e2de; /** 合わせる **/
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1032px;
}
/** borderを隠す(ライト) **/
.face_book_plgin_border_right {
    background: none repeat scroll 0 0 #f6e2de; /** 合わせる **/
    bottom: 0;
    height: 300px;
    position: absolute;
    right: 0;
    width: 6px;
}
/** borderを隠す(ボトム) **/
.face_book_plgin_border_bottom {
    background: none repeat scroll 0 0 #f6e2de; /** 合わせる **/
    bottom: 0;
    height: 6px;
    left: 0;
    position: absolute;
    width: 1032px;
}
/** borderを隠す(レフト) **/
.face_book_plgin_border_left {
    background: none repeat scroll 0 0 #f6e2de; /** 合わせる **/
    bottom: 0;
    height: 300px;
    left: 0;
    position: absolute;
    width: 6px;
}

.pluginBoxDivider {
    border-top: 1px solid #9f7f79;
}



.face_book_plgin_logo_proposal_6 {
    height: auto;
    left: 0;
    max-width: 780px !important;
    opacity: 1;
    position: absolute;
    top: 151px;
    width: 780px;
    z-index: -1;
}

._43q7 a img{
    border-radius:3px !important;
}

.my_photo_area{
	float: left;
	height: auto;
	width: 552px;
	margin-left: 70px;
	}
	
.my_photo_area_top{
	float: left;
    width: 552px;
    
}

.my_photo_area_btm{
	float: left;
	height: 341px;
	width: 552px;
}

.my_photo_area_top_left{
	float: left;
	height: 390px;
	width: 262px;
	margin-right: 25px;
}

.my_photo_area_top_right{
	float: left;
	height: 390px;
	width: 265px;
	
}

.my_photo_area_top_left01{
	float: left;
	height: 177px;
	width: 262px;
	margin-bottom: 23px;
}

.my_photo_area_top_left02{
	float: left;
	height: 190px;
	width: 262px;
}

 #contentWrapper #content #news #sec02 img{
	margin-bottom: 10px;
}
.top20_m{
	margin-top: 20px;
}

.index_text_area001{
	height: 212px;
	width: 338px;
	background-image: url(../../../images/index_parents_text.jpg);
	background-repeat: no-repeat;
	padding-top: 130px;
	padding-left: 510px;
	font-size: 14px;
	padding-right: 124px;	
	}
	
	
.index_text_area003{
	height: 705px;
	width: 972px;
	background-image: url(../../../images/index_context.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #333;
	}
	
.index_text_area003_01{
	float: left;
	height: 202px;
	width: 100%;	
	}
.index_text_area003_02{
	float: left;
	height: 163px;
	width: 100%;	
	}
.index_text_area003_03{
	float: left;
	height: 165px;
	width: 100%;	
	}
.index_text_area003_04{
	float: left;
	height: 165px;
	width: 100%;	
	}
	
.area003_01_r{
	width: 208px;
	margin-right: 51px;
	margin-left: 713px;
	margin-top: 77px;
}

.index_text_area003_02_l{
	width: 203px;
	height: 110px;
	padding-top: 53px;
	padding-left: 267px;
	float: left;
}
.index_text_area003_02_r{
	width: 255px;
	height: 110px;
	padding-top: 53px;
	padding-left: 247px;
	float: right;
}


.lession01{
	
	height: 35px;
	width: 622px;
	background-image: url(http://didi-dance.com/images/in_btm_border.png);
	background-repeat: no-repeat;
	font-size: 22px;
	font-weight: bolder;
	}
	
.lession01_n{
	
	height: 35px;
	width: 622px;
	background-image: url(http://didi-dance.com/images/my_new_line.png);
	background-repeat: repeat;
	font-size: 22px;
	font-weight: bolder;
	}
.lession02{
	width: 622px;
	padding-top: 36px;
	padding-bottom: 42px;
	
	}
	
	.lession02 p{
		font-size: 16px;
		
		}
	
.lession03{
	width: 622px;
	height: 29px;
	padding-top: 15px;
	padding-bottom: 19px;
	font-size: 16px;
	}
	
.lession04{
	width: 622px;
	padding-top: 20px;
	padding-bottom: 17px;
	font-size: 16px;
	}
	
	.lession04 p{
		font-size: 16px;
		
		}
	
.lession05{
	width: 622px;
	height: 27px;
	font-size: 16px;
	padding-top: 29px;
	}
	
	.lession06{
	width: 622px;


	}