@charset "shift_jis";
@import "base.css";
@import "layout.css";



#wrap {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 760px;
}

#inner-wrap{

	line-height: 1;
	margin: 5px 0px 0px 0px;
	padding: 12px 0px 0px 32px;
	clear: both;
	min-height: 43px;
	_height: 43px;

}


#key {
	margin-bottom:10px;
}
#contents {
	width:580px;
	float:right;
	margin: 0px;
	padding: 0px;
}





#contents h2 {
	font-size: 1.17em;
	background: url(../img/ber.gif) no-repeat 0px 0px;
	line-height: 1;
	margin: 5px 0px 0px 0px;
	padding: 12px 0px 0px 32px;
	clear: both;
	min-height: 43px;
	_height: 43px;

	color: #fff;
}





.path {
	font-size: 14px;/* fix */
	margin: 0px;
	padding: 0px 6px 7px 0px;
}
.path li {
	display: inline;
	background: url(../img/path.gif) no-repeat 4px 0.28em;
	line-height:1.1em;
	padding-left: 14px;
}
.path li.top {
	background-image: none;
	padding-left: 0px;
	letter-spacing:1px;
}
path2 {
	font-size: 14px;/* fix */
	margin: 0px;
	margin: 0px 6px 7px -20px;
	margin-right: 
}
.path2 li {
	display: inline;
	line-height:1.1em;
	padding-left: 14px;
}
.path2 li.top {
	background-image: none;
	padding-right: 0px;
	letter-spacing:1px;
}

h1,
h1 a:link,
h1 a:visited {
	color: #fff;
}

h1 a:hover,
h2 a:hover {
	text-decoration: none;
}

h2,
h2 a:link,
h2 a:visited {
	color: #666666
}


h3 {
	font-size: 1.17em;
	color:#83704e;
	background: url(../img/h3.gif) no-repeat 0px 0px;
	line-height: 1;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 32px;
	clear: both;
	min-height: 21px;
	_height: 21px;
}


h4 {
	font-size: 1.16em;
	color:#ff8c00;

	line-height: 1;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 8px;
	clear: both;
	min-height: 21px;
	_height: 21px;
}

h5 {
	font-size: 1.19em;
	color:#4169e1;

	line-height: 1;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 8px;
	clear: both;
	min-height: 21px;
	_height: 21px;
}


/* \*//*/

h1 {	height: 44px;}
h2 {	height: 43px;}
h3 {	height: 21px;}

/**/

#contents p{
	font-size: 1em;
	line-height: 1.5;
	margin: 0px 5px 20px 5px;
}


.posted {
	text-align: right;
	font-size: 10px;
	margin: 2px 5px 20px 0;
}



cont{
	margin: 10px 5px 20px 10px;
}
ol {
	margin: 5px 0px 20px 40px;
}

cont li {
	margin: 5px 0;
	font-size: 100%;
	color; #666;
}







blockquote {
	line-height: 1.5;
	margin: 0px 15px 12px 15px;
	border-left: solid 4px #ddd;
	padding-left: 12px;
}
blockquote p {
	margin: 0px 0px 12px 0px;
}
cite {
	font-size:0.85em;
	border-top: dotted 1px #ddd;
	line-height: 1.5;
	padding-top:8px;
	display: block;
	_height:1%;
}

.pict {
	float: right;
	margin: 0px 0px 5px 15px;
}
.pict2 {
	float: left;
	margin: 0px 15px 5px 0px;
}

.pict3 {
	float: right;
	margin: 0px 0px 5px 15px;
	width:240px;
	font-size: 1.17em;
}
.pict4 {
	float: left;
	margin: 0px 15px 5px 10px;
	width:250px;
	font-size: 1.17em;
}




.detail {
	float: right;
	margin: 8px 3px 15px 5px;
	font-size:0.85em;
}
.detail a {

	padding: 1px 0px 5px 25px;
	display: block;
}
.detail a:hover {
}


