@charset "Shift_JIS";

@import "style-web.css";

@import "css/common.css";
@import "css/ngg_k2.css";
@import "css/thickbox.css";

#side,#main {
	float: left;	/*　サイドを右にする場合は　float:right;　に変更する */
}

/*---------------------------------*/
/* 基本となるCSSの設定 */
/*---------------------------------*/

body{
	background-color:#FFF;
	background-image: url(img/bg_001.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	margin:0;
	padding:0
	color: #666;
font-size: 14px
line-height: 150%
}

/* リンクの設定　*/

a:link { color: #000000; text-decoration: none; }  
a:visited { color: #000000; text-decoration: solid; } 
a:hover { color: #EB1575; text-decoration: underline; } 
a:active { color: #EB1575; text-decoration: none; } 

/*---------------------------------*/
/* ブログのレイアウト基本設定 */
/*---------------------------------*/

/*　ブログ本体　*/
 
#container {
	width: 760px;				/* 外側の幅 */
	background: #FFFFFF;		/* ブログ本体の背景色 */
	border: ;	/* ブログ本体の囲みの線の色と幅 */
	margin-right: auto;			/* ブログ本体を中央寄せ1 */
	margin-left: auto;			/* ブログ本体を中央寄せ2 */
	font-size: 11pt;			/*　ブログ本体の文字サイズ　*/
	line-height: 130%;			/*　行間隔　*/
	color: #666;
}

/*---------------------------------*/
/*　ヘッダー部分　*/
/*---------------------------------*/
#header {
	background: url(img/header_top.gif) no-repeat;	/* タイトルの背景画像 */
	margin:0;
	padding: 0;
	height: 100px;	/* タイトル部分の高さ */
	color: #666666;	/*　タイトル部分のテキストカラー　*/
	font-size: 11pt;
}

#headertop  {
height: 31px;	
color: #666666;	
line-height: 31px;
width: 100%x;
padding: 0 0 0 20px;
	font-size: 11px;
}

#headertop2  {
color: #666666;	
line-height: 31px;
width: 100%x;
padding: 0 10px 0 10px;
text-align: right;
	font-size: 11pt;
}

.header h1 {
	font-size: 14px;
	color: #666666;			/*　リンク色　黒　*/
	text-decoration: none;		/*　リンク装飾　なし　*/
}

/*　タイトル部分　*/
#header h1 {
	font-size: 20pt;		/*　ブログタイトルのフォントサイズ　*/
	margin-left: 20px;		/*　ブログタイトルのトップマージン　*/	
	padding-top: 15px;		/*　ブログタイトルの余白　*/
}

/*　タイトル下説明部分　*/
#header h2 {
	font-size: 12pt;		/*　説明文のフォントサイズ　*/
	margin-left: 45px;		/*　説明文の左マージン　*/
	width: 90%;			/*　説明文の幅（背景画像の幅と比較して90％）　*/
	padding-top: 10px;		/*　上部の余白　*/
}


/*　タイトル部分のリンク設定　*/
#header a {
	color: #666;			/*　リンク色　黒　*/
	text-decoration: none;		/*　リンク装飾　なし　*/
}

/*　タイトル下のナビゲーション部分　*/
#globalnavi {
	padding: 5px;				/*　余白　*/
	margin-bottom: 5px;			/*　ナビゲーション下のマージン　*/
	border-bottom: 1px solid #CCCCCC;	/*　ナビゲーション下の線の幅と色　*/
	color: #CCCCCC;				/*　ナビゲーションの文字の色　-主に縦線文字-　*/
}

/* ナビゲーション下の本体部分　*/
#content {
	padding: 10px 0 0 0;			
}

/*---------------------------------*/
/*　サイドの設定　*/
/*---------------------------------*/
#side {
	width: 175px;			/*　サイドの幅　*/
	margin-right: 0px;		/*　右側のマージン　*/
	margin-left: 10px;		/*　左側のマージン　*/
	font-size: 13px;
	color: #333;
}
/*　サイドのタイトル設定　*/
#side h3 {
	font-size: 12px;
	background-color: #fff;
	border-color: #EB1575;
	border-style: solid;
	border-width: 1px 1px 1px 5px;	
	color:#EB1575;	           /*　フォントカラー　*/
	height: 25px;
	line-height: 25px;			/*　行間隔　*/
	padding: 3px 0px 0px 5px;
	margin-top: 5px;			/*　下マージン　*/
}


/*　サイドの内容部分　*/
#side div {
	padding-left: 5px;			/*　左余白　*/
	padding-right: 0px;			/*　右余白　*/
	margin-bottom: 5px;			/*　下マージン　*/
}

/* サイド部分のリスト設定　*/
#side li {list-style: url(img/arrow_02.gif);} /* 矢印画像の指定　*/
#side ul {margin-left: 0px;}/* リスト部の左マージン　*/
.posted {font-size: 8pt; text-align: right;}

