/*	CSS file			*/
/*	author		: K.Mitsuhashi	*/
/*	date 		: 04/May/2019	*/
/*	Ver		: 1.00		*/
/*	update		: 04/May/2019	*/
/*					*/
/*	main color 	: #3F2D26	*/
/*	barance color 	: #7B0D55	*/
/*	sub color 		: #BFA699	*/
/*	separate color 	: #002700	*/
/*	accent color 	: #FFFFFF	*/

/* index.html */

h2,h3,h4,h5 {
	margin:   0% 0% 0% 0%;
	padding: 1% 1% 1% 1%;

	border-left-width: thick;
	border-left-color: brown;
	border-left-color: #101090;
	border-left-style: solid;

	background-color: #cc9900;
	background-color: #80D0F0;
	color: black;
	font-size: 120%;
	font-weight: bold;
}

h1{
	margin: 0% ;
	padding: 1% 0% 1% 0% ;
	text-align: center;
	font-size:150%;
	font-weight: bolder;
	color: black;
	background-color: #FBB305 ;
}

h2{
	border-left-color: brown;
	background-color:#80F0D0;
}

h3{
	border-left-color: brown;
	background-color:#F0F080;
}

h4{
	border-left-color: #101090;
	background-color:#80D0F0;
}

h5{
	text-align: center;
	font-size: 100%;
	font-weight: bolder;
	background: aquamarine;
}

h6{
	margin:   0% 0% 0% 0%;
	padding: 1% 1% 1% 1%;
	color:black;
	font-size:70%;
}

.error_kind {
	text-align: center;
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: pink;
}
.error_1_remarks {
	text-align: left;
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: pink;
}
.error_2_remarks {
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: pink;
}
/*ボタンの上のメッセージ */
.remarks_1 {
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: white ;
}
/*ボタンの下のメッセージ */
.remarks_2 {
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: white;
}
/* 手動送信後のメッセージ */
.remarks_man {
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: #FFFFF0 ;
}
/* 自動送信後のメッセージ */
.remarks_auto {
	font-size: 90%;
	font-weight: initial;
	font-family: cursive;
	color: black;
	background: #F0F0FF;
}


table{
	margin: 0% 0% 0% 0%; 
	padding:0px 0px 0px 0px;
	line-height:150%;
	font-size:80%;
	empty-cells:show;
}

.tbl-title{
	caption-side: top;
	text-align: center;
	font-size: 100%;
	font-weight: bolder;
	color: black;
	background: aquamarine;
}

th, td {
	text-align: center;
	vertical-align: middle;
}

nav li{
	list-style: none;
}

li.li-1st {
	font-weight: bolder;
	list-style-type: disc;
} 

li.li-2nd {
	padding: 0 0 0 1em;	
	list-style-type: none;
} 

li.li-3rd {
	padding: 0 0 0 3em;		
	list-style-type: none;
} 

:hover a:hover {
	text-decoration: none;
}

:visited a:visited {
    	text-decoration: none;		
}

a {
    color: deeppink;
}

#menu2 div {
    display: inline!important;
}

span, label{
   display: block;
}

.control-label{
	font-weight: bold;
}
.must{
	color: red;
	font-weight: bolder;
}

#breadcrumb{
	color: brown;
	font-size:small;
	font-weight: bold;
}

.confirm_message {
	font-family: serif;
	font-weight: bolder;
}

.messageN {
	background-color: #F9F9F9;
}

#fee, #tax,#postage, #total {
	text-align: center;
}

p {
         text-indent: 1em;
}

/* ▼キャプション付き画像全体を囲むボックスの装飾 */

figure {
    display: inline-block;   // インラインブロック化
    margin: 0px 3px 7px 0px; // 外側に余白を追加(※右に3px・下に7px) */
    background-color: #ccc;  // 背景色 }


/* ▼画像に対する装飾 */

figure img {
   width: 25% ;
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}

/* ▼キャプションに対する装飾 */
/*
figcaption {
    font-size: 0.9em;        // 文字サイズを90%に 
    text-align: center;      // 中身をセンタリング 
}
*/

label {
	padding: 1% 0% 0% 0%;
}

.form-control {
	padding: 0% 0% 0% 0%;
}