@charset "utf-8";
/* ベース */

body {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: none;
}
@media (min-width: 768px) {
	body {
		background: none;
	}
}
@media (min-width: 992px) {
	body {
		background: url(../images/common/bg_body.jpg) no-repeat top center;
	}
}
@media (min-width: 1200px) {
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.container {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	.container {
		width: 980px;
	}
}
@media (min-width: 1200px) {}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0;
	padding-left: 0;
}
/* 文字サイズ */
.fs20x {font-size: 2.0em;}.fs19x {font-size: 1.9em;}.fs18x {font-size: 1.8em;}.fs17x {font-size: 1.7em;}.fs16x {font-size: 1.6em;}.fs15x {font-size: 1.5em;}.fs14x {font-size: 1.4em;}.fs13x {font-size: 1.3em;}.fs12x {font-size: 1.2em;}.fs11x {font-size: 1.1em;}.fs09x {font-size: 0.9em;}.fs08x {font-size: 0.8em;}.fs07x {font-size: 0.7em;}.fs06x {font-size: 0.6em;}.fs05x {font-size: 0.5em;}
.fs08xi {font-size: 0.8em !important;} .fs07xi {font-size: 0.7em !important;}
/* 文字色 */
.red {color: #d80000;}
.pink {color: #DE56BA;}
.brown {color: #630;}
.orange {color: #930;}
.gray {color: #333;}
.green {color: #666600;}
.darkblue {color:#039}
.underline {text-decoration: underline;}
.strong {font-weight: bold;}
.mincho {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.gothic{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.text-left-center {text-align: left;}
@media (min-width: 768px) {.text-left-center {text-align: center;}}
/* margin */
.mt5  {margin-top: 5px !important;}.mt10 {margin-top: 10px !important;}.mt15 {margin-top: 15px !important;}.mt20 {margin-top: 20px !important;}.mt25 {margin-top: 25px !important;}.mt30 {margin-top: 30px !important;}.mt35 {margin-top: 35px !important;}.mt40 {margin-top: 40px !important;}.mt45 {margin-top: 45px !important;}.mt50 {margin-top: 50px !important;}.mt55 {margin-top: 55px !important;}.mt60 {margin-top: 60px !important;}.mt65 {margin-top: 65px !important;}.mt70 {margin-top: 70px !important;}.mt75 {margin-top: 75px !important;}.mt80 {margin-top: 80px !important;}.mt65 {margin-top: 85px !important;}.mt90 {margin-top: 90px !important;}.mt95 {margin-top: 95px !important;}.mt100 {margin-top: 100px !important;}
.margin-center{margin: 0 auto !important;}
/* スマホ用 */
.xs-mt5  {margin-top: 5px !important;}.xs-mt10 {margin-top: 10px !important;}.xs-mt20 {margin-top: 20px !important;}.xs-mt30 {margin-top: 30px !important;}.xs-mt40 {margin-top: 40px !important;}.xs-mt50 {margin-top: 50px !important;}.xs-mt60 {margin-top: 60px !important;}
@media (min-width: 768px) {
.xs-mt5  {margin-top: 0 !important;}.xs-mt10 {margin-top: 0 !important;}.xs-mt20 {margin-top: 0 !important;}.xs-mt30 {margin-top: 0 !important;}.xs-mt40 {margin-top: 0 !important;}.xs-mt50 {margin-top: 0 !important;}.xs-mt60 {margin-top: 0 !important;}
}

/* タブレット用margin */
.sm-mt5  {margin-top: 0 !important;}.sm-mt10 {margin-top: 0 !important;}.sm-mt20 {margin-top: 0 !important;}.sm-mt30 {margin-top: 0 !important;}.sm-mt40 {margin-top: 0 !important;}.sm-mt50 {margin-top: 0 !important;}.sm-mt60 {margin-top: 0 !important;}
@media (min-width: 768px) {
.sm-mt5  {margin-top: 5px !important;}.sm-mt10 {margin-top: 10px !important;}.sm-mt20 {margin-top: 20px !important;}.sm-mt30 {margin-top: 30px !important;}.sm-mt40 {margin-top: 40px !important;}.sm-mt50 {margin-top: 50px !important;}.sm-mt60 {margin-top: 60px !important;}
}
@media (min-width: 992px) {
.sm-mt5  {margin-top: 0 !important;}.sm-mt10 {margin-top: 0 !important;}.sm-mt20 {margin-top: 0 !important;}.sm-mt30 {margin-top: 0 !important;}.sm-mt40 {margin-top: 0 !important;}.sm-mt50 {margin-top: 0 !important;}.sm-mt60 {margin-top: 0 !important;}}

/* padding */
.p5 {padding: 5px !important;}.p10 {padding: 10px !important;}.p15 {padding: 15px !important;}.p20 {padding: 20px !important;}
.pt5 {padding-top: 5px !important;}.pt10 {padding-top: 10px !important;}.pt15 {padding-top: 15px !important;}.pt20 {padding-top: 20px !important;}.pt25 {padding-top: 25px !important;}
.pl5 {padding-left: 5px !important;}.pl10 {padding-left: 10px !important;}.pl15 {padding-left: 15px !important;}.pl20 {padding-left: 20px !important;}
.pr5 {padding-right: 5px !important;}.pr10 {padding-right: 10px !important;}.pr15 {padding-right: 15px !important;}.pr20 {padding-right: 20px !important;}
.pb5 {padding-bottom: 5px !important;}.pb10 {padding-bottom: 10px !important;}.pb15 {padding-bottom: 15px !important;}.pb20 {padding-bottom: 20px !important;}


/* ヘッダー */
#header-inner {
	margin: 10px auto;
}
.logo {
	margin: 0 auto;
}
#header-inner p{
	margin: 0;
	padding: 0;
}
.header-box {
	height: 80px;
	display:table-cell;
	vertical-align:bottom;
}
@media (min-width: 768px) {
	.logo {
		margin: 0;
	}
}
@media (min-width: 992px) {
	#header-inner {
		width: 980px;
		margin: 20px auto 10px auto;
	}
}
@media (min-width: 1200px) {
}


/* メニュー */
.globalNav-warp {
	width: 100%;
	background-color: #000;
}
.globalNav {
	min-width: 320px;
	margin: 0;
	padding: 0;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.globalNav li {
	width: 50%;
	float: left;
	text-align: center;
	list-style: none;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
	position: relative;
}
.globalNav li a {
	min-height:35px;
	padding: 10px 0 8px 0;
	display: block;
	color: #fff;
	text-decoration: none;
}

.globalNav li a:hover:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	content: "";
	position: absolute;
	left: 47%;
	top: 0;
}
.globalNav:after{
	clear: both;
	content: "";
  display: table;
}

@media (min-width: 768px) {
	.globalNav li {
		width: 16.666666%;
		list-style: none;
		border-left: none;
		border-bottom: none;
	}
}
@media (min-width: 992px) {
	.globalNav {
		width: 980px;
		margin: 0 auto;
	}
}
@media (min-width: 1200px) {
}


/* フッター */
footer{
  width: 100%;
	margin-top: 100px;
	padding-top:1px;
  background-color: #000;
	color: #fff;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position: relative;
}
.footer-ribbon {
	height: 100%;
	width: 100%;
	background-image: url(../images/common/bg_footer_02.jpg), url(../images/common/bg_footer_03.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: right top, right;
	margin-top: -5px;
	padding-bottom: 10px;
}
.footer-inner{
	background: none;
}
#foot-navi{
	padding: 15px 0 0 15px;
	color: #fff;
}
#foot-navi li {
	display: inline;
	margin-right: 15px;
}
#foot-navi li a {
	color: #fff;
	text-decoration: underline;
}
footer h2 {
	margin: 0;
	padding: 0;
}
.footer-inner .row p{
	text-align: center;
}
.footer-bottom {
	clear: both;
	text-align: right;
	padding-top: 15px;
	padding-right: 10px;
}
.copyright {
	font-size: 0.5em;
}
@media (min-width: 768px) {
	.footer-ribbon {
		clear: both;
		padding-bottom: 20px;
	}
	.footer-inner{
		background: url(../images/common/bg_footer_01.jpg) no-repeat left bottom;
	}
	.footer-inner .row p{
		text-align: left;
	}
	.footer-bottom {
		padding-right: 40px;
	}
	.copyright {
		font-size: 1.0em;
	}
}
@media (min-width: 992px) {
	.footer-ribbon {
		padding-bottom: 30px;
	}
}
@media (min-width: 1200px) {
}

/* スライドショー TOPイメージ */
.flexslider {
  margin: 0;
  background: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
@media (min-width: 768px) {
	.top-imagearea {
		width: 768px;
		margin: 0 auto;
	}
}
@media (min-width: 992px) {
	.flexslider {
		width: 980px;
		margin: 0 auto;
	}
	.top-imagearea {
		width: 980px;
	}
}
@media (min-width: 1200px) {
	.flexslider {
		width: 1024px;
	}
	.top-imagearea {
		width: 980px;
	}
}

/* Box */
.box01 {
	width: 90%;
	margin: 0 auto;
	padding: 1px 0;
}
.box02 {
	width: 95%;
	margin: 0 auto;
}
.step-box {
	margin-left: 20px;
	border-left: #999 1px dotted;
	padding: 20px;
}
.step-box h4,
.step-box p {
	margin: 0;
	padding: 0 0 10px 0;
}
.pinkbox {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 5px 0;
	border: #999 1px solid;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F8D0F5), color-stop(0.97, #fffafe), color-stop(0.28, #fff), color-stop(0.00, #F8D0F5));
	background: -webkit-linear-gradient(top, #F8D0F5 0%, #fff 28.000000000000004%, #fffafe 97%, #F8D0F5 100%);
	background: -moz-linear-gradient(top, #F8D0F5 0%, #fff 28.000000000000004%, #fffafe 97%, #F8D0F5 100%);
	background: -o-linear-gradient(top, #F8D0F5 0%, #fff 28.000000000000004%, #fffafe 97%, #F8D0F5 100%);
	background: -ms-linear-gradient(top, #F8D0F5 0%, #fff 28.000000000000004%, #fffafe 97%, #F8D0F5 100%);
	background: linear-gradient(top, #F8D0F5 0%, #fff 28.000000000000004%, #fffafe 97%, #F8D0F5 100%);
}
.pinkbox dl {
	margin: 0;
	clear: both;
	padding-bottom: 10px;
}
.pinkbox dt {
	width: 40%;
	float: left;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}
.pinkbox dd {
    width: 60%;
    float: left;
}
@media (min-width: 768px) {
	.pinkbox {
		width: 50%;
	}
}
@media (min-width: 992px) {
	.pinkbox {
		width: 65%;
	}
}
@media (min-width: 1200px) {
}

/* Table */
#table01 {
	width: 100%;
	margin: 30px 0 0 0;
}
#table01 th {
  width: 30%;
  border-bottom: 1px dotted #CCC;
  padding: 5px 0;
	text-align: left;
}
#table01 td {
  width: 70%;
  border-bottom: 1px dotted #CCC;
  padding: 15px 0;
}
@media (min-width: 768px) {
	#table01 th {
		text-align: center;
	}
}
@media (min-width: 992px) {
	#table01 th {
		text-align: left;
	}
}
@media (min-width: 1200px) {
}


/* トップ・セカンド */
#top,
#second{
}
#top.container,
#second.container {
	position: relative;
}
/* ページトップ */
.pagetop {
	clear: both;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: -100px;
}
@media (min-width: 768px) {
	.pagetop {
		bottom: -96px;
	}
}
@media (min-width: 992px) {
	.pagetop {
		bottom: -101px;
	}
}
@media (min-width: 1200px) {
}


/* Topページ 文字装飾 */
#top h2{
	margin: 10px 0;
	padding:0;
}
#top h2.dec01{
	font-size: 1.5em;
	margin-top:30px;
	color: #B20000;
	text-align: left;
}
#top h2.dec02{
	font-size: 1.1em;
	margin-top: 10px;
	text-align: center;
}
#top p.pdec01{
	font-size: 1.0em;
	text-align: left;
}
#top p.pdec02{
	font-size: 1.0em;
	text-align: left;
}
@media (min-width: 768px) {
	#top h2.dec01{
		margin-top:60px;
		font-size: 2.07em;
		text-align: center;
	}
	#top p.pdec01{
		font-size: 1.8em;
		text-align: center;
	}
	#top p.pdec02{
		font-size: 1.4em;
		text-align: center;
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* PriceBox */
.pricebox,
#second .pricebox {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px;
	background-color: #eee;
	border: 1px solid #bdbdae;
	color: #000;
}
.pricebox-inner,
#second .pricebox-inner {
	height: 100px;
}
.pricebox p,
#second .pricebox p {
	margin: 0;
	padding: 0;
}
.pricebox img,
#second .pricebox img {
	width: auto;
  max-height: 30px;
	vertical-align: middle;
}
.pricebox .heading,
#second .pricebox .heading {
	font-size: 1.8em;
}
.pricebox .plan,
#second .pricebox .plan {
	margin: 15px -10px;
	padding: 5px 5px 10px 5px;
	background-color: #b20000;
	color: #fff;
	font-size: 2.0em;
	text-align: center;
}
.price-link:hover{
	text-decoration: none;
}
@media (min-width: 768px) {
	.pricebox,
	#second .pricebox {
		width: 90%;
	}
}
@media (min-width: 992px) {
	.pricebox p {
	}
	.pricebox img {
		width: auto;
  	max-height: 60px;
	}
	.pricebox .heading {
		font-size: 2.36em;
	}
	.pricebox .plan {
		font-size: 2.5em;
	}
	
	#second .pricebox {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	#second .pricebox .heading {
		font-size: 2.36em;
	}
	#second .pricebox .plan {
		font-size: 2.0em;
	}
}
@media (min-width: 1200px) {
}

