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

-------------------------------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* { font-family: 'quattrocento'; }

/* ================================================================================ */
/*      RESET     */
/* ================================================================================ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

h1,h2,h3,h4 {
	font-weight: normal;

}



/* ================================================================================ */
/*      FONT     */
/* ================================================================================ */

body, textarea {
	color:#e1dfdf;
	font-size:12px;
	line-height:1.4;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック";
	font-weight:200;
	 *font-size:small;
	 *font:x-small;
}

/* ================================================================================ */
/*      FONT SIZE LIST     */
/* ================================================================================ */
.txt10 {
	font-size:77%;
}
.txt11 {
	font-size:85%;
}
.txt12 {
	font-size:93%;
}
.txt13 {
	font-size:100%;
}
.txt14 {
	font-size:108%;
}
.txt15 {
	font-size:116%;
}
.txt16 {
	font-size:124%;
}
.txt17 {
	font-size:131%;
}
.txt18 {
	font-size:139%;
}
.txt19 {
	font-size:147%;
}
.txt20 {
	font-size:154%;
}


/* ================================================================================ */
/*      body     */
/* ================================================================================ */

body {
	background:#1f1f21;
}
a:link {
	color:#e1dfdf;
	text-decoration: none;
}
a:visited {
	color:#e1dfdf;
	text-decoration: none;
}
a:hover {
	color:#d3d4de;
	text-decoration:underline;
}
a:active {
	color:#d3d4de;
	text-decoration: none;
}

::-moz-selection{
	background: #1b234a;
	color: #ffffff;
}
::selection {
	background: #1b234a;
	color: #ffffff;
}


/* ================================================================================ */
/*      Adjust     */
/* ================================================================================ */

.pdR5 {
	padding-right:5px;
}
.pdR10 {
	padding-right:10px;
}
.pdR175 {
	padding-right:175px;
}
.pdL5 {
	padding-left:5px;
}
.pdL10 {
	padding-left:10px;
}
.pdT5 {
	padding-top:5px;
}
.pdT20 {
	padding-top:20px;
}
.pdB5 {
	padding-bottom:5px;
}
.pdB10 {
	padding-bottom:10px;
}
.pdB20 {
	padding-bottom:20px;
}
.pdB40 {
	padding-bottom:40px;
}
.pdT5 {
	padding-top:5px;
}
.pdT10 {
	padding-top:10px;
}
.pdT50 {
	padding-top:50px;
}
.mgB3 {
	margin-bottom:3px;
}
.mgB5 {
	margin-bottom:5px;
}
.mgB10 {
	margin-bottom:10px;
}
.mgB15 {
	margin-bottom:15px;
}
.mgB20 {
	margin-bottom:20px;
}
.mgB25 {
	margin-bottom:25px;
}
.mgB30 {
	margin-bottom:30px;
}

.mgB40 {
	margin-bottom:40px;
}

.mgB50 {
	margin-bottom:50px;
}

.mgB60 {
	margin-bottom:60px;
}

.mgB90 {
	margin-bottom:90px;
}

.mgB110 {
	margin-bottom:110px;
}

.mgB130 {
	margin-bottom:130px;
}

.mgT5 {
	margin-top:5px;
}
.mgT10 {
	margin-top:10px;
}
.mgT20 {
	margin-top:20px;
}
.mgR5 {
	margin-right:5px;
}
.mgR10 {
	margin-right:10px;
}

.mgR20 {
	margin-right:20px;
}

.mgR25 {
	margin-right:25px;
}
.mgL5 {
	margin-left:5px;
}
.mgL10 {
	margin-left:10px;
}

.mgL20 {
	margin-left:20px;
}

.mgL26 {
	margin-left:26px;
}

.mgL25 {
	margin-left:25px;
}

.algnL {
	text-align:left;
}
.algnR {
	text-align:right;
}
.algnC {
	text-align:center;
}
.picAlgnL {
	float:left;
}
.picAlgnR {
	float:right;
}
.emphss {
	color:#e10214;
}
.bld {
	font-weight:bold;
}
.clear {
	clear:both;
}
.ofhn {
	overflow:hidden;
}
.dInline li {
	display:inline;
}

.center {
	text-align: center;
}


/* ================================================================================ */
/*      GOODS     */
/* ================================================================================ */

#goodsInner{
    width:980px;
    margin:0 auto;
    font-size: 110%;
    overflow: hidden;
}

.goods_title{
    font-size:170%;
    font-weight:bold;
    color:orange;
    margin-bottom:15px;
}

.goods_left{
    width:600px;
    float:left;
    margin-left:30px;
}

.subtitle{
    font-size: 110%;
    font-weight: bold;
    margin:15px 0 7px 0;
}

#goods {
    margin:0;
    padding:0;
    display: block;
}
#goods ul {
    width: 100%;
    margin:0 auto;
    padding:0;
    list-style: none;
    text-align: center;
}
#goods ul li {
    width: 295px;
    float: left;
    margin: 10px 14px 20px 15px;
    border: solid 1px #777777;
}
#goods ul li img {
    width: 100%;
}
#goods ul li .image {
    margin: 0;
}
#goods ul li .product {
    padding: 5px;
    background-color: #616161;
    font-size: 110%;
    font-weight: bold;
}
#goods ul li .cm {
    padding-bottom: 5px;
    background-color: #616161;
    font-size: 90%;
}
#goods ul li .price {
    padding: 5px;
    background-color: #343434;
}