.pagetop {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	clear: both;
}
.pagetop a {
	width: 116px;
	height: 16px;
	margin-bottom: 10px;
	display: block;
	float: right;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../img/pagetop.gif) no-repeat left top;
}
.pagetop a:hover {
}
#contents .pagetop {
	margin-bottom: 10px;
}
.table {
	margin: 8px 10px 25px 10px;
	line-height: 1.5;
	background-color: #D2B48C;
	clear: both;
}
.table thead th {
	background: #FDF5E6;
	text-align: center;
}
.table tfoot td {
	border: none;
	text-align: right;
	padding: 5px 0px 0px 0px;
}
.table th,
.table td {
	padding: 7px 10px;
	border: solid 1px #fff;
}
.table th {
	background: #FDF5E6;
	text-align: center;
	font-weight: normal;
}
.table td {
	background-color: #fff;
}


.table .cell_submit {
	text-align: center;
}
.cell_submit input {
	margin: 0px 2px;
	padding: 5px;
	font-weight: bold;
}
.table input,
.table textarea,
.table select {
	margin: 1px 0px;
}
.table input {
	padding: 3px;
}
.table label input {

}
.table textarea {
}
.table select {
}
p.end {
	margin-bottom:150px;
}

.red {
	color: #996666;
}

.pink {
	color: #999999;
	font-size:0.83em;
}


.itemlist {
	width:579px;
	margin: 0px;
	padding: 0px;
}
.itemlist ul {
}
.itemlist li {
	width:193px;
	float:left;
}
.itemlist li div {
	width:176px;
	background: url(../img/item_pict.gif) repeat;
}
.itemlist a {
	display:block;
	vertical-align:baseline;
	padding: 0px 0px 0px 0px;
}
.itemlist a:link,
.itemlist a:visited {
	color:#fff;
}
.itemlist a:hover {
	text-decoration:none;
}
.itemlist a img {

	border:solid 1px #fff;
}
.itemlist a:hover img {
	filter:alpha(opacity=90);
	opacity:0.9;
/* 
 */
}
.itemlist a span {
	display:block;
}
.item_pict {
	padding: 4px;
	border-bottom: solid 5px #fff;
}

.item_data {
	margin: 0px;
	padding: 0px 0px 7px 0px;
	/* 
	background: url(../img/item_arrow.gif) no-repeat 4px 3px;
	 */
	background: url(../img/item_title_foot.gif) no-repeat left bottom;
}


.item_name {
	color:#fff;
	font-weight:bold;
	padding: 6px 4px 1px 24px;
	line-height:1.3;
	background: url(../img/item_title.gif) no-repeat 0px 0px;
}

.item_text {
	line-height:1.5;
	font-size:0.83em;
	color:#666;
	margin: 0px;
	padding: 7px 0px 5px 0px;
	background:#fff;
}

.list {
	margin: 7px auto;
	line-height:1.5;
}
.list li {
	background: url(../img/list.gif) no-repeat 0px 4px;
	margin: 0px 0px 5px 8px;
	padding-left:16px;
}



.list3 {
	margin: 8px auto;
	line-height:1.5;

}
.list3 li {
	background: url(../img/i_blank.gif) no-repeat 2px 9px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 22px;
	clear: both;
}

.list3 li li{
	background: url(../img/i_blank.gif) no-repeat 0px 7px;
	margin: 0px 0px 5px 8px;
	padding-left:16px;
}


















.item_guide {
	float:right;
	width:270px;
}
.item_image {
	background: url(../img/item_image_bg.gif) repeat;
	float:left;
	margin: 0px;
	padding: 0px;
}
.item_image span {
	display:block;
	padding: 4px;
}

.item_image img {
	border: solid 1px #fff;
	display:block;
}

.colorlist {
	width:560px;
	margin: 0px auto 15px 20px;
	text-align:center;
}
.colorlist ul {
}
.colorlist li {
	width:101px;
	margin: 5px auto;
	float:left;
	padding-right:39px;
	
}
.colorlist img {
	display:block;
	margin: 0px 0px 5px 0px;
}
.colorlist span {
	margin: 0px auto;
	text-align:center;
	display:block;
}