/* 制作実績 */
.results {
	width: 260px;
	margin: 30px auto 0;
}
.results p {
	text-align: center;
}
.results p a {
	color: #333;
}
@media (min-width: 768px) {
	.results {
		width: 90%;
	}
}
@media (min-width: 992px) {
	.results {
		width: 260px;
	}
}
@media (min-width: 1200px) {
}


/* Secondページ 文字装飾 */
#second h2.title {
	background: url(../images/common/icon_02.png) no-repeat;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.5em;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	padding-left: 55px;
	background-size: auto 100%;
}
#second h2.dec01{
	font-size: 1.5em;
	margin-top:30px;
	color: #B20000;
	text-align: left;
}
#second h2.dec02{
	font-size: 1.1em;
	margin-top: 10px;
	text-align: center;
}
#second h3.subtitle {
	background: url(../images/common/icon_03.png) no-repeat;
	border-bottom: #000 1px dashed;
	background-size: auto 30px;
	min-height: 35px;
	padding-left: 40px;
	line-height: 180%;
	font-size: 1.4em;
}
#second h4.point {
	margin-top: 30px;
	padding: 4px;
	border: 1px solid #000;
	color: #000;
	font-size: 1.2em;
}
#second h4.point span {
	padding: 4px 8px;
	margin: -4px -4px 4px;
	background-color: #000;
	color: #FFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-family: 'Rouge Script', sans-serif;
	display: block;
}
#second h4.number {
	margin-top: -20px;
	margin-left: -40px;
	display: table;
	line-height: 200%;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
}
#second h4.number span {
	background: url(../images/second/ico_heart.png) no-repeat;
	display: table-cell;
	height: 35px;
	width: 45px;
	padding-right:5px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	font-family: 'Oleo Script Swash Caps', sans-serif;
}
#second p.pdec02{
	font-size: 1.0em;
	text-align: left;
}