/*---------------------------------*/
/*　メイン部分の設定　*/
/*---------------------------------*/
#main {
	width: 565px;			/*　サイドの幅　*/
	margin-left: 10px;		/*　右側のマージン　*/
	margin-right: 0px;		/*　左側のマージン　*/
	color: #666;
}


/*　個別ページメインの設定　*/
#main02 {
	width: 700px;			/*　サイドの幅　*/
	margin: 0px 0px 5px 0px;	
	padding:0px 0px 5px 0px;
	color: #666;
}
.infoBOXmain02{
	display:block;
	width: 600px; /* 560 */
	margin-top: 10px;
	padding:5px 80px 5px 80px;
	list-style:none none;
	border:1px #ecdede solid;
	background-color:#fdfcf5;
	font-size: 14px;
	color:#444444;
	overflow:hidden;
}
/*　メインのタイトル部分　*/

#main h3 {
	font-size: 14px;
	padding: 5px;					/*　余白　*/
	margin: 10px 0px 10px 0px;			/*　下マージン　*/
	color:#EB1575;	
	background-color: #fff;
	border-color: #EB1575;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
}

#main h4 {
	font-size: 14px;
	padding: 5px;					/*　余白　*/
	margin: 10px 0px 10px 0px;			/*　下マージン　*/
	color:#EB1575;	
	background-color: #fff;
	border-color: #EB1575;
	border-style: dotted;
	border-width: 2px 0px 2px 0px;
}



/*　「続き」の設定　*/
.continue {
	font-size: 9pt;		/*　「続き」のフォントサイズ　*/
	text-align: right;	/*　テキストの右寄せ　*/
	padding: 0 10px 0 0;	
border-color: #0076A3;
border-style: solid;
border-width: 0px 5px 1px 0px;
}

/*---------------------------------*/
/*　フッター部分　*/
/*---------------------------------*/
#footer {
	width: 740px;		
	text-align: center;					/*　テキストの中央寄せ　*/
	margin-top: 10px;						/*　余白　*/
	padding: 10px;						/*　余白　*/
	border-top: 5px solid #EB1575;		/*　フッターの上の線の設定　線の幅と色　*/
}





/* メイン部分ナビゲーション設定 */
h2#comments,h2#trackbacks,h2#pleasetocom {
	font-size: 10pt;			/*　フォントサイズ　*/
	background: #eeeeee;		/*　背景色　*/
	padding: 5px;				/*　余白　*/
	border: 1px solid #CCCCCC;	/*　囲みの線設定　*/
}

/* パンナビゲーションの設定　*/
h2#pnavi {
	font-size: 10pt;			/*　フォントサイズ　*/
	padding: 5px;				/*　余白　*/
}

/*　エントリー内容の設定　*/
.en-body {
	padding-left: 15px;		/*　左余白　*/
}


/*　日付部分の設定　*/
.en-date {
	font-size: 8pt;				/*　フォントサイズ　*/
	text-align: right;			/*　行の位置　*/
	padding: 2px;				/*　余白　*/
}		


/*　（変更不要）　*/
.clr {
	clear: both;
}






/*　フッター内キャプション部分　*/
.caption {
	font-size: 8pt;		/*　フォントサイズ　*/
}










/*　エントリ部カテゴリ名表示の設定 */
.en-category {
	text-align: right;					/*　行位置　右　*/
	font-size: 9pt;						/*　フォントサイズ　*/
	color: #666;						/*　フォントカラー　*/
	font-weight: bold;					/*　フォントの太さ　*/
}




/* その他詳細設定　*/



/* カレンダーの設定　*/
#calendar {
  line-height: 140%;							/* 行間隔　*/
  color: #666666;								/* フォントの色　*/
  font-family: Verdana, Arial, sans-serif;		/* フォントの種類　*/
  font-size: x-small;							/* フォントサイズ　*/
  padding: 2px;									/* 余白　*/
  text-align: center;							/* テキストの中央寄せ　*/
  margin-bottom: 30px;							/* 下マージン　*/
  }

/*　カレンダーの表設定　*/
#calendar table {
  padding: 2px;						/*　余白　*/
  border-collapse: collapse;		/*　ボーダーの重ね　*/
  border: 0px;						/*　ボーダーの線幅　*/
  width: 100%;						/*　表の幅　*/
  }

/*　カレンダーのキャプション設定　*/

#calendar caption {
  color: #666666;							/*　テキストカラー　:*/
  font-family: Verdana, Arial, sans-serif;	/*　フォントの種類　*/
  font-size: x-small;						/*　フォントサイズの指定　*/
  text-align: center;						/*　文字の横位置　*/
  font-weight: bold;						/*　フォントの太さ　*/
  text-transform: uppercase;
  letter-spacing: .3em;
  }

