@charset "UTF-8";
/* ===================================================================
 サイト内共通
=================================================================== */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 100%;
}

img {
  border: none;
  vertical-align: top;
}

a {
  color: #00306D;
  text-decoration: none;
}
a:hover {
  color: #00306D;
  text-decoration: underline;
}

.newPage {
  page-break-before: always;
}

html, body {
  height: 100%;
}

html {
  overflow-y: scroll;
}

body#pagetop_top {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1.7em;
  color: #FFF;
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/201407/header_back.png) no-repeat 50% 43px #52006d;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

br.clear {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0em;
  clear: both;
}

.buttons {
  cursor: pointer;
  _cursor: hand;
  /* for WinIE 5,6 */
}

strong {
  font-weight: 700;
}

div.koen {
  height: 80px;
  width: 900px;
  padding: 0 30px;
  text-align: center;
}
div.pagetop {
  height: 80px;
  width: 900px;
  padding: 0 30px;
  text-align: right;
}

h3.content_title {
  background: url("http://scrapaws.s3.amazonaws.com/ajito/images/201407/title_back02.png") no-repeat center top;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 33px 0;
  text-align: center;
}

h2.content_title {
  text-align: center;
  font-size: 16px;
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/201407/title_back.png) no-repeat top center;
  padding: 20px 0;
  margin-bottom: 30px;
}

/* ===================================================================
 テキスト関連
=================================================================== */
h3 {
  font-size: 20px;
  line-height: 1.2em;
  padding: 5px;
  font-weight: bold;
}

h4 {
  font-size: 17px;
  padding: 5px;
  margin: 18px 0 8px 0;
  color: #00306D;
  font-weight: bold;
}

h5 {
  font-size: 12px;
  padding: 5px;
  color: #00306D;
  font-weight: bold;
}

p {
  padding: 3px;
}

.text10 {
  font-size: 10px;
  line-height: 1.7em;
}

.text10red {
  font-size: 10px;
  color: #F00;
}

span.nd {
  display: none;
}

.content p {
  color: #00306d !important;
}

/* ===================================================================
 レイアウト
=================================================================== */
#wrapper {
  width: 960px;
  padding: 0 0px;
  margin: 0 auto;
  height: auto !important;
}

#header {
  padding: 0 30px;
  margin: 0;
}

#container {
  zoom: 1;
  margin-bottom: 15px;
}
#container:after {
  content: '';
  display: block;
  clear: both;
}

div.content {
  zoom: 1;
  width: 640px;
  margin: 0 auto 35px auto;
  padding: 20px 20px 0 20px;
  background-color: #FFF;
  position: relative;
  color: #00306D;
}
div.content:after {
  content: '';
  display: block;
  clear: both;
}

#side {
  float: right;
  width: 170px;
}

#main {
  float: left;
  width: 430px;
}
#main p {
  line-height: 240%;
}

#footer {
  width: 980px;
  padding: 10px 0;
  margin: 0 auto;
  _height: 1%;
  /* for WinIE 5,6 */
}

#blog p {
  font-size: 14px;
}
#blog a {
  color: #00306D;
}

/* ===================================================================
 ヘッダー
=================================================================== */
#header {
  position: relative;
}
#header h1 {
  text-align: center;
}
#header .header_logo {
  position: absolute;
  top: -7px;
  right: 17px;
}
#header #navi {
  height: 80px;
  padding: 0;
  margin: 0;
  position: relative;
}
#header #navi ul {
  padding: 0;
}
#header #navi li {
  padding: 0px;
  margin: 0 0;
  float: left;
}
#header #navi2 {
  height: 80px;
  padding: 0;
  margin: 0;
}
#header #navi2 ul {
  padding: 0 20px;
}
#header #navi2 li {
  padding: 0px;
  margin: 0 4px;
  float: left;
}
#header h1 {
  text-align: center;
  padding: 0;
  margin: 0;
}
#header h1.top {
  height: 300px;
  padding-top: 80px;
  background-color: #00306D;
}
#header h2 {
  width: 900px;
  height: 30px;
  color: #9766a6;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1.5px;
  padding: 0;
  margin: 0;
}