.faq-dl dt {
	padding: 15px 0 10px 50px;
	background: url(../images/second/ico_q.jpg) left center no-repeat;
	font-size: 1.4em;
	color: #cc0000;
	font-weight: bold;
}
.faq-dl dd {
	padding: 5px 0 25px 50px;
	border-bottom: 1px dotted #333;
}

.num-list,
.circle-list {
	border: 1px dotted #ccc;
	background: #f8f8f8;
	margin: 25px 0;
	padding: 8px 0 0 10px;
	color: #F06;
	font-weight: bold;
}
.num-list li {
	list-style: decimal;
	margin: 0 0 8px 30px;
}
.circle-list li {
    list-style: circle;
    margin: 0 0 8px 20px;
}

@media (min-width: 768px) {
	#second h2.title {
		height: 75px;
		padding-left: 100px;
		font-size: 2.14em;
		background-size: auto auto;
	}
	#second h2.dec01{
		margin-top:60px;
		font-size: 2.0em;
		text-align: center;
	}
	#second h2.dec02{
		font-size: 1.7em;
		margin-top: 10px;
		text-align: center;
	}
	#second h3.subtitle {
		min-height: 50px;
		padding-left: 55px;
		line-height: 210%;
		font-size: 1.6em;
		background-size: auto auto;
	}
	#second h4.point {
		padding: 0;
		line-height: 100%;
		display: block;
		font-size: 1.4em;
	}
	#second h4.point span {
		padding: 4px 8px;
		margin: 0;
		margin-right: 5px;
		display: inline-block;
		font-size: 1.4em;
	}
	#second p.pdec02{
		font-size: 1.3em;
		text-align: center;
	}
}
@media (min-width: 992px) {
	#second h3.subtitle {
		min-height: 50px;
		padding-left: 55px;
		line-height: 210%;
		font-size: 1.6em;
		background-size: auto auto;
	}
}
@media (min-width: 1200px) {
}

