@charset 'UTF-8';

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul,ol{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
br.clear{ clear:both;height:0;line-height:0;}
.clearfix{ zoom:1;}
.clearfix:after{ content:""; display: block; clear: both; height: 0; visibility:hidden;}
a{ color: #711; text-decoration: none;}
a:hover{ text-decoration: underline;}
a:hover img{ opacity: 0.7; filter: alpha(opacity=70);}

body{ text-align: center; background: url(/img/common/bg_body.gif) top left #FFF; font-family: Meiryo , "メイリオ" , "ヒラギノ角ゴ Pro W3" , Osaka ; font-size: 10pt; color: #555; line-height: 160%;}
#container{ text-align: left; max-width: 990px;}

#header{ margin: 5px 0 5px 0;}
#hNav{ float: right; margin-bottom: 8px;}
#logo{ float: left; margin-top: 10px;}
#dial{ clear: right; float: right;}
#gNav{ margin-top: 7px;}
#gNav ul{}
#gNav li{ float: left;}
#gNav ul li a { display: block; width: 138px; height: 26px; overflow: hidden;}
#gNav ul li.recruit a { width: 132px;}
#gNav ul li a:hover{ height: 26px;}
#gNav ul li a:hover img { margin-top: -30px;}

#trailer{ padding: 0 0 10px 15px;}

#left_menu{ }
.banner{ display: block; margin-bottom: 15px;}
.title{ display: block; margin-bottom: 15px;}
#left_menu ul{ list-style: url(/img/common/list_bg.png); padding-left: 17px;}
#left_menu a li{ font-weight: bold; text-shadow: 1px 0px 0px #FFF , -1px 0px 0px #FFF , 0px 1px 0px #FFF , 0px -1px 0px #FFF; font-size: 105%;}
#left_menu li{ height: 60px; margin-bottom: 10px;}
#left_kashi{ background: url(/img/common/left_kashi.png) right bottom no-repeat;}
#left_makigaki{ background: url(/img/common/left_makigaki.png) right bottom no-repeat;}
#left_korogaki{ background: url(/img/common/left_korogaki.png) right bottom no-repeat;}
#left_columbus{ background: url(/img/common/left_columbus.png) right bottom no-repeat;}
#left_columbuschocolat{ background: url(/img/common/left_columbuschocolat.png) right bottom no-repeat;}
#left_kakiman{ background: url(/img/common/left_kakiman.png) right bottom no-repeat;}
#left_chestnuts{ background: url(/img/common/left_chestnuts.png) right bottom no-repeat;}
#left_wagashi{ background: url(/img/common/left_wagashi.png) right bottom no-repeat;}
#left_iwai{ background: url(/img/common/left_iwai.png) right bottom no-repeat;}
#left_others{ background: url(/img/common/left_others.png) right bottom no-repeat;}
#left_menu dl{}
#left_menu dt{ background: url(/img/common/list_bg.png) left center no-repeat; padding-left: 15px; margin-left: 0px; font-size: 110%; font-weight: bold;}
#left_menu dt span{ font-size: 90%; font-weight: normal;}
#left_menu dd{ font-size: 90%; margin-bottom: 15px; padding: 0 0 15px 20px; line-height: 200%; border-bottom: 1px dashed #CCC;}

#contents{ font-size: 110%;}
h1{ font-size: 140%; letter-spacing: 0.1em; background: #500; padding: 15px; color: #fff; margin-bottom: 20px;}
.titleImg{ margin-bottom: 10px;}
#lead{ clear: both; font-size: 120%;line-height: 40px; margin-bottom: 40px; background: url(/img/common/lead_bg.png);}
h2{ clear: both; height: 50px; padding: 17px 0 0 15px; margin: 20px 0 30px 0; background: url(/img/common/h2_bg.png) top left no-repeat; font-size: 120%; font-weight:bold;}
@media screen and (max-width:800px){
  h2{  background: url(/img/common/h2_small_bg.png) top left repeat-x; margin-bottom: 40px;}
}
h4{ font-size: 110%; margin-bottom: 15px; padding-left: 10px;}
.text{ line-height: 200%; margin-bottom: 30px; padding-left: 10px;}
.text img{ display: block; float: right; padding: 5px; border: 1px solid #DDD; margin-left: 8px;}

#pageTop{ display: none; position: fixed; right: 20px; bottom: 20px; opacity: 0.5; filter: alpha(opacity=0.5);}
a:hover #pageTop{ opacity: 1.0; filter: alpha(opacity=100);}
#footer{ margin-top: 30px; padding: 5px 0 5px 0; background: url(/img/common/foot_bg.png) top left no-repeat;}
#copyright{ width: 600px; float: left; margin-top: 9px;}
#fNav{ float: right; margin-bottom: 7px; margin-top: 9px;}