@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; }


/*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('/sp/font/websymbols_gf-edit-webfont.eot');
    src: url('/sp/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sp/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/sp/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/sp/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/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;
}


/* チェックボックスのスタイル（type="checkbox"） 

input[type=checkbox]{
	-webkit-appearance:none;
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:2px;
	border:2px solid #666666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:-moz-linear-gradient(
		top,
		#BBBBBB 0%,
		#F0F0F0);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#BBBBBB),
		to(#F0F0F0));
	vertical-align:middle;
}
input[type=checkbox]:checked::after{
	display: block;
	position:absolute;
	top:4px;
	left:4px;
	font-family: WebSymbolsgfeditRegular;
	content: '.';
	font-size: 130%;
	color: #222222;
}

*/
/* ラジオボタンのスタイル（type="radio"） 

input[type=radio]{
	-webkit-appearance:none;
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:2px;
	border:2px solid #666666;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	background:-moz-linear-gradient(
		top,
		#BBBBBB 0%,
		#F0F0F0);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#BBBBBB),
		to(#F0F0F0));
	vertical-align:middle;
}

input[type="radio"]:checked::after {
	display: block;
	width: 16px;
	height: 16px;
	position:absolute;
	top:5px;
	left:5px;
	content:"\00a0";
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	background-image:-moz-linear-gradient(
		top,
		#888888 0%,
		#333333);
	background-image:-webkit-gradient(
		linear,left top,left bottom,
		from(#888888),
		to(#333333));
	box-shadow:
		0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:
		0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 1px rgba(0,0,0,0.2);
}
*/

/* テキストフォームのスタイル（type="text"） 

input[type=text],
input[type=password],
input[type=number],
input[type=tel]{
	width:95%;
	padding:5px;
	font-size:150%;
	border:2px solid #666666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:-moz-linear-gradient(
		top,
		#F0F0F0 0%,
		#FFFFFF);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#F0F0F0),
		to(#FFFFFF));
	box-shadow:
		inset 1px 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:
		inset 1px 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		inset 1px 1px 1px rgba(0,0,0,0.3);
}
*/

/* プルダウンメニューのスタイル（複数選択：multiple）
.select_box{
	position:relative;
	margin:0;
	display:inline-block;
}
.select_box::after{
	display:block;
	position:absolute;
	z-index:100;
	right:17px;
	top:50%;
	font-family: WebSymbolsgfeditRegular;
	content: '{';
	color:#FFFFFF;
	font-size:250%;
	line-height:0;
}
.select_box select{
	-webkit-appearance:none;
	-webkit-box-sizing:border-box;
	height:50px;
	min-height:50px;
	margin:0;
	padding:8px 55px 8px 5px;
	border:1px solid #666666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image:
		-moz-linear-gradient(
		top,
		#A2A2A2 0%,
		#686868),
		-moz-linear-gradient(
		top,
		#FFFFFF 0%,
		#CCCCCC);
	background-image:
		-webkit-gradient(
		linear,left top,left bottom,
		from(#A2A2A2),
		to(#686868)),
		-webkit-gradient(
		linear,left top,left bottom,
		from(#FFFFFF),
		to(#CCCCCC));
	color:#000000;
	background-size:50px 100%,100% 100%;
	background-repeat:no-repeat,no-repeat;
	background-position:right top,left top
}
 */

/*----------------------------------------------------------------------*/
/*	Font Size 設定
/*----------------------------------------------------------------------*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo',  'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}
/*
Font-size Adjustment
	 77% = 10px	|	123.1% = 16px	|	167% = 22px
	 85% = 11px	|	131% =  17px	|	174% = 23px 
	 93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
*/


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

/* マージン設定 */

.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;
}


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

/* 括弧()付きリスト（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;
	font-weight:bold;
	background: rgb(248,173,59);
	background: -moz-linear-gradient(top,  rgba(248,173,59,1) 0%, rgba(255,153,2,1) 50%, rgba(251,164,36,1) 51%, rgba(255,153,2,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,173,59,1)), color-stop(50%,rgba(255,153,2,1)), color-stop(51%,rgba(251,164,36,1)), color-stop(100%,rgba(255,153,2,1)));
	background: -webkit-linear-gradient(top,  rgba(248,173,59,1) 0%,rgba(255,153,2,1) 50%,rgba(251,164,36,1) 51%,rgba(255,153,2,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,173,59,1) 0%,rgba(255,153,2,1) 50%,rgba(251,164,36,1) 51%,rgba(255,153,2,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,173,59,1) 0%,rgba(255,153,2,1) 50%,rgba(251,164,36,1) 51%,rgba(255,153,2,1) 100%);
	background: linear-gradient(top,  rgba(248,173,59,1) 0%,rgba(255,153,2,1) 50%,rgba(251,164,36,1) 51%,rgba(255,153,2,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ad3b', endColorstr='#ff9902',GradientType=0 );
	position:relative;
	text-decoration:none;
}
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;
}
.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;
}
.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%;
	color: #ffffff;
}
.orangeButtonSmall{
	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;
}
.backButton::before{
	font-family: WebSymbolsgfeditRegular;
	content: '<';
	font-size: 100%;
	margin-right:7px;
}


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

.daleteButton {
	font-family: WebSymbolsgfeditRegular;
	display:inline-block;
	color: #ffffff;
	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;

}


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

.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 a {
	padding-top: 3px;
	height: 49px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #343333), color-stop(0.99, #343333), color-stop(0.98, #696969), color-stop(0.52, #555), color-stop(0.47, #6a6a6a), color-stop(0.00, #5f5f5f));
	background: -webkit-linear-gradient(top, #5f5f5f 0%, #6a6a6a 47%, #555 52%, #696969 98%, #343333 99%, #343333 100%);
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-text-shadow: 0 0 2px rgba(0,0,0,0.65);
	text-shadow: 0 0 2px rgba(0,0,0,0.65);
	padding-right: 12px;
	padding-left: 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #676767;
	border-left-color: #626262;
}
header.common .navi a:before {
	width: 25px;
	height: 25px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	display: block;
	content: "";
	background-image: url(../images/common/login.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}
*/
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/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;}




/*--------------------------------------------------------------------*/
/* 会員サービス
/*--------------------------------------------------------------------*/
#container .btm_service{
	margin-bottom: 10px;
}
#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/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;
}

.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 #6db3f4;
	background: rgb(98,173,244);
	background: -moz-linear-gradient(top, #0db6ff 0%, #097cba 49%, #0070ab 50%, #0095e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0db6ff), color-stop(49%,#097cba), color-stop(50%,#0070ab), color-stop(100%,#0095e5));
	background: -webkit-linear-gradient(top,  rgba(98,173,244,1) 0%,rgba(52,147,235,1) 49%,rgba(76,162,242,1) 52%,rgba(67,156,239,1) 100%);
	background: linear-gradient(top,  rgba(98,173,244,1) 0%,rgba(52,147,235,1) 49%,rgba(76,162,242,1) 52%,rgba(67,156,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62adf4', endColorstr='#439cef',GradientType=0 );
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em ;
	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; }