@charset "UTF-8";

/* reset styles */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,object,table,caption,tbody,tfoot,thead,tr,th,td,address,iframe,code,pre,strong,em,small,fieldset,form,input,select,optgroup,option,textarea,button,legend,label,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{margin:0;padding:0;border:0;background:none;outline:0;font-size:100%;font-weight:normal;font-style:normal;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
body{line-height:1;}
ul,ol{list-style:none;}
img{vertical-align:bottom;}
a,object{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
input,select,button{vertical-align:middle;}
th,td{text-align:left;}

/* sub reset styles */
html{overflow-y:scroll;}
body{color:#333333;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;}
body{font-size:12px;}
body{/font-size:75%;}
body{font-size:75%\9;}

/* all styles */
::selection{background:rgba(255,199,0,0.5);color:#000000;}
::-moz-selection{background:rgba(255,199,0,0.5);color:#000000;}
a{color:#f90914;transition:color 0.2s linear;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;}a:hover{color:#ff6c00;}
body{background:#f9f4e9 url(../images/bg_natural_bright.png) center top repeat;}

/* header styles */
#header{border-top:4px solid #ffc700;}
#header .inner{width:950px;height:80px;margin:0 auto;position:relative;}
#header .logo{position:absolute;left:0;top:14px;}
#headerNav{width:761px;position:absolute;right:0;top:0;}
#headerNav ul{padding:0 0 0 1px;position:relative;overflow:hidden;z-index:100;}
#headerNav ul li{margin:0 1px 0 0;float:left;}
#headerNav .headerNavLine{width:100%;height:62px;background:#e0d9cb;display:block;position:absolute;left:0;top:0;z-index:50;}
#headerNavBar{width:191px;height:4px;position:absolute;left:0;top:;-8px;background:#00ae38;font-size:0;}

/* container styles */
#wrapper{background:url(../images/bg_natural_dark.png) center top repeat;}
#wrap{background:url(../images/bg_container.png) center top repeat-y;position:relative;overflow:hidden;}
#container{width:950px;margin:0 auto;padding:0 0 1px 0;position:relative;line-height:1.5;overflow:hidden;z-index:10000;}

/* footer styles */
#footer{width:950px;height:91px;margin:0 auto;position:relative;}
#footer .logo{position:absolute;right:0;top:27px;}
#footer .cr{color:#999999;font-size:84%;position:absolute;left:0;top:51px;}
#footerNav{position:absolute;left:0;top:27px;overflow:hidden;}
#footerNav li{float:left;font-size:92%;}
#footerNav li a{margin:0 5px 0 0;padding:2px 10px 1px 10px;background:url(../images/icon_arrow_footer.png) left center no-repeat;color:#666666;display:block;text-decoration:none;}
#footerNav li a:hover{color:#999999;}

/* common styles */
.page-header{width:870px;margin:0 auto;padding:25px 0 24px 0;position:relative;}
.page-header .breadcrumb{overflow:hidden;}
.page-header .breadcrumb ul{margin:0 0 0 -14px;overflow:hidden;}
.page-header .breadcrumb li{padding:0 9px 0 17px;background:url(../images/icon_arrow_breadcrumb.png) left 5px no-repeat;float:left;}
.page-header .page-title{position:relative;}
.page-contents{position:relative;}
.page-contents:after{height:0;display:block;clear:both;content:'';font-size:0;}

.dotframe{background:url(../images/bg_natural_bright.png) center top repeat;}
.dotframe .inner{min-height:100px;position:relative;}
.dotframe .inner:after{height:0;display:block;clear:both;content:'';font-size:0;}
.dotframe .df-top-left{background:url(../images/dotframe_top_left.png) left top no-repeat;}
.dotframe .df-top-right{background:url(../images/dotframe_top_right.png) right top no-repeat;}
.dotframe .df-bottom-left{background:url(../images/dotframe_bottom_left.png) left bottom no-repeat;}
.dotframe .df-bottom-right{background:url(../images/dotframe_bottom_right.png) right bottom no-repeat;}
.dotframe .df-vertical-left{background:url(../images/dotframe_vertical.png) left top repeat-y;}
.dotframe .df-vertical-right{background:url(../images/dotframe_vertical.png) right top repeat-y;}
.dotframe .df-horizontal-top{background:url(../images/dotframe_horizontal.png) left top repeat-x;}
.dotframe .df-horizontal-bottom{background:url(../images/dotframe_horizontal.png) left bottom repeat-x;}

#popWindowBg{width:100%;background:#000000;position:fixed;left:0;top:0;z-index:10000;}