@charset "utf-8";
/*__________________ 基本設定 __________________ */
body{text-align:center;padding:0;margin:0;
font-family: "Lucida Grande", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;}

#wrap{margin-left:auto;margin-right:auto;text-align:center;}

* a img{border:0;}
.ctr, .rpic{text-align:center;}

.rgtt{float:right;}

.lftt{float:left;}

strong{color:#3f3fd4;}

.clearall{clear:both;}

img.rpic{border-radius:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;text-align:center;}

.togmenu {display:none;}

/*
.menubtn {padding:2px;text-align:left;
color: #413419;font-weight:bold;}
*/


.last td:last-child{width:100%;}

.contact{width:100%;}

.contact td.lft{display: block;width:100%;
border-left: none;border-right: none;}

.contact td{border-bottom: none;display: block;width:100%;
border-left: none;border-right: none;border-top: none;}




* modify */
.top_middle_spacer{margin-top:20px;}

input{width:250px;background:#f1ebdd;height:30px;border:none;
-webkit-appearance: none;}

textarea{width:250px;background:#f1ebdd;height:90px;}

input.short{width:100px;height:30px;border-radius:10px;background:#413419;color:#dccaa4;font-size:14px;font-weight:bold;border:none;}

td.high{padding-bottom:0px;}

#contact_form td{line-height:100%;font-size:14px;color:#212121;
margin-left:2px;margin-right:2px;text-align:left;}

.contact_bottom_spacer{margin-top:70px !important;}

.bottom_spacer{margin-top:70px;}



/* for SmartPhone */

body{margin-left:auto;margin-right:auto;
background-color:#fff;
-webkit-overflow-scrolling: touch;/*for iOS bug Hack*/
width:100%;}

*{margin:0;padding:0;}

img{max-width:100%;height: auto;background-size:contain;}

/*overlay settings*/
.parrent_overlay{position:relative;}
.child_overlay_over{z-index:10;position:absolute;width:100%;}
.child_overlay_under{z-index:1;position:absolute;}

.child_overlay_space{margin:0px 0 25px 0;}

img{max-width:100%;height: auto;background-size:contain;}
img.smll{max-width:85%;height: auto;background-size:contain;}
img.main{max-width:95%;height: auto;background-size:contain;
overflow:hidden;}

br.clear{clear:both;}


#wrap{overflow: visible;max-width: 640px;position:relative;}

#headwrap{background:#fff;
margin-bottom:0px;/*overlay settings*/}

h1{padding-top:5px;}

#beta{/*height:61px;*/margin:0;padding:0;background-color:#fff;}


/*_____________ トップメニュー設定 _____________ */

.ttop
{border-top:3px solid #413419;
background:#fff;margin:5px 2px 2px 2px;padding:4px 2px 2px 2px;}

.ttop a{text-decoration:none;color:#231815 !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);}

#topmenu{margin-left:auto;margin-right:auto;overflow:hidden;text-align:left;
border-bottom:3px solid #413419;background:#dccaa4;opacity: 0.8;}

#topmenu ul{
margin:5px auto 5px auto;padding:0;text-align:left;list-style-type:none;overflow: hidden;}

#topmenu li{padding:10px 0 0 0;list-style-type:none;border-bottom:1px dotted #121212;
height:28px;/*font-family:'Libre Baskerville';font-style:italic;*/}

/* hoverがあるとiOSではダブルタップとなるため、削除
#topmenu a:link, #topmenu a:visited, #topmenu a:active, #topmenu a:hover, .ttop a:hover
{display:block;color:#231815;
background-color:transparent;
text-decoration: none;}*/

#topmenu a
{display:block;color:#121212;font-size:15px;margin-bottom:20px;
background-color:transparent;padding-top:3px;
text-decoration: none;font-weight:bold;
-webkit-tap-highlight-color: rgba(0,0,0,0);}

#topmenu span.home a, #topmenu span.profile a, #topmenu span.example1 a, #topmenu span.example2 a, #topmenu span.contact a
{color:#231815;text-decoration:underline;font-weight:bold;}



#topmenu li.smpmenu{margin-top:-10px;height:37px;}

/*___________ コンテンツ ___________ */
#alpha{background-image: linear-gradient(to bottom, #fff, #f7f3eb);padding:1px 0 0 0;max-width: 640px;}

#alpha a:link, #alpha a:visited, #alpha a:active{color:#231815;text-decoration:underline;}
#alpha a:hover{color:#202090;background:none;text-decoration:none;}

#alpha .none a:link, #alpha .none a:visited, #alpha .none a:active, #alpha .none a:hover{text-decoration:none;background:none;color:#ffc0cb;}

h2{background-color:#dccaa4;color:#212121;
padding:5px;margin:15px;font-size:13px;text-align:center;
border-radius:10px;}

h3{background-color:#413419;color:#fff;
padding:5px;margin:15px 100px 5px 100px;font-size:13px;text-align:center;
border-radius:10px;}

#alpha ul{list-style-type:none;}

p, #topmenu li, #alpha li{line-height:190%;font-size:12px;
color:#231815;
margin-left:2px;margin-right:2px;margin-bottom:10px;
text-align:left;}

td{line-height:190%;font-size:12px;
color:#231815;
margin:0 2px 0 2px;text-align:center;}

address{font-size:10px;font-style:italic;padding:0;color:#231815;text-align:center;}


#alpha .rootbox{overflow:visible;width:auto;
margin-left:auto;margin-right:auto;
position:relative;text-align:center;}

#alpha .rootbox2{overflow:visible;width:auto;
margin-left:auto;margin-right:auto;
position:relative;text-align:center;
background-image:url("img/yamaguchi.jpg");background-repeat: no-repeat;
background-position:100% 9%;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}


input{width:95%;height:25px;margin:5px;}

input.long{width:95%;height:25px;margin:5px;}

input.short{width:20%;height:27px;margin:5px;font-size:14px;font-weight:bold;border-radius:10px;}

textarea{width:95%;height:120px;margin:5px;}


.content_left, .content_right
{width:95%;overflow:hidden;
background:#c6eefe;margin:5px;padding:0px 0 10px 0;border-radius:15px;}

.space{margin-bottom:40px;}
.space2{margin-top:20px;}