body {
	margin: 0px auto;	padding: 0px;
	color: #333333;	font: 14px/160%	verdana, arial, sans-serif;
	background: url("http://www.smile-share.com/images/bg_body.jpg") top repeat-y #ffdee3;
}

a {	color: #333333; text-decoration: underline; }
a:hover {	color: #FF3399; text-decoration: underline; }
p {	margin: 0px 10px 10px 15px;	padding: 0px;	}

hr {
	color: #FF6600;	background-color: #FF6600;
	height: 1px;	border: 1px;	border-style: solid;
	}
ul {	margin: 0px 0px 0px 35px;	padding: 2px;	list-style: disc;	}
li {	margin: 0px;	padding: 2px;	}

img {	border: 0px;	}

h1.image {
	margin: 0px 0px 10px 0px; padding: 0px;	border: none;	background: none;
}

h1 {
	margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px;
	font-size: 18px;	font-weight: bold;
	background: url("http://www.smile-share.com/images/line_pink.gif") no-repeat bottom;
}

h2 {
	padding: 3px 10px 3px 18px;	margin: 0px 0px 10px 10px;
	font-size: 15px;	font-weight: bold;
	background: url("http://www.smile-share.com/images/bg_h2.jpg") no-repeat left;
}

h3 {
	padding: 0px 5px 0px 25px;	margin: 10px 10px 10px 10px;
	font-size: 15px;	font-weight: bold;
	border-bottom: 2px dotted #f19ca6;
	background: url("http://www.smile-share.com/images/arr_circle_pink.gif") no-repeat left;
}

.spb5 { margin-bottom: 5px; }
.spr5 { margin-right: 5px; }
.spl5 { margin-left: 5px; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.s12{ font-size: 12px; }

/* form styling */
form { margin: 0px; padding:0px; }
input,select { margin: 1px; padding:0px; font-size: 13px; }
textarea { margin: 1px; font-size: 13px; width: 340px; }
.form_style {
width: 530px; font-size: 13px; margin: 0px 0px 10px 10px;
border-width: 1px 1px 0px 0px; border-style: solid; border-color: #CCCCCC;
}
.form_style th {
padding: 3px; text-align: left; font-weight: normal; vertical-align: top; background: #EFEFEF;
border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}
.form_style td {
padding: 3px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}
.form_style td td {
padding: 0px; border: none;
}

/* site position */
#wrapper {
	position: relative;
	width: 800px;	margin: 0px auto;	padding: 0px;
}

#wrapper #container {
	position: relative !important;	float: left;
	/*top: 109px;*/
	left: 0px !important;
	overflow: visible !important;
	width: 100%;	padding: 0px;	margin: 0px;
}

#wrapper #head {
	/*position: absolute !important;*/
	position: relative !important;
	top: 0px !important;	float: left;
	width: 100%;	height: 109px;
	padding: 0px;	margin: 0px;	z-index:100;
	background:#FFFFFF;
}

#wrapper #main {
	float: right;	width: 560px;
	padding: 20px 10px 40px 0px;
	margin: 0px;
}

#wrapper #side {
	float: left;	width: 210px;
	padding: 20px 10px 40px 10px;
	margin: 0px;
}

#wrapper #info {
	float: left;	width: 780px;
	padding: 0px 10px 20px 10px;	margin: 0px;
	background: url("http://www.smile-share.com/images/line_pink.gif") no-repeat top;
}

#wrapper #foot {
	clear: both;	width: 800px;
	padding: 5px 0px 0px 0px;	margin: 0px;
	background: url("http://www.smile-share.com/images/line_pink.gif") no-repeat top;
}

/* header styling */
#head_title {
	height: 50px;	margin: 0px;	padding: 0px;
}

#head_title #souryo {
	position: absolute;
	top: 10px; left: 210px;
	margin: 0px;	padding: 0px;
}

#head_title #hlogo {
	position: absolute;
	top: 5px; left: 5px;
	margin: 0px;	padding: 0px;
}

#head_title #cart {
	position: absolute;
	top: 10px; right: 10px;
	margin: 0px;	padding: 0px;
}

#head_title #guide {
	position: absolute;
	top: 10px; right: 165px;
	margin: 0px;	padding: 0px;
}

#head_navi {
	float: left;
	width: 800px;	height: 33px;	margin: 0px;	padding: 0px;
	background: url("http://www.smile-share.com/images/head_navi_bg.jpg") no-repeat;
}

#head_navi ul {
	list-style: none;	margin: 0px;	padding: 0px;
}

