/* Basic customized styles
-------------------------------------------------- */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: rgba(250,240,230,1);
}

code {
  font-size: 80%;
}

.english_title {
	font-family: "Finger Paint", cursive;
	display:block;
	font-size:small;
	max-height:12px;
	color: #777;
	margin-left: 53px;
	margin-top: 0px;
}


#main-wrap {
	padding-bottom:30px;
}

#main-wrap2 {
	margin-top:120px;
	padding-bottom:30px;
}

@media (min-width: 768px) and (max-width: 991px),
@media (max-width: 768px) {
 #main-wrap2 {
	 margin-top:180px;
}
}

.caption {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:smaller;
	color:#797575;
}

#updates {
	background-color: rgba(255, 255, 255, 0.6);
	overflow:hidden;
	padding:10px;
	margin-left:20px;
}
.finger {
	font-family: "Finger Paint", cursive;
	color:#858E55;
	font-size: 20px;
}
.finger-s {
	font-family: "Finger Paint", cursive;
	color:#858E55;
	font-size: 14px;
}

.mincho {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#updates ul {
   text-indent:0px;
}

#updates li {
   list-style:none;
   padding:5px 0px;
   border-bottom:1px solid #ddd;
   font-size:small;
}

#updates li.new{
	list-style-image:url("../images/new.png");
}

.date{
	display:inline-block;
	width:7em;
	text-indent:0;
}

#updates li a {
   text-decoration:underline;
   color:#663333;
}

#updates li a:hover {
	text-decoration:underline;
	color:#d2b48c;
}

#topics {
	background-color: transparent;
	overflow:hidden;
	padding:10px;
}

#topics ul{
	list-style: none;
}
#topics li{
	font-size:small;
}


.websp_photo01 {
	background-position:center
}

.wbsp {
    position: relative;
    color: #5b4541;
    background: #ffffff;
    font-size: 12pt ;
    border: 1px solid #d2b48c;
    margin: 10px 10px 21px 0px;
    padding: 10px 5px 10px 10px;
    border-radius: 3px;
    box-shadow:1px 1px 3px 0px  #776a54 ;
}
.wbsp:after, .wbsp:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.wbsp:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #ffffff;
}
.wbsp:before {
    left: 39px; 
    border: 11px solid transparent;
    border-top: 11px solid #d2b48c;
}

.intro {
	font-weight:bold;
	padding: 5px 0px 2px 0px;
	border-bottom: 1px dotted #d2b48c;
}

.intro2 {
	font-weight:bold;
	padding: 5px 0px 2px 0px;
	margin-left:20px;
}

#admission {
	background-color: rgba(255, 255, 255, 0.6);
	overflow:hidden;
	padding:10px;
	margin-left:20px;
	margin-top:10px;
}

#admission p {
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

#contact {
	background-color: rgba(255, 255, 255, 0.6);
	overflow:hidden;
	padding:10px;
	margin-left:20px;
	margin-top:10px;
}

#contact p {
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

#contact address {
	margin-left:30px;
}

.credit {
	margin: 20px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: rgba(102,51,51,0.7);
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#footer h6 {
	font-weight:bold;
	text-indent:10px;
}

#footer ul {
	padding-left:10px;
	font-size:12px;
	list-style:none;
}

.name {
	margin: 5px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: rgba(102,51,51,0.7);
	font-size: medium;
	font-weight:bold;
}

.text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:medium;
	line-height:2;
	margin-left:30px;
}

#roundtbl p {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:medium;
	line-height:2;
	margin-left:30px;
}

.subhead {
	color:#858E55;
}

.indent20 {
	margin-left:20px;
}

.indent30 {
	margin-left:30px;
}

.indent40 {
	margin-left:40px;
}

.indent50 {
	margin-left:50px;
}

.indent60 {
	margin-left:60px;
}

.indent100 {
	margin-left:100px;
}

/* comment box
---------------------- */

.letter {
 background-color: #FFF;
 padding: 1em;
 border: 1px solid #eee;
 border-right: 2px solid #eee;
 border-bottom: 2px solid #eee;
}
.letter p {
 font-size: 1em;
 line-height: 2.5em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #999;
 color: #777;
}

/* card box
---------------------- */
/* Shared styles */

        .drop-shadow {
            position:relative;
            float:left;
            width:40%;
            padding:1em;
            margin:2em 10px 4em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }

        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px;
            border-radius:4px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
            -moz-transform:rotate(-3deg);
            -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
            -moz-transform:rotate(3deg);
            -ms-transform:rotate(3deg);
            -o-transform:rotate(3deg);
            transform:rotate(3deg);
        }
 /* Rotated box */

        .rotated {
            -webkit-box-shadow:none;
            -moz-box-shadow:none;
            box-shadow:none;
            -webkit-transform:rotate(-3deg);
            -moz-transform:rotate(-3deg);
            -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }

        .rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }