@charset "UTF-8";

/*--------------------------------------------------------------------*/
/* 共有スタイル
/*--------------------------------------------------------------------*/

*{ margin:0; padding:0; list-style-type:none;}
body { font-size: 12px; -webkit-text-size-adjust: none; color: #4a4a4a; height: 100%; width: 100%; position: relative; }
a:link { color: #4a4a4a; }
a:visited {	color: #4a4a4a;}
a:active { color: #4a4a4a;}
img{ border:0; vertical-align:bottom;}
hr{	border:1px solid #CCCCCC;}
#container{	padding:0 0px;}
.accordionBox {	display: none; }
/*　デバックメッセージ折り返し
pre{
	overflow:auto;
}
*/
/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
.clearfix {
    display: inline-table;
    min-height: 1%;
    }
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */


@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*--------------------------------------------------------------------*/
/* 各種フォームのスタイル
/*--------------------------------------------------------------------*/

h3.form{
	position:relative;
	margin-bottom:10px;
	padding:0 0 5px 30px;
	border-bottom:1px solid #999999;
	font-size:110%;
	line-height:1.0;
	background:url(/images/sp/common/icon_form_item.png) no-repeat left top;
}
h3.req::after{
	content:'必須';
	margin-left:5px;
	padding:0 5px;
	border:1px solid #e34022;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#e34022;
	color:#FFFFFF;
	font-size:80%;
}

label{
	vertical-align:middle;
}

/*----------------------------------------------------------------------*/
/*	Font Size 設定
/*----------------------------------------------------------------------*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*--------------------------------------------------------------------*/
/* 汎用スタイル
/*--------------------------------------------------------------------*/

/* マージン設定 */

.ma0{margin:0px !important;}
.ma5{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma40{margin:40px !important;}
.ma50{margin:50px !important;}

.mt0{margin-top:0px !important;}
.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;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}


/* パディング設定 */

.pa0{padding:0px !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa40{padding:40px !important;}
.pa50{padding:50px !important;}

.pt0{padding-top:0px !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;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}


/* フォントサイズ設定 */

.fs70{font-size:70% !important;}
.fs80{font-size:80% !important;}
.fs90{font-size:90% !important;}
.fs100{font-size:100% !important;}
.fs110{font-size:110% !important;}
.fs120{font-size:120% !important;}
.fs130{font-size:130% !important;}
.fs140{font-size:140% !important;}

.fs10{font-size:77% !important;}
.fs11{font-size:85% !important;}
.fs12{font-size:93% !important;}
.fs13{font-size:100% !important;}
.fs14{font-size:108% !important;}
.fs15{font-size:116% !important;}
.fs16{font-size:123.1% !important;}
.fs17{font-size:131% !important;}
.fs18{font-size:138.5% !important;}
.fs19{font-size:146.5% !important;}
.fs20{font-size:153.9% !important;}
.fs21{font-size:161.6% !important;}
.fs22{font-size:167% !important;}
.fs23{font-size:174% !important;}
.fs24{font-size:182% !important;}
.fs25{font-size:189% !important;}

/* 行揃えの設定 */
.txtAL{text-align:left !important;}
.txtAC{text-align:center !important;}
.txtAR{text-align:right !important;}

.vAT{vertical-align:top;}
.vAM{vertical-align:middle;}
.vAB{vertical-align:bottom;}

/* リンク装飾の設定 */
a.linkArrow::before{
	font-family: WebSymbolsgfeditRegular;
	content:"]";
	margin-right:3px;
	font-size:130%;
	text-decoration:none !important;
}

a.linkIcon::after{
	font-family: WebSymbolsgfeditRegular;
	content:")";
	margin-left:5px;
	font-size:110%;
	text-decoration:none !important;
}

/* ボーダー制御の設定 */
.noBorderR{border-right:none !important;}
.noBorderL{border-left:none !important;}


/* システム開発上必要になって追加した共通スタイル設定 */
/*(@author oyamatsu)*/
.red{color:#DD0000;}
.hidden{display:none !important;}

/*--------------------------------------------------------------------*/
/* 外税対策時に追加した共通スタイル
/*--------------------------------------------------------------------*/
p.tax_note{
	/*margin:10px 15px 0;*/
	padding-left:1.0em;
	text-indent:-1.0em;
	color:#DD0000;
	font-size:93%;
}

/*--------------------------------------------------------------------*/
/* 各種リストのスタイル
/*--------------------------------------------------------------------*/

/* 括弧()付きリスト（ul.paren） ************************************* */

ul.paren li{
	margin-bottom:5px;
	padding-left:1.0em;
	text-indent:-1.2em;
}


/*--------------------------------------------------------------------*/
/* 各種ボタンのスタイル
/*--------------------------------------------------------------------*/

/* 強調ボタンのスタイル */
/*
a.emp_btn { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff1300), color-stop(0.98, #ff4501), color-stop(0.03, #ffa248), color-stop(0.02, #ffdab6), color-stop(0.00, #ffdab6)); background: -moz-linear-gradient(top, #ffdab6 0%, #ffdab6 2%, #ffa248 3%, #ff4501 98%, #ff1300 100%); background: linear-gradient(to bottom, #ffdab6 0%, #ffdab6 2%, #ffa248 3%, #ff4501 98%, #ff1300 100%); border: 1px solid #c63a02; -webkit-border-radius: 8px; border-radius: 8px; display: block; position: relative; color: #fff; font-size: 20px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.65); -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.65); box-shadow: 0px 0px 1px rgba(0,0,0,0.65); font-weight: bold; width: 90%; padding-top: 16px; padding-bottom: 16px; margin-right: auto; margin-left: auto; text-align: center; margin-top: 20px; letter-spacing: 0.1em; margin-bottom: 30px; }
a.emp_btn:after { margin-top: -11px; width: 22px; height: 22px; -webkit-background-size: 22px 22px; background-size: 22px 22px; position: absolute; top: 50%; right: 15px; content: ""; background-image: url(../images/common/arr_wh.png); background-repeat: no-repeat; }
*/

a.emp_btn {
	margin:10px auto;
	display:block;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border:1px #ff9900 solid;
	font-size:18px;
	text-align:center;
	width:90%;
	padding:6px 0px;
	color: #ffffff!important;
	font-weight:bold;
	background: #f8ad39; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8ad39 0%, #f7a62c 50%, #ff9707 50%, #ff9904 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ad39), color-stop(50%,#f7a62c), color-stop(50%,#ff9707), color-stop(100%,#ff9904)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8ad39 0%,#f7a62c 50%,#ff9707 50%,#ff9904 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8ad39 0%,#f7a62c 50%,#ff9707 50%,#ff9904 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8ad39 0%,#f7a62c 50%,#ff9707 50%,#ff9904 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8ad39 0%,#f7a62c 50%,#ff9707 50%,#ff9904 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ad39', endColorstr='#ff9904',GradientType=0 ); /* IE6-9 */
	position:relative;
	text-decoration:none;
}

a.emp_btn:after {
	margin-top: -9px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: WebSymbolsgfeditRegular;
	content:")";
	margin-left: 5px;
	font-size: 93%;
	text-decoration:none !important;
	text-shadow: none;
	color: #FFFFFF;
}


a.emp_btn_bl {
	margin:10px auto;
	display:block;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border:1px #1E69DE solid;
	font-size:18px;
	text-align:center;
	width:90%;
	padding:6px 0px;
	color: #ffffff !important;
	font-weight:bold;
	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 50%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(50%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 50%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 50%,#1e69de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 50%,#1e69de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 50%,#1e69de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	position:relative;
	text-decoration:none;
}
a.emp_btn_bl:after {
	margin-top: -9px;
	position: absolute;
	top: 50%;
	left: 10px;
	font-family: WebSymbolsgfeditRegular;
	content:"(";
	margin-left: 5px;
	font-size: 93%;
	text-decoration:none !important;
	text-shadow: none;
}
p.btn{
	text-align:center;
}


/* ブルーボタンのスタイル ----------------------------------------------------*/

.blueButton,
.blueButtonSmall{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background:-moz-linear-gradient(
		top,
		#cee7f2 0%,
		#097cba 51%,
		#0070ab 0%,
		#0086cd);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#cee7f2),
		color-stop(50%, #097cba),
		color-stop(50%, #0070ab),
		to(#007fb5));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #007fb5;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,139,0.3),
		0px 1px 0px rgba(000,000,139,0.5);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color: #ffffff !important;
}
.blueButtonSmall{
	padding-top:10px;
	padding-bottom:10px;
}


/* レッドボタンのスタイル -----------------------------------------------------*/

.redButton,
.redButtonSmall{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background: -moz-linear-gradient(
		top,
		#ffbfbf 0%,
		#e53939 51%,
		#cc0000 0%,
		#ee0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffbfbf),
		color-stop(50%, #e53939),
		color-stop(50%, #cc0000),
		to(#ee0000));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #DD0000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(150,000,000,0.3),
		0px 1px 0px rgba(150,000,000,0.5);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color: #ffffff !important;
}
.redButtonSmall{
	padding-top:10px;
	padding-bottom:10px;
}


/* オレンジボタンのスタイル ---------------------------------------------------*/

.orangeButton,
.orangeButtonSmall{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background: -moz-linear-gradient(
		top,
		#fff2e3 0%,
		#ffab2e 51%,
		#ff8800 0%,
		#ffaa00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff2e3),
		color-stop(50%, #ffab2e),
		color-stop(50%, #ff8800),
		to(#ffaa00));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #FF9900;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(200,100,000,0.3),
		0px 1px 0px rgba(200,100,000,0.5);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color: #ffffff !important;
}
.orangeButtonSmall{
	padding-top:10px;
	padding-bottom:10px;
}

/* グリーンボタンのスタイル ---------------------------------------------------*/

.greenButton,
.greenButtonSmall{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background:-moz-linear-gradient(
		top,
		#CEFF7F 0%,
		#6DA611 51%,
		#598C00 0%,
		#78B21B);
	background:-webkit-gradient(
		linear, left top, left bottom,
		from(#ceff7f),
		color-stop(50%, #6da611),
		color-stop(50%, #598C00),
		to(#78B21B));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #558000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,120,000,0.3),
		0px 1px 0px rgba(000,120,000,0.5);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color: #ffffff !important;
}
.greenButtonSmall{
	padding-top:10px;
	padding-bottom:10px;
}

/* グレーボタンのスタイル ----------------------------------------------------*/

.grayButton,
.grayButtonSmall{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background:-moz-linear-gradient(
		top,
		#F6F6F6 0%,
		#BBBBBB 50%,
		#AAAAAA 51%,
		#777777);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#F6F6F6),
		color-stop(50%, #BBBBBB),
		color-stop(51%, #AAAAAA),
		to(#777777));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999999;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color: #333333;
}
.grayButtonSmall{
	padding-top:10px;
	padding-bottom:10px;
}


/* 戻るボタンのスタイル -----------------------------------------------------*/

.backButton{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background:-moz-linear-gradient(
		top,
		#F6F6F6 0%,
		#BBBBBB 50%,
		#AAAAAA 51%,
		#777777);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#F6F6F6),
		color-stop(50%, #BBBBBB),
		color-stop(51%, #AAAAAA),
		to(#777777));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999999;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.3),
		0px 0px 4px rgba(000,000,000,0.8);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color: #ffffff !important;
}
.backButton::before{
	font-family: WebSymbolsgfeditRegular;
	content: '<';
	font-size: 100%;
	margin-right:7px;
}


/* 削除ボタンのスタイル -----------------------------------------------------*/

.daleteButton {
	font-family: WebSymbolsgfeditRegular;
	display:inline-block;
	color: #ffffff !important;
	margin:0 auto;
	padding:7px 8px;
	background: -moz-linear-gradient(
		top,
		#ffbfbf 0%,
		#e53939 51%,
		#cc0000 0%,
		#ee0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffbfbf),
		color-stop(50%, #e53939),
		color-stop(50%, #cc0000),
		to(#ee0000));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #DD0000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(150,000,000,0.3),
		0px 1px 0px rgba(150,000,000,0.5);
	text-decoration:none;
	text-align:center;
}


/* グレーアウトボタンのスタイル ----------------------------------------------*/

.grayOutButton,
.grayOutButtonSmall{
	display:inline-block;
	margin:0 auto;
	padding:15px 10px;
	background:-moz-linear-gradient(
		top,
		#FEFEFE 0%,
		#EEEEEE 50%,
		#DDDDDD 51%,
		#AAAAAA);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#FEFEFE),
		color-stop(50%, #EEEEEE),
		color-stop(51%, #DDDDDD),
		to(#AAAAAA));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999999;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color: #BBBBBB !important;
}
.grayOutButtonSmall{
	padding-top:10px;
	padding-bottom:10px;
}

/*--------------------------------------------------------------------*/
/* サブミットエリアのスタイル
/*--------------------------------------------------------------------*/

.submit_area1,
.submit_area2,
.submit_area3 {
	text-align: center;
}
.submit_area1 p{
	display:inline-block;
}


/*--------------------------------------------------------------------*/
/* ナビゲーションボタンのスタイル
/*--------------------------------------------------------------------*/
nav.twoButton ul{
	display:box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
}
nav.twoButton li:first-child a,
nav.twoButton li:last-child a{
	width:50%;
	margin-right:2px;
	padding:15px 5px;
	text-align:center;
	background:-moz-linear-gradient(
		top,
		#F3F3F3 0%,
		#E0E0E0 50%,
		#CCCCCC 51%,
		#AAAAAA);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#F3F3F3),
		color-stop(50%, #E0E0E0),
		color-stop(51%, #CCCCCC),
		to(#AAAAAA));
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	border:1px solid #999999;
	font-size:100%;
	color:#333333;
	text-decoration:none;
}
nav.twoButton li:last-child a{
	margin-right:0px;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
}


/*--------------------------------------------------------------------*/
/* 共通ヘッダー(header.common)
/*--------------------------------------------------------------------*/

header.common {
	border-bottom: 1px solid #E0E0E0;
}
header.common .logo {
	width: 140px;
	float: left;
}
header.common .logo img {
	vertical-align: top;
}

header.common .navi {
	position: relative;
	float: right;
}
header.common .navi:before {
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.3);
	content: "";
}
header.common .navi li {
	float: left;
	padding-top:15px;
}

header.common .navi .login a:before {
	background-position:0px 0;
}
header.common .navi .checkoff{
	height: 49px;
	display: block;
	padding-top: 3px;
	white-space: nowrap;
	width: 120px;
	padding-right: 4px;
	position: absolute;
	top: 15px;
	right: 0px;
	float: right;
}


em.site_pr{ background-color: #0086cd; display: block; font-style: normal; color: #FFF; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; margin-top: 6px; margin-bottom: 12px; }

/*--------------------------------------------------------------------*/
/* ページタイトル（戻るボタン無）(div.title)
/*--------------------------------------------------------------------*/
.title{
	margin-bottom:20px;
	padding:1px 0;
	border-bottom:1px solid #CCCCCC;
}
.title h1{
	width:100%;
	padding:20px 0;
	text-align:center;
	background-color:#0086CD;
	font-size:120%;
	color:#FFFFFF;
}




/*--------------------------------------------------------------------*/
/* ページタイトル（My PGM内 戻るボタン有）(div.title_back)
/*--------------------------------------------------------------------*/
.title_back{
	position:relative;
	margin-bottom:20px;
	padding:1px 0;
	border-bottom:1px solid #CCCCCC;
}
.title_back h1{
	width:100%;
	min-height:25px;
	padding:20px 0;
	text-align:center;
	background-color:#0086CD;
	font-size:120%;
	color:#FFFFFF;
}
.title_back p a{
	position:absolute;
	width:60px;
	height:30px;
	padding:15px 0 0 15px;
	top:15%;
	left:0px;
	background:url(/images/sp/common/bg_back.png) no-repeat;
	font-size:14px;
	line-height:1.0;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:baseline;
}


/*--------------------------------------------------------------------*/
/* セクション(section)
/*--------------------------------------------------------------------*/
section{}
section h2 {
/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1766b9), color-stop(0.99, #1766b9), color-stop(0.98, #2996cf), color-stop(0.03, #92cae7), color-stop(0.02, #bde0f2), color-stop(0.00, #bde0f2));
	background: -webkit-linear-gradient(top, #bde0f2 0%, #bde0f2 2%, #92cae7 3%, #2996cf 98%, #1766b9 99%, #1766b9 100%);
	-webkit-text-shadow: 1 1 0px rgba(102,102,102,0.65);
	text-shadow: 1px 1px 0px rgba(102,102,102,0.65);
*/
	border-top:#d7e9fb 1px solid;
	border-bottom:#bbd5ef 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 255, 1)), color-stop(100%, rgba(216, 235, 253, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* W3C */
	display: block;
	color: #3287d6;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 10px;
}
section h2:before {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	content: "";
}
section .inner{
	padding:10px;
}


/*--------------------------------------------------------------------*/
/* セクション（テーブル仕様）
/*--------------------------------------------------------------------*/
section.table h2{
	margin-bottom:0 !important;
}
section.table table{
	width:100%;
	border:0;
	border-collapse:collapse;
}
section.table th{
	padding:10px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	white-space:nowrap;
}
section.table th.bottom{
	border-bottom:none;
}
section.table td{
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}
section.table td.bottom{
	border-bottom:none;
}


/*--------------------------------------------------------------------*/
/* サブタイトル設定
/*--------------------------------------------------------------------*/

h3.sort {
	margin: 0 auto 20px;
	padding: 3px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: solid 2px #3AAAE6;
	background-color: #E5F7FF;
	color: #0086CD;
	font-size: 120%;
	line-height: 1.0;
}


/*--------------------------------------------------------------------*/
/* 矢印（リンクアロー）付リンクのスタイル(ul.link>li)
/*--------------------------------------------------------------------*/

ul.link li {
	display:block;
}

ul.link li a{
	display:block;
	padding:5px;
	border-bottom:1px solid #999999;
	font-size:120%;
	text-decoration:none;
}
ul.link li a::after{
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 100%;
	color: #666666;
	float: right;
}
ul.link li:last-child a{border:none;}
ul.link li a:link{color:#444444;}
ul.link li a:visited{color:#444444;}

/*--------------------------------------------------------------------*/
/* 会員サービス //add
/*--------------------------------------------------------------------*/
#container .btm_service{
	margin-bottom: 10px;
}
#container .line_b{
	border-bottom:1px solid #e0e0e0;
}
#container .btm_service h2 {
	border-top:#d7e9fb 1px solid;
	border-bottom:#bbd5ef 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 255, 1)), color-stop(100%, rgba(216, 235, 253, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* W3C */
	display: block;
	color: #3287d6;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 10px;
}
#container .btm_service h2:before {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	content: "";
}

#container .btm_service ul li {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom:1px solid #D6D6D6;
}
#container .btm_service ul li:after {
	position: absolute;
	top: 50%;
	left: 6px;
	-webkit-background-size: 25px 25px;
	background-size: 25px 25px;
	content: "";
}
#container .btm_service ul li a {
	display: block;
	position: relative;
	padding:12px 30px 12px 12px;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#container .btm_service ul li a:after {
	margin-top: -11px;
	width: 22px;
	height: 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	position: absolute;
	top: 50%;
	right: 6px;
	content: "";
	background-image: url(/images/sp/common/arr_bl.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/*--------------------------------------------------------------------*/
/* フッターナビ(nav.footer)
/*--------------------------------------------------------------------*/

nav.footer{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999999;
}
nav.footer li {
	display:block;
}

nav.footer li a{
	display:block;
	padding:15px;
	border-bottom:1px solid #999999;
	font-size:120%;
	text-decoration:none;
}
nav.footer li a::after{
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 100%;
	color: #666666;
	float: right;
}
nav.footer li:last-child a{border:none;}
nav.footer li a:link{color:#444444;}
nav.footer li a:visited{color:#444444;}


/*--------------------------------------------------------------------*/
/* ページトップへ戻るリンク(p.pageTop)
/*--------------------------------------------------------------------*/
p.pageTop{ margin: 5px 5px 25px 0; text-align: right; font-size: 110%; }
p.pageTop a{ text-decoration: none; }
/*--------------------------------------------------------------------*/
/* マップリンク(a.maplink)
/*--------------------------------------------------------------------*/
a.maplink {
	color: #000000;
}

a.maplink {
	color: #000000;
}

.maplink::after {
	content: 'MAP';
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3996ec), color-stop(0.54, #4aa1f1), color-stop(0.52, #3996ec), color-stop(0.00, #60acf4));
	background: -webkit-linear-gradient(top, #60acf4 0%, #3996ec 52%, #4aa1f1 54%, #3996ec 100%);
	background: -moz-linear-gradient(top, #60acf4 0%, #3996ec 52%, #4aa1f1 54%, #3996ec 100%);
	background: -o-linear-gradient(top, #60acf4 0%, #3996ec 52%, #4aa1f1 54%, #3996ec 100%);
	background: -ms-linear-gradient(top, #60acf4 0%, #3996ec 52%, #4aa1f1 54%, #3996ec 100%);
	background: linear-gradient(to bottom, #60acf4 0%, #3996ec 52%, #4aa1f1 54%, #3996ec 100%);
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	position: relative;
	padding-right: 6px;
	padding-left: 6px;
	font-family: Arial, Helvetica;
	margin-right: 4px;
	margin-left: 4px;
}

/*--------------------------------------------------------------------*/
/* リンク新規ウィンドウ(a.newWin)
/*--------------------------------------------------------------------*/

.newWin::after {
	margin-left: 1px;
	font-family: WebSymbolsgfeditRegular;
	content: 'D';
	color: #0086CD;
	text-decoration: none;
	font-size: 100%;
}

/*--------------------------------------------------------------------*/
/* フッター(footer.common)
/*--------------------------------------------------------------------*/
footer.common p.select{
	margin:10px auto 15px;
	text-align:center;
}
footer.common p.select a{
	padding:5px 10px;
	color: #FFFFFF;
	font-size:12px;
	color: #ffffff;
	font-weight:bold;
	border:1px solid #3894e9;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em ;
	background: #5ea6e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #5ea6e5 0%, #55a3e8 50%, #3894e9 50%, #3594e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ea6e5), color-stop(50%,#55a3e8), color-stop(50%,#3894e9), color-stop(100%,#3594e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea6e5', endColorstr='#3594e8',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
footer.common p.copyright{ display: block; text-align: right; background-color: #383838; color: #FFF; font-size: 10px; padding: 6px; overflow: hidden; }
footer.common p.copyright img{ float: left; }



/*--------------------------------------------------------------------*/
/* フッターメニュー
/* unique_ID : footer_menu
/*--------------------------------------------------------------------*/

#footer_menu{
	margin:30px 0 10px;
}
#footer_menu h2 {
	display: block;
	border-top:#d7e9fb 1px solid;
	border-bottom:#bbd5ef 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 255, 1)), color-stop(100%, rgba(216, 235, 253, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* W3C */
	color: #3287d6;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 10px;
}
#footer_menu ul li {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom:1px solid #D6D6D6;
}
#footer_menu ul li a {
	display: block;
	position: relative;
	padding:12px 30px 12px 12px;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#footer_menu ul li a:after{
	position:absolute;
	top:25%;
	right:10px;
	font-family: WebSymbolsgfeditRegular;
	content: ')';
	font-size: 125%;
	color: #389dd3;
	font-weight:normal;
}


/*--------------------------------------------------------------------*/
/* モーダルの設定
/*--------------------------------------------------------------------*/

.sendCourse a.blueButton .icon{
	margin:-5px 3px 0 5px;
	vertical-align:middle;
}

.sendCourse a.blueButton{
 vertical-align:top;
 margin:10px auto;
}


#sendCourseModal{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:500;
	position:fixed;
}

.CourseMemo{
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border:#999999 1px solid;
	background-color:#f6f6f6;
	max-height:12em;
	overflow:auto;
	width: 100%;
	-webkit-text-size-adjust: none;
}

#sendCourseModal .close{
	position:absolute;
	margin:-70px auto 0 5%;
	top:50%;
	right:7%;
	background-color:#ffffff;
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	font-size:138.5%;
	padding:3px 6px 10px 6px;
	font-weight:bold;
	z-index:100;
}

#sendCourseModal .close a{
 text-decoration:none;
 color:#333333;
}

#sendCourseModal .popup{
	width:85%;
	opacity:1;
	position:absolute;
	margin:-55px auto 0 5%;
	top:50%;
	background-color:#ffffff;
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	padding:2%;
}

#sendCourseModal .popup p{
	width:98%;
	font-size:93%;
	padding:1%;
}

#sendCourseModal .popup .iconManu,
#sendCourseModal .popup .iconManu2col{
	letter-spacing: -.40em;
	margin:10px 0 0 0;
}

#sendCourseModal .popup .iconManu li{
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:33%;
	text-align:center;
	font-size:93%;
}
#sendCourseModal .popup .iconManu2col li.lineTxt{
	vertical-align:top;
	text-align:left;
	width:52%;
	padding-left:1em;
	text-indent:-1em;
}

#sendCourseModal .popup .iconManu2col li.lineicon{
	width:38%;
}
#sendCourseModal .popup .iconManu2col li{
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/* width:49%; */
	text-align:center;
	font-size:93%;
}

.whiteButton, .whiteButtonSmall {
	background: #ffffff;
    border: 3px solid #007BBC;
    border-radius: 5px;
    color: #007BBC !important;
    display: inline-block;
    font-size: 120%;
    margin: 0 auto;
    padding: 15px 5px;
    text-align: center;
    text-decoration: none;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
}

.whiteButtonSmall {
    padding-bottom: 9px;
    padding-top: 9px;
}
.mb3{margin-bottom:3px;}
.mt3{margin-top:3px;}
.mr2{margin-right:2px;}
.plan_detail_table em {
	font-weight: bold;
	font-style: normal;
}
.search #searchResults a.planCard p.price,
.search.searchResults .planCard p.price {
	font-size: 135%;
	text-align: left !important;
}
.search #searchResults a.planCard p.price .price-all,
.search.searchResults .planCard p.price .price-all {
	font-weight: normal !important;
	font-size: 65% !important;
	vertical-align: middle !important;
	position: relative;
}
.search #searchResults a.planCard p.price span.price-rest,
.search.searchResults .planCard p.price span.price-rest {
	text-align: right;
	float: right !important;
}
.myCal #searchResults a.planCard table {
	margin-top: 20px;
}
.search.member #searchResults a.planCard .plan_detail_table {
	color: #7F4B00;
}
.search.member #searchResults a.planCard p.price {
	position: relative !important;
	margin: 43px 0 0 0 !important;
	padding: 18px 0 0 0 !important;
}
.search.member #searchResults a.planCard p.price:before {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}