/*********************************************
*                  画面表示用CSS
*********************************************/
@media screen {
	/* 表示全体 */
	body {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		font-size: 12px;
		text-align: center;
		color: #333333;
		line-height:15px;
		background-color: #fff;
	}

	#header {
		width: 800px;
		height: 60px;
		margin: auto;
		padding: 0px;
		background-color: #F00099;
		border-bottom: 2px solid #F00099;
		text-align: right;
		font-size: 15px;
	}

	#container {
		width: 770px;
		background-color: #FFFFFF;
		margin: auto; 
		padding: 15px;
		/*border: 1px solid #000000;*/
		text-align: left;
	}

	#footer {
		width: 800px;
		height: 60px;
		margin: auto;
		padding: 0px;
		background-color: #CCCCCC;
		border-top: 2px solid #F00099;
		text-align:left;
		font-family: "ＭＳ Ｐ明朝", "細明朝体";
	}

	#topcontainer {
		width: 800px;
		background-color: #FFFFFF;
		margin: auto; 
		padding: 0px;
		/*border: 1px solid #000000;*/
		text-align: left;
	}


/*ページタイトル*/
	h1 {
		margin: 30px 10px;
		padding: 10px;
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		border-left-style: solid;
		border-left-color: #FF00CC;
		border-left-width: 15px;
		border-bottom-style: dotted;
		border-bottom-color: #FF00CC;
		font-family: "ＭＳ Ｐ明朝", "細明朝体";
	}

/*サブタイトル*/
	h2 {
		margin: 20px 20px 0px 20px ;
		padding: 10px;
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		border-left-style: solid;
		border-left-color: #FCCF30;
		border-left-width: 5px;
		border-bottom-style: dotted;
		border-bottom-color: #FCCF30;
		border-bottom-width: 1px;
		
	}
	
/*サブタイトル2*/
	h3 {
		margin: 0px 20px;
		padding: 5px;
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #FFC96F;
		font-family: "ＭＳ Ｐ明朝", "細明朝体";
	}

	table {
		margin: auto; 
		text-align: left;
		border: solid 1px #CCCCCC; 
		border-collapse: collapse;
	}

	td {
		margin: auto; 
		padding: 5px;
		text-align: left;
		border: solid 1px #CCCCCC; 
		border-collapse: collapse;
	}

/*内容*/
	.contentMain {
		margin: auto;
		padding: 10px 30px;
		text-align: left;
	}
	

/*サイトマップ用*/
/*内容左側*/
	.mainLeft {
		width: 300px;
		height: 200px;
		background-color: #FFFFFF;
		margin: 0px; 
		padding: 0px 0px 0px 100px;
		/*border: 1px solid #000000;*/
		text-align: left;
		float: left;
	}
/*内容右側*/
	.mainRight {
		width: 350px;
		height: 200px;
		background-color: #FFFFFF;
		margin: 0px; 
		padding: 0px;
		/*border: 1px solid #000000;*/
		text-align: left;
		float: right;
	}

/*注文ページ用*/
	.contentOrder {
		width: 600px;
		background-color: #FFFFFF;
		margin: auto; 
		padding: 0px;
		/*border: 1px solid #000000;*/
		text-align: left;
	}
	
/*内容左側*/
	.mainOrderLeft {
		width: 250px;
		height: 200px;
		background-color: #FFFFFF;
		margin: 10px 0px; 
		padding: 0px;
		/*border: 1px solid #000000;*/
		text-align: center;
		float: left;
	}
	
/*内容右側*/
	.mainOrderRight {
		width: 350px;
		height: 200px;
		background-color: #FFFFFF;
		margin: 10px 0px; 
		padding: 0px;
		/*border: 1px solid #000000;*/
		text-align: left;
		float: right;
	}

	.mainOrderForm {
		width: 550px;
		background-color: #FFFFFF;
		margin: auto; 
		padding: 0px 20px;
		/*border: 1px solid #000000;*/
		text-align: left;
	}

/*商品タイトル欄*/
	.tdProductTitle {
		border: 1px solid #FF0000;
		text-align: center;
	}

/*商品個数入力欄*/
	.tdProduct {
		border: 1px solid #FF0000;
		font-family: "ＭＳ Ｐ明朝", "細明朝体";
	}
	
/*表示調整用*/
	.tdTitleWidth {
		margin: auto; 
		padding: 5px;
		text-align: left;
		border: solid 1px #CCCCCC; 
		border-collapse: collapse;
		width: 110px;
	}
	
	.tdWidth {
		margin: auto; 
		padding: 5px;
		text-align: left;
		border: solid 1px #CCCCCC; 
		border-collapse: collapse;
		width: 440px;
	}

/*カード種類画像表示*/
	.tdCard {
		text-align: center;
		border-color: #FFFFFF; 
	}

/*注文内容確認の表示*/
	.inputDisabled {
		border: none;
		background-color: white; 
		color: black;"
	}

/*エラーメッセージ*/
	.error-msg {
		color: #FF0000;
	}

/*copy right*/
	#copyright {
		margin-top: 1%;
		margin-left: 30%;
	}

	#toll-area {
		width: 100%;
		height: 150px;
	}

/*フリーダイヤル表示*/
	#toll {
		border: 1px solid red;
		border-style: dotted;
		width: 51%;
		padding-left: 1%;
		margin-left: 4%;
		line-height: 150%;
		float: left;
	}

	.toll-bold {
		font-weight: bold;
		font-size: 15px;
	}

/*グローバルサイン表示*/
	#globalsign {
		margin-left: 4%;
		width: 330px;
		height: 100px;
		float: right;
		margin-top: -15%;
	}

	.globalsign-img {
		width: 120px;
		float: left;
	}

	.globalsign-text {
		width: 200px;
		float: right;
	}

/*問い合わせ画面*/
	#inquiry {
		margin-top: 3%;
		margin-left: 22%;
		width: 700px;
		height: 200px;
	}
}

/*********************************************
*                  印刷用CSS
*********************************************/
@media print {
}