.cart {
	clear:both;
	margin: 0px auto 10px auto;
	text-align:right;
}
.cart select {
}
.cart_select {
	text-align:right;
	float:left;
	width:390px;
	padding: 15px 0px 0px 0px;
}
.cart_btn {
	float:right;
	width:190px;
}
.cart select2 {
}

.price {
	text-align:right;
	float:right;
	padding: 15px 5px 15px 0px;
	font-size: 1.33em;
	color:#ff0000;
}

.cart_select2 {
	text-align:right;
	float:left;
	width:235px;
	padding: 15px 0px 0px 0px;
}
.cart_btn2 {
	float:right;
	width:190px;
}
.colorlist2 {
	width:560px;
	margin: 0px auto 15px 20px;
	text-align:center;
}
.colorlist2 ul {
}
.colorlist2 li {
	width:200px;
	margin: 5px auto;
	float:left;
	padding-right:39px;
	
}
.colorlist2 img {
	display:block;
	margin: 0px 0px 5px 0px;
}
.colorlist2 span {
	margin: 0px auto;
	text-align:center;
	display:block;
}

.colorlist3 {
	width:560px;
	margin: 0px auto 15px 20px;
	text-align:center;
}
.colorlist3 ul {
}
.colorlist3 li {
	width:150px;
	margin: 5px auto;
	float:left;
	padding-right:36px;
	
}
.colorlist3 img {
	display:block;
	margin: 0px 0px 5px 0px;
}
.colorlist3 span {
	margin: 0px auto;
	text-align:center;
	display:block;
}


.colorlist4 {
	width:565px;
	margin: 0px auto 15px 15px;
	text-align:center;
}
.colorlist4 ul {
}
.colorlist4 li {
	width:270px;
	margin: 5px auto;
	float:left;
	padding-right:12px;
	
}
.colorlist4 img {
	display:block;
	margin: 0px 0px 5px 0px;
}
.colorlist4 span {
	margin: 0px auto;
	text-align:center;
	display:block;
	margin-bottom:10px;
}


.colorlist5 {
	width:565px;
	margin: 0px auto 15px 15px;
	text-align:center;
}
.colorlist5 ul {
}
.colorlist5 li {
	width:180px;
	margin: 5px auto;
	float:left;
	padding-right:8px;
	
}
.colorlist5 img {
	display:block;
	margin: 0px 0px 5px 0px;
}
.colorlist5 span {
	margin: 0px auto;
	text-align:center;
	display:block;
}







.colorlist6 {
	width:565px;
	margin: 0px auto 15px 10px;
	text-align:center;
}
.colorlist6 ul {
}
.colorlist6 li {
	width:270px;
	margin: 5px auto;
	float:left;
	padding-right:12px;
	
}
.colorlist6 img {
	display:block;
	margin: 0px 0px 5px 0px;
}
.colorlist6 span {
	margin: 0px auto;
	text-align:left;
	display:block;
	margin-bottom:10px;
}



ul.tree {
    margin: 0!important;
    padding: 0!important;
    font-size: 13px;
    list-style: none!important;
}
ul.tree li {
    margin: 0!important;
	padding: 4px 0px 0px 62px;
    background-image: url(../img/tree_lst.gif);
    background-repeat: no-repeat!important; 3px 9px;
    list-style: none!important;
	font-size: 1.17em;
}
ul.tree li.tree_end {
    background-image: url(../img/tree_end.gif);
    list-style: none;
}



/*-------------------------------------------------------------
 mypage
---------------------------------------------------------------*/


#modeMypage #wrap {
	background-image:none;
}
#modeMypage #inner-wrap {
	float:none;
	width:760px;
}
#modeMypage #contents {
	margin: 0px;
	padding: 0px;
	float:none;
	width:760px;
}
#modeMypage #inner-contents {
	display:none;
}

.formarea {
	margin: 5px auto;
}
.formarea iframe {
	width:760px;
	height:430px;
}
.arrow {
	display: block;
	text-align:center;
	margin: 20px auto;
	width:100px;
}


div.merits {
}
div.merit {
/* 
	margin-bottom:22px;
 */
	padding-bottom:22px;
}
div.merit p.image {
	width: auto;
	padding-right: 7px;
}


div.merit p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	line-height:1.4;
	margin:0px;
	width:414px;
}

/*for IE6 */
* html .merit p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .merit p {
	display: inline;
	zoom: 1;
}




.monthmerit ul li {
	clear:both;
	padding: 0px 0px 0px 0px;
}
.monthmerit ul li img {
	float:left;
	margin-right:10px;
}
.monthmerit ul li span {
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	display:block;
}
*:first-child+html .monthmerit ul li span {
	padding: 0px 0px 0px 0px;
}
.monthmerit ul li.li01 {
	padding: 0px 0px 0px 0px;
}
.monthmerit ul li.li02 {
}
.monthmerit ul li.li03 {
}


.indent {
	padding-left:1.0em;
	text-indent:-1.0em;
	margin-bottom:0.4em;
}

/* -----------------------------
		tabs CSS
----------------------------- */
.tabs {
	width:100%;
	margin:10px 0px 25px 0px;
	line-height:1.2;
	padding: 0px;
	min-height:1.2em;
	text-align: left;
}
.tabs ul {
	margin: 0px;
	padding:3px 5px 0;
	list-style:none;
	font-size:1em;
}
.tabs li {
	float:left;
	margin: 0px 0px 5px 5px;
	padding:0px 0px 0px 0px;
}
.tabs a {
	float:left;
	display:block;
	/* 
	width:.1em;
	 */
	padding:6px 8px 5px 20px;
	text-decoration: none;
/* 
 */	
}

.tabs a:link,
.tabs a:visited {
	width:8em;
	border: solid 1px #b9d9e4;
	background:#ecf9ff url(../img/icon00.gif) no-repeat 5px 8px;

}
.tabs a:hover,
.tabs a:active {

	background-color:#fff;
	border: solid 1px #20a3dd;

}
.tabs .current:link,
.tabs .current:visited {

	font-weight: bold;
	color: #ee751c;
	background-color:#fff;
	border: solid 1px #20a3dd;
}
/* 
 */
.tabs a:hover,
.tabs a:active {

}
.tabs .current:link,
.tabs .current:visited {
	text-decoration:none;
	cursor:default;

}

.tabs > ul a { width:auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */
.tabs li. a:active {

}
.tabs a {
	word-break: keep-all;
	white-space:nowrap
}


/* タグ */
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 12px;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}
 　　　　　　　：
/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 13px;
font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 13px;
}
ul#tags li.taglevel3 {
    font-size: 12px;
}
ul#tags li.taglevel4 {
    font-size: 11px;
}
ul#tags li.taglevel5 {
    font-size: 10px;
}
ul#tags li.taglevel6 {
    font-size: 9px;
}

.ads-box{
	float: left;
	width: 568px;
	height: 96px;
	background: url(../img/img20714785.gif) no-repeat 0px 0px;
	background-repeat: no-repeat;
	margin: 5px 1px 4px 1px;
	padding: 8px;

	color: #000000;
	font-size: 13px;
	display: block;
}

.ads-box p{
	font-size: 10px;
	color:#666666;
	line-height: 150%;
	margin : 5px 5px 55px 15px;

}
#advertisement_top{
margin: 15px 0px 0px 0px;
padding: 5px 5px 10px 5px;
font-size: 80%;
border: 1px solid #b3b3b3 ; /* 枠線 */

}

#advertisement_top h3{
margin: 10px 5px 5px 5px;
font-size: 125%;
}

#advertisement_top p{
margin: 3px 3px 3px 8px;
padding: 0px;
font-size: 105%;
}