@charset "shift_jis";

@import url("common.css");


/* --------------------------------------------------------------------------------------
 グローバルナビゲーション
--------------------------------------------------------------------------------------- */

/* ボタン -------------------- */

div.gmenmu ul li {
	background: url(../img/gamenu.jpg) no-repeat;
}

div.gmenmu ul li a {
	background: url(../img/gamenu.jpg) no-repeat;
}


/* --------------------------------------------------------------------------------------
 メインコンテンツ
--------------------------------------------------------------------------------------- */

/* Recent -------------------- */

div.recentbox {
	margin-top: 23px;
	font-size: 10px;
	padding-bottom:16px;
}
div.recentbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.recentbox { display:inline-block; }
/*\*/
* html div.recentbox { height:1%; }
div.recentbox { display:block; }
/**/

div.recentbox div.left-area {
	float: left;
	width: 294px;
}

div.recentbox div.right-area {
	float: right;
	width: 306px;
}

div.recentbox dt {
	color: #A09292;
}

div.recentbox dd a {
	font-weight: bold;
}


/* Recent Gallery */

div.recentbox div.left-area div.ct-title {
	width: 284px;
}

div.r-gallery {
	display: inline;
	width: 137px;
	margin: 0px 10px 10px 0px;
	background: url(../img/bg_gallery_rp.gif) repeat-y;
	float: left;
}

div.r-gallery-in {
	width: 137px;
	background: url(../img/bg_gallery_tp.gif) no-repeat;
}

div.r-gallery-in02 {
	width: 137px;
	padding: 10px 0 14px;
	background: url(../img/bg_gallery_bt.gif) no-repeat left bottom;
}
div.r-gallery-in02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.r-gallery-in02 { display:inline-block; }
/*\*/
* html div.r-gallery-in02 { height:1%; }
div.r-gallery-in02 {
	display:block;
}
/**/

div.r-gallery-in div.left-box {
	width: 137px;
}

div.r-gallery-in div.right-box {
	float: right;
	width: 137px;
}

div.r-gallery-in p,
div.r-gallery-in dl {
	margin: 0 11px;
	line-height: 1.6em;
}

div.r-gallery-in dl {
	margin-top: 10px;
}


/* Recent Blog */

div.r-blog {
	width: 306px;
	margin: -4px 0 15px;
	line-height: 1.4em;
}
div.r-blog:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.r-blog { display:inline-block; }
/*\*/
* html div.r-blog { height:1%; }
div.r-blog { display:block; }
/**/

div.r-blog p.pic-area {
	float: left;
	width: 88px;
	margin-top: 4px;
	margin-right: 8px;
}

* html div.r-blog p.pic-area {
	margin-right: 5px;
}

div.r-blog dd span a:link,
div.r-blog dd span a:visited,
div.r-blog dd span a:hover,
div.r-blog dd span a:active {
	color: #807575;
	font-weight: normal;
}


/* Shopping -------------------- */

div.shopping {
	margin-left: 15px;
	padding-bottom: 15px;
}
div.shopping:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shopping { display:inline-block; }
/*\*/
* html div.shopping { height:1%; }
div.shopping { display:block; }
/**/

div.shopping div.in-box {
	float: left;
	width: 112px;
}

div.shopping div.in-box p {
	margin: 0 14px;
	text-align: center;
	font-size: 10px;
}

div.shopping div.in-box p.pic-area {
	margin-bottom: 5px;
}


/* category menu -------------------- */

div.ctbox ul.category {
	padding-right: 10px;
	text-align: center;
	font-size: 10px;
}

div.ctbox ul.category li {
	display: inline;
	padding-left: 10px;
	color: #A09292;
}

div.ctbox ul.category li span {
	color: #FF9C9C;
}

div.ctbox ul.category li a:link,
div.ctbox ul.category li a:visited,
div.ctbox ul.category li a:hover,
div.ctbox ul.category li a:active {
	color: #A09292;
}


/* Blog, Gallery -------------------- */

div.blog-wrap {
	clear: both;
	margin-left: -1px;
	padding-top: 12px;
}
* html div.blog-wrap {
	padding-top: 6px;
}
*:first-child+html div.blog-wrap {
	padding-top: 6px;
}

div.blogbox h3 {
	margin-top: 10px;
	padding: 0 20px;
	background: url(../img/bg_blog_title.gif) no-repeat;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	clear: both;
	float: none;
}

div.blogbox h3 a:link,
div.blogbox h3 a:visited,
div.blogbox h3 a:hover,
div.blogbox h3 a:active {
	color: #FFFFFF;
}

div.blogbox dl {
	padding-top: 5px;
	border-bottom: 1px solid #F1EFEF;
}

div.blogbox dt {
	padding: 0 10px;
	color: #A09292;
	font-size: 10px;
}