#header2 {
  padding: 10px 30px 30px 30px;
  margin: 0;
  text-align: left;
}
#header2 div.p_img {
  width: 620px;
  padding: 10px 0px;
  float: left;
}
#header2 div.s_nav {
  width: 240px;
  float: right;
}
#header2 div.s_nav li {
  margin: 3px 5px;
}

/* ===================================================================
 フッター
=================================================================== */
#footer {
  padding: 25px 0px;
  margin: 30px auto 20px;
  width: 100%;
  _height: 1%;
  /* for WinIE 5,6 */
  background-color: #47005E;
}
#footer h4 {
  color: #FFF;
  font-size: 14px;
}
#footer h3 {
  text-align: center;
}

#footer2 h3, #footer h4, #footer2 h4 {
  text-align: center;
}

#footer p {
  font-size: 12px;
  line-height: 1.7em;
  padding-bottom: 15px;
}

#footer2 p {
  font-size: 11px;
  line-height: 1.5em;
  padding-bottom: 15px;
}

#footer a, #footer2 a {
  color: #00FFFF;
}

#footer2 h2 {
  font-weight: bold;
}

#footer ul {
  width: 960px;
  padding: 5px 10px;
  margin: 0 auto;
  _height: 1%;
  /* for WinIE 5,6 */
  background-color: #47005E;
}
#footer li {
  padding: 0 0 0 5px;
  float: left;
  margin-bottom: 10px;
}
#footer div.link_mark {
  font-size: 15px;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}
#footer div.link_mark a {
  padding: 10px 10px 10px 40px;
  background: url(http://scrapaws.s3.amazonaws.com/images/link_mark.gif) no-repeat 10px 8px;
  height: 25px;
  line-height: 25px;
  color: #FFF;
  text-decoration: none;
}
#footer div.link_mark a:hover {
  padding: 10px 10px 10px 40px;
  background: url(http://scrapaws.s3.amazonaws.com/images/link_mark_r.gif) no-repeat 10px 8px;
  height: 25px;
  line-height: 25px;
  color: #FFF;
}
#footer div.f_btn {
  padding: 10px 0;
}
#footer div.mailmagazine {
  padding: 5px;
}

#footer2 {
  width: 980px;
  padding: 30px 0 10px;
  margin: 0 auto;
  _height: 1%;
  /* for WinIE 5,6 */
}
#footer2 h3 {
  font-size: 16px;
  margin-bottom: 20px;
  padding: 0;
}
#footer2 ul {
  width: 960px;
  padding: 20px 10px;
  margin: 0 auto;
  _height: 1%;
  /* for WinIE 5,6 */
  background: url(http://scrapaws.s3.amazonaws.com/images/footer_line2.gif) repeat-y top center;
}
#footer2 li {
  width: 270px;
  height: 80px;
  padding: 0px 25px;
  float: left;
}
#footer2 li dl {
  zoom: 1;
  margin-bottom: 20px;
}
#footer2 li dl:after {
  content: '';
  display: block;
  clear: both;
}
#footer2 li dt {
  width: 45px;
  height: 45px;
  float: left;
  background-color: #FFF;
}
#footer2 li dt ul {
  width: 270px;
  padding: 0;
  margin: 0;
  position: relative;
}
#footer2 li dt li {
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#footer2 li dt li p {
  padding: 0;
  margin: 0;
}
#footer2 li dd {
  width: 210px;
  min-height: 45px;
  _height: 45px;
  float: right;
  font-size: 10px;
  line-height: 1.5em;
}
#footer2 div.copyright {
  padding: 0 0 30px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: relative;
  letter-spacing: 0.2em;
}
#footer2 div.copyright h2 {
  color: #fbfbfb;
  opacity: 0.5;
  margin: 10px 0;
  font-size: 16px;
  letter-spacing: 0.4em;
}
#footer2 div.copyright a {
  color: #fff;
  letter-spacing: 0.2em;
  text-decoration: underline;
}
#footer2 div.copyright a:hover {
  color: #fff;
  letter-spacing: 0.2em;
  text-decoration: underline;
}