/*　カレンダーの１行目の設定　*/
#calendar th {	
  text-align: center;		/*　テキストの横位置　*/
  font-weight: normal;		/*　フォントの太さ　*/
  }

/*　カレンダー日付　*/
#calendar td {
  text-align: center;	/*　テキストの横位置　*/
  }
/*　コメントした際のタイトル部　*/
#comthanks h2 {
	background: #eeeeee;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin: 20px;
	border: 1px solid #999999;
}

/*　コメントした際のテキスト部　*/
#comthanks p {
	width:70%;				/*　幅　*/
	margin-right: auto;		/*　右側マージン　*/
	margin-left: auto;		/*　左側マージン　*/
}

/*　TOPインフォメーション　*/
.infoBOX{
	display:block;
	width: 530px; /* 560 */
	margin-top: 10px;
	padding:5px 10px 5px 10px;
	list-style:none none;
	border:1px #ecdede solid;
	background-color:#fdfcf5;
	font-size: 14px;
	color:#444444;
	overflow:hidden;
}

.infoH{
	clear:both;
	display:block;
	width: 100%;
	height:31px;
	margin:10px 0 0 0;
	background-image:url(img/info_h.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-size: 14px;
line-height: 31px;
	padding-left: 25px;
}




/*メニュー*/
/* GLOBALHEADER */
#globalheader { width: 760px; height: 41px; margin:0; }
#globalheader #globalnav { margin: 0; padding: 0 8px 0 8px; }
#globalheader #globalnav li { display: inline; text-indent: -9999px;  }
#globalheader #globalnav li a { float: left; width: 124px; height: 41px; padding-top: 0; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader  { background-image: url(img/headermenu.gif);  background-image: url(img/headermenu.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#menu01 a { background-position: -8px 0; }
#globalheader #globalnav li#menu02 a { background-position: -132px 0; }
#globalheader #globalnav li#menu03 a { background-position: -256px 0; }
#globalheader #globalnav li#menu04 a { background-position: -380px 0; }
#globalheader #globalnav li#menu05 a { background-position: -504px 0; }
#globalheader #globalnav li#menu06 a { background-position: -628px 0; }

/* OVER STATES */
#globalheader #globalnav li#menu01 a:hover { background-position: -8px -41px; }
#globalheader #globalnav li#menu02 a:hover { background-position: -132px -41px; }
#globalheader #globalnav li#menu03 a:hover { background-position: -256px -41px; }
#globalheader #globalnav li#menu04 a:hover { background-position: -380px -41px; }
#globalheader #globalnav li#menu05 a:hover { background-position: -504px -41px; }
#globalheader #globalnav li#menu06 a:hover { background-position: -628px -41px; }

/* PRESSED STATES */
#globalheader #globalnav li#menu01 a:active { background-position: -8px -41px; }
#globalheader #globalnav li#menu02 a:active { background-position: -132px -41px; }
#globalheader #globalnav li#menu03 a:active { background-position: -256px -41px; }
#globalheader #globalnav li#menu04 a:active { background-position: -380px -41px; }
#globalheader #globalnav li#menu05 a:active { background-position: -504px -41px; }
#globalheader #globalnav li#menu06 a:active { background-position: -628px -41px; }

table.gaiyou{
	width: 97%;
	font-size: 10pt;
	line-height: 100%;
    border: 1px solid #FC6800;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.gaiyou caption{
color: #000000;
font-weight: bold;
    border: 1px solid #FC6800;
    background-color: #FC6800;
color: #FFF;
    padding: 10px 15px 10px 15px;
}
.gaiyou td{
    border-right:1px dashed #FC6800;
    border-bottom:1px solid #FC6800;
    padding: 10px 15px 10px 15px;
}


table.toiawase{
	width: 97%;
	font-size: 14px;
	line-height: 100%;
    border: 1px solid #B4B4B4;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.toiawase caption{
color: #000000;
font-weight: bold;
    border: 1px solid #B4B4B4;
    background-color: #B4B4B4;
color: #FFF;
    padding: 10px 15px 10px 15px;
}
.toiawase td{
    border-right:1px dashed #B4B4B4;
    border-bottom:1px solid #B4B4B4;
    padding: 10px 15px 10px 15px;
}

#komidashi {
	font-size: 14px;
font-weight: bold;
	padding: 5px;							/*　余白　*/
	margin-bottom: 10px;						/*　下マージン　*/
	margin-top: 10px;						/*　上マージン　*/
	color: #666;
	background-color: #fff;
border-color: #FF6407;
border-style: dotted;
border-width: 2px 0px 2px 0px;
}


table.meri{
	width: 97%;
	font-size: 14px;
	color: #666;
	line-height: 150%;
    border: 0;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}


