@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :about.css
 style info :作品概要ページのスタイル
=================================================================== */

/* ==========================================================
  #main
========================================================== */

#main {
  background:url(/sp/images/shared/bg_contents02.gif)
}



/* ==========================================================
  contents
========================================================== */
.contents {
  text-align: center;
}

.contents_inner {
  margin: 0 5px;
  padding-bottom: 10px;
}

/* デバイス文字 */
.contents .text {
  text-align: left;
}


/* 背景パターン
========================================================== */

/* TOP */
body.pattern04 .contents {
  position: relative;
  top: 5px;
  background: url(/sp/images/about/bg_pattern04.png) no-repeat;
  background-size: 320px 308px;
  -webkit-background-size: 320px 308px;
}



/* h1
========================================================== */
#page h1.about div {
  width: 100%;
  height: 31px;
  text-indent: -9999px;
  background-position:center -39px
}


/* h2
========================================================== */
body.top h2 {
  padding: 142px 0 82px;
}


/* frameArea
========================================================== */
.frameArea {
  background-image: url(/sp/images/shared/frame_top.png), url(/sp/images/shared/frame_bottom.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  background-size: 310px 14px;
  -webkit-background-size: 310px 14px;
  padding: 10px 0;
  position:relative;
}

.frameArea_inner {
  border-left: 2px solid #584125;
  border-right: 2px solid #584125;
}

.frameArea_inner .text {
	padding-left:20px;
	padding-right:20px;
}

.frameAreaAbout01 {
  background-image: url(/sp/images/shared/frame_top.png), url(/sp/images/shared/frame_bottom.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  background-size: 310px 14px;
  -webkit-background-size: 310px 14px;
  padding: 10px 0;
}

.frameTitle01{
	position:absolute;
	top:2px;
}
.frameTitle01_img{
	padding-top:84px;
}
.frameTitle02{
	position:absolute;
	top:-3px;
	left:62px;
}
.frameTitle02_img{
	padding-top:55px;
}



/* ==========================================================
  汎用クラス
========================================================== */
.bDot {
  border-bottom: 1px dotted #382115;
}

.pB5 {
  padding-bottom: 5px
}

.pT10 {
  padding-top: 10px
}
.pT20 {
  padding-top: 20px
}

.pB10 {
  padding-bottom: 10px
}

.pB15 {
  padding-bottom: 15px
}

.red {
  color: #bc0016
}