div.blogbox dd {
	padding: 0 10px;
	margin-top: 15px;
}

p.b-com {
	margin-bottom: 10px;
	font-size: 10px;
}

div.blogbox p.comment {
	margin-top: 10px;
	text-align: right;
	color: #FF9C9C;
}

div.blogbox p.comment a {
	padding-left: 4px;
	font-size: 14px;
	font-weight: bold;
}

div.blogbox p.comment-login {
	text-align: right;
	font-size: 10px;
}

/* comment-area -------------------- */

div.comment-area {
	margin: 5px 0 40px;
	padding: 10px;
	background: #F1EFEF;
}

div.comment-area p {
	margin-bottom: 15px;
	font-size: 12px;
}


/* comment head */

div.comment-area div.head-box {
	position: relative;
	width: 559px;
	margin-bottom: 3px;
}
div.comment-area div.head-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.comment-area div.head-box { display:inline-block; }
/*\*/
* html div.comment-area div.head-box { height:1%; }
div.comment-area div.head-box { display:block; }
/**/

div.comment-area div.head-box p {
	margin-bottom: 0;
}

div.comment-area div.head-box p.icon {
	float: left;
	width: 31px;
	margin-top: 3px;
}

div.comment-area div.head-box p.name {
/*	float: left; */
	font-size: 12px;
	font-weight: bold;
}

div.comment-area div.head-box p.name a:link,
div.comment-area div.head-box p.name a:visited,
div.comment-area div.head-box p.name a:hover,
div.comment-area div.head-box p.name a:active {
	color: #807575;
}

div.comment-area div.head-box p.date {
	float: left;
	margin-left: 10px;
	color: #A09292;
	font-size: 10px;
}

div.comment-area div.head-box ul.btn {
	position: relative;
	top: 2px;
	right: 0px;
	font-size: 0;
	line-height: 0;
	text-align: right;
}

div.comment-area div.head-box ul.btn li {
	display: inline;
	padding-left: 4px;
}

* html div.comment-area div.head-box ul.btn li {
	margin-right: -1px;
}


/* reply box */

div.comment-area div.replybox {
	margin: 0 0 13px 1px;
	padding: 1px 0 10px 24px;
	background: #FFFFFF url(../img/icon_reply_box.gif) no-repeat;
}

div.comment-area div.replybox p {
	margin-bottom: 0;
}

div.comment-area div.replybox div.head-box {
	width: 531px;
}


/* form input */

div.comment-area div.input-area p {
	position: relative;
	margin: 0;
	padding-bottom: 5px;
	font-size: 10px;
	text-align: right;
}

div.comment-area div.input-area p input {
	margin: 0 0 -3px 12px;
}

div.comment-area div.input-area p input.btn {
	margin: 0 0 -5px 12px;
}

*:first-child+html div.comment-area div.input-area p input {
	margin: 0 0 -2px 12px;
}

*:first-child+html div.comment-area div.input-area p input.btn {
	margin: 0 0 -5px 12px;
}