table.kankyou{
	width: 97%;
	font-size: 10pt;
	line-height: 150%;
    border: 1px solid #FC6800;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.kankyou td{
    border-bottom:1px solid #FC6800;
    padding: 10px 15px 10px 15px;
}

/* 追加 */


.table1{
border-collapse: collapse;
border: 1px solid #999999;
margin: 5px auto;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 180%;
	color: #333333;
}
.table1 TD, TH{
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 180%;
	color: #333333;
	font-style: nomal;
padding: 0.3em 1em;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
empty-cells: show;
}

.table2{
border-collapse: collapse;
border: 2px solid #64ADF0;
margin: 5px auto;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 180%;
	color: #333333;
}
.table2 TD, TH{
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 180%;
	color: #333333;
	font-style: nomal;
padding: 0.3em 1em;
border-bottom: 1px solid #64ADF0;
border-right: 1px solid #64ADF0;
empty-cells: show;
}



TD.infoBoxHeading2 {
	font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 4px;
  background-color: #EFEFEF;
}

TD.infoBox, SPAN.infoBox {
  font-size: 10px;
}

.pageCategories {
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0;
	padding-left: 10px;
	color: #666666;
}

.suggestedProducts{
	padding-top: 4px;
	padding-bottom: 4px;
}

a.pageCategories {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 1px;
	border: solid white 1px;
}

a.pageCategories:hover {
	font-family: Verdana, Helvetica, sans-serif;
	color: #3974CC;
	text-decoration: none;
	border: solid #ECECEC 1px;
	background-color: #F9F9F9;
}

p.subtitle{
text-align: left;
font-size: 1em;
font-weight: bold;
border-bottom: solid 3px #c5e1ed
color: #55555;
padding-bottom: 5px;
margin-top:0;
margin-bottom: 0;
}

p.lineup{
text-align: left;
font-size: 0.875em;
line-height: 1.5em;
color: #55555;
margin-top:0;
margin-bottom: 0;
margin-left: 30px;
}


address{
	font-family: Verdana, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
padding-top; 4px;
color:  #45446D;
}

address a{
color: #45446D;
}

.gallery-thumbnail {
	float: left; 
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
}

.gallery-thumbnail img {
	margin: -6px 6px 6px -6px !important;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}

/**************** Entry *********************/



.entry { margin: 0px; padding: 0px; float: right; width: 540px;}

.entry a, .entry a:link  {  color:#ed145a; text-decoration: none; padding:0; border-bottom:1px dotted #ED145A; } 
.entry a:hover, .entry a:visited { color: #666; border-bottom:1px dotted #666; padding:0;}
/*.entry h2 { font-size:24px; color:#3d3d3d; margin:0; padding:0 0 5px 0; line-height: 150%; }*/
.entry p {margin:0; padding:0 0 10px 0;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "?00BB ?0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line { background:url(dot.gif) repeat-x; margin:10px 0 0 0; padding:0 0 20px 0; }




.table {font-size: 12px; color: #333333; line-height: 20px;}
.text12w {font-size: 12px; color: #FFFFFF;}
.text10 {  font-size: 10px;  color: #333333;}

.text12red {color: #ED145B;}
.text10b {font-size: 10px; color: #000000;}

.tableform{
	padding: 10px;
	margin-bottom:10px;
border-top:1px solid #333333;
    border-left:1px solid #333333;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.tableform td{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px 5px 5px 5px;
	line-height: 150%;
}

/* ----------- Gallery style -------------*/

#gallery{
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	font-size: 10px;
	color: #333333;
}	

.ngg-galleryoverview2 {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-gallery-thumbnail-box2 {
	margin:0px !important;
	float: left;
}

.ngg-gallery-thumbnail2 {
	float: left; 
	background: url(http://1web-ya.com/csslib/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://1web-ya.com/csslib/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
}

.ngg-gallery-thumbnail2 img {
	margin: -6px 6px 6px -6px !important;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}



.ngg-gallery-thumbnail2 span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
} 

.ngg-clear2 {
	clear: both;
}

/* 左メニューテキスト部分 */

#ctaArea	{
	margin: 0px 0px 0px -42px;
}

#ctaArea .ctaText	{
	padding: 0px 0px 0px 40px;
	font-size: 14px;
}

#ctaArea .ctaText table	{
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

#ctaArea .ctaText ul	{
	padding: 0px 0px 5px 5px;
	margin: 0px;
}

#ctaArea .ctaText ul li	{
	list-style: none;
	padding: 0px 0px 0px 20px;
	background: url(img/bullet_arrow.gif) no-repeat 4px 6px ;
	font-size: 12px;

}

#ctaArea ul li a	{
	text-decoration: none;
}

#ctaArea ul li a:hover	{
	text-decoration: underline;
}

#ctaArea h2	{
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #8e5d07;
}