@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
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:inherit;
	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;
	clear: both;
}

input, select {
    vertical-align:middle;
}


/* ====================================================== */
/* 下準備 */
/* ------------------------------------------------------ */
body	{-webkit-text-size-adjust: 100%;}
img	{-ms-interpolation-mode: bicubic;}
/* <iframe> */
iframe	{
	overflow-x:hidden;
	background-color: transparent;
}

/* news<iframe>　※iPadスクロールバー表示用 */
#news iframe	{ border: 1px;}


/* ====================================================== */
/* 文字 */
h1,h2,h3,h4,h5,
dt		{
	margin-bottom: 1em;
	letter-spacing: 1px;
}
h1	{ font-size:1.2em; }
h2	{ font-size:1.2em; }
h3	{ font-size:1.2em; }
h4,h5	{ font-size:1em; }

small	{
	font-size:0.8em;
	font-weight:normal;
}
big,
.big	{font-size:1.2em;}
strong	{}
.StrongUnder	{
	border-style:solid;
	border-width:0 0 1px 0;
	border-color: #c33;
}
em	{
	font-style: normal;
	color: #c33;
}
.jisage	{padding-left:2em;}
.r	{text-align:right;}
.l	{text-align:left;}
.c	{text-align:center;}
.pic	{
	font-size:0.8em;
	text-align:center;
}
.modoru	{
	font-size: 0.8em;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* ※印 */
.kome li	{
	list-style : none;
	text-indent: -1em;
}
.kome	{
	padding-left:1em;
	text-indent:-1em;
	text-align: left;
}

.nowrap	{white-space:nowrap;}
a .nowrap	{
	background-image: none;
	padding: 0;
}

/* 段落を付ける */
.Paragraph p	{
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 1em;
}

img	{
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
/*
*/
}
a img	{
	vertical-align: middle;
/*
	margin-bottom: 3px;
*/
}
.Banner a img	{ margin-bottom: 0px; }

sup	{
	font-weight:normal;
	line-height:1em;
	vertical-align: super;
}
sub	{
	font-weight:normal;
	line-height:1em;
	vertical-align: sub;
}
/*
.ErrorMessage	{ text-align: left; }
*/

/* ------------------------------------------------------ */
/* <a> */


/* ------------------------------------------------------ */
/* <ul><ol><li> */
ul,ol	{margin-left:1.5em;}
/*
.Main li	{
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}
*/

/* <ul>任意の文字 */
.mark ul	{
	list-style-image: none;
	list-style: none;
	margin-left: 1em;
	letter-spacing: 0px;
	font-size: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}
.mark li	{ margin-top: 5px; }
.mark ul input	{ margin: 0; }

/* <ul>任意の文字の中の<ul> */
.mark ul ul	{
	margin-left: 0px;
	font-size: 100%;
	margin-top: 0px;
}
.mark ul ul,
.mark ul ul.box	{ margin-left: 1em; }
.mark ul ul.box li	{
	display: block;
	float: left;
	width: 24.5%;
}

/* <li>■ */
.ULHosoku	{ list-style-type: square; }


/* ------------------------------------------------------ */
/* <dl> */
dt	{
	font-weight: bold;
	font-size: 1.2em;
}
dd	{
	margin-left:2em;
	margin-bottom: 1em;
}

/* ------------------------------------------------------ */
/* <table>基本 幅100% */
table	{ width: 100%; }

/* <thead> */
thead th	{
	width: auto;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 1.5;
}
thead th small	{
	font-size: 1em;
	font-weight: normal;
}
/* <tfoot> */
tfoot	{
	border-top-width: 1px;
	border-top-style: solid;
}
tfoot th,
tfoot td	{
	border-top-width: 1px;
	border-top-style: solid;
	text-align: right;
	white-space: nowrap;
	width: auto;
}
tfoot th	{ padding-right: 0px; }

/* <table>の中の<table> */
table table,
table table th	{
	width: auto;
}
table table td	{ padding-left: 0px; }

/* センター揃、センター揃えの中の<table> */
.TableCenter	{ text-align: center; }
.TableCenter table	{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* 左揃えの中の<table> */
.l table	{
	width: auto;
	margin-left: 0px;
	margin-right: auto;
}
/* 右揃えの中の<table> */
.r table	{
	width: auto;
	margin-left: auto;
	margin-right: 0px;
}
/* 幅自由の<table> */
.TableAuto,
.TableAuto table,
.TableAuto th,
.TableAuto td	{ width: auto; }
/* 幅自由の<table>・中揃え */
.TableAutoCenter	{
	margin-left: auto;
	margin-right: auto;
}
.TableAutoCenter,
.TableAutoCenter table,
.TableAutoCenter th,
.TableAutoCenter td	{ width: auto; }
/* 幅自由の<table>・左揃え */
.TableAutoLeft	{
	width: auto;
	margin-left: 0;
	margin-right: auto;
}
.TableAutoLeft,
.TableAutoLeft table,
.TableAutoLeft th,
.TableAutoLeft td	{ width: auto; }
/* 幅自由の<table>・右揃え */
.TableAutoRight	{
	width: auto;
	margin-left: auto;
	margin-right: 0;
}
.TableAutoRight,
.TableAutoRight table,
.TableAutoRight th,
.TableAutoRight td	{ width: auto; }
/* 線を消す */
.TableNoLine,
.TableNoLine table,
.TableNoLine th,
.TableNoLine td	{ border-width: 0; }
.TableNoLine td	{ padding-left: 0px; }
/* 背景を消す */
.TableNoBg,
.TableNoBg table,
.TableNoBg th,
.TableNoBg td	{ background: none; }

/* 価格セル */
.TdPrice	{
	white-space: nowrap;
	text-align: right;
}
/* 時間 */
.TdTime	{
	white-space: nowrap;
	text-align: center;
}
/* 単位(円だけとか) */
.TdUnit	{
	padding-left: 0px;
	padding-right: 0px;
}

/* レイアウトとして使う */
.TableLayout,
.TableLayout table,
.TableLayout th,
.TableLayout td,
.Main .TableLayout,
.Main .TableLayout table,
.Main .TableLayout th,
.Main .TableLayout td	{
	padding: 0px;
	border-width: 0;
	vertical-align: top;
	background: none;
	width: auto;
}

/* デフォルト(指定全てクリア) */
.Table_df,
.Table_df table,
.TableDf,
.TableDf table	{
	background: none;
	border-width: 0;
	width: auto;
	padding: 0;
	margin: 0;
}
.Table_df th,
.Table_df td,
.Table_df table th,
.Table_df table td,
.TableDf th,
.TableDf td,
.TableDf table th,
.TableDf table td	{
	background: none;
	border-width: 0;
	vertical-align: middle;
	width: auto;
}

/* ------------------------------------------------------ */
/* <form> */
/*
fieldset,input,textarea,button,select,option	{
	background: none;
	background-image: url(../img/bg_w20.png);
}
*/

form,fieldset,input,textarea,button	{
	margin: 0;
	padding: 2px;
/*
	font-size: 1em;
*/
}

form,
button	{ padding: 0px; }
input,textarea,button	{
	letter-spacing: 1px;
}
textarea,button	{ line-height: 1.5; }
button	{
	vertical-align: middle;
}

/* Google */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*
	input,
	select	{ padding:2px; }
	textarea	{ 
		font-size: 1em;
		padding: 5px;
		}
*/
	textarea,button	{ font-size:1.2em;}
}

/* IE */
input	{  }


/* ------------------------------------------------------ */
/* <table>内のボタン */
.BtnBg,
th.BtnBg,
td.BtnBg,
.BtnBg th,
.BtnBg td	{
	background: none;
	text-align: center;
	border-width: 0;
}

/* 入力エリア */
.InputL,
.TextareaL,
.TextareaL1,
.TextareaL2,
.TextareaL3,
.TextareaMax	{
	width: 98%;
	width: auto\9;	/* IE hack */
}
.InputLM,
.TextareaLM	{
	width: 98%;
	width: auto\9;	/* IE hack */
}
.InputM,
.TextareaM	{ width: 50%; }
.InputS,
.TextareaS	{ width: 12em; }
.InputMin,
.TextareaMin	{ width: 6em; }

/* ボタン */
.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload	{ padding: 5px;}

/* ボタン・リセット、確認画面へ */
.BtnSubmit	{
	text-align: center;
	margin-top: 1em;
}
/* ボタン・管理ページへ戻る、設定する、送信する */
.BtnSubmit input,
.BtnSubmit,
.BtnBack,
.BtnOk	{
	width: 15em;
}
/* ボタン・アップロード */
.BtnUpload	{
	vertical-align: middle;
	margin-right: 5px;
}

/* ラジオボタン */
.BtnRadio	{
	margin-right: 5px;
	vertical-align: middle;
}
/* チェックボタン*/
.BtnChec	{
	margin-right: 5px;
	vertical-align: text-bottom;
}

/* <textarea> */
.TextareaL,
.TextareaK	{ height: 8em; }

.TextareaL1	{ height: 2em; }
.TextareaL2	{ height: 3.5em; }
.TextareaLM,
.TextareaL3	{ height: 5em; }

.TextareaMax	{ height: 15em; }


/* ------------------------------------------------------ */
/* 携帯用・14文字分 */
.InputK,
.TextareaK	{ width: 14em; }

/* ------------------------------------------------------ */
/* <Input>を横に並べる */
.InputRight	{ zoom: 1; }
.InputRight:after
	{
	content: ""; 
	display: block; 
	clear: both;
}
.InputRight	{ text-align: left; }
.InputRight input	{
	float: right;
	margin-left: 10px;
}


/* ====================================================== */
/* box */
.box
	{ zoom: 1; }

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