@charset "utf-8";
/*
Theme Name: SylviaGrab
Theme URI: http://www.heavenbridge2002.com
Description: SylviaGrab用のオリジナル
Author: RENA KUBOI
Author URI: http://www.heavenbridge2002.com

*/

body	{
	margin:0px;
	text-align:center;
	line-height:1.7;
         font-size:10px;
         _font-size:62.5%;
	letter-spacing:0.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#f1e786;
}

html, body	{
	height:100%;
}

html	{
	overflow-y:scloll;
}

* html,* html body	{
	overflow-y:scloll;

}

* html div#page	{
	height:100%;
	overflow-y:scroll;
}




/*IE用のfixedを効くように*/
* html body {   
    background:#f1e786 url(images/top_bg.jpg) no-repeat center top fixed;   
}


/*GoogleAIP MAPはdivを初期化すると、吹き出しの幅が大きくなってしまう(固定サイズも無視される)・・・のでdivは外しておくこと*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td	{
	margin:0px;
	padding:0px;
	zoom:1;
}

img {
	border:0px;
}


#MainWpp	{
	background:#f1e786 url(images/top_bg.jpg) no-repeat center top;
	width:100%;
	height:100%;
	margin:0px auto 0px auto;
}

#HeadA	{
	width:800px;
	margin:0px auto;
}

#HeaddWpp	{
	position:relative;
	text-align:left;
	width:800px;
	height:315px;
	display:block;
	margin:0px auto 0px auto;
	background:#f1e786 url(images/top_bg.jpg) no-repeat center top;
	_height:315px;
	}

h1 a	{
         position:absolute;
         top:25px;
         left:22px;
	width:329px;
	height:97px;
	border:0px;
	display:block;
	float:left;
	background-image: url(images/logo.jpg);

	text-indent:-9999px;
	overflow:hidden;
}

/**html h1 a	{
	margin:61px 0px 0px 41px;	
}*/


#Gmenu	{
	width:800px;
	height:81px;
	display:block;
	text-align:center;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
}


/*グローバルメニュー*/
#Gnavi 	{
	height:47px;
	width:800px;
	margin:0px auto;
	display:block;
	_margin-left:0px;
}


#Gnavi ul	{
	display:block;
}

#Gnavi li	{
	float:left;
	list-style:none;
	height:81px;
	display:block;
}

#Gnavi li a	{
	text-indent:-5000px;
	display:block;
	background: url(images/menu.jpg);
	height:81px;
	overflow:hidden;
}

#GMA, #GMA a:link, #GMA a:visited	{
	width:97px;
	background-position:0px 0px;
}

#GMA a:hover	{
	background-position:-0px -81px;
}

#GMB, #GMB a:link, #GMB a:visited	{
	width:92px;
	background-position:-97px 0px;
}

#GMB a:hover	{
	background-position:-97px -81px;
}

#GMC, #GMC a:link, #GMC a:visited	{
	width:71px;
	background-position:-189px 0px;
}

#GMC a:hover	{
	background-position:-189px -81px;
}


#GMD, #GMD a:link, #GMD a:visited	{
	width:110px;
	background-position:-260px 0px;
}

#GMD a:hover	{
	background-position:-260px -81px;
}

#GME, #GME a:link, #GME a:visited	{
	width:83px;
	background-position:-370px 0px;
}

#GME a:hover	{
	background-position:-370px -81px;
}

#GMF, #GMF a:link, #GMF a:visited	{
	width:70px;
	background-position:-453px 0px;
}

#GMF a:hover	{
	background-position:-453px -81px;
}


#GMG, #GMG a:link, #GMG a:visited	{
	width:108px;
	background-position:-523px 0px;
}

#GMG a:hover	{
	background-position:-523px -81px;
}

#GMH, #GMH a:link, #GMH a:visited	{
	width:125px;
	background-position:-631px 0px;
}

#GMH a:hover	{
	background-position:-631px -81px;
}


/*実績サムネイル*/

#Jthum	{
	padding-top:10px;
		
}

#Jthum li	{
	float:left;	
	padding:20px 0px;
	list-style:none;
}

.Ymgn	{
	margin-right:50px;	
}

.Nmgn	{
	margin-right:0px;
}
/**************フロートクリア***********/
.fbox {
    zoom: 100%;
}
.fbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}




/******************  BOXA  ***********************/
#BOXA	{
	background:#f1e786;
	width:800px;
	position: relative;
	zoom:100%;
	text-align:center;
	overflow: auto;
	margin-bottom:100px;
	_margin-bottom:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 100px;
	_padding-bottom: 0px;
	padding-left: 10px;
}