#head_navi li {
	float: right;	display: inline;
	padding: 0px;	margin: 0px;
}

#head_navi2 {
	position: relative; float: left;
	width: 790px; height: 26px; margin: 0px; padding: 0px 5px;
	background: #EB9EAE;
}

#head_navi2 dl#menu{
	float: left; margin: 0px; padding: 0px;
}

#head_navi2 dl#menu ul{
	list-style: none; margin: 0px; padding: 0px;
}

#head_navi2 dl#menu dd{
	float: left;
	/*width: 111px;*/ margin: 0px; padding: 0px;
}

#head_navi2 dl#menu dd a{
	display: block;
	text-decoration: none;
}

#head_navi2 dl#menu dd ul{
	position:absolute; top:25px;
	width: 215px;	margin: 0px;	padding: 0px;
	font-size: 12px;	line-height: 110%;
	background-color: #FFDEE3;
	border-left: solid 3px #F29CA7;
	border-right: solid 3px #F29CA7;
	display: none;
}

#head_navi2 dl#menu dd ul a{
	color: #333333;	width: 200px;
	height: auto;
	text-align: left;
	padding: 5px;
}

dl#menu dd ul a:hover{
	background-color: #FFFFFF;
}

#head_navi2 dl#menu dd ul li{
	border-bottom: solid 3px #F29CA7;
	z-index:100;
}

/* sidemenu styling */
.menu_box {
	width: 202px;	padding: 0px;	margin: 0px 0px 5px 0px;
	border-width: 0px 4px 4px 4px; border-style: solid; border-color: #f19ca6;
}

.menu_box ul {
	margin: 0px;	padding: 0px; list-style: none;
}

.menu_box li {
	padding: 5px 5px 5px 23px;	margin: 0px;
	font-size: 13px; line-height: 130%;
	background: url("http://www.smile-share.com/images/arr_circle_pink.gif") no-repeat left;
	border-bottom: 2px dotted #CCCCCC;
}

.menu_box li.last {
	border:none;
}

.menu_box li a {
	display:block;
}

/* contents table styling */
#pagetop {
	font-size: 12px;	text-align: right;	padding: 0px 5px;	margin: 5px;
}

.tstyle1 {
	margin: 10px;	line-height: 130%; border-collapse: collapse;
	border-bottom: 1px solid #CCCCCC;	border-right: 1px solid #CCCCCC;
}

.tstyle1 th, .tstyle1 td {
	padding: 5px;	text-align: left;	vertical-align: top;	font-weight: normal;
	border-top: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC;
}
.tstyle1 th {
	background: #EFEFEF;
}

.tstyle2 {
	float: left; width: 240px;
	margin: 0px 5px 10px 10px;	line-height: 130%; border-collapse: collapse;
}

.tstyle2 caption {
	margin: 10px 0px 0px 0px; padding: 0px 0px 8px 0px;
	font-weight: bold; text-align: left; font-size: 15px;
	background: url("http://www.smile-share.com/images/line_pink.gif") no-repeat bottom;
}

.tstyle2 th {
	width: 70px; padding: 5px;	text-align: left;	vertical-align: top;
	background: #FFCCCC;	border-bottom: 1px solid #FF9999;	font-size: 13px;
}

.tstyle2 td {
	padding: 5px;	text-align: left;	vertical-align: top;	font-weight: normal;
	border-bottom: 1px solid #FF9999;	font-size: 13px;
}

.tstyle2 td.btn { border: none; text-align: center;	background: #FFDFDF; }
.tstyle2 .price { color: #CC3333; }

.tstyle3 {
	margin: 10px 0px 10px 10px;	line-height: 130%;
}

.tstyle3 td {
	padding: 5px;	text-align: left;	vertical-align: top;
	border: 2px solid #FFCCCC;
}

.tstyle4 {
	font-size: 14px; font-weight: normal;
}

.tstyle4 td {
	padding: 5px;	text-align: center;	vertical-align: top;
	background: #FFFFFF;
}

.tstyle4 p {
	text-align: left;
}

.gaiyo {
	width:520px;	padding:5px;	margin:0px 0px 10px 10px;
	background:#FFEFEF;
}

/* toppage styling */
.goods {
	width:550px;	padding: 5px 0px 0px 0px;	margin: 0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	background:url("http://www.smile-share.com/images/cont_bg_goods.jpg") top left repeat-x #FFFFFF;
}

.goods table {
	margin: 5px 10px 10px 10px;
}

/* info styling */
#info table {
	font-size: 11px; line-height: 125%;
}

#info table td#cel1 {
	vertical-align: top; width: 570px; border-right:1px solid #CCCCCC;
}

