/* CSS Document */
#cosme-contents {
	width:97%;
}

p.cation-cosme {
	color:#666;
	font-weight:bold;
}

td p.cation-cosme {
	padding-left:1em;
}
p.address-cosme {
	margin-top:20px;
	font-weight:bold;
	color:#333;
}

.ds_item {
	background:#fff;
	border:3px double #ccc;
	padding:8px;
}

.item_info {
	margin-left:10px;
	float:right;
	width:365px;
}

.item_info h4 {
	font-size:12px;
	font-weight:normal;
	margin-bottom:8px;
}

.item_info li {
	list-style-type:none;
	margin-left:0.5em;
	text-indent:-0.5em;
}

.ds_item_gawa {
	margin:20px 0 0 10px;
	background:#ccc;
	padding:4px;
}

.ds_item h3 {
	background:url(/cosme/img/tit_ds_item.gif) no-repeat;
	width:453px;
	line-height:23px;
	color:#fff;
	padding-left:20px;
	font-size:16px;
	margin-bottom:15px;
}



/**** ↓↓フォームのテーブルここから↓↓ ****/

table.form-cosme {
	width:100%;
	margin-bottom:18px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.form-cosme td{
	padding:4px 0 4px 10px;
	border-bottom:1px solid #ccc;
}

.form-cosme th {
	width:156px;
	padding:10px;
	background:#ebebeb;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.form-cosme02 {
	width:100%;
	margin-bottom:18px;
	border:1px solid #ccc;


}
.form-cosme02 caption {
	padding:8px 4px;
	text-align:left;
	background:#ebebeb;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:4px solid #57CBE3;
	font-size:14px;
	font-weight:bold;
}

.form-cosme caption {
	padding:8px 4px;
	text-align:left;
	background:#ebebeb;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:4px solid #57CBE3;
	font-size:14px;
	color:#666;
	font-weight:bold;
}

.form-cosme02 td {
	width:55%;
	color:#ee0000;
	font-weight:bold;
	/*border-bottom:1px dashed #ebebeb;*/
}
.form-cosme02 th {
	padding:3px 10px 2px 15px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
/*	border-bottom:1px dashed #ebebeb;*/
	}

.form-cosme02 th.bottom {
	border-bottom:1px solid #ccc;
}
/** ↓フォーム部分↓ **/
input.name,.age,.add,.phone,.mail,.zip01,.zip02 {
	border:1px solid #ccc;
	height:26px;
}
.zip01 {
	width:50px;
}
.zip02 {
	width:80px;
}
.form-cosme input.name {
	width:120px;
	margin-left:4px;
}

.form-cosme input.age {
	width:40px;
	margin-right:4px;
}

.form-cosme input.phone {
	width:145px;
	margin-bottom:4px;
}

.form-cosme input.add,.mail {
	width:200px;
}

#button-cosme {
	text-align:center;
}
#button-cosme input {
	margin:28px 17px;
}
/** ↑フォーム部分↑ **/

/* ↓テキストの指定↓ */
.pay {
	margin-bottom:14px;
}

.form-cosme .kome {
	color:#ff3366;
	margin-left:6px;
}
th.info-cosme {
	color:#ff3366;
}
.bold {
	font-weight:bold;
}

.small {
	font-size:10px;
}

/* err,thks */
#err{
	border: #FF0000 1px solid;
	background: #FFF4F4;
	margin:10px;
	padding:10px;
}
#thk{
	border:#3399FF 1px solid;
	background: #EEF7FF;
	margin:10px;
	padding:10px;
}