/* ===================================================================
 ページスタイル
=================================================================== */
.f_left {
  float: left;
  margin: 0 20px 20px 0;
}

div.blog_title {
  margin-bottom: 45px;
  text-align: center;
}
div.section {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #EFEFEF;
}

.asset-body, .post {
  zoom: 1;
}
.asset-body:after, .post:after {
  content: '';
  display: block;
  clear: both;
}
.asset-body:after p, .post:after p {
  color: #00306D;
}

.asset-body iframe{
  max-width: 100%;
}

/* ===================================================================
 pagenavi
=================================================================== */
div.pagenavi {
  padding: 0 30px 18px 10px;
  margin-top: -20px;
}

.pagenavi a {
  padding: 5px 8px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #C194E3;
  color: white !important;
  font-family: Verdana;
  font-size: 10px;
}
.pagenavi a:link, .pagenavi a:visited {
  padding: 5px 8px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #C194E3;
  color: #FFF;
  font-family: Verdana;
  font-size: 10px;
}
.pagenavi a:hover {
  border: 1px solid #FFF;
  color: #52006D;
  background: #FFF;
  font-family: Verdana;
  font-size: 10px;
}
.pagenavi a:active {
  padding: 5px 8px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #C194E3;
  color: #3273C7;
  font-family: Verdana;
  font-size: 10px;
}
.pagenavi span.pages {
  padding: 5px 8px;
  margin: 2px;
  color: #FFF;
  font-family: Verdana;
  font-size: 10px;
}
.pagenavi span.current {
  padding: 5px 8px;
  margin: 2px;
  font-weight: bold;
  border: 1px solid #C194E3;
  color: #52006D;
  font-family: Verdana;
  background: #FFF;
  font-size: 10px;
}
.pagenavi span.extend {
  padding: 5px 8px;
  margin: 2px;
  border: 1px solid #C194E3;
  color: #3273C7;
  font-family: Verdana;
  font-size: 10px;
}

div.content.about_kg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ff5283;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    position:relative;
    padding-top: 30px;
}
.about_blog_btn {
  position:absolute;
  right:25px;
  top:-25px;
}
/* ===================================================================
 twitter
=================================================================== */
div.tw {
  padding: 25px 0 0px 0;
}
div.tw h3 {
  text-transform: uppercase;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #00306D;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 4px solid #CCC;
}
div.twitStream {
  font-size: 10px;
  line-height: 1.3em;
}
div.tweet {
  display: block;
  padding: 5px 0px;
  zoom: 1;
  border-bottom: 1px dotted #CCC;
  margin-bottom: 10px;
}
div.tweet:after {
  content: '';
  display: block;
  clear: both;
}
div.tweet-left {
  float: left;
  margin-right: 1em;
}
div.tweet-left img {
  border: none;
}
div.tweet p.text {
  font-size: 11px;
  line-height: 1.3em;
  margin: 0;
  padding: 0px 0px;
}
div.btn_tw {
  padding: 5px;
}
#side_area .twitter-timeline {
	width: 200px !important;
}


/* ===================================================================
 トップページ
=================================================================== */
#caption {
  width: 100%;
  background-color: #DCFF30;
  margin-bottom: 16px;
}
#caption p {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0;
}

.map {
  position: relative;
}

.okinawa {
  position: absolute;
  bottom: 27px;
  left: 193px;
}

.kagosima {
  position: absolute;
  bottom: 64px;
  left: 87px;
}

.fukuoka {
  position: absolute;
  bottom: 124px;
  left: 86px;
}

.okayama {
  position: absolute;
  bottom: 141px;
  left: 156px;
}

.kyoto {
  position: absolute;
  bottom: 151px;
  left: 205px;
}

.osaka {
	position: absolute;
	bottom: 136px;
	left: 192px;
}

.nagoya {
  position: absolute;
  bottom: 143px;
  left: 230px;
}

.tokyo {
  position: absolute;
  bottom: 155px;
  left: 285px;
}