#info table td#cel1 p {
	margin: 0px 0px 0px 35px;
}

#info table td#cel2 p {
	margin: 0px 0px 0px 5px; text-align: left;
}

#info table td#cel2 {
	vertical-align: top; width: 200px;	padding: 0px 0px 0px 10px;
	background: url("http://www.smile-share.com/images/logo_hana.gif") no-repeat right bottom;
}

#info .ttl {
	margin: 5px 0px 2px 0px;
}

.line {
	margin: 0px; padding: 0px 0px 5px 0px; width: 95%;
	background: url("http://www.smile-share.com/images/line_dott.gif") bottom repeat-x;
}

/* footer styling */
#foot #menu {
	width: 500px; float:left; 	padding: 5px 0px 5px 10px;	margin: 0px;	font-size: 11px;
}

#foot #pagetop {
	width: 200px; float:right; 	padding: 5px 10px 5px 0px;	margin: 0px;	font-size: 11px;
}

#foot #copy {
	clear: right; width: 790px; padding: 0px 5px;	margin: 0px; background: #f19ca6; text-align: right;	font-size: 11px;
}

#foot a:hover {
	color: #666666;
}

/* 091215追加 */

#top_main {
	height: 648px;	background: url("images/top/bg_main.jpg") top no-repeat;
}
#column {
	position: absolute;
	top: 355px;	left: 15px;
	padding: 0px;	margin: 0px;
}
#act_btn {
	position: absolute;
	top: 550px;	right: 15px;
	padding: 0px;	margin: 0px;
}

.item_btn {
	margin: 10px 0px 10px 15px;
}

.item_btn img {
	float: left;	margin: 0px 10px 10px 0px;	padding: 0px;
}

#omoi {
	padding: 20px 10px;	margin: 10px 15px 20px 15px;	background: #FFFFCC;
}

#foot_info {
	padding:0px;	margin: 10px 15px;
}

#foot_info td {
	width: 50%;	vertical-align:top;
}

#foot_info table {
	padding:0px;	margin: 5px 0px;	border: 2px solid #F19CA6;
	font-size: 13px;	line-height: 130%;
}

#foot_info table th {
	background: #F19CA6;
}

.red {	color: #FF0000; }
.dai {	font-size: 20px;	}

.goods_txt {
	padding: 5px 10px 20px 10px;	margin: 10px 15px 20px 15px;
	background: url("http://www.smile-share.com/images/txt_bg.jpg") top no-repeat #FFFFCC;
}

.goods_txt .ttl {	margin: 8px 0px 5px 50px;	}
.goods_txt .cont,.osusume .cont {	font-size: 15px; line-height: 160%; font-weight: bold;	margin: 0px 0px 0px 55px;	}

.osusume {
	padding: 1px;	margin: 20px 15px 20px 15px;
	border: 1px solid #006600;
}

.osusume .ttl {
	padding: 5px 15px;	margin: 0px 0px 10px 0px;	width: 738px;
	font-size: 18px;	font-weight: bold;	color: #FFFFFF;
	background: #006600 !important;
}

.box {
	padding: 1px;	margin: 20px 15px 20px 15px;
	border: 1px solid #F19CA6;
}

.box .ttl {
	padding: 5px 15px;	margin: 0px 0px 10px 0px;	width: 738px;
	font-size: 18px;	font-weight: bold;	color: #FFFFFF;
	background: #F19CA6 !important;
}


.at01-box {
	padding: 1px;	margin: 20px 15px 20px 15px;
	border: 1px solid #993399;
}

.at01-box .ttl {
	padding: 5px 15px;	margin: 0px 0px 10px 0px;	width: 738px;
	font-size: 18px;	font-weight: bold;	color: #FFFFFF;
	background: #993399 !important;
}

#wrapper #container #camp {
	position: relative !important;
}

#camp #end {
	position: absolute !important;
	right:18px;	top:78px;
	font-size:18px;	font-weight:bold;
}

ul.at01-koe {
	margin: 5px 5px 5px 50px;	padding: 0px; line-height: 140%;
}

ul.at01-koe li.q {
	list-style-image:url("http://www.smile-share.com/images/icon_q.jpg");
	margin: 8px 0px;	padding: 0px 0px 0px 5px;
	color: #993399;	font-weight: bold;
}

ul.at01-koe li.a {
	list-style-image:url("http://www.smile-share.com/images/icon_a.jpg");
	margin: 8px 0px;	padding: 0px 0px 0px 5px;
}