#BOXA:after	{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/******************  中のBOX  ***********************/
#BOXL 	{
	width:540px;
	text-align:left;
	float:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#BOXL p {
 margin:1.5em 0px;
}

#BOXR	{
	width:250px;
	float:left;
	text-align:left;
}

/******************  INFO  ***********************/

#info	{
	position:relative;
	width:528;
	height:227px;
	background-image: url(images/info_bg.jpg);
	background-repeat: no-repeat;
	padding:20px 20px 0px 20px;
	display:block;
	margin-top:20px;
}

#info .btn	{
	top:20px;
	right:25px;
	position:absolute;
	background:url(images/more_b.jpg) no-repeat;
	width:90px;
	height:24px;
	text-indent:-9999px;
	display:block;
}

#info .btn a:hover	{
	background-position:0 -24px;
}

#info table	{
	width:97%;
	color:#fff;
	border:0px;
}

#info table th,#info table td	{
	padding:5px 0px;
	border-bottom:#fff 1px solid;
	text-align:left;
	text-indent:1em;
	font-size:120%;
	_font-size:12px;
         line-height:2;
}

#info table th	{
	width:120px;
}

#info a {
 color:#fff;
}

#info a:hover {
 color:#DAC751;
}

/**************TOPページで使うBOX****************/

.BOXO	{
	position:relative;
	background:#dac751;
	width:528px;
	height:auto;
	display:block;
	margin-top:15px;
	padding:10px 0px;
	zoom:100%;
         font-size:130%;
}



.BOXO:after	{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.BOXO .btnA, .BOXO .btnA a	{
	position:absolute;
	right:10px;
	bottom: 10px;
	background:url(images/deteil_b.jpg) no-repeat;
	width:110px;
	height:24px;
	display:block;
	text-indent:-9999px;
}

.BOXO .btnA a:hover	{
	background-position:0px -24px;
}

/**************固定ページで使うBOX****************/
.BOXP	{
	position:relative;
	background:#dac751;
	width:508px;
	height:auto;
	display:block;
	margin-top:15px;
	padding:10px;
	zoom:100%;
         font-size:130%;
}



.BOXP:after	{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.BOXP table {
     width:100%;
}

.BOXP th, .BOXP td {
     padding:3px;
}

.BOXP th {
     background:#dac751;
     text-align:left;
}

.BOXP td {
     background:#ebd862;
}

.BOXW {
	background:#f1e786;
}

/**************固定ページで使うBOX****************/
.BOXQ	{
	width:528px;
	height:auto;
	display:block;
	margin-top:15px;
	zoom:100%;
         font-size:130%;
}



.BOXQ:after	{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.BOXQ p	{
 padding-left:50px;
}

.mceTemp {
 padding-left:50px;
}
/***************** Right Bana*********************/

#bana ul	{
	background:url(images/side_bana.jpg) no-repeat;
}

#bana li	{
	text-indent:-9999px;
	list-style:none;
	display:block;
	float:left;
}

#bana li a	{
	text-indent:-5000px;
	display:block;
	background:url(images/side_bana.jpg) no-repeat;
	overflow:hidden;
}


#blog, #blog a:link, #blog a:visited	{
	width:230px;
	height:89px;
	margin-bottom:10px;
	_margin-bottom:5px;
	background-position:0px 0px;
}

#blog a:hover	{
	background-position:-230px 0px;
}

#toho, #toho a:link, #toho a:visited	{
	width:230px;
	height:71px;
	background-position:0px -98px;
}

#toho a:hover	{
	background-position:-230px -98px;
}

/***************** FootWrapp*********************/
/***ここを固定にしている***/
/*うまく表示させるにはhtml側のDOCTYPE宣言をStandards Compliant (標準準拠) モードにする方が良い*/

#FootWrapp	{
		background:url(images/foot_bgtrans.png) repeat-x;
		_background:url(images/foot_bg.jpg) repeat-x;
		height:123px;
		width:100%;
		position:fixed;
		bottom:0px;
		left:0px;
		padding-top:50px;
		color:#fff;
		line-height:3em;
		font-size:120%;
		font-family:Verdana,Geneva,sans-serif;
		z-index:2;
                  text-align:center;
		clear:both;
}

#FootWrapp a	{
	color:#fff;
	text-decoration:underline;
}

#FootIN {
        position:relative;
        width:800px;
        margin:0px auto;
}


