@charset "utf-8";

/*-------------------------------------

DJ会員の退会手続きについて

---------------------------------------*/
/* CSS Document */

.column2R #main {
	float: none !important;
	width: auto !important;
}


#dj_wrapper {
	margin: 0 auto;
	width: 805px;
	margin-top:10px;
	
}

#dj_wrapper h2 {
	background: #4dcaee none repeat scroll 0 0;
    color: #fff;
    font-size: 140%;
    margin-bottom: 10px;
    padding: 5px 10px;
	margin-top:1em;
}
		

#dj_wrapper h3 {
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	background-color: #4dcaee;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:20px;
}


#dj_wrapper .triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 70px 0 70px;
	border-color: #ff0000 transparent transparent transparent;
	line-height: 0px;
	_border-color: #ff0000 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	margin-top:15px;
	margin-bottom:15px;
	margin-left:100px;
}


.section {
	margin-bottom:30px;
}

/*----------------------------
　サービスプランテーブル
------------------------------*/
.listHead {
	background-color:#257ADA;
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	padding:13px 30px;
}
.listHead2 {
	background-color:#257ADA;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	padding:13px 30px;
}

#s_plan td, th {
    border: 1px solid #cccccc;
    padding: 5px;
}
#s_plan th {
	font-weight:bold;
	text-align: center;
}
#s_plan td {
	line-height:1.5;
}

#black,
#green,
#blue,
#orange,
#pink,
#beige {
	color: #fff;
	line-height:1.5;
	padding:20px 5px;
}
#black {
    background-color: #000000;
}
#green {
    background-color: #1e9818;
}
#blue {
    background-color: #39f;
}
#orange {
    background-color: #f93;
}
#pink{
	background-color:#CC006B;
}
#beige{
	background-color:#996;
}
.koumoku {
	font-size:15px;
    background-color: #257ada;
}
.balloon {
    font-size: large;
}
#s_plan a {
	color: #ffffff;
}

/*-----------------------
　ご注意ください！
-----------------------*/

#dj_wrapper .attentionBox {
	width: 665px;
	border: 30px solid #CCC;
	padding: 40px;
	font-size: 16px;
	background-color: #FFF;
	color: #333;
}

/*-----------------------
　装飾
-----------------------*/

.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mb20 {
	margin-bottom:20px;
}
.ml40 {
	margin-left:40px;
}

.kome {
	text-indent: -1em;
	padding-left: 1em;
	font-size:12px;
}
.redB {
	font-weight: bold;
	color: #F00;
}
.underline {
	text-decoration: underline;
}
.font16b {
	font-size: 16px;
	font-weight: bold;
	padding-right:5px;
}

.font18b {
	font-size: 18px;
	font-weight: bold;
	padding-right:5px;
}

.font14 {
	font-size: 14px;
}
.txtCenter {
	text-align: center;
}
.txt30Red {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #F00;
}

.txt16 {
	font-size: 16px;
}
.txt24b {
	font-size: 24px;
	font-weight: bold;
}

.line {
	margin-top: 40px;
	border: 1px solid #CCC;
}


/* こっからしたはclearfix */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------
	ボックスが伸びるおまじない
---------------------------------------*/

.cl {
	display: inline-block;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
@media only screen and (max-width: 467px) {
	#dj_wrapper {
	width: 96%;
}
	#dj_wrapper img {
	max-width: 100%;
}
	.txt30Red {
	font-size: 5vw;
}
.txt24b {
	font-size: 4.6vw;
}
}