@charset "utf-8";

html,body { text-align: left; margin: 0; padding: 0; font-size: 14px; color:#000; line-height:100%;}
html,body { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500;}
html,body { background: url("../img/common/menu_bg.jpg");}
html,body { min-width: 1200px;}

#wrapper { width: 100%; overflow: hidden}

nav { width:200px; float: left; position: relative; z-index: 100;}
nav .menu { background: url("../img/common/menu_frame.png") no-repeat; margin: 15px 0 0; width: 200px; height: 338px; padding-top:155px;}
nav .menu li {width: 140px; margin: 0 30px; height: 39px; border-bottom: 1px solid #330000; line-height: 44px;}
nav .menu li a {display:block; }
nav .menu .rollover2 { background: url("../img/common/menu_arrow.png") no-repeat right ;}
nav .banner {margin: 0 auto; width: 170px}


#rightArea { margin-right: -200px; padding-right: 200px; box-sizing: border-box; float: right; width: 100%;}

#rightArea .inner {border: 9px solid #e6dfd6;}
#rightArea .inner2 {border: 1px solid #330000; position: relative}
#rightArea #sankaku1 {position: absolute; top:5px; left:5px}
#rightArea #sankaku2 {position: absolute; top:5px; right:5px }
#rightArea #sankaku3 {position: absolute; bottom:5px; left:5px}
#rightArea #sankaku4 {position: absolute; bottom:5px; right:5px}


footer{font-size:10px; text-align: center; background: #FFF; width: 100%; margin: 0 auto; padding: 40px 0; color: #999}

.clearfix::after{content: ""; display: block; clear: both;}

/*-------------------
@preloader
-------------------*/
#preloader { width:100%; height:100%; position:fixed; z-index:1001; top:0px; left:0px; right:0px; bottom:0px; background:#9a0509;}
#preloader-anime { position:absolute; z-index:3; top:50%; left:50%; margin:-16px 0 0 -16px;}

/*-------------------------------
@SNS
-------------------------------*/
#social-container {background: url("../img/common/share_frame.png") no-repeat; margin: 20px 0 0 15px; width: 170px; height: 66px; padding:40px 0 0 20px}
#social-container li {float: left; display:block; height:30px; margin-left: 10px;}

.rollover:hover { filter:brightness(115%); transition: all 0.5s; cursor: pointer}
.rollover2:hover { opacity:0.7; transition: all 0.5s; cursor: pointer}