/*-----------------------------------------
しちだショッピングサイト///ご利用ガイド：CSS
2009.2.17 update

SOLU MEDIAGE inc. /// Tawarayama
-----------------------------------------*/


@charset "utf-8";

/*
		Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	|
*/


* {
	margin: 0;
	padding: 0;
}
.clearing {
	width: 100%;
	height: 0;
	clear: both;
}
html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(img/bg_side1.gif) repeat-y;
	line-height: 1.5;
	font-family: sans-serif;
}

img {
	border: 0;
}

p,
pre,
address,
cite {
	font-size: 100%;
}

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background: #FBAE33;
	text-decoration: none;
}

ul,
ol,
dl {
	margin: 0;
	padding: 0;
/*	margin: 1em 20px;
	padding: 1px 0;*/
	list-style-position: outside;
}

li,
dt,
dd {
	margin: 0.1em 10px;
	padding: 0;
}

dt {
	margin-top: 0.6em;
}

dd {
	margin-bottom: 0.6em;
	color: #666;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.1em 10px;
}
input,
textarea {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
	font-family: sans-serif;
	background-color: #f5f5f5;
	font-size: 100%;
	width: 97%;
}




#wrapper {
	width: 100%;
	background: url(img/bg_header1.gif) repeat-x top left;
}
#wrapper2 {
	width: 670px;
	margin: 0;
	padding: 0;
}


#lefter {
	display: block;
	float: left;
	width: 190px;
	padding-top: 10px;
}
#lefter #g_menu {
	font-size: 77%;
	font-weight: bold;
	list-style-type: none;
}
#lefter #g_menu li a {
	padding-left: 17px;
	background: url(img/mark1.gif) no-repeat left center;
	display: block;
	width: 95%;
	margin: 0;
}
#lefter #g_menu li a:hover {
	color: #FBAE33;
	background: url(img/mark2.gif) no-repeat left center;
}

#righter {
	float: right;
	width: 465px;
	padding-top: 10px;
}
#righter a {
	text-decoration: underline;
}
#righter #top_menu {
	border: #fa9a00 2px solid;
	margin: 10px;
	padding: 10px;
}
#righter #top_menu p {
	font-size: 77%;
	margin: 0 0 0 32px;
	width: 158px;
}
#righter #top_menu td {
	padding-bottom: 20px;
}

.to_top {
	display: block;
	text-align: right;
	font-size: 77%;
	margin: 10px 10px 100px;
	font-weight: bold;
}

.to_top2 {
	display: block;
	text-align: right;
	font-size: 77%;
	margin: 10px 10px 20px;
	font-weight: bold;
}


#righter .sub_menu {
	border: #fa9a00 2px solid;
	margin: 10px;
	padding: 38px 10px 10px 63px;
	font-size: 77%;
}
#righter #g1 {
	background: url(img/st01.gif) no-repeat 15px 10px;
}
#righter #g2 {
	background: url(img/st02.gif) no-repeat 15px 10px;
}
#righter #g3 {
	background: url(img/st03.gif) no-repeat 15px 10px;
}
#righter #g4 {
	background: url(img/st04.gif) no-repeat 15px 10px;
}
#righter #g5 {
	background: url(img/st05.gif) no-repeat 15px 10px;
}
#righter #g6 {
	background: url(img/st06.gif) no-repeat 15px 10px;
}
#righter #g7 {
	background: url(img/st07.gif) no-repeat 15px 10px;
}
#righter #g8 {
	background: url(img/st08.gif) no-repeat 15px 10px;
}
#righter #g9 {
	background: url(img/st09.gif) no-repeat 15px 10px;
}
#righter #g10 {
	background: url(img/st10.gif) no-repeat 15px 10px;
}
#righter #g11 {
	background: url(img/st11.gif) no-repeat 15px 10px;
}
#righter #g12 {
	background: url(img/st12.gif) no-repeat 15px 10px;
}
#righter #g13 {
	background: url(img/st13.gif) no-repeat 15px 10px;
}
#righter #g14 {
	background: url(img/st14.gif) no-repeat 15px 10px;
}
#righter #g15 {
	background: url(img/st15.gif) no-repeat 15px 10px;
}
#righter #g16 {
	background: url(img/st16.gif) no-repeat 15px 10px;
}


#righter h2 {
	display: block;
	width: 450px;
	_width: 440px;
	height: 32px;
	background: url(img/bg_mb1.gif) no-repeat top left;
	margin-left: 10px;
	margin-bottom: 0;
	font-size: 93%;
	color: #fff;
	padding: 0 0 0 13px;
	line-height: 2.1;
}
#righter .sub_cont p {
	font-size: 77%;
	margin: 0 10px 10px;
	padding: 8px 10px 10px;
	width: 428px;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
#righter .sub_cont p img {
	position: relative;
	top: 5px;
}

.cont_table {
	margin: 0 20px 0.5em 20px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #cfd3d6;
	background-color: #fff;
	font-size: 77%;
}

.cont_table th,
.cont_table td {
	padding: 0.1em 5px;
	border: 1px solid #efefef;
	border-color: #efefef #dce0e3 #dce0e3 #efefef;
}

.cont_table th {
	color: #000;
	background-color: #eff0f1;
}

.cont_table td {
	border: 1px solid #ddd;
	background-color: #fff;
}
.img_border img {
	padding: 5px;
	border: #999 1px solid;
	margin: 0 5px 10px;
}