/******************  Navi  ***********************/
#Navi	{
	/*background:#eaea24;*/
	width:100%;
	height:26px;
	padding-top:0px;
}

#NaviIn	{
	position:relative;
	width:700px;
	height:26px;
	margin:0px auto;
	display:block;
}


#BackT a	{
	margin-left:553px;
	text-indent:-5000px;
	background:url(images/back_btn.jpg) no-repeat right top;
	position:absolute;
	right:0px;
	top:0px;
	width:114px;
	height:26px;
	display:block;
	overflow:hidden;
}

#BackT a:hover	{
	background-position:-586px -26px;
}


/********************* 文字 ******************************/
.aka	{
	color:#ff0000;
}

.ao	{
	color:#0000ff;
}



/*Grabity写真*/
.BOXO .Gra_P	{
	float:left;
	margin:0px 10px;
}

/*********************ページTOPへ*************************/
.UP a {
 position:absolute;
 top:-25px;
 right:20px;
 width:114px;
 height:24px;
 background:url(./images/gotop.jpg) no-repeat;
 text-indent:-9999px;
 display:block;
 overflow:hidden;
}

.UP a:hover {
 background-position:0px -24px;
}

/******************************個別ページタイトル部分***********************/

h2.C_title {
 background:url(./images/content_t.jpg) no-repeat left bottom;
 width:528px;
 height:35px;
 display:block;
 text-indent:50px;
 font-size:120%;
 line-height:35px;
 color:#fff;
}

h2.C_title a {
 color:#fff;
}

/**********************カレンダ*****************************/
table#wp-calendar {
 width:230px;
 font-size:120%;
 background:#e7d665;
}

table#wp-calendar td,table#wp-calendar th {
 text-align:center;
}

caption {
 margin-top:10px;
 font-weight:bold;
 background:#83740f;
 color:#fff;
}

/**********************サイドメニュー*****************************/
#BOXR h3 {
 width:230px;
 font-size:120%;
 font-weight:bold;
 background:#83740f;
 margin-top:10px;
 color:#fff;
 text-indent:10px;
}

#BOXR .LST ul {
}

#BOXR .LST li {
 font-size:120%;
 list-style-type:none;
 border-left:2px #d4c249 solid;
}

#BOXR .LST li a {
 text-indent:5px;
 margin-top:2px;
 width:228px;
 display:block;
}

#BOXR .LST li a:hover {
 background:#eada70;
}

/****************コメントテキストエリア******************/
#Comme {
 width:465px;
 margin-left:40px;
 font-size:120%;
 margin-top:20px;
 padding:10px 0px;
}

#Comme p {
 margin:0.5em;
}

#Comme #comment {
 width:450px;
}

#Comme #comments,#Comme #postcomment {
 font-size:120%;
}

#postcomment, #comments {
 margin-top:10px;
}

#commentlist {
 list-style-type:none;
 width:491px;
}

#commentlist li {
 margin-bottom:10px;
 background:#E7D665 url(./images/coment_t.jpg) no-repeat right top;
 padding:10px 50px 10px 10px;
}

cite {
 text-decoration:none;
}

.RR {
 text-align:right;
}

.RRB {
 text-align:right;
 border-top:1px dashed #83740F;
 border-bottom:3px solid #83740F;
 padding:5px 0px;
 width:475px;
 margin:0px 0px 50px 50px;
}


.RRC {
 text-align:right;
 border-bottom:1px solid #83740F;
 width:475px;
 margin-left:50px;
 margin-bottom:30px;
}

/*------------------------RSS--------------------------------*/

.RSL a  {
 background: url(./images/rss.jpg) no-repeat;
 margin-top:165px;
 width:82px;
 height:16px;
 display:block;
 text-indent:-9999px;
}

.ten {
 margin-top:10px;
}

/*--------------------日付------------------------*/
.nichi {
 text-align:right;
 letter-spacing:0;
 padding-left:50px;
}

/*------------------写真集----------------------*/
#PhotoB {
}

#PhotoB li {
 float:left;
 list-style-type:none;
 padding:3px;
 margin:2px;
 background:#fff;
 border:1px solid #ccc;
}

/*--------------LINK--------------------*/

.linkcat {
 list-style-type:none;
}
.blogroll {
 
}

.blogroll li {
 list-style-type:none;
 padding-left:20px;
 margin:20px 0px;
}

/************アマゾン用テーブル**************/

#amazon {
 width:auto;
 margin:10px 0px;
}

#amazon td {
 background:#F1E786;
 padding:0px;
}