.tukuba {
  position: absolute;
  bottom: 174px;
  left: 295px;
}

.utsunomiya {
  position: absolute;
  bottom: 193px;
  left: 287px;
}

.sendai {
  position: absolute;
  bottom: 222px;
  left: 319px;
}

.sapporo {
  position: absolute;
  bottom: 360px;
  left: 338px;
}

#home div.home_navi {
  position: relative;
  padding: 10px 0 0;
  margin-top: -20px;
  zoom: 1;
}
#home div.home_navi:after {
  content: '';
  display: block;
  clear: both;
}
#home div.home_navi .oversea {
  position: absolute;
  right: 396px;
  bottom: 40px;
}
#home div.home_navi .usa {
  position: absolute;
  right: 290px;
  bottom: 31px;
}
#home div.home_navi .taiwan {
  position: absolute;
  right: 190px;
  bottom: 31px;
}
#home div.home_navi li {
  margin: 0 5px;
  width: 190px;
  text-align: center;
}
#home div.home_navi .btn_block01 {
  width: 430px;
  padding: 20px 20px 0;
  float: left;
  position: relative;
}
#home div.home_navi .btn_block01 .btn_about_ajito {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 1;
}
#home div.home_navi .btn_block01 ul {
  zoom: 1;
  padding: 0 15px;
}
#home div.home_navi .btn_block01 ul:after {
  content: '';
  display: block;
  clear: both;
}
#home div.home_navi .btn_block01 li {
  float: left;
}
#home div.home_navi .btn_block02 {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/201407/btn_block02_back.png) repeat-y top left;
  width: 455px;
  margin: 30px 0 85px;
  float: right;
}
#home div.home_navi .btn_block02 ul {
  zoom: 1;
  margin: 0px auto;
  width: 220px;
  float: left;
}
#home div.home_navi .btn_block02 ul.latter li {
  padding-left: 5px;
}
.oversea {
  left: 227px;
  bottom: 97px;
}
.usa {
  left: 293px;
  bottom: 90px;
  width: 86px;
}
.taiwan {
  left: 393px;
  bottom: 90px;
  width: 86px;
}
div.h_block {
  padding: 15px;
}
div.h_block ul {
  zoom: 1;
  margin-bottom: 15px;
}
div.h_block ul:after {
  content: '';
  display: block;
  clear: both;
}
div.h_block li {
  float: left;
  width: 280px;
  margin: 0 15px 40px 15px;
  position: relative;
}
div.h_block li div.p_icon {
  position: absolute;
  top: -40px;
  right: -25px;
  width: 90px;
  height: 90px;
}
div.top_info {
  color: #3273C7;
  float: left;
  font-weight: bold;
  height: 388px;
  margin: 0 10px 70px;
  width: 276px;
}
div.top_info div.event_img {
  width: 270px;
  height: 382px;
  margin-bottom: 5px;
}
div.top_info div.event_img img {
  width: 270px;
  height: 382px;
}
div.top_info h4 {
  font-size: 12px;
  color: #fff;
  margin: 0;
  padding-bottom: 0;
}
div.top_info p {
  color: #c194e3;
  font-size: 10px;
  padding-top: 0;
}
div.event_img a img {
  border: 3px solid #52006D;
}
div.event_img a:hover img {
  border: 3px solid #D9FF21;
}
div.b_block {
  text-align: center;
  margin: 0px auto;
}
div.b_block .about_ajito_text {
  padding: 0 70px;
}
div.b_block .about_ajito_text .right {
  float: right;
}
div.b_block .about_ajito_text .right img {
  margin-bottom: 30px;
}
div.b_block .about_ajito_text .left {
  overflow: hidden;
  padding-right: 20px;
  text-align: left;
}
div.b_block .about_ajito_text .left h3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 160%;
}
div.b_block .about_ajito_text .left p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 180%;
}
div.contents_link {
  margin: 30px 0;
  text-align: center;
}
div.contents_link ul {
  margin: 0;
}
div.contents_link li {
  margin: 5px 0;
}
div.content.today_h {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/today_eventA_bg.gif) no-repeat top center white;
  padding-top: 80px;
}
div.content.today_s {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/today_eventB_bg.gif) no-repeat top center white;
  padding-top: 80px;
}
div.content.today_k {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/today_eventC_bg.gif) no-repeat top center white;
  padding-top: 80px;
}
div.content.today_s2 {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/today_eventD_bg.gif) no-repeat top center white;
  padding-top: 80px;
}
div.content.today_hkt {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/today_event_hakata_bg.gif) no-repeat top center white;
  padding-top: 80px;
}
div.content.about_h {
  background: #E33A64;
}
div.content.about_s {
  background: #DCFF30;
}
div.content.about_k {
  background: #FBA723;
}
div.content.about_s2 {
  background: #74C5DE;
}
div.content.about_hkt {
  background: #3CDD6E;
}
div.content.other_event {
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/other_event_bg.gif) no-repeat top center white;
  padding-top: 80px;
}
div.content div.p_icon {
  position: absolute;
  right: 0px;
  top: -40px;
}
div.banner_area {
  width: 900px;
  margin: 0 auto 10px auto;
  padding: 0;
  zoom: 1;
}
div.banner_area:after {
  content: '';
  display: block;
  clear: both;
}
div.banner_area div.img_block {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#0c1c3d,direction=135,strength=5)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#0c1c3d,direction=135,strength=5);
}
div.img_block.f_left {
  float: left;
  margin: 0;
}
div.img_block.f_right {
  float: right;
  margin: 0;
}
div.visual_area {
  float: left;
  width: 350px;
  margin: 0 10px 10px 0;
}
div.text_area {
  overflow: hidden;
}
div.social-button iframe, div.social-button a, div.social-button img, div.social-button div {
  vertical-align: top !important;
}