/* ミニマムプラン */
#minimum h4{
	font-size: 1.8em;
}
#minimum ul{
	font-size: 1.3em;
}
#minimum ul {
	margin: 20px 0;
}
#minimum p.com {
	margin-top: 30px;
	font-size: 1.5em;
	color: #D80000;
	text-align: center;
}
#minimum .under-border{
	padding-bottom: 10px;
	margin-bottom:10px;
	color:#039;
	font-size: 1.2em;
	border-bottom: 1px dashed #999;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* プレミアムプラン */
.premium {
	display: inline-block;
	margin-left: -1px;
	margin-top: -1px;
	margin-bottom: 30px;
	width: 100%;
	border: 1px solid #cfcfcf;
	background-color: #fff;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.premium h2.cost {
	margin: 0;
	font-weight: 300;
	font-size: 2.0em;
	line-height: 1.4em;
	padding-bottom: 5px;
	color: #cc0099;
}
.premium h5.title {
	margin: 0;
  padding: 10px 5px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2.0em;
}
.premium .description {
	color: #200098;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	line-height: .7em;
	text-align: left;
}
.premium .price {
	padding: 10px 0 15px;
  border-top: 1px solid #e7e7e7;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e7e7e7;
}
.premium .features {
  padding: 0 25px;
	list-style: none;
}
.premium .features li {
	padding: 9px 10px;
	border-top: 1px solid #ebebeb;
}
.premium .features li:first-child {
  border: none;
}
@media (min-width: 768px) {
	.premium {
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* フォーム */
#contactform {
	margin-top: 30px;
}
#contactform dd{
	margin-bottom: 15px;	
}
.personal {
	font-size: 1.2em;
	font-weight: bold;
	border-left: 6px solid #DE56BA;
	padding-left: 5px;
}
#formWrap {
	width: 90%;
	margin:0 auto;
	line-height:120%;
}
p.error_messe{
	margin: 5px 0;
	color: #d80000;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* サイドバー */
#sub {
	border-top: #999 1px dotted;
	margin-top: 50px;
}

