@charset "UTF-8";

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/

/* display
**********************************************************************/
.dn{ display: none;}
.db{ display: block;}
.dinb{ display: inline-block!important;}
.dt{ display: table; margin:0 auto;}


/* br
**********************************************************************/
br.sp,
br.sptb{ display: block;}
br.sp360,
br.tbpc,
br.pc{ display: none;}

@media print, screen and (max-width:361px){ br.sp375{ display: block;} }


/* width
**********************************************************************/
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w51 { width: 51px !important; }
.w60 { width: 60px !important; }
.w65 { width: 65px !important; }
.w70 { width: 70px !important; }
.w72 { width: 72px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w175 { width: 170px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w500 { width: 500px !important; }
.w700 { width: 700px !important; }

.w10per { width: 10% !important; }
.w13per { width: 13% !important; }
.w14per { width: 14% !important; }
.w15per { width: 15% !important; }
.w18per { width: 18% !important; }
.w19per { width: 19% !important; }
.w20per { width: 20% !important; }
.w21per { width: 21% !important; }
.w23per { width: 23% !important; }
.w25per { width: 25% !important; }
.w27per { width: 27% !important; }
.w28per { width: 28% !important; }
.w30per { width: 30% !important; }
.w33per { width: 33% !important; }
.w35per { width: 35% !important; }
.w40per { width: 40% !important;}
.w42per { width: 42% !important;}
.w43per { width: 43% !important; }
.w45per { width: 45% !important;}
.w47per { width: 47% !important;}
.w48per { width: 48% !important;}
.w50per { width: 50% !important; }
.w60per { width: 60% !important; }
.w65per { width: 65% !important; }
.w68per { width: 68% !important; }
.w70per { width: 70% !important; }
.w74per { width: 74% !important; }
.w75per { width: 75% !important; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w100per { width: 100%!important; }

/* min */
.minWnone{ min-width: auto!important;}
.minW170{ min-width: 170px!important;}
.minW200{ min-width: 200px!important;}
.minW500{ min-width: 500px;}
.minW560{ min-width: 560px;}
.minW570{ min-width: 570px;}
.minW600{ min-width: 600px;}

/* max */
.maxWnone{ max-width: none!important;}
.maxW270{ max-width: 270px;}
.maxW360{ max-width: 360px;}
.maxW400{ max-width: 400px!important;}


/* height
**********************************************************************/
.h37 { height: 37px!important; }
.h48 { height: 48px!important; }
.h60 { height: 60px!important; }
.h205 { height: 205px; }

.lh240 { line-height: 2.4; }
.lh15 { line-height: 1.5; }


/* margin
**********************************************************************/
.noMargin{margin:0 !important;}

.mt00{margin-top:0!important; }
.mt01{margin-top:1px!important; }
.mt02{margin-top:2px!important; }
.mt03{margin-top:3px!important; }
.mt04{margin-top:4px!important; }
.mt05{margin-top:5px!important; }
.mt06{margin-top:6px!important; }
.mt07{margin-top:7px!important; }
.mt08{margin-top:8px!important; }
.mt10{margin-top:10px!important; }
.mt12{margin-top:12px!important; }
.mt15{margin-top:15px!important; }
.mt18{margin-top:18px!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; }

.mt-01{margin-top:-1px!important; }
.mt-02{margin-top:-2px!important; }
.mt-05{margin-top:-5px!important; }
.mt-10{margin-top:-10px!important; }
.mt-15{margin-top:-15px!important; }
.mt-20{margin-top:-20px!important; }
.mt-40{margin-top:-40px!important; }
.mt-80{margin-top:-80px!important; }

.mb00{margin-bottom:0 !important; }
.mb02{margin-bottom:2px !important; }
.mb03{margin-bottom:3px !important; }
.mb05{margin-bottom:5px !important; }
.mb08{margin-bottom:8px !important; }
.mb10{margin-bottom:10px !important; }
.mb15{margin-bottom:15px !important; }
.mb18{margin-bottom:18px !important; }
.mb20{margin-bottom:20px !important; }
.mb25{margin-bottom:25px !important; }
.mb30{margin-bottom:30px !important; }
.mb35{margin-bottom:35px !important; }
.mb40{margin-bottom:40px !important; }
.mb50{margin-bottom:50px !important; }
.mb80{margin-bottom:80px !important; }

.mb-20{margin-bottom:-20px !important; }

.ml00{margin-left:0!important;}
.ml03{margin-left:3px!important;}
.ml05{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;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}

.mr00{margin-right:0!important;}
.mr03{margin-right:3px!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}


/* padding
**********************************************************************/
.pt00{padding-top:0 !important}
.pt02{padding-top:2px !important}
.pt05{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt12{padding-top:12px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt80{padding-top:80px !important}

.pb00{padding-bottom:0 !important}
.pb01{padding-bottom:1px !important}
.pb02{padding-bottom:2px !important}
.pb03{padding-bottom:3px !important}
.pb04{padding-bottom:4px !important}
.pb05{padding-bottom:5px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}

.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}

.pl00{padding-left:0 !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}

.pr10{padding-right:10px !important}
.pr20{padding-right:20px !important}


/* font
**********************************************************************/
.bold { font-weight: bold!important; }
.normal { font-weight: normal !important; }


.font09{ font-size: 9px!important;}
.font11{ font-size: 11px;}
.font12{ font-size: 12px!important;}
.font13{ font-size: 13px!important;}
.font14{ font-size: 14px!important;}
.font15{ font-size: 15px!important;}
.font16{ font-size: 16px!important;}
.font17{ font-size: 17px!important;}
.font18{ font-size: 18px!important;}
.font19{ font-size: 19px;}
.font20{ font-size: 20px!important;}
.font24{ font-size: 24px!important;}
.font25{ font-size: 25px!important;}
.font26{ font-size: 26px!important;}
.font32{ font-size: 32px!important;}
.font41{ font-size: 41px!important;}

/* line-heignt */
.lih1{ line-height: 1!important;}
.lih16{ line-height: 1.6!important;}
.lih17{ line-height: 1.7!important;}
.lih18{ line-height: 1.8!important;}
.lih19{ line-height: 1.9!important;}
.lih2{ line-height: 2!important;}

/* letter-spacing */
.letter-1{ letter-spacing: -1px;}
.letter00{ letter-spacing: 0!important;}
.letter01{ letter-spacing: 1px;}
.letter02{ letter-spacing: 2px;}


/* position
**********************************************************************/
/* vertical-align */
.vatop{ vertical-align: top!important; }
.vamid{ vertical-align: middle!important; }


/* form
**********************************************************************/
.pointer{ cursor: pointer!important;}


/* table
**********************************************************************/
.tb01 th, .tb01 td,
.tb02 th, .tb02 td,
.tb03 th, .tb03 td{ border: solid 1px #CCC;}


/* tb01 */
.tb01 { background: #FFF; margin: 3px 0 15px; font-size: 11px;}
.tb01 th { padding: 4px 3px; }
.tb01 td { padding: 4px; line-height: 1.5; vertical-align: middle; }


/* tb03 */
.tb03 th,
.tb03 td { padding: 7px 6px 6px; }

.tb03.before th,
.tb03.after th,
.tb03.which th{ font-weight: bold;}
.tb03.which tbody th{ text-align: left;}

.tb03.before thead th,
.tb03.which thead th{ background: #e8e8e8;}
.tb03.before tbody th,
.tb03.which tbody th{ background: #f8f8f8;}
.tb03.which tbody th.bgNone{ font-weight: normal;}

.tb03.after thead th,
.tb03.which thead th:last-of-type{ background: #ffe1e3;}
.tb03.after tbody th,
.tb03.which tbody td:last-of-type{ background: #fff8f8;}
.tb03.which tbody td:last-of-type{ font-weight: bold;}

.tb03.before td,
.tb03.after td,
.tb03.which td{ text-align: right;}


/* tb1 */
.tb1 td { padding: 3px; }


/* tb2 */
.tb2 { margin: 10px 0 15px; font-size: 12px; }
.tb2 th,
.tb2 td{ border: solid 1px #DDD;}

.tb2 th { background: #F3F3F3; padding: 11px 15px 9px; text-align: left; white-space: nowrap; }
.tb2 th.wsNormal { white-space: normal !important; }
.tb2 td{ padding: 11px 15px 9px;}


/* tbBoder */
.tbBoder *{ box-sizing: border-box;}
.tbBoder{ font-size: 14px; border-top: #333 2px solid;}
.tbBoder th{ background: #F3F3F3; font-weight: bold; text-align: left;}
.tbBoder th,
.tbBoder td{ height: 60px; padding: 11px 18px 9px; border-bottom: solid 1px #DDD;}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){

	/* br
	**********************************************************************/
	br.sp{ display: none;}
	br.tbpc{ display: block;}


	/* table
	**********************************************************************/
	.tb01 td{ padding: 6px 5px;}
	.tb03 th,
	.tb03 td{ padding: 7px 12px 5px;}

	.tb01,
	.tb2{ font-size: inherit;}

	.tb2 td { padding: 9px 15px; }
}


/*************************************************************************************************************************
* 960px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:961px){

	/* br
	**********************************************************************/
	br.pc{ display: block;}
	br.sptb{ display: none;}
}


/*************************************************************************************************************************
* old（使用箇所、多数あり）
*************************************************************************************************************************/

/*----------リンク----------*/
#left a{ color: #333; text-decoration: none; }
#left a:hover { color: #003399; text-decoration: underline; }

#serviceOther a:hover,
#footer a:hover { color: #003399; text-decoration: underline; }

a.linkWhite,
a:hover.linkWhite { color: #FFF !important; }

a.noDeco { text-decoration: none; }
a:hover .opacity { filter: alpha(opacity=75); opacity: 0.75; }


/*----------区切り線----------*/
hr { background: #CCC; height: 1px; margin: 30px 0; clear: both; border: none; }

/*---------------------------矢印---------------------------*/
.arrowBlue { background: url(/parts/img/arrow_blue01.gif) no-repeat left center; padding-left: 13px; color: #333;}
.arrowGray { background: url(/parts/images/arrow_gray01.gif) no-repeat 2px center; padding-left: 12px; }


/*---------------------------ボックス---------------------------*/
.caution { background: url(/parts/img/caution_bg.png) no-repeat left top; padding: 20px 10px 10px 18px; }

.attention { border: dotted 1px #eb2d2d; padding: 10px; }
.attention.addMark { background: url(/parts/img/icon_attention.gif) no-repeat 10px; padding: 8px 12px 8px 43px; }
.attention.addMark.top{ background-position: 12px 12px; }

.notice { background: #FFF; border: solid 1px #999; margin: 15px 0 5px; padding: 5px 5px 8px; }


/*---------------------------アイコン---------------------------*/
.squareRed { font-size: 11px; color: #FFF; background: #eb2d2d; border-radius: 2px; padding: 3px 4px; }


/*---------------------------リスト---------------------------*/
.discGray { margin: 8px 0 0 8px; }
.discGray li { background: url(/parts/img/circle_gray_01.gif) no-repeat left 7px; margin-bottom: 5px; padding-left: 13px; }

.disc { list-style: disc; margin: 8px 0 0 25px; }
.disc li { margin-bottom: 5px; }

.disc li a.has_icon{ display: flex; align-items: center; }
.disc li a.has_icon img{ width: 18px; margin-left: 5px; }

.disc .noDisc { list-style: none; }
.decimal { margin: 10px 0 10px 30px; }

.discGray li li,
.disc li li { list-style: circle; background: none; margin-left: 18px; padding: 0; }

.counter { margin-left: 30px; }
.counter li { margin-bottom: 5px; }


/*----------リストセンター合わせ----------*/
.listCenter { position: relative; overflow: hidden; margin: 16px 0 7px; }

.listCenter ul { float: left; position: relative; left: 50%; }
.listCenter li { margin:0 8px 0 0; float: left; list-style: none; position: relative; left: -50%; }

.listCenter.margin05 li { margin-left: 5px; margin-right: 5px; }
.listCenter.margin15 li { margin-left: 15px; margin-right: 15px; }


/*----------リスト左寄せ----------*/
.tabMenu li { float: left; list-style: none; line-height: 160%; }

.tabMenu.marginL li { margin-right: 20px; }
.tabMenu.marginR05 li { margin-right: 5px; }
.tabMenu.marginR15 li { margin-right: 15px; }
.tabMenu.marginR20 li { margin-right: 20px; }


/*----------リストテーブル----------*/
.listTable { table-layout: fixed; }
.listTable li { float: left; width: 21.6%; display: table-cell; background: #EEE; border: solid 1px #FFF; padding: 6px 1.5%; }


/*----------リスト右寄せ----------*/
.tabMenuR ul { float: right; }
.tabMenuR li { float: left; list-style: none; line-height: 160%; margin: 0 0 5px 5px; }


/*----------デザイン切替え----------*/
.disignSelect,
.pluralSelect { float: right; font-size: 10px; margin-top: 3px; }

.disignSelect li,
.pluralSelect li { float: left; text-align: center; margin-left: 4px; }

.disignSelect a,
.pluralSelect a{ color: #FFF; }


/*------------------------- ボタングラデーション---------------------------*/
.buttonBlue a,
button.buttonBlue,
.buttonGreen a,
button.buttonGreen,
.buttonRed a,
button.buttonRed,
.buttonGray a,
.buttonSmoke a{ display: block; text-align: center; text-decoration: none; color: #FFF; border-radius: 2px; padding: 6px 8px 5px 8px; }

.buttonBlue a,
button.buttonBlue,
.buttonGreen a:hover,
button.buttonGreen:hover,
.buttonRed a:hover,
input.buttonRed,
.buttonGray a:hover,
.buttonSmoke a:hover,
.buttonWhite a:hover,
.buttonWhite .here a { color: #FFF; }


/*----------ボタン青----------*/
.buttonBlue a,
button.buttonBlue {
	background: -moz-linear-gradient(top, #66CCFF 0%, #005884 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005884), color-stop(0.00, #66CCFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #66CCFF 0%, #005884 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #66CCFF 0%, #005884 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66CCFF', endColorstr='#005884', GradientType=0); /* IE7,8,9 */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
}
.buttonBlue a:hover,
button.buttonBlue:hover { background: #005884; }


/*----------ボタン緑----------*/
.buttonGreen a,
button.buttonGreen {
	background: -moz-linear-gradient(top, #86EA5A 0%, #006600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #006600), color-stop(0.00, #86EA5A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #86EA5A 0%, #006600 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #86EA5A 0%, #006600 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86EA5A', endColorstr='#006600', GradientType=0); /* IE7,8,9 */
}
.buttonGreen a:hover,
button.buttonGreen:hover { background: #006600; }


/*----------ボタン赤----------*/
.buttonRed a,
input.buttonRed {
	background: -moz-linear-gradient(top, #FF3300 0%, #CC0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CC0000), color-stop(0.00, #FF3300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FF3300 0%, #CC0000 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #FF3300 0%, #CC0000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3300', endColorstr='#CC0000', GradientType=0); /* IE7,8,9 */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
}
.buttonRed a:hover { background: #A52A2A; }


/*----------ボタングレー---------- */
.buttonGray a{
	background: -moz-linear-gradient(top, #BBB 0%, #909090 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BBB), color-stop(0.00, #909090)); /* Chrome,Safari4+ */
	background: linear-gradient(top, #BBB 0%, #909090 100%);
	background: -ms-linear-gradient(top, #BBB 0%, #909090 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBB', endColorstr='#909090', GradientType=0); /* IE7,8,9 */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
}
.buttonGray a:hover { background: #BBB; }


/*----------ボタンスモーク----------*/
.buttonSmoke a{ background: #B0B0B0; border-radius: 2px; transition: background 0.3s ease-in-out 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.buttonSmoke a:hover { background: #ccc; }

.buttonSmoke.current a,
.buttonSmoke .current a { color: #FFF; background: #005884; }


/*----------ボタン白----------*/
.buttonWhite a{
	display: block; padding: 4px 10px 3px; color: #666; text-decoration: none; text-shadow: 1px 1px 1px #FFF; border: solid 1px #CCC; border-radius: 2px;
	background: -moz-linear-gradient(top, #EEE 0%, #EEE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEE), color-stop(0.00, #CCC)); /* Chrome,Safari4+ */
	background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%); /* IE10+ */
}
.buttonWhite a:hover,
.buttonWhite .here a { text-shadow: none; background: #999; border: solid 1px #999; }


/*----------ボタン透明----------*/
.buttonTrans a{ display: block; color: #666; text-decoration: none; border: solid 1px #CCC; border-radius: 2px; padding: 6px 8px 4px; }

.buttonTrans a:hover,
.buttonTrans a.current { color: #FFF; border: solid 1px #0099CC; background: #0099CC; }


/*------------------------- ボタンフラット---------------------------*/
.clickBlue a,
.clickBlue input,
.clickGreen a,
.clickGreen input,
.clickGray a,
.clickGray input { display: block; text-align: center; text-decoration: none !important; color: #FFF !important; border: none; border-radius: 8px; cursor: pointer; padding: 8px 10px 6px; }

/*----------フラット青----------*/
.clickBlue a,
.clickBlue input { background: #037AB8; }

.clickBlue a:hover,
.clickBlue.current a,
.clickBlue input:hover { background: #0BBFFB; }


/*----------フラット緑----------*/
.clickGreen a,
.clickGreen input { background: #1ea880; transition: background 0.3s ease-in-out 0s; }

.clickGreen a:hover,
.clickGreen.current a,
.clickGreen input:hover { background: #1ebf97; }


/*----------フラットグレー----------*/
.clickGray a,
.clickGray input { background: #999; }

.clickGray a:hover,
.clickGray.current a,
.clickGray input:hover { background: #BBB; }


/*----------フラット現在地----------*/
.clickCurrent { color: #FFF; background: #FF0000; border-radius: 3px; padding: 8px 10px 6px; }


/*----------送信ボタン黒---------- */
.inputSend { height: 36px; color: #FFF; background: #666; border-radius: 3px; -webkit-appearance: none; cursor: pointer; padding: 0 7px; }
.inputSend:hover,
.inputSend.inputGray:hover { opacity: 0.8; }


/*----------送信ボタン グレイ---------- */
.inputSend.inputGray {
	background: -moz-linear-gradient(top, #BBB 0%, #666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #666), color-stop(0.00, #BBB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #BBB 0%, #666 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #BBB 0%, #666 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBB', endColorstr='#666', GradientType=0); /* IE7,8,9 */
	border: solid 1px #666;
}


/*----------送信ボタン 青---------- */
.inputSend.inputBlue {
	background: -moz-linear-gradient(top, #66CCFF 0%, #005884 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005884), color-stop(0.00, #66CCFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #66CCFF 0%, #005884 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #66CCFF 0%, #005884 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66CCFF', endColorstr='#005884', GradientType=0); /* IE7,8,9 */
	border: solid 1px #005884;
}

.inputSend.inputBlue:hover {
	background: -moz-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0098CE), color-stop(0.00, #BBE8FF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBE8FF', endColorstr='#0098CE', GradientType=0); /* IE7,8,9 */
	border: solid 1px #0098CE;
}


/*----------送信ボタン 戻る---------- */
.inputSend.backGray { font-size: 15px; background: #999; border: solid 1px #999; }
.inputSend.backGray:hover { background: #BBB; }


/*----------送信ボタン　サイズ----------*/
.inputSend.grande { height: auto; font-size: 20px; padding: 5px 15px; }
.inputSend.btnLarge { height: auto; font-size: 17px; padding: 4px 24px; }


/*---------- タイトル---------- */
.ttlBlack { color: #FFF; background: #666; margin-bottom: 10px; padding: 4px 10px 2px; }
.ttlRed { color: #FFF; margin-bottom: 10px; background: #FF6666; padding: 3px 7px; }

.subCaution { border-bottom: 1px solid #999; margin: 20px 0 13px; padding: 0 0 8px; }


/*---------テーブル---------- */
caption { font-weight: bold; margin: 10px 0 3px; }

.item th { font-weight: bold; color: #FFF; background: #0099CC !important; border-left: solid 1px #DDD; }
.item th a { color: #FFF; }


/*---------テーブル（価格表）---------- */
.tbPrice { width: 100%; line-height: 1.5; border-collapse: separate; border-spacing: 2px; margin-top: 10px; }
.tbPrice th.bgSky { font-weight: bold; color: #FFF; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; border-radius: 3px; background: #0099CC; }

.tbPrice th.bgBalloon { font-weight: bold; color: #FFF; border-radius: 4px; background: #0099CC; position: relative; }
.tbPrice th.bgBalloon.sky { font-weight: normal; color: #000; background: #B8DCF6; }

.tbPrice th.bgBalloon.sky:before { border-top: 4px solid #B8DCF6; }
.tbPrice th.bgBalloon.bgRed:before { border-top: 4px solid #FF0000; }

.tbPrice td { background: #F8F9F9; border-bottom: solid 1px #DDD; }
.tbPrice td small { font-weight: normal; }


/*---------ボーター---------- */
.noBorder { border: none !important; }
.noBorderTop { border-top: none !important; }
.noBorderBtm { border-bottom: none !important; }
.topBorder { border-top: solid 1px #CCC; }
.topBorderLight { border-top: solid 1px #EEE; }
.btmBorder { border-bottom: solid 1px #CCC; }
.btmBorderBold { border-bottom: solid 2px #CCC !important; }


/*---------背景色---------- */
.bgNone { background: none !important }
.bgWhite { background: #FFF !important; }
.bgDarkGray { background: #666 !important; }
.bgGray { background: #EEE !important; }
.bgSmaky { background: #F3F3F3 !important; }
.bgSteel { background: #336699 !important; }
.bgMarine { background: #0099CC !important; }
.bgAqua { background: #CFE8F7 !important; }
.bgAqua02 { background: #e7f5ff !important; }
.bgSnow { background: #F0FBFF; }
.bgYellow { background: #FFFFCC !important; }
.bgIvory { background: #FFFFF0 !important; }
.bgLemon { background: #FFFCD5; }
.bgRed { background: #eb2d2d !important; }
.bgOrange { background: #FF9900 !important; }

.bgbbb { background: #bbb !important; }


/*---------改行---------- */
.nowrap { white-space: nowrap; }
.breakAll { word-wrap: break-word; word-break: break-all; }


/*---------- クリア---------- */
.clear { clear: both; }


/*---------- clearfix ----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*----------位置---------- */
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left!important; }

.middle { vertical-align: middle; }
.top { vertical-align: top !important; }
.auto { margin: auto; }


/*---------- 回り込み---------- */
.fLeft { float: left; }
.fRight { float: right !important; }
.fRightMl15 { float: right; margin-left: 15px; }


/*---------- フォント---------- */
.small { font-size: 11px !important; }

/*---------- カラー---------- */
.white { color: #FFF !important; }
.orange { color: #FF9900 !important; }
.yellow { color: #eaff00 !important; }
.red,
.chuui,
.red a { color: #eb2d2d !important; }

.green{ color: #1ea880; }

.blue{ color: #005bac;}
.skyblue { color: #3399CC; }

.navy { color: #005884 !important; }
.whitesmoke { color: #CCC; }
.silver { color: #999; }
.gray,
.gray a{ color: #888; }
.gray02,
.gray02 a{ color: #999; }
.black { color: #333 !important; }


/*---------------------------左カラム（ログイン未）---------------------------*/
.topicNew { text-indent: 60px; background: url(/parts/img/icon_news.gif) no-repeat left 2px; }
.topicImportant:before { content: "重 要"; display: inline-block; background: #eb2d2d; width: 53px; padding:1px 0; margin:1px 8px 0 0; font-size: 9px; color: #fff; text-align: center; vertical-align: top; border-radius: 2px; box-sizing: border-box;}


/*----------ナビゲーション----------*/
#left .pickup li { margin-top: 4px; }
#left .others { margin-top: 30px; }
#left .others ul { margin: 12px 0 0 5px; }
#left .others li { background: url(/parts/img/circle_gray_03.png) no-repeat left 8px; margin-top: 3px; padding-left: 11px; }
#left .others a { text-decoration: none; }


/*----------ユーザー登録----------*/
.addition { font-size: 10px; color: #888; margin:5px 5px 0 0; line-height: 1.5!important; }
.iconRequired { margin: 3px 6px 0 0; vertical-align: top !important; }


/*--------------- アルファベット入力 ---------------*/
.allOpenBtn,
.switchHat { display: none; }

#aphabet p.btnSwitch { font-size: 15px; font-weight: bold; text-align: center; color: #FFF; background: #FF0000; border: solid 1px #CC0000; border-radius: 4px; display: block; margin: 25px 0 10px; padding: 10px 10px 8px; }
#aphabet p.btnSwitch:hover { background: #FF6600; }

.switchOn { display: block; }
span.switchOn { display: inline; }
#aphabet p.closeBtnHat { float: right; background: #FFF; border: none; margin: 10px 5px 10px 2px; }

.allOpenBtn,
.closeBtnHat span,
.switchHat { color: #FFF; }

.closeBtnHat span { background: #FFF; padding: 2px 4px; border: 1px solid #999; border-radius: 3px; }

.allOpenBtn:after,
.switchHat:after { content: "Open"; color: #FF0000; background: #FFF; margin-left: 10px; padding: 1px 4px; border-radius: 3px; }

.closeBtnHat span { color: #666; }
.closeBtnHat:hover span { color: #FFF; background: #999; }

.nowOpen { color: #FFF; }
.nowOpen:after { content: "Close"; margin-left: 10px; }


/*----------利用規約----------*/
.agree { width: 100%; height: 500px;  border: solid 1px #CCC; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.searchNewDom { background: #EEE; border: 1px solid #CCC; border-radius: 8px; clear: both; margin: 35px 0 15px; padding: 10px 0 20px; text-align: center; }

.searchNewDom.bgWhite { background: #FFF; }
.searchNewDom h4 { font-size: 24px; margin-bottom: 7px; }
.searchNewDom .big input { height: 35px; }


/*----------サポート----------*/
.supportSubBox { font-size: 12px; line-height: 1.5; margin: 15px 0 0; padding: 10px; color: #ef0000; background: #f3f3f3; }
.comments_list li { text-indent: -1em; padding-left: 1em; }


/*----------ドメイン----------*/
.lang { background: #cae9ff; margin: 0 0 0 7px; padding: 2px 3px; font-size: 9px; font-weight: normal; border-radius: 2px; }
body.top .topCampaign .lang{ display: inline-block; vertical-align: top; margin: 6px 0 0 7px;}

.lang.red{ background: #eb2d2d; color: #fff!important;}


/*----------------------------------------PC ＆ タブレット　641px以上----------------------------------------*/
@media only screen and (min-width: 641px) {
	.w150Pc { width: 150px !important; }
	.w320Pc { width: 320px !important; }

	.w6perPc { width: 6% !important; }
	.w15perPc { width: 15% !important; }
	.w20perPc { width: 20% !important; }
	.w35perPc { width: 35% !important; }
	.w44perPc { width: 44% !important; }
	.w50perPc { width: 50% !important; }
	.w80perPc { width: 80% !important; }

	.mt30Pc { margin-top: 30px !important; }
	.mt35Pc { margin-top: 35px !important; }

	.hidePc { display: none; }

	.fLeftPc { float: left; }
	.fRightPc { float: right; }
	.fNone { float: none!important; }

	.regular { font-size: 13px !important; }
	.big { font-size: 15px !important; }
	.bigger { font-size: 18px !important; }
	.biggest { font-size: 20px !important; }
	.masgrande { font-size: 23px; }


	/*---------- 左カラム----------*/
	#left { float: left; width: 228px; margin: 0 0 80px; }


	/*----------WHOIS----------*/
	#left #whois a{ display: block; text-decoration: none; color: #FFF; background: #999; border-radius: 3px; margin: 8px 0 25px; padding: 8px 7px 6px 15px; }
	#left #whois a:hover { background: #666; }


	/*---------- 関連サービス----------*/
	.serviceBanner { clear: both; margin: 0 0 20px 16px; }
	.serviceBanner li { float: left; margin-right: 5px; }


	/*---------- 右カラム----------*/
	#right { float: right; width: 700px; min-height: 400px; margin: 0 0 80px; }
	/* 左カラムなし時 */
	body.nolmenu #right { float: none; width: 100%; }


	/*----------ボックス----------*/
	.boxGray { border: solid 1px #CCC; margin: 15px 0; padding: 15px; }
	.boxSilver { border: dotted 1px #999; margin-top: 15px; padding: 10px; }
	.boxGrayRound { border: solid 1px #CCC; border-radius: 4px; margin: 15px 0; padding: 15px; }
	.boxBlueRound { background: #F4FAFD; border: solid 1px #4682B4; border-radius: 4px; margin: 15px 0; padding: 15px; }
	.boxRed { border: solid 1px #FF9999; margin: 15px 0; padding: 12px 15px; }


	/*----------テキストボックス----------*/
	input.inputStandard { height: 28px; width: 200px; border: solid 1px #999; margin-right: 4px; padding: 0 1px; }

	.sizeShort,
	.sizeMedium,
	.sizeLong { height: 28px; }

	input.sizeShort { width: 150px; }
	input.sizeMedium { width: 280px; }
	input.sizeLong { width: 350px; }


	/*----------テーブル----------*/
	/*----------価格----------*/
	.tbPrice { width: 100%; line-height: 1.5; border-collapse: separate; border-spacing: 2px; }
	.tbPrice th { padding: 5px 10px; }
	.tbPrice td { padding: 7px 10px; }

	.tbPrice .itemOneLine th { padding: 9px 0 !important; }

	/*----------tbSign----------*/
	.tbSignup { width: 100%; }
	.tbSignup td { text-align: left; vertical-align: middle; border-bottom: solid 1px #CCC; padding: 11px 4px 11px 7px; }

	.tbSignup input[type="text"],
	.tbSignup input[type="password"] { height: 28px; border: solid 1px #999; margin: 0 5px 0 3px; }


	/*----------tbRegdom----------*/
	.tbRegdom { width: 100%; margin-top: 10px; }
	.tbRegdom th { font-size: 16px; font-weight: bold; }
	.tbRegdom th,
	.tbRegdom td { text-align: left; vertical-align: middle; border-bottom: solid 1px #CCC; padding: 9px 0; }

	.tbRegdom img { vertical-align: middle; margin-left: 7px; }
	.tbRegdom .skyblue { color: #3399CC; text-decoration: underline; }


	/*----------利用規約----------*/
	.agree { width: 700px; }
	}


/*------------------------- ボタンフラット---------------------------*/
.point_layout { border-top: 1px #ccc solid; padding: 15px 0 0; }


/*----------------------------------------スマートフォン　640px以下----------------------------------------*/
@media only screen and (max-width: 640px) {

	body { width: 100%; background: #FFF; overflow: hidden; }
	img { max-width: 100%; height: auto; }

	.hideMobile { display: none !important; }

	.regular { font-size: 13px; }
	.big { font-size: 14px !important; }
	.bigger { font-size: 16px !important; }
	.biggest { font-size: 18px !important; }
	.masgrande { font-size: 18px; }

	.w100Mobile { width: 100px !important; }
	.w30perMobile { width: 30% !important; }
	.w50perMobile { width: 50% !important; }
	.w100perMobile { width: 100% !important; }

	.mb10Mobile { margin-bottom: 10px; }


	/*----------ボーダー----------*/
	.noBorderMobile { border: none !important; }


	/*----------右カラム----------*/
	.disignSelect { display: none; }


	/*----------ボタンスモーク----------*/
	.buttonSmoke a { margin-right: 2px; padding: 3px 5px; }


	/*------------------------- ボタンフラット---------------------------*/
	.clickBlue li,
	.clickGreen li,
	.clickSmoke li { margin: 0 0 10px; }

	.clickBlue a,
	.clickGreen a,
	.clickSmoke a{ width: 99%; padding: 8px 0 6px; }


	/*----------リスト----------*/
	.listCenter li { margin: 2px; }
	.tabMenu li { font-size: 12px; }

	.tabMenu.marginL li { margin-right: 20px; }
	.tabMenu.marginR05 li { margin-right: 4px; }
	.tabMenu.marginR15 li { margin-right: 15px; }

	.listTable li { width: 47%; padding: 4px 1%; }


	/*----------テキストボックス----------*/
	input.inputStandard { width: 70%; height: 28px; border: solid 1px #999; padding: 0 1px; }

	input.sizeShort { width: 70%; }
	input.sizeMedium { width: 85%; }
	input.sizeLong { width: 95%; }

	.inputSend {
		color: #FFF;
		background: -moz-linear-gradient(top, #999 0%, #333 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333), color-stop(0.00, #999)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #999 0%, #333 100%); /* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top, #999 0%, #333 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#333', GradientType=0); /* IE7,8,9 */
		border: solid 1px #333; border-radius: 3px; -webkit-appearance: none; cursor: pointer; margin: 1px 0; padding: 0 7px;
	}
	.inputSend:hover {
		background: -moz-linear-gradient(top, #CCC 0%, #999 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999), color-stop(0.00, #CCC)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #CCC 0%, #999 100%); /* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top, #CCC 0%, #999 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#999', GradientType=0); /* IE7,8,9 */
		border: solid 1px #999;
	}


	/*----------送信ボタン 青---------- */
	.inputSend.inputBlue {
		background: -moz-linear-gradient(top, #66CCFF 0%, #005884 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005884), color-stop(0.00, #66CCFF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #66CCFF 0%, #005884 100%); /* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top, #66CCFF 0%, #005884 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66CCFF', endColorstr='#005884', GradientType=0); /* IE7,8,9 */
		border: solid 1px #005884;
	}
	.inputSend.inputBlue:hover {
		background: -moz-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0098CE), color-stop(0.00, #BBE8FF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* Chrome10+,Safari5.1+ */
		background: -ms-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBE8FF', endColorstr='#0098CE', GradientType=0); /* IE7,8,9 */
		border: solid 1px #0098CE;
	}


	/*----------ボタン----------*/
	.inputSend.grande { height: auto; font-size: 22px; padding: 7px 15px; }
	.inputSend.btnLarge { height: auto; font-size: 16px; padding: 5px 15px; }


	/*----------ボックス----------*/
	.boxGray { border: solid 1px #CCC; margin: 15px 0; padding: 10px 8px; }
	.boxGrayRound { border: solid 1px #CCC; border-radius: 4px; margin: 20px 0; padding: 10px 8px; }
	.boxBlueRound { background: #F4FAFD; border: solid 1px #4682B4; border-radius: 4px; margin: 15px 0; padding: 10px 4%; }
	.boxRed { border: solid 1px #FF9999; margin: 15px 0; padding: 10px 8px; }


	/*----------テーブル----------*/
	/*----------価格表----------*/
	.tbPrice { font-size: 11px; }
	.tbPrice th.sky { padding: 3px 10px; }
	.tbPrice td { padding: 4px 10px; word-break: break-all; }

	.tbPrice .itemOneLine th { padding: 7px 0 !important; }

	.tbPrice tr th:nth-child(2),
	.tbPrice tr td:nth-child(2) { display: none; }
	.tbPrice tr .taxadd{ display: block!important;}


	/*----------tbSignup----------*/
	.tbSignup { width: 100%; font-size: 12px; }
	.tbSignup td { text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 8px 2px 7px; }

	.tbSignup input[type="text"],
	.tbSignup input[type="password"] { width: 85%; border: solid 1px #999; }

	.tbSignup select { font-size: 11px; }
	.tbSignup span:before { content: "\A"; white-space: pre; }


	/*----------tbRegdom----------*/
	.tbRegdom { width: 100%; margin-top: 10px; }
	.tbRegdom td { border-bottom: solid 1px #CCC; padding: 3px 3px 3px 0; }


	/*----------ドメイン----------*/
	.lang { font-size: 8px; }
}