@charset "Shift_JIS";

body {
color:#000000;
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック","MS PGothic",Sans-Serif;
line-height:1.5em;
font-size:10px;
}


/*フォント*/
td,div{
font-size:10pt

}

/* リンク */
a{
color:#666666
}


/* テーブルの枠 */
.waku{
border-style:solid;
border-width:1px;
border-color:#cccccc;
}

.waku2{
border-style:solid;
border-width:1px;
border-color:#BDD5B3;
}


table.zaiko,table.zaiko td, table.zaiko tr{
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#cccccc;
text-align:center;
padding:3px;
}



.pad{
padding:4px;
}

/* カート画面の表 */

.koumoku{
background-color:#5f9cd2;
color:white;
}


.tb{ 
border:1px solid #484747;
border-collapse:collapse;
}
.tb td{
border:1px solid #484747;
border-collapse:collapse;
}

/* カート画面のボタン */
.btn{
border-style:solid;
border-color:#484747;
border-width:1px;
background-color:#F7F7F7;
}

a.btn{
text-decoration:none;
border-style:solid;
border-color:#484747;
border-width:1px;
background-color:#F7F7F7;
}


.btn_r{
border-style:solid;
border-color:#428418;
border-width:1px;
background-color:#5f9cd2;
font-weight:bold;
color:#ffffff;
}

/* カート画面の入力フォーム */
.in{
border-style:solid;
border-color:#484747;
border-width:1px;
background-color:#ffffff;
}

.noline{
border:none;
}
.noline td{
border:none;
}


.formob{
	display:none;
}


	input[type="button"]{
		font-size:105%;
		padding: 5px; 
		border:1px gray solid;
		cursor:pointer;
	}

	input[type="submit"]{
	font-size:105%;
	padding: 5px; 
	border:1px gray solid;
	cursor:pointer;
	}

	input[type="reset"]{
	font-size:105%;
	padding: 5px; 
	border:1px gray solid;
	cursor:pointer;
	}

	.btn{
	font-size:105%;
	padding: 5px; 
	border-style:solid;
	border-color:#484747;
	border-width:1px;
	background-color:#F7F7F7;
	}

	input[type="submit"].btn_conf{/*確認ページの「入力確認」だけが上記のCSSで適用されないため作成*/
	/*font-size:150%;*/
	padding: 5px 20px; 
	border-style:solid;
	border-color:#484747;
	border-width:1px;
	color:#000000;
	background-color:#fddd06;
	}


	input[type="text"]  {
	border:1px gray solid;
	max-width:100%; 
	padding:4px;
	font-size:105%;
	}

	input[type="tel"]  {
	border:1px gray solid;
	max-width:100%; 
	padding:4px;
	font-size:105%;
	}


	input[type="radio"]  {
		border:1px gray solid;
	}

	input[type="checkbox"]  {
		border:1px gray solid;
	}


	select{
	border:1px gray solid;
	max-width:100%; 
	padding:4px;
	font-size:105%;
	}

	textarea{
	font-size:105%;
		max-width:90%; 
		border:1px gray solid;
	}

@media only screen and (max-width:700px){
/* @media only screen and (max-width:641px){*/

	.forpc{
		display:none;
	}

	.formob{
		display:inline;
	}

	td,div{
	font-size:10pt
	}

	body{
	font-size:10px;
	}


	table{
	width:100%;
	font-size:10px;
	}

	td{
	/*font-size:90%;*/
	max-width:200px;
	line-height:1.2em;
	padding:4px;
	}



	img{
		max-width:100%;
	}

}


:disabled {
	background-color:#ffffff; 
	color: #000000; 
	cursor: not-allowed; 
}