@charset "UTF-8";
@media screen and (min-width: 360px) {
  * { -webkit-text-size-adjust: none; }
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

html,div {
  margin: 0;
  padding: 0;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #666;
}

body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: transparent url(../images/top/background.jpg) repeat top left;
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

h1,h2,h3,h4,h5,h6,p {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 100%;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
   margin: 0;
   padding: 0;
  vertical-align: bottom;
}
a img {
  border:none;
  vertical-align: bottom;
}

a:link, a:visited {
  color: #AD0634;
  text-decoration: none;
  outline : 0;
}

a:hover {
  color: #AD0634;
  text-decoration: underline;
}

a:hover img {
  filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* base layout
********************************************/

div#wrapp {
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent url() no-repeat top left;
}

div#inner {
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 0 0;
  text-align: left;
  overflow: hidden;
  background: transparent url() no-repeat top left;
}

/* header_container layout
********************************************/

div#header_container {
  width: auto;
  padding: 0px 5px 0 5px;
}

div#header_container h1 {
  width: auto;
}

div#header_container h1 span img {
  width: 100%;
}




/* key_container layout
********************************************/

div#key_container {
  width: auto;
  padding: 15px 10px 0 10px;
}

div#key_container span img {
  width: 100%;
}

/* sns_container layout
********************************************/

div#sns_container {
  width: auto;
  padding: 15px 10px 0 10px;
}

div#sns_container span {
  display: block;
  float: right;
  height: 20px;
  overflow: hidden;
}
div#sns_container span.twitter_button {
  width: 100px;
}

div#sns_container span.fb_button {
  width: 130px;
}


/* navi_container layout
********************************************/

div#navi_container {
  width: auto;
  padding: 15px 0 0 0;
}

div#navi_container ul {
  width: 100%;
  display: table;
  table-layout:fixed;
}

div#navi_container ul li {
  display: table-cell;
  text-align: center;
  background-color: #DFDFD0;
}

div#navi_container ul li.navi_active {
  background-color: #F5F4E4;
}

div#navi_container ul li.navi_list span {
  display: block;
  border-left: #B1B1A4 3px solid;
  padding: 0 0 2px 0;
}

div#navi_container ul li.navi_active span {
  display: block;
  padding: 0 0 2px 0;
  border-left: #CECEBF 3px solid;
}

div#navi_container ul li a {
  display: block;
  padding: 7px 0;
}

/* navi_container layout
********************************************/

div#main_contaner {
  width: auto;
  background-color: #F5F4E4;
  padding: 10px 10px 20px 10px;
}

div#main_contaner div#twitter_container {
  width: auto;
}

div#main_contaner div#twitter_container a.twitter-timeline {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.main_area {
  display: none;
}

/* workshop_fin_container layout
********************************************/

div#workshop_fin_container {
  width: auto;
  padding: 20px 0 0 0;
}

div#workshop_fin_container h2 {
  width: auto;
  text-align: center;
  background-color: #e5af63;
  padding: 5px 0;
  color: #fff;
}

div#workshop_fin_container ul {
  width: auto;
  padding: 15px 0;
}

div#workshop_fin_container ul li {
  width: auto;
  border-bottom: 1px solid #ccc;
  padding: 7px 0;
  background: transparent url(../images/thanks/arrow.png) no-repeat 97% 5px;
}

div#workshop_fin_container ul li span a {
  display: block;
  margin: 0 0 0 15px;
}

div.text_container {
  width: auto;
  padding: 10px 10px 15px 10px;
}

div.text_container p {
  width: auto;
  line-height: 1.7em;
}



/* page_top layout
********************************************/

div#page_top {
  width: auto;
  background-color: #00002F;
  padding: 6px 0 10px 0;
  text-align: center;
}

div#page_top a {
  display: block;
}


/* footer_container layout
********************************************/

div#footer_container {
  width: auto;
  padding: 15px 0 0 0;
  text-align: center;
}

div#footer_container p {
  width: auto;
  padding: 0 0 10px 0;
}