@charset "utf-8";

/***********************************************************
* スタイルシートのリセット
***********************************************************/
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



/***********************************************************
* 共通スタイルシート
***********************************************************/
html {
	font-size: 62.5%;
	overflow-y: scroll;
}
body { margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px; font-size: 1.4rem;
}
img {
	border: none;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
.img-responsive {
	width: 100%;
}


/*----------------------------------------------------------
 リンク
----------------------------------------------------------*/
a {text-decoration: none; color: #F60;}
a:link {color: #F60;}
a:visited {color: #F60;}
a:hover	{color: #330000; text-decoration: underline}
a:active {color: #330000;}

a.blue:link {color: royalblue}
a.blue:visited {color: royalblue;}
a.blue:hover	{color: #330000; text-decoration: underline}
a.blue:active {color: #330000;}

/* hover時に透明化 */
a.hov:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.ToggleBtn {
    cursor: pointer;
}

/*----------------------------------------------------------
 テキスト
----------------------------------------------------------*/
h1,h2,h3,h4,p,li,dt,dd,th,td,adress{ line-height: 1.5; text-align: left; }
/*li p,dd p,th p,td p{ font-size: 100%;}*/
p {
	/*margin: 5px;
	font-size: 14px; font-size: 1.4rem;
	text-align: left;
	line-height: 1.5;*/
    margin: 5px;
    font-size: 18px;
    text-align: left;
    line-height: 1.6;
    color: #333; 
}
p span {
	color: #90;
}
p em {
	color: #900;
	margin-left: 2px;
	margin-right: 4px;
}

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.txt-red { color: red;}
.txt-blue { color: blue;}
.txt-orange { color: orangered !important }
.accention { color: red; font-weight: bold;}
.caution { color: #330000;}
.notice	{ font-weight: bold;}

.center {text-align: center;}

.ml-auto { margin-left: auto; }
.mr-auto { margin-right: auto; }

.mb2 {
    margin-bottom: 2rem;
}
.mb4 {
    margin-bottom: 4rem;
}

/* 200622 追加 */
.line-through {
    text-decoration: line-through;
}



/*----------------------------------------------------------
 コンテンツ表示部
----------------------------------------------------------*/	
.content-fix {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	*zoom: 1;
}
.content-flex {
	width: 100%;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.content-flex:before,
.content-flex:after,
.content-fix:before,
.content-fix:after {
	display: table;
	content: "";
}
.content-flex:after,
.content-fix:after {
	clear: both;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*----------------------------------------------------------
 グリッド
----------------------------------------------------------*/	
.row,
.row-fluid {
	width: 100%;
	*zoom: 1;
}
.row:before,
.row:after,
.row-fluid:before,
.row-fluid:after {
	display: table;
	content: "";
}
.row:after,
.row-fluid:after {
	clear: both;
}
/* 固定グリッド */
[class*="grid"] {
	float: left;
	margin-right: 20px;
}
[class*="grid"]:last-child {
	margin-right: 0;
}
.grid.last {
	margin-right: 0;
}
.grid-12 { width: 940px; }
.grid-11 { width: 860px; }
.grid-10 { width: 780px; }
.grid-9 { width: 700px; }
.grid-8 { width: 620px; }
.grid-7 { width: 540px; }
.grid-6 { width: 460px; }
.grid-5 { width: 380px; }
.grid-4 { width: 300px; }
.grid-3 { width: 220px; }
.grid-2 { width: 140px; }
.grid-1 { width: 60px; }
	/* オフセット */
	.push-12 { margin-left: 960px; }
	.push-11 { margin-left: 880px; }
	.push-10 { margin-left: 800px; }
	.push-9 { margin-left: 720px; }
	.push-8 { margin-left: 640px; }
	.push-7 { margin-left: 560px; }
	.push-6 { margin-left: 480px; }
	.push-5 { margin-left: 400px; }
	.push-4 { margin-left: 320px; }
	.push-3 { margin-left: 240px; }
	.push-2 { margin-left: 160px; }
	.push-1 { margin-left: 80px; }

/* 流動グリッド */
.row-fluid [class*="grid"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 28px;
	margin-right: 2.127659574%;
	*margin-right: 2.0744680846382977%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.row-fluid [class*="grid"]:last-child {
	margin-right: 0;
}
.row-fluid .last {
	margin-right: 0;
}
.row-fluid .grid-12 {
	width: 99.99999998999999%;
	*width: 99.94680850063828%;
}
.row-fluid .grid-11 {
	width: 91.489361693%;
	*width: 91.4361702036383%;
}
.row-fluid .grid-10 {
	width: 82.97872339599999%;
	*width: 82.92553190663828%;
}
.row-fluid .grid-9 {
	width: 74.468085099%;
	*width: 74.4148936096383%;
}
.row-fluid .grid-8 {
	width: 65.95744680199999%;
	*width: 65.90425531263828%;
}
.row-fluid .grid-7 {
	width: 57.446808505%;
	*width: 57.3936170156383%;
}
.row-fluid .grid-6 {
	width: 48.93617020799999%;
	*width: 48.88297871863829%;
}
.row-fluid .grid-5 {
	width: 40.425531911%;
	*width: 40.3723404216383%;
}
.row-fluid .grid-4 {
	width: 31.914893614%;
	*width: 31.8617021246383%;
}
.row-fluid .grid-3 {
	width: 23.404255317%;
	*width: 23.3510638276383%;
}
.row-fluid .grid-2 {
	width: 14.89361702%;
	*width: 14.8404255306383%;
}
.row-fluid .grid-1 {
	width: 6.382978723%;
	*width: 6.329787233638298%;
}

/* 5列 */
.row-5 {
    margin-left: -4px !important;
}
.row-5 .grid-5in1 {
    margin-left: 2px !important;
    margin-right: 2px !important;
    width: 136px;
}


/*----------------------------------------------------------
 dl 水平
----------------------------------------------------------*/	
dl.dl-horizontal {
	margin: 0;
	padding: 0 auto;
	*zoom: 1;
}
dl.dl-horizontal:before,
dl.dl-horizontal:after {
	display: table;
	content: "";
}
dl.dl-horizontal:after {
	clear: both;
}
dl.dl-horizontal dt {
	width: 160px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
dl.dl-horizontal dd {
	width: auto;
	padding-left: 170px;
}


/*----------------------------------------------------------
 水平ナビゲーション 
----------------------------------------------------------*/	
.navibar {
	width: 100%;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.navibar:before,
.navibar:after {
	display: table;
	content: "";
}
.navibar:after {
	clear: both;
}
.navibar ul.navi-center {
	margin: 0 auto;
	list-style-type: none;
	text-align: center;
}
.navibar ul.navi-center li {
	display: inline;
}
.navibar ul.navi-left li {
	float: left;
}
.navibar ul.navi-right li {
	float: right;
}


/*----------------------------------------------------------
 フォーム関連
----------------------------------------------------------*/	
form {
	margin: 0 0 20px;
}
.req {
	background: url(../images/check.png) no-repeat left; 
}
.req2 {
    position: relative;
}
.req2:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: '必須';
    background-color: #70AD47;
    color: white;
    padding:3px;
    font-size: 0.8em;
}


.input-area {
	margin-top: 30px;
}
.input-area .input-box {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #000;
}
.input-area .input-box:last-child {
}
.input-area .input-box em {
	color: #FF0000;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
}
.input-area ul.sub-input-box {
	list-style-type: none;
}
.input-area ul.sub-input-box li span {
	font-size: 12px; font-size: 1.2rem;
	color: #524632;
}

.form-action {
	display: block;
	margin: 15px auto 0;
}
.button-box {
	text-align: center;
}
/* キャプチャ画像 */
.captcha-img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
/* jquery.isLoading.jp用のスタイルシート */
.syntax-container{background:#FCFCFC;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;border:1px solid #e3e3e3;margin-bottom:30px;padding-bottom:20px;}
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}
.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

	
/*----------------------------------------------------------
 フォーム要素
----------------------------------------------------------*/	
/* テキストボックス・テキストエリア・リスト */
input,
select,
textarea {
	font-size: 16px; font-size: 1.6rem;
	padding: 4px;
}
input[type="text"],
input[type="password"] {
	width: 97%;
	line-height: 20px;
	border: 1px solid #666666;
}
textarea {
	width: 97%;
	min-height: 200px;
	border: 1px solid #666666;
}
select {
	height: auto;
	border: 1px solid #666666;
}
/* 幅等 */
input.input-short {
	width: 80px; !important	
}
input.input-medium {
	width: 60%;	 !important
}
label {
	line-height: 30%;
}
input[type="radio"], input[type="checkbox"] { margin-right: 5px; }


/*	*/
.input-append-btn {
	border: 1px solid #666;
	background-color: #FFF;
	display: inline-block;
	padding: 1px 1px 1px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.input-append-btn input {
	width: 240px;
	margin: 1px 0 0;
	padding: 4px;
	/*-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;*/
	border: none;
	background-color: transparent;
}
.input-append-btn button.append-btn {
	margin: 0;
	line-height: 15px;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

/* 処理結果表示 */
#result {
	margin: 0px 0px 20px;
	line-height: 1.5;
	text-align: center;
	background:#330000;
	color: #ffffff;
}
/* 入力エラー */
#alert {
	margin: 0px 0px 20px;
	text-align: center;
	text-decoration: blink;
	color: #FF0000;
}
/* 項目毎のエラー表示 */	
.valid_err {
	color: #FF0000;
	margin: 3px 0;
	line-height: 1.5;
	text-align: left;
	font-size: 12px;
}


/*----------------------------------------------------------
 リスト表示用テーブル
----------------------------------------------------------*/	
table.list_table {
	border-collapse: separate;
	border-spacing: 1px;
	min-width: 700px;
	margin: 5px 10px 10px;
}
	table.list_table thead th {
		color: #ffffff;
		font-weight: normal;
		height: 40px;
		padding-left: 5px;
		padding-right: 5px;
		vertical-align: middle;
		text-align: center;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px; 
		-webkit-radius-topright: 5px;
		-webkit-radius-topleft: 5px; 
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #AB4751;
		background: -moz-linear-gradient(top, #C78594, #AB4751);
		background: -webkit-gradient(linear, top, bottom, from(#C78594), to(#AB4751));
		position: relative;
	}
	table.list_table thead th a {
		color: #FFFF99;
	}
	table.list_table thead th a:hover {
		color: #FFCC00;
	}
	table.list_table thead th:first-child {
		background: none;	
	}
	table.list_table tbody {
		/*border: 1px solid #999999;*/
	}
	table.list_table tbody tr {
		/*background-color: white;*/
	}
	table.list_table tbody tr td:last-child img {
		margin: 3px;
	}	
	table.list_table tbody tr td {
		background: #FFFFFF;
	}
	table.list_table tbody tr:nth-child(even) td {
		background-color: #ECECEC;
	}
	table.list_table tbody tr:nth-child(odd) td {
		background-color: white;
	}
	table.list_table tbody tr:hover td {
		background-color: #ccc;
	}
	table.list_table tbody tr td {
		padding: 5px 10px;
		text-shadow: 0 1px 0 #fff;
		min-height: 40px;
		border-bottom: 1px solid #cdcdcd;
		box-shadow: 0 1px 0 white;
		white-space: nowrap;
		text-align: center;
		vertical-align: middle;
	}
	table.list_table tbody tr td:first-child {
		width: 15px;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
		visibility: hidden;
	}	
	table.list_table tfoot tr td#batch_menu{
		height: 40px;
		background: #eeeeee;
		border-bottom: 0;
		padding-left: 15px;
		vertical-align: middle;
		/*box-shadow: none;*/
	}
		table.list_table tfoot tr td#batch_menu ul {
			list-style-type: none;
			margin: 0 20px 0 0;
			padding: 0;
			float: left;
		}
			table.list_table tfoot tr td#batch_menu ul li {
				float: left;
				margin-right: 5px;
				color: #363636;
			}
			table.list_table tfoot tr td#batch_menu ul li img {
				margin-right: 2px;
			}			
				table.list_table tfoot tr td#batch_menu ul li a:hover {
					text-decoration: none;
				}
	table.list_table tfoot tr td{
		height: 20px;
		background: -moz-linear-gradient(top, #eeeeee,rgba(255,255,255,0.0));
		background: -webkit-gradient(linear, left top, left bottom,from(#eeeeee),to(rgba(255,255,255,0.0)));
		border-bottom: 0;
		box-shadow: none;
	}
	table.list_table tfoot tr td:first-child {
		background: none;
	}
	
	/* ドラッグによる順番変更時 */
	table.sortable tbody tr td:first-child {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px; 
		-webkit-radius-topleft: 5px;
		-webkit-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background-color: #C78594;
		border-bottom: 0;
		box-shadow: none;
		position: relative;
		cursor: n-resize;
		visibility: visible;
	}


table.blue-table {
    width: 100%;
	border-collapse: collapse;
}
table.blue-table th, 
table.blue-table td {
	border: 1px solid #666;
	padding: 5px;
	text-align: center;
}
table.blue-table thead {
	background-color: #0080FF;
	color: #FFF;
}
table.blue-tablee tbody {
}
table.blue-table tbody th {
}
table.blue-table tbody td {
}
table.blue-table tbody tr:nth-child(even) {
    background: #F4FAFF;
}
table.blue-table tbody tr:nth-child(odd) {
    background: #DEF;
}




/*----------------------------------------------------------
 パンくずリスト
----------------------------------------------------------*/	
.crumb {
	margin: 5px auto;
	padding: 0;
	display: block;
	background-color: #FFF;
}
.crumb ul {
	list-style-type: none;
}
.crumb ul li {
	float: left;
	display: inline;
	line-height: 30px;
	margin-right: 7px;
	color: #666;
}
.crumb ul li a {
	background: url(../images/crumb_arrow.png) no-repeat right;
	padding-right: 12px;
	color: #600;
}
.crumb ul li a:hover { 
	text-decoration: underline
}


/*----------------------------------------------------------
 処理ステップ
----------------------------------------------------------*/
ul.steps {
	list-style-type: none;
	margin: 10px 0 20px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;	
	/*border: #999999 solid 1px;
	border-radius: 5px;
	background: url(../images/common/steps_bg.png) repeat-x;*/
}
ul.steps li {
	float: left;
	position: relative;
	line-height: 48px;
	width: 160px;
	margin: 0 20px 0 0;
	background-color: #000000;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	/*display: inline-block;*/
}
ul.steps li:after {
	content: url(../images/step-arrow.png);
	height: 48px;
	width: 10px;
	position: absolute;
	top: 0;
	left: 160px;
}
ul.steps li.step-now {
	background-color: #FF0000;
}
ul.steps li.step-now:after {
	content: url(../images/step-now-arrow.png);
	height: 48px;
}
ul.steps li.step-last {
	margin-right: 0;
}
ul.steps li.step-last:after {
	content: ''
}


/*----------------------------------------------------------
 水平線
----------------------------------------------------------*/
hr {
	margin: 5px 0 10px;
	border: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #666;
}
hr.dotted {
	border-top: 1px dotted #999;
	border-bottom: none;
}


/*----------------------------------------------------------
 角丸
----------------------------------------------------------*/
.rad-2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	
	border-radius: 2px;
}
.rad-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border-radius: 5px;
}
.rad-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	border-radius: 10px;
}


/*----------------------------------------------------------
 グラデーション
----------------------------------------------------------*/
.grd-orange {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ff9900));
	background: -webkit-linear-gradient(top, #ffcc66, #ff9900);
	background: -moz-linear-gradient(top, #ffcc66, #ff9900);
	background: -o-linear-gradient(top, #ffcc66, #ff9900);
	background: -ms-linear-gradient(top, #ffcc66, #ff9900);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ff9900',GradientType=1 );
	background: linear-gradient(top, #ffcc66, #ff9900);
}
.grd-blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#3399ff));
	background: -webkit-linear-gradient(top, #66ccff, #3399ff);
	background: -moz-linear-gradient(top, #66ccff, #3399ff);
	background: -o-linear-gradient(top, #66ccff, #3399ff);
	background: -ms-linear-gradient(top, #66ccff, #3399ff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccff', endColorstr='#3399ff',GradientType=1 );
	background: linear-gradient(top, #66ccff, #3399ff);
}
.grd-gray {
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#999999));
	background: -webkit-linear-gradient(top, #EFEFEF, #999999);
	background: -moz-linear-gradient(top, #EFEFEF, #999999);
	background: -o-linear-gradient(top, #EFEFEF, #999999);
	background: -ms-linear-gradient(top, #EFEFEF, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#999999',GradientType=1 );
	background: linear-gradient(top, #EFEFEF, #999999);
}
.grd-black {
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -webkit-linear-gradient(top, #333, #000);
	background: -moz-linear-gradient(top, #333, #000);
	background: -o-linear-gradient(top, #333, #000);
	background: -ms-linear-gradient(top, #333, #000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=1 );
	background: linear-gradient(top, #333, #000);
}
.grd-russet {
	background: -webkit-gradient(linear, top, bottom, from(#C78594), to(#AB4751));
	background: -webkit-linear-gradient(top, #C78594, #AB4751);
	background: -moz-linear-gradient(top, #C78594, #AB4751);
	background: -o-linear-gradient(top, #C78594, #AB4751);
	background: -ms-linear-gradient(top, #C78594, #AB4751);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C78594', endColorstr='#AB4751',GradientType=1 );
	background: linear-gradient(top, #C78594, #AB4751);
}


/*----------------------------------------------------------
 ボタン
----------------------------------------------------------*/
/* 基本ボタン */
.button {
	display: inline-block;
	padding: 7px 10px;
	margin: 0;
	line-height: 1.5;
	color: #333;
	outline: none;
	border: 1px solid #d4d4d4;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -ms-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ececec', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.07);
	border-radius: 3px;
	font-size: 13px; font-size: 1.3rem;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	cursor: pointer;
	zoom: 1; /* IE hacks */
	*display: inline; /* IE hacks */
}
.button:hover {
	text-decoration: none;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
	background-image: -moz-linear-gradient(#ececec, #f4f4f4);
	background-image: -ms-linear-gradient(#ececec, #f4f4f4);
	background-image: -o-linear-gradient(#ececec, #f4f4f4);
	background-image: linear-gradient(#ececec, #f4f4f4);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ececec', endColorstr='#f4f4f4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* ボタンサイズ */
.button.x-large {
    font-size: 2.6rem;
	padding: 10px 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button.large {
	font-size: 15px; font-size: 1.5rem;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button.small {
	font-size: 12px; font-size: 1.2rem;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button.mini {
	font-size: 11px; font-size: 1.1rem;
	padding: 3px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Red Button */
.button.red {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #bd362f;
	background-color: #ee5f5b;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.red:hover {
	background: #bd362f;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
	background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -ms-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: linear-gradient(top, #bd362f, #ee5f5b);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Blue Button */
.button.blue {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #0055cc;
	background-color: #0088cc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
	background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
	background-image: -o-linear-gradient(top, #0088cc, #0055cc);
	background-image: linear-gradient(top, #0088cc, #0055cc);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.blue:hover {
	background: #0055cc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0055cc), to(#0088cc));
	background-image: -webkit-linear-gradient(top, #0055cc, #0088cc);
	background-image: -moz-linear-gradient(top, #0055cc, #0088cc);
	background-image: -ms-linear-gradient(top, #0055cc, #0088cc);
	background-image: -o-linear-gradient(top, #0055cc, #0088cc);
	background-image: linear-gradient(top, #0055cc, #0088cc);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0055cc', endColorstr='#0088cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Aqua Button */
.button.aqua {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #2f96b4;
	background-color: #5bc0de;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.aqua:hover {
	background: #2f96b4;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
	background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -ms-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: linear-gradient(top, #2f96b4, #5bc0de);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2f96b4', endColorstr='#5bc0de', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Green Button */
.button.green {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #51a351;
	background-color: #62c462;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.green:hover {
	background: #51a351;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
	background-image: -webkit-linear-gradient(top, #51a351, #62c462);
	background-image: -moz-linear-gradient(top, #51a351, #62c462);
	background-image: -ms-linear-gradient(top, #51a351, #62c462);
	background-image: -o-linear-gradient(top, #51a351, #62c462);
	background-image: linear-gradient(top, #51a351, #62c462);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#51a351', endColorstr='#62c462', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Russet Button */
.button.russet {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #AB4751;
	background-color: #C78594;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C78594), to(#AB4751));
	background-image: -webkit-linear-gradient(top, #C78594, #AB4751);
	background-image: -moz-linear-gradient(top, #C78594, #AB4751);
	background-image: -ms-linear-gradient(top, #C78594, #AB4751);
	background-image: -o-linear-gradient(top, #C78594, #AB4751);
	background-image: linear-gradient(top, #C78594, #AB4751);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#C78594', endColorstr='#AB4751', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.russet:hover {
	background: #AB4751;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AB4751), to(#C78594));
	background-image: -webkit-linear-gradient(top, #AB4751, #C78594);
	background-image: -moz-linear-gradient(top, #AB4751, #C78594);
	background-image: -ms-linear-gradient(top, #AB4751, #C78594);
	background-image: -o-linear-gradient(top, #AB4751, #C78594);
	background-image: linear-gradient(top, #AB4751, #C78594);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#AB4751', endColorstr='#C78594', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Orange Button */
.button.orange {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #f89406;
	background-color: #fbb450;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.orange:hover {
	background: #f89406;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
	background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
	background-image: -moz-linear-gradient(top, #f89406, #fbb450);
	background-image: -ms-linear-gradient(top, #f89406, #fbb450);
	background-image: -o-linear-gradient(top, #f89406, #fbb450);
	background-image: linear-gradient(top, #f89406, #fbb450);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f89406', endColorstr='#fbb450', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Black Button */
.button.black {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #222222;
	background-color: #555555;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
	background-image: -webkit-linear-gradient(top, #555555, #222222);
	background-image: -moz-linear-gradient(top, #555555, #222222);
	background-image: -ms-linear-gradient(top, #555555, #222222);
	background-image: -o-linear-gradient(top, #555555, #222222);
	background-image: linear-gradient(top, #555555, #222222);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.black:hover {
	background: #222222;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#555555));
	background-image: -webkit-linear-gradient(top, #222222, #555555);
	background-image: -moz-linear-gradient(top, #222222, #555555);
	background-image: -ms-linear-gradient(top, #222222, #555555);
	background-image: -o-linear-gradient(top, #222222, #555555);
	background-image: linear-gradient(top, #222222, #555555);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#222222', endColorstr='#555555', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* ボタングループ */
.button-group {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	zoom: 1;
	*display: inline;
}
.button-group .button {
	float: left;
	margin-left: -1px;
	border-radius: 0;
}
.button-group > .button:first-child {
	margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.button-group > .button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


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


/*----------------------------------------------------------
 システムエラー発生時
----------------------------------------------------------*/	
.system_err {
	margin: 20px;
	height: 300px;
}



/***********************************************************
* ページレイアウト　スタイルシート
***********************************************************/

body {
	/*background:url(../images/bg.jpg);*/
	background-color: white;
	border-top: 5px solid #F00;
	border-bottom: 5px solid #F00;
}

#contents {
	margin-bottom: 20px;
}


/*----------------------------------------------------------
 ヘッダー部
----------------------------------------------------------*/	
header {
	display: block;
	position: relative;
	margin: 0 auto;
	height: 170px;
}
header > h1 {
	position: absolute;
	top: 1px;
	left: 270px;
	padding: 0;
	margin: 0;
	color: #333;
	text-align: left;
	font-size: 0.875em;
	font-weight: normal;
}

/* ロゴ */
#logo-area {
	position: relative;
	float: left;
	width: 250px;
	height: 150px;
	color: #FFF;
	background-color: #000;
	text-align: center;
}
#logo-area h2 {
	margin-top:10px;
	text-align: center;
}
#logo-area img#logo {
	/*margin-top: 55px;*/	
}
#logo-area span {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 7px;
	text-align: center;
}

#header-content {
	float: right;
	width: 680px;
	margin-top: 20px;
	text-align: right;
}

/* ナビゲーション */
#header-navi {
	width: auto;
	float: right;
	line-height: 100%;
}
#header-navi ul {
	display: inline-block;
}
#header-navi ul li {
	margin-left: 5px; 
	font-size: 12px; font-size: 1.2rem;
}
#header-navi ul li a {
	text-decoration: none;
}

ul.header-sub-navi {
	list-style-type: none;
}
ul.header-sub-navi li {
	float: left;
}



/*----------------------------------------------------------
 フッター
----------------------------------------------------------*/	
footer	{
	margin: 0 auto;
	padding: 20px 0 0;
	background: #000;
	border-top: 3px solid #000;
	color: #FFF;
}
#footer-navi {}
#footer-navi h6 {
	font-weight: normal;
	border-bottom: 1px dotted #999;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
}
#footer-navi ul {
	display: block;
	list-style-type: none;
	margin-bottom: 15px;
	padding-left: 5px;
}
#footer-navi ul li {
	float: left;
	margin-right: 15px;
	font-size: 0.9em;
}
#associate-info {
	line-height: 1.4;
}
#associate-info b {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 15px;
}
address	{
	margin-top: 20px;
	font-size: 12px; font-size: 1.2rem;
	font-style: normal;
	text-align: center;
	height: 40px;
}

footer a {
	color: #FFF;
}
footer a:hover {
	color: #F00;
}


/*----------------------------------------------------------
 メインエリア
----------------------------------------------------------*/	
/* メインエリア */
#main-area {
}
#main-area h2 {
	background:url(../images/h2-bg.gif) no-repeat;
	line-height: 36px;
	padding-left: 30px;
	margin-bottom: 10px;
	color: #FFF;
}
#main-area .cont-box {
	margin-bottom: 20px;
}
#main-area .cont-box h3,
#main-area .input-area h3 {
	background:url(../images/h3-bg.png) no-repeat;
	line-height: 34px;
	padding-left: 15px;
	margin-bottom: 10px;
	color: #FFF;
}
#main-area .cont-box h4 {
	background:url(../images/h4-bg.gif) no-repeat;
	line-height: 26px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #000;
}

/* 20200414 */
h3.orange-highlight {
    background-image: none !important;
    font-size: 30px;
	line-height: 50px !important;
	padding-left: 0px !important;
    margin-bottom: 20px !important;
	color: #000000;
}
h3.orange-highlight span {
    background: -webkit-linear-gradient(transparent 50%, #FFCB65 0%);
    background: -o-linear-gradient(transparent 50%, #FFCB65 0%);
    background: linear-gradient(transparent 50%, #FFCB65 0%);
    line-height: 1.3em;
    padding-left: 5px;
    padding-right: 5px;
}

/* 20200619 */
h3.under-double {
    background-image: none !important;
    font-size: 30px;
	line-height: 50px !important;
	padding-left: 0px !important;
    margin-bottom: 20px !important;
	color: #000000 !important;
}
h3.under-double span {
    border-bottom: double 5px #333333;
}



/*----------------------------------------------------------
 パンくずリスト
----------------------------------------------------------*/	
#crumb {
	margin: 0 0 20px;
	padding: 0 10px;
	display: block;
	background: #000;
}
#crumb ul { list-style-type: none; }
#crumb ul li {
	float: left;
	display: inline-block;
	margin-right: 7px;
	color: #FFF;
	font-size: 0.9em;
	line-height: 30px;
}
#crumb ul li a {
	background: url(../images/crumb_arrow.png) no-repeat right;
	padding-right: 16px;
	color: #FFF;
}
#crumb ul li a:hover { 
	text-decoration: none;
	color: #F00;
}


/*----------------------------------------------------------
 サブエリア
----------------------------------------------------------*/	
#sub-area {
}
/* 商品ラインナップ */
nav#item-navi {
	padding: 0 0 20px;
	margin: 0 0 20px;
	background: #000;
}
nav#item-navi ul {
	padding: 5px;
}
nav#item-navi ul li {
	margin-bottom: 2px;
}
nav#item-navi ul li img.toggle-menu {
	cursor: pointer;
}
nav#item-navi ul li ul li a {
	color: #FFFFFF;
	font-size: 0.9em;
	margin-left: 5px;
	background: url(../images/sub/item-navi-arrow.png) no-repeat;
	padding-left: 10px;
}
nav#item-navi ul li ul li a:hover {
	color: #FFCC00
}


/* その他 */
ul.sub-ban {
	list-style-type: none;
}
ul.sub-ban li {
	margin-bottom: 10px;
}


/*----------------------------------------------------------
 バナー
----------------------------------------------------------*/	
.banner-area {
}
	.banner-area ul {
		list-style-type: none;
	}
	.banner-area ul li {
		margin-bottom: 10px;
	}


/*----------------------------------------------------------
 一般フォーム
----------------------------------------------------------*/	
form.general-form {
	text-align: center;
	margin: 20px 5px 30px;
	padding: 30px;
	border: 1px solid #CCC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #F8F3EF; 
}


/*----------------------------------------------------------
 商品一覧
----------------------------------------------------------*/	
ul.item-list {
	list-style-type: none;
}
ul.item-list li {
}
ul.item-list li a {
	display: block;
	border: 1px solid #666;
	text-align: center;
	text-decoration: none;
	padding: 0;
	color: #000;
	height: 270px;
}
ul.item-list li a h4 {
	line-height: 30px;
	margin-top: 5px;
	text-align: center;
	border-bottom: 1px dotted #999;
	color: #F60;
}


/*----------------------------------------------------------
 お問い合わせ
----------------------------------------------------------*/	
#contact-info {
	width: 680px;
	height: 120px;
	background: #F3F3F3 url(../images/contact_info/contact_bg.jpg) no-repeat center;
	padding: 5px 0 5px 20px;	
	position: relative;
}
#contact-info .address {
	margin-top: 10px;
	margin-left: 10px;
}


/*----------------------------------------------------------
 購入ボタン周り
----------------------------------------------------------*/	
.buy-box {
	margin: 10px;
	padding: 10px;
	border: 1px solid #999;
}
.buy-box .desc {
	float: left;
	width: 370px;
}
.buy-box form.to-cart {
	float: right;
	width: 280px;
	margin-top: 10px;
	text-align: center;
}
.buy-box form.to-cart .list-price {
	font-size: 0.8em;
	margin-bottom: 20px;
}
.buy-box form.to-cart .list-price span {
	color: #F60;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: line-through;
}
.buy-box form.to-cart .shop-price {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.buy-box form.to-cart .shop-price span {
	color: #F00;
	font-size: 2.5em;
	font-weight: bold;
}


/*----------------------------------------------------------
 SSL
----------------------------------------------------------*/	
.ssl-info {
	width: 600px;
	margin: 0 auto;
}
.ssl-info .ssl {
	float: left;
	width: 130px;
}
.ssl-info p {
	padding-left: 150px;
}



/*----------------------------------------------------------
 入力フォーム
----------------------------------------------------------*/	
/*dl.input_box {
	font-size: 1.0em;
	margin: 0 auto;
	width: 700px;
}	
	dl.input_box dt {
		width: 130px;
		padding-left: 12px;
		margin-top: 5px;
		line-height: 16px;
		float: left;
		color: #333;
		background: url(../images/contact/contact_icon.png) no-repeat;
	}
	dl.input_box dt.req {
		color: #F60;
		background: url(../images/contact/contact_req_icon.png) no-repeat;
	}
	dl.input_box dd {
		margin: 0 0 10px;
		padding-top: 5px;
		padding-left: 150px;
		padding-bottom: 5px;
		background: #EFEFEF;
	}
	dl.input_box dd.req {
		background: #FFE1D2;
	}
		dl.input_box dd span {
			font-size: 0.8em;
			color: #F36;
		}
		dl.input_box dd ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			dl.input_box dd ul li {
				margin-bottom: 5px;
			}
				dl.input_box dd ul li span {
					color: #666;
					font-size: 0.9em;
				}
	dl.input_box dd textarea {
		width: 96%;
		height: 300px;
	}
	dl.input_box dd input[type=text],
	dl.input_box dd textarea {
		border: 1px solid #666;
		padding: 5px;
	}
	input::-webkit-input-placeholder { color: #C1B6A8; }
	input:-moz-placeholder { color: #C1B6A8; }	
#button_box {
	float: none;
	clear: both;
	margin-top: 20px;
}

#alert {
	background: #F60 url(../images/contact/alert_bg.png);
	color: #FFF;
	line-height: 30px;
	margin: 0 10px 10px;
	border-radius: 5px;
}
.valid_err {
	margin: 4px 0 0 2px;
	padding-left: 4px;
	line-height: 16px;
	color: #F00;
	font-size: 0.9em;
}*/

/*----------------------------------------------------------
 その他
----------------------------------------------------------*/	
figure.pic-frame {
	display: inline-block;
	padding: 4px;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	background-color: #F3F3F3;
}

/* スペック表 */
.spec-table {
	width: 680px;
	margin: 10px;
	border-collapse: collapse;	
}
.spec-table th, 
.spec-table td {
	border: 1px solid #666;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
}
.spec-table th {
	width: 140px;
	background-color: #E6DED2;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
.spec-table td {
	font-size: 12px; font-size: 1.2rem;
}

.akimine {
	color: #F00;
}

.to_pagetop {
	font-size: 0.8em;
}

.caution-box {
	padding: 10px;
	border: 1px solid #660000;
	background-color: #FFF0F0;	
}

/*----------------------------------------------------------
 プライバシーポリシー（ポップアップ表示）
----------------------------------------------------------*/	
#privacy_head {
	width: 500px;
	margin: 10px auto;
	text-align: right;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 1.0em;
}
dl#privacy {
	width: 500px;
	margin: 10px auto;
}
dl#privacy dt{
	font-size: 1.0em;
	font-weight: bold;
	margin: 5px 0;
	padding-left: 10px;
	line-height: 3.0em;
	background: url(../images/general/bg/bg_green_diagonal.png);
	border: 1px solid #00CC00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
dl#privacy dd{
	margin: 0px 10px 20px;
	font-size:1.0em;
	text-align: justify;
}
dl#privacy dd ol {
	margin-left: 30px;
}
dl#privacy dd .sub_info {
	width: 350px;
	margin: 5px auto;
	padding: 5px;
	border: 1px solid #999999;
}


/*----------------------------------------------------------
 お知らせ
----------------------------------------------------------*/	
.news-area {
	border: 1px solid #FF0000;
	padding: 10px;
	color: #FF0000;
	margin-bottom: 20px;
}
.news-area h4 {
	border-bottom: 1px dotted #FF0000;
	padding-left: 5px;
}


/*----------------------------------------------------------
 選ばれる6つの理由 20130718
----------------------------------------------------------*/	
#reason6 {
	
}
#reason6 h3 {
	float: left;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#reason6 dl {
	float: right;
	width: 420px;
}
#reason6 dl dd {
	margin-left: 20px;
	margin-bottom: 10px;
}


/*----------------------------------------------------------
 facebox
----------------------------------------------------------*/	
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


/*----------------------------------------------------------
 アニメーション 20230822 追加
----------------------------------------------------------*/	
.anim-poyopoyo {
    animation: poyopoyo 2s ease-out infinite;
    opacity: 1;
}
@keyframes poyopoyo {
    0%, 40%, 60%, 80% {
        transform: scale(1.0);
    }
    50%, 70% {
        transform: scale(0.95);
    }
}


/*----------------------------------------------------------
 CKeditor 対応
----------------------------------------------------------*/	
.cke .cke_editable
{
	font-size: 13px;
	line-height: 1.6em;
}

.cke blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.cke .cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.cke .cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.cke a
{
	color: #0782C1;
}

.cke ol,
.cke ul,
.cke dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.cke h1,
.cke h2,
.cke h3,
.cke h4,
.cke h5,
.cke h6
{
	font-weight: normal;
	line-height: 1.2em;
}

.cke hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.cke img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}

.cke img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

.cke img:hover {
	opacity: .9;
	filter: alpha(opacity = 90);
}

.cke pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
}

.cke .marker {
    background-color: Yellow;
}