@charset "UTF-8";

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, strong, b, i, dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline:0;
}
img {
	-ms-interpolation-mode: bicubic;
}

/*-------------
1.Layout
2.Common
3.Header
4.Footer
---------------*/


/*--------------------------------
1.Layout
--------------------------------*/
/*footer下部固定*/
html, body{height: 100%;}
div#container{width: 100%;min-height: 100%;height: auto !important;height: 100%;position: relative;}
* html div#container{height:100%;}
body > #container{height: auto;}

div#content{width: 100%;margin: 0 auto;background-color: #fef4e7;}

/*--------------------------------
2.Common
--------------------------------*/
body{color: #714a3f;font-family: Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS Gothic","ＭＳ ゴシック",sans-serif;
font-size: 13px;line-height: 1.5;}
body#top{margin: 0; padding: 0; font-size: 13px; color: #6F4A3C; font-size: 13px; line-height:1.5;  width:100%; border-top:none;}
.ovBtn:hover{ filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; text-decoration: none;}
.ovBtn:hover img{ filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
input.txt{padding: 5px; border: solid 1px #8c8670;}
div#wrapper{ width:100%;}

/*Font*/
a{/*color:#063;*/ color: #714a3f; text-decoration: none;}
a:focus {outline: none;}
a:hover{color: #714a3f; text-decoration: underline;}


.red{color: #f00;}
.dred{color: #c00;}
.orange{color: #f60;}
.blue{color: #369;}
.green{color: #063;}

/*Layout*/
* html .cBox{zoom: 100%;}
.cBox{zoom: 100%;}
.cBox:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.leftBox{float: left;}
.rightBox{float: right;}
.clearBox{clear: both;}
.clearL{clear: left;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.indent{padding-left: 20px;}

.ic{vertical-align: middle;}
.backTop{text-align: right; padding: 5px; font-size: 11px; clear: both;}

div.topickPath{width: 100%;margin: 0 auto;font-weight: bold;}
div.topickPath p{width: 940px;padding: 5px 0;margin: 0 auto;}
div.topickPath span{display: inline;font-size: 12px;}
div.topickPath a{text-decoration: underline;color: #62b2fc;}

/*mein*/
div#wapper{width: 960px;margin: 0 auto;}

/*--------------------------------
3.Header
--------------------------------*/
/*header*/
div#english{position: relative;width: 100%;background: #6d4236;height: 20px;}
div#english p{width: 940px;margin: 0 auto;text-align: right;}
div#english a{color: #ddd1cd;text-decoration: none;}

div#header{width: 960px;margin: 0 auto;padding: 0;position: relative; height: 85px;}
div#header h2{position: absolute;top: 10px;left: 5px;}
div#header h2 a span{color: #714a3f;font-size: 14px;line-height: 1;text-decoration: none;}
div#header h2 a img{display: block;height: auto;max-height: 70px;max-width: 145px;width: auto;}
div#header p{position: absolute;top: 4px;right: 10px}

div#header div#image{background: url(./img/bg_main.png) 0 0 no-repeat;height: 361px;position: relative;width: 960px;}
div#header p#twitter{position: absolute;top: 200px;left: 40px;display: none;}
div#header p#rilaMovie{position: absolute;top: 20px;right: 20px;}


/*--------------------------------
4.Footer
--------------------------------*/
div#footer{clear:both;height:90px;width: 100%;background: #6d4236;color: #fff;text-align: center;}
div#footer p{font-size: 10px; clear: both; height: 30px;#dfd7cf;}
div#footer div{width: 960px;margin: 0 auto;position:relative;}
div#footer ul{height: 30px;margin: 0 auto;position: relative;text-align: center;width: 700px;}
div#footer li{position:relative;float: left;list-style: none;display: block;padding: 0 10px;border-right: dotted 1px #9f8b78;}
div#footer a{color: #dfd7cf;}
div#footer p a.pagetop{position: absolute;top: 0;right: 0;display: block;padding: 5px 10px;text-align: center;background: #9f6e5e;}