div.comment-area div.input-area textarea {
	width: 558px;
	height: 67px;
	border: 1px solid #E8E7E7;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}


/* page-navi -------------------- */

ul.pagenavi {
	margin: 10px 0 15px;
	text-align: center;
	font-size: 12px;
}

ul.pagenavi li {
	display: inline;
}

* html ul.pagenavi {
	padding: 3px 0;
}

ul.pagenavi li img {
	margin-bottom: -4px;
}

ul.pagenavi li.left-arw {
	padding-right: 35px;
}

ul.pagenavi li.right-arw a {
	margin-left: 35px;
}

ul.pagenavi li a:link,
ul.pagenavi li a:visited,
ul.pagenavi li a:hover,
ul.pagenavi li a:active {
	color: #807575;
	font-weight: normal;
}

/* ページング太字用 -------------------- */
span.selected {
 font-weight: bold;
 color: #D22878;
}


/* profile -------------------- */

/* profile title */

div.profiletitle {
	position: relative;
	width: 595px;
}

div.profiletitle p.btn {
	position: absolute;
	top: 1px;
	left: 112px;
}

div.profiletitle p.close {
	position: absolute;
	top: 1px;
	right: 0;
}


/* profile table */

div.proftbl {
	width: 530px;
	padding: 13px 0 0 21px;
}
div.proftbl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.proftbl { display:inline-block; }
/*\*/
* html div.proftbl { height:1%; }
div.proftbl { display:block; }
/**/

div.proftbl table {
	width: 530px;
}

div.proftbl table.left {
	float: left;
	width: 218px;
}

div.proftbl table.right {
	float: right;
	width: 295px;
}

div.proftbl table th,
div.proftbl table td {
	padding: 1px 0;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
}

div.proftbl table th {
	padding-left: 10px;
	background: url(../img/icon_dot01.gif) no-repeat 0 0.7em;
}

div.proftbl table.left th {
	width: 70px;
}

div.proftbl table.right th {
	width: 97px;
}

div.proftbl table td img {
	margin: 0 5px -1px 0;
}

div.proftbl table.btm td {
	padding: 1px 0 11px 10px;
	font-size: 12px;
}


/* gallery -------------------- */

div.gallery {
	position: relative;
	width: 600px;
}

div.gallery h2 {
	margin-bottom: 30px;
}


/* tab */

div.gallery ul.tabmenu {
	position: absolute;
	top: 28px;
	left: 0px;
	width: 240px;
	font-size: 0;
	line-height: 0;
}

div.gallery ul.tabmenu li {
	display: inline;
}

* html div.gallery ul.tabmenu li {
	margin-right: -1px;
}

html[xmlns*=""] body:last-child div.gallery ul.tabmenu li {
	margin-right: -1px;
}

div.gallery ul.tabmenu li img {
	vertical-align: top;
}

div.gallery div.ctbox-in {
	width: 600px;
	background: url(../img/bg_ctbox_tp_g.gif) no-repeat;
}

div.gallery div.ctbox-in02 {
	padding: 10px 0 10px 11px;
}

div.gallery div.blogbox dl {
	margin-right: 10px;
}

div.gallery div.ctbox-in02 div.comment-area,
div.gallery div.ctbox-in02 p.comment,
div.gallery div.ctbox-in02 p.comment-login {
	margin-right: 10px;
	margin-left: -1px;
}


/* gallery img */

div.gallery div.pic-wrap {
	width: 137px;
	margin: 10px 10px 0 0;
	background: url(../img/bg_gallery_rp.gif) repeat-y;
	float: left;
}

div.gallery div.pic-wrap-in {
	width: 137px;
	background: url(../img/bg_gallery_bt.gif) no-repeat left bottom;
}
div.gallery div.pic-wrap-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.gallery div.pic-wrap-in { display:inline-block; }
/*\*/
* html div.gallery div.pic-wrap-in { height:1%; }
div.gallery div.pic-wrap-in {
	display:block;
}
/**/

div.gallery div.pic-wrap div.pic-box,
div.gallery div.pic-wrap div.pic-box02 {
	float: left;
	width: 137px;
	padding: 11px 0;
	background: url(../img/bg_gallery_tp.gif) no-repeat;
	font-size: 10px;
}

div.gallery div.pic-wrap div.pic-box02 {
	margin-right: 0;
}

div.gallery div.pic-wrap p.pic-area {
	margin: 0 11px;
}

div.gallery div.pic-wrap dl {
	position: relative;
	width: 115px;
	margin: 0 10px;
	padding: 5px 0 0;
	border-bottom: none;
}

div.gallery div.pic-wrap dt {
	padding: 0;
}

div.gallery div.pic-wrap dl dd {
	margin-top: 0;
	padding: 0;
}

div.gallery div.pic-wrap dl dd p {
	position: absolute;
	bottom: -35px;
	left: 0px;
	width: 115px;
	margin: 0;
	border: none;
	text-align: center;
}

/* viewGallery */

div.gallery dl dd.spc {
	padding: 0;
}

	.viewgallery {clear:both; border:10px solid #e8e9e9; padding:5px; margin-top:10px; }

	.viewgallery .thumb img {width:430px; height:315px;}

				 .thumblist .selectThumb,

				 .thumblist .prevThumb,

				 .thumblist .nextThumb {padding:5px 0;}



				 .thumblist .selectThumb img {width:100px; height:67px; border:3px solid #ccc; }

				 .thumblist .prevThumb img,

				 .thumblist .nextThumb img {width:100px; height:67px; border:3px solid #EBEBEB; }



				 .thumblist .prev

				 .thumblist .next {text-align:center; }

				 .thumbView {}



/* evaluation */

div.gallery div.evaluation {
	position: relative;
	width: 560px;
	margin: 10px 0 0 10px;
}

div.gallery div.evaluation p {
	color: #A09292;
	font-size: 10px;
}

div.gallery div.evaluation p span {
	color: #FF9C9C;
}

div.gallery div.evaluation p a:link,
div.gallery div.evaluation p a:visited,
div.gallery div.evaluation p a:hover,
div.gallery div.evaluation p a:active {
	color: #A09292;
}

div.gallery div.evaluation p img {
	margin: 0 5px -1px 0;
}

div.gallery div.evaluation ul {
	position: absolute;
	bottom: 0;
	right: 0;
}

div.gallery div.evaluation ul li {
	display: inline;
	padding-left: 15px;
}


/* gallery product */

div.gallery_p {
	margin: 20px 0 0 10px;
}

dd div.gallery_p p {
	margin-bottom: 10px;
	color: #A09292;
	font-size: 10px;
}

div.gallery_p div.gallery_p_wrap { 
        width: 560px; 
}
div.gallery_p div.gallery_p_wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.gallery_p div.gallery_p_wrap { display:inline-block; }
/*\*/
* html div.gallery_p div.gallery_p_wrap { height:1%; }
div.gallery_p div.gallery_p_wrap { display:block; }
/**/

div.gallery_p div.gallery_p_box { 
        float: left; 
        width: 250px; 
        margin-right: 20px; 
        padding-bottom: 15px; 
}

div.gallery_p div.gallery_p_box p {
	float: left;
	width: 68px;
	margin: 0;
}

div.gallery_p div.gallery_p_box dl {
	float: right;
	width: 170px;
	margin: 0;
	padding: 0;	
	border: none;
	font-size: 10px;
	line-height: 1.4em;
}

div.gallery_p div.gallery_p_box dl dt,
div.gallery_p div.gallery_p_box dl dd {
	padding: 0;
}

div.gallery_p div.gallery_p_box dl dt {
	font-weight: bold;
}

div.gallery_p div.gallery_p_box dl dd {
	margin-top: 5px;
}

div.gallery_p div.gallery_p_box dl dd img {
	margin-top: 5px;
}


/* Shopping02 -------------------- */

div.shopping02wrap {
	width: 600px;
}

div.shopping02wrap div.ctbox-in02 {
	padding: 10px 0 10px 10px;
}

div.shopping02 {
	font-size: 10px;
}
div.shopping02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shopping02 { display:inline-block; }
/*\*/
* html div.shopping02 { height:1%; }
div.shopping02 { display:block; }
/**/

div.shopping02 div.category {
	margin-top: 10px;
}

div.shopping02 div.left-box {
	float: left;
	margin-top: 10px;
	padding-right: 10px;
	line-height: 1.4em;
}

div.shopping02 div.left-box div.bg-box {
	width: 285px;
	padding: 10px 0;
	background: #F1EFEF;
}
div.shopping02 div.left-box div.bg-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shopping02 div.left-box div.bg-box { display:inline-block; }
/*\*/
* html div.shopping02 div.left-box div.bg-box { height:1%; }
div.shopping02 div.left-box div.bg-box { display:block; }
/**/

div.shopping02 p.pic-area {
	display: inline;
	float: left;
	margin: 0 8px 0 10px;
}

div.shopping02 dl {
	float: left;
	width: 170px;
}

div.shopping02 dl dt {
	font-weight: bold;
}

div.shopping02 dl dd {
	line-height: 2.0em;
}

div.shopping02 dl dd a {
	font-size: 10px;
	line-height: 1.2em;
}


/* guest book -------------------- */

p.guestbook {
	margin-bottom: 10px;
	padding-left: 10px;
	background: #F1EFEF;
	color: #A09292;
	font-size: 10px;
	line-height: 40px;
}


/* guest input */

div.comment-area div.input-area02 {
	margin-bottom: 25px;
}

div.comment-area div.input-area02 p {
	margin-bottom: 5px;
	font-size: 10px;
	text-align: right;
}

div.comment-area div.input-area02 p input {
	margin: 0 0 -3px 12px;
}

div.comment-area div.input-area02 p input.btn {
	margin: 0 0 -5px 12px;
}

*:first-child+html div.comment-area div.input-area02 p input {
	margin: 0 0 -2px 12px;
}

*:first-child+html div.comment-area div.input-area02 p input.btn {
	margin: 0 0 -5px 12px;
}


div.comment-area div.input-area02 textarea {
	width: 558px;
	height: 87px;
	border: 1px solid #E8E7E7;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}

div.comment-area-spc {
	padding-bottom: 5px;
}
/* --------------------------------------------------------------------------------------
 ギャラリー、スクラップブックタブメニュー
--------------------------------------------------------------------------------------- */

ul.tabmenu li {
	background: url(../img/tab_menu.gif) no-repeat;
}

div.gallery ul.tabmenu li a {
	background: url(../img/tab_menu.gif) no-repeat;
}


/* calendar */
td.hasdata a{
	text-decoration: underline;
}

td.nodata {
	padding: 1px 2px;
}
/* end:calendar */

td.restdata {
	padding: 1px 2px;
}

td.weektitle {
	background-color: #F1EFEF;
}

/* --------------------------------------------------------------------------------------
 ページトップへ
--------------------------------------------------------------------------------------- */


.totop {
	text-align: right;
	font-size: 10px;
	color: #666666;
}

.totop a:link {
	color: #666666;
}

.totop a:visited {
	color: #666666;
}

.totop a:hover {
	color: #D22878;
}

.totop a:active {
	color: #D22878;
}