@charset "utf-8";
/*formatting style
------------------------------------------------*/

* {
	font-style: normal;
	padding: 0px;
	margin: 0px;
}
	
body {
	font-family: "CI","Meiryo",verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
	font-size: 75%;
	line-height: 1.6;
	background-color: #FFFFFF;
}

html {
overflow-y:scroll;
}
/* link style  
-------------------------------------*/

a img {
	border-style: none;
}
a:link {
	text-decoration: underline;
	color: #993300;
}
a:hover {
	color: #FF9999;
	text-decoration: underline;
}
a:hover.nav6 {
	background-image: url(/cards/pop_image/nav01.jpg);
}
a:hover.nav5 {
	background-image: url(/cards/pop_image/nav05.jpg);
}
a:hover.nav4 {
	background-image: url(/cards/pop_image/nav04.jpg);
}
a:hover.nav3 {
	background-image: url(/cards/pop_image/nav03.jpg);
}
a:hover.nav2 {
	background-image: url(/cards/pop_image/nav02.jpg);
}
a:hover.nav1 {
	background-image: url(/cards/pop_image/nav06.jpg);
}


a:visited {
	color: #996600;
	text-decoration: underline;
}
a:active {
	color: #421500;
}

/* basic layout
-------------------------------------*/

#wrapper {
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 800px;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}
#header {
}
#footer {
	background-color: #E3E3E3;
	text-align: center;
	height: 50px;
	clear: left;
}
#footer address {
	padding-top: 10px;
}


#navi ul {
	list-style: none;
	width: 100%;
	left: 100px;
}

#navi ul li {
	float: left;
	list-style: none;
	width: 135px;

}
#navi ul li.nav6 {
	float: left;
	width: 105px;
	list-style: none;
}
#navi ul li.nav1 {
	float: left;
	width: 155px;
	list-style: none;
}
#navi  ul  a  {
	text-indent: -135px;
	display: block;
	height: 30px;
	width: 135px;
	overflow: hidden;
}
#navi  ul  a.nav6  {
	height: 30px;
	width: 105px;
}
#navi  ul  a.nav1  {
	height: 30px;
	width: 155px;
}
a.nav6 {
	background-image: url(/cards/pop_image/nav1.jpg);
}
a.nav5 {
	background-image: url(/cards/pop_image/nav5.jpg);
}
a.nav4 {
	background-image: url(/cards/pop_image/nav4.jpg);
}
a.nav3 {
	background-image: url(/cards/pop_image/nav3.jpg);
}
a.nav2 {
	background-image: url(/cards/pop_image/nav2.jpg);
}
a.nav1 {
	background-image: url(/cards/pop_image/nav6.jpg);
}

/* main
-------------------------------------*/
#main {
	margin-left: 20px;
	clear: left;
}
#main h1 {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
#main .work {
	background-image: url(/cards/new_img/contents_back01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 260px;
	width: 225px;
	margin-left: 20px;
	margin-top: 20px;
}
#main .work h2 {
	height: 30px;
	width: 225px;
	padding-top: 10px;
	padding-left: 5px;
}
#main .work li {
	list-style: none;
	text-align: center;
}
#main .work .ss {
	font-size: 10px;
	text-align: left;
	padding-left: 20px;
}
#main .work .work_img {
	margin-top: 5px;
	margin-bottom: 5px;
}



/*
#main .colection img {
	margin: 30px 0px 30px 5px;
}
#main ul.sam {
	margin-bottom: 15px;
	list-style: none;
	text-align: justify;
}
#main .sam img {
	text-align: left;
}

#main h3.name {
	margin-left: 10px;
	margin-top: 15px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #993300;
	width: auto;
	line-height: 2px;
}
#main h3.name span {
	color: #996633;
	font-style: italic;
}

#main dl.explanation {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main .explanation dt {
	font-weight: bold;
	color: #333333;
	background-image: url(/cards/pop_image/01-50.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 6em;
	padding-left: 15px;
	clear: left;
	float: left;
	margin: 0px 0px 15px;
}
#main .explanation dd {
	margin: 0px 0px 15px 7em;
}
#main p {
	font-size: 16px;
	margin-left: 30px;
	margin-bottom: 15px;
}
#main select {
	margin-left: 30px;
}
*/
#main span {
	color: #CC0000;
	font-size: 18px;
}
#main span.style2 {
	font-size: 14px;
	color: #CC0000;
}
#main .at {
	clear: left;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 60px;
}

th.od {
	background-color: #EEE7CD;
	color: #5B2C00;
	left: 5px;
	text-align: right;
	padding-right: 10px;
}
th.odd {
	background-color: #EEE7CD;
	color: #5B2C00;
}



tr.odd {
	background-color: #EEE7CD;
	color: #5B2C00;
	text-align: center;
}
td.odd {
	text-align: right;
	padding-right: 15px;
}
td.od {
	padding-left: 15px;
}


#praivacy  #main         h2    {
	font-size: 12px;
	color: #5B2C00;
	margin-left: 50px;
}
#praivacy #main p {
	font-size: 12px;
	color: #333333;
	margin-right: 50px;
	margin-left: 50px;
}
#cart #main h2 {
	font-size: 12px;
	color: #5B2C00;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 50px;
}
#cart #main table {
	color: #333333;
	margin-right: 15px;
	margin-left: 15px;
}

#cart #main p {
	text-align: right;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 30px;
}
#trade   #main   table   {
	margin-left: 60px;
	color: #333333;
	padding-left: 10px;
}
#trade #main h2 {
	color: #5B2C00;
	margin-left: 60px;
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 14px;
}
#trade table          th    {
	background-color: #EEE7CD;
	text-align: right;
	padding-right: 5px;
	color: #5B2C00;
}
#trade  table  td {
	padding-left: 10px;
}
#confirmation #main h2 {
	color: #333333;
	font-size: 12px;
	padding-left: 30px;
}
#confirmation #main h3 {
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #5B2C00;
	font-size: 14px;
}
#confirmation   #main   p.botan {
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 20px;
	text-align: right;
}
#confirmation #main table {
	margin-left: 30px;
}




#orderer #main h2 {
	color: #5B2C00;
	font-size: 14px;
	padding-top: 50px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#orderer #main table     {
	color: #333333;
	margin-left: 30px;
}
#select style {
	text-align: left;
}
#orderer  #main  p.botan {
	text-align: right;
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-right: 25px;
}
#orderer #label {
	text-align: left;
	margin-left: 15px;
}


#thanks #main h2 {
	color: #5B2C00;
	text-align: center;
	font-size: 14px;
	padding-top: 70px;
	padding-bottom: 70px;
}
#thanks #main p {
	font-size: 14px;
	color: #333333;
	text-align: center;
	padding-bottom: 100px;
}
#pay  #main  p.pp {
	color: #333333;
	padding-top: 5px;
	padding-left: 30px;
}
#pay #main h2 {
	color: #5B2C00;
	background-color: #EEE7CD;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
}
#pay #main h3 {
	color: #333333;
	padding-left: 20px;
	font-size: 12px;
}
#pay #main img {
	margin-left: 20px;
}


#pay table {
	margin-left: 30px;
	margin-top: 10px;
	font-size: 12px;
}
#pay table tr.dd {
	background-color: #F5F1E2;
}
#pay    table  td.od  {
	background-color: #FFF4F4;
	text-align: right;
	padding-right: 2px;
}