/* ===================================================================
各店舗トップページ
=================================================================== */
body#pagetop {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1.7em;
  color: #FFF;
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/201407/header_back.png) no-repeat top center #52006d;
}

#low_header {
  position: relative;
  padding-bottom: 30px;
}
#low_header .header_logo {
  position: absolute;
  top: 10px;
  right: 20px;
}
#low_header .header_left {
  width: 250px;
  float: left !important;
}
#low_header .header_right {
  width: 680px;
  float: left !important;
  margin-left: 30px;
}
#low_header .header_right h2 {
  padding: 60px 0 0 30px;
}

#main_area {
  float: right;
  width: 680px;
  position: relative;
}
#main_area .back {
  position: absolute;
  right: 0;
  top: 18px;
}

#side_area {
  float: left;
  width: 250px;
  background: url(http://scrapaws.s3.amazonaws.com/ajito/images/201407/sidearea_back.png) no-repeat right top;
  padding-bottom: 100px;
  text-align: center;
}
#side_area img {
  margin-bottom: 8px;
}
#side_area .sns_btn {
  display: inline-block;
  /* For IE 6/7 */
  *display: inline;
  *zoom: 1;
  margin: 10px 0 0 0;
}
#side_area .sns_btn p {
  float: left;
  margin: 0 11px;
  text-align: center;
}
#side_area .side_gmap {
  background: #fff;
  border-radius: 5px;
  width: 200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 5px;
  margin-top: 10px;
}
#side_area .side_gmap .title_access {
  position: absolute;
  top: -7px;
  left: 2px;
}
#side_area .side_gmap .title_access img {
  margin: 0;
}
#side_area .side_gmap p {
  font-size: 10px;
  color: #52006d !important;
  text-align: left;
  padding: 0 13px;
  line-height: 120%;
}
#side_area .side_gmap iframe {
  padding: 45px 0 10px;
}
#side_area a {
  font-size: 12px;
  color: #fff;
}
#side_area a:hover {
  color: #00306D;
}

	

/* ===================================================================
各店舗アクセスページ
=================================================================== */
.article_title {
  text-align: center;
  font-size: 16px;
  color: #52006D;
  border-bottom: 1px solid #52006D;
  padding-bottom: 10px;
  margin-bottom: 20px;
}