#select {
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}
#select li{
	margin-top: 10px;
}
#select li:first-child{
	margin-top: 0;
}
#contact {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contact li{
	margin-top: 10px;
}
#select li img,
#contact li img {
	margin: 0 auto;
}
#side-menu-wrap {
	margin-top:30px;
	padding-top: 90px;
	width: 100%;
	background:
		url(../images/second/bg_menu_top_01.jpg) no-repeat left top,
		url(../images/second/bg_menu_top_02.jpg) no-repeat right top,
		url(../images/second/bg_menu_top_03.jpg) repeat-x top;
}
#side-menu-inner {
	clear: right;
	float: right;
	width : -webkit-calc(100% - 22px);
	width : -moz-calc(100% - 22px);
	width : calc(100% - 22px);
	border-left: 1px #f0f0f0 solid;
	border-right: 1px #f0f0f0 solid;
	position: relative;
}
#side-menu-inner:after {
	content:"";
	height: 23px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: -23px;
	background:
		url(../images/second/bg_menu_bottom_01.jpg) no-repeat left top,
		url(../images/second/bg_menu_bottom_02.jpg) no-repeat right top,
		url(../images/second/bg_menu_bottom_03.jpg) repeat-x top;
}
#side-menu {
	padding: 14px;
	margin: -60px auto 0;
	border: none;
}
#side-menu p{
	font-size: 1.2em;
	text-align: center;
}
#side-menu-bottom {
  width: 100%;
  padding-bottom: 45px;
	background:
		url(../images/common/bg_menu_inner_footer_01.jpg) no-repeat left bottom,
		url(../images/common/bg_menu_inner_footer_03.jpg) no-repeat right bottom,
		url(../images/common/bg_menu_inner_footer_02.jpg) repeat-x bottom;
}
#side-menu ul.lnavi {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
		margin: 0 auto;
		padding: 0;
    text-align: left;
		list-style: none;
}
#side-menu ul.lnavi li {
    padding: 0 10px 0 10px;
}
#side-menu ul.lnavi li a {
    background: url(../images/common/ico_list_01.jpg) no-repeat left center;
    display: block;
    padding: 10px;
    padding-left: 20px;
    border-bottom: 1px dotted #ccc;
    color: #333;
}
@media (min-width: 768px) {
	#select {
		margin: 30px auto 0;
	}
	#contact {
		margin: 0 auto;
	}
	#side-menu {
		margin: -60px auto 0;
	}
	#side-menu-wrap {
		width: 100%;
	}
}
@media (min-width: 992px) {
	#sub {
		border-top: none;
		margin-top: 0;
	}
	#select {
		margin: 0;
		float: right;
	}
	#contact {
		clear: right;
		float: right;
	}
	#side-menu-wrap {
		width: 322px;
	}
	#side-menu-inner {
		width: 300px;
	}
	#side-menu ul.lnavi li a {
			font-size: 0.95em;
	}
}
@media (min-width: 1200px) {
}






@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}