/*
カスタムCSSについて

TypePadのブログをカスタマイズする、代表的なCSS指定は、コメントアウトとして記述されています。コメントアウトを解除することで、CSS指定を有効にすることができます。TypePadのカスタムCSS講座も参照ください。
http://start.typepad.jp/manual/customcss.html
http://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=373

CSSの詳しい記述方法については、WEBサイトや書籍などを、参考にしてください。
*/

/*
指定しているのにうまくいかない場合

CSSセレクタの個別性が原因でうまく指定が反映されない可能性があります。セレクタの個別性順序は以下のようになります。


span        { color: blue; }
p span      { color: green; }
span.memo   { color: red; }
span#memo { color: gray; }

の場合、<p><span class="memo" id="memo">サンプル</span></p>の『サンプル』という文字は上記セレクタの順序がちがっても、グレーになります。
指定が反映されない原因が、セレクタの個別性かどうか確認するには、優先させたいプロパティの値のあとに、! important と追加して指定してみてください。

例)

span { color: red ! important; }

*/


* { margin:0;padding:0; font-family:sans-serif;}

a:link{color:#0000CC;}
a:hover{color:#FF9900;}

a {overflow:hidden;}
li {list-style:none;}
/* ブログのバナー背景部分に画像を指定:TOP */
 

#top div#banner {
  background: url(../image/top.jpg) no-repeat left top;
  width:870px;
  height:359px;
  margin:0;
  padding:0;}

/* バナー部分の中身:TOP */

#top div#banner-inner {
	margin:0;padding:0;}
#top div#banner-inner h1#banner-header a {
	display:block;
	width:870px;
	height:340px;
	text-indent:-9999px;}
#top div#banner-inner h2#banner-description {
	display:block;
	width:870px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;}


/* ブログのバナー背景部分に画像を指定:SECOND */
 
#second div#banner {
  background: url(../image/head.gif) no-repeat left top;
  width:800px;
  height:109px;
  margin:0;
  padding:0;
}

/* バナー部分の中身:SECOND */

#second div#banner-inner {
	margin:0;padding:0;}
#second div#banner-inner h1#banner-header a {
	display:block;
	width:800px;
	height:100px;
	text-indent:-9999px;}
#second div#banner-inner h2#banner-description {
	display:block;
	width:800px;
	height:9px;
	text-indent:-9999px;
	overflow:hidden;}
	
/*グローバルメニュー*/
#global-menu {
	width:767px;
	height:34px;
	margin:3px auto 10px;}
#global-menu ul,#global-menu li {margin:0;padding:0;}
#global-menu li {
	float:left}
#global-menu a#gm1 {
	background:url(../image/gm1.gif) no-repeat left top;
	width:188px;
	height:34px;
	display:block;
	text-indent:-9999px;}
#global-menu a#gm2 {
	background:url(../image/gm2.gif) no-repeat left top;
	width:188px;
	height:34px;
	display:block;
	text-indent:-9999px;
	margin-left:5px;}
#global-menu a#gm3 {
	background:url(../image/gm3.gif) no-repeat left top;
	width:188px;
	height:34px;
	display:block;
	text-indent:-9999px;
	margin-left:5px;}
#global-menu a#gm4 {
	background: url(../image/gm4.gif) no-repeat left top;
	width:188px;
	height:34px;
	display:block;
	text-indent:-9999px;
	margin-left:5px;}
#global-menu a:hover#gm1, #global-menu a:hover#gm2, #global-menu a:hover#gm3, #global-menu a:hover#gm4 {
	background-position:left bottom;}

/*パンくずリスト*/
#pankuzu {
	padding:0 18px;
	font-size:12px;}


/* ページの各部分の指定 */
/* 詳しくは http://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=374 */

body#top {
	background:#F3F0CF url(../image/top_bg.gif) repeat-x top;}
#top #container {
	width:870px;
	margin:0 auto;
	color:#333;}

body#second {
	background:#F3F0CF url(../image/second_bg.gif) repeat-x top;}
#second #container {
	width:800px;
	margin:0 auto;
	color:#333;}
	
div#container div#container-inner {}

#top div#pagebody {
	width:800px;
	margin:0 auto;
	font-size:12px;
	line-height:1.5;
	padding-top:8px;
	clear:both;}
#second div#pagebody {
	width:800px;
	margin:0 auto;
	font-size:12px;
	line-height:1.5;
	padding-top:8px;
	clear:both;}
#top #pagebody div#pagebody-inner {
	width:768px;
	margin:0 auto;
	padding-bottom:10px;}
#second #pagebody div#pagebody-inner {
	width:800px;
	padding-bottom:10px}
/*
div.entry {}
div.entry h3.entry-header {}
div.entry div.entry-content {}
div.entry div.entry-content div.entry-body {}
div.entry p.entry-footer {}
*/

/* レイアウト毎に異なる指定 */
/* １カラム */
/*
body.layout-one-column div#alpha {}
body.layout-one-column div#alpha-inner {}
*/
/* ２カラム （左サイドバー = alpha | 本文 = beta） */
/*
body.layout-two-column-left div#alpha {}
body.layout-two-column-left div#alpha-inner {}
body.layout-two-column-left div#beta {}
body.layout-two-column-left div#beta-inner {}
*/

/* ２カラム （本文 = alpha | 右サイドバー = beta） */

body#top.layout-two-column-right div#alpha {
	width:540px;
	padding:0;
	float:left;}
body#second.layout-two-column-right div#alpha {
	width:540px;
	padding:15px;
	background-color:#FFF;
	border:1px solid #E4DFB7;
	margin-bottom:10px;
	float:left;}
body#top.layout-two-column-right div#alpha-inner {
	margin-left:2px;
	width:520px;}
body.layout-two-column-right div#beta {
	width:218px;
	float:right;
	font-size:12px;}
/*body.layout-two-column-right div#beta-inner {}*/

/* モジュールの設定 */
.module-header {
	font-size:14px;
	line-height:1.2;
	padding:2px 2px 1px;
	border-bottom:2px solid #7B5C00;
	margin:10px 0 3px;}
.module-header a {
	text-decoration:none;}
.module-content {
	padding:5px 0 8px;}
.module-content li {
	background:url(../image/arw1.gif) no-repeat 1px 0.1em;
	padding:0 0 3px 15px;
	font-size:12px;
	line-height:1.2;}
.module-syndicate module {
	text-align:center;
	font-size:10px;}

/* サイドバー内のバナー */
#banner-box {
	background-color:#DDD9AE;
	border:1px solid #D2CE95;
	padding:3px 0;
	margin-bottom:15px;
	width:216px}
#banner-box li {
	padding-bottom:5px;}
a#ban1 {
	background:url(../image/ban_poppo.gif) no-repeat left top;
	width:210px;
	height:95px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;}
a#ban2 {
	background:url(../image/ban_order.gif) no-repeat left top;
	width:210px;
	height:40px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;}
a#ban3 {
	background:url(../image/ban_beginner.gif) no-repeat left top;
	width:210px;
	height:35px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;}
a:hover#ban1, a:hover#ban2, a:hover#ban3 {
	background-position:right top;} 
	
#telfax {
	background: url(../image/telfax.gif) no-repeat left top;
	width:218px;
	height:57px;
	text-indent:-9999px;
	padding-bottom:8px;
	border-bottom:1px solid #D2CE95;
	margin:10px 0 5px}
#kaisya {
	padding:0 0 5px;
	line-height:1.2;
	border-bottom:1px solid #D2CE95;}
#kaisya h1 {
	background: url(../image/kaisya.gif) no-repeat left top;
	width:218px;
	height:33px;
	text-indent:-9999px;
	margin:0 auto 5px;}

.arw1 {
	background:url(../image/arw1.gif) no-repeat 3px 1px;
	padding:1px 0 0 18px;
	margin-left:3px;}
/* topページのコンテンツ */
#top #pr {
	background:url(../image/pr.gif) no-repeat left top;
	width:524px;
	height:175px;
	text-indent:-9999px;
	margin-bottom:15px;}
	
#top #news {
	border-bottom:2px solid #7B5C00;
	margin-bottom:8px;
	width:520px;}
#top #news h3{
	background:url(../image/bar_new.gif) no-repeat 2px top;
	width:186px;
	height:19px;
	display:block;
	text-indent:-9999px;
	margin-bottom:4px;}
	
/* topページの最近のブログ記事の表示設定 */
#top .date-header {
	background:url(../image/arw1.gif) no-repeat 2px 0.25em;
	padding:2px 0 0 17px;
	line-height:1.2;
	font-size:12px;
	font-weight:normal;
	margin-right:5px;}
#top .entry {
	margin:0 0 8px 17px;
	line-height:1.2;
	font-weight:normal;}
#top .entry .entry-header {
	font-size:12px;
	font-weight:normal;}
#top .entry-content, #top .entry-footer {
	display:none;}
	
/* ブログページの設定 */
#second .content-nav {
	margin-bottom:12px;}
#second .date-header {
	background-color:#7B5C00;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	padding:1px 5px;
	margin:0 0 10px;}
#second .entry {width:535px;}
#second .entry-header {
	font-size:18px;
	border-bottom:2px solid #DDD9AE;
	padding:0 0 12px 1px;
	margin-bottom:12px;}
#second .entry-footer-info {
	border-top:1px dotted #D2CE95;
	padding-top:3px;
	font-size:10px;
	color:#999;
	margin:8px 0 35px;}
#second .entry-content {width:535px;}
#second .entry-body {
	width:535px;}

/* アーカイブページの設定 */
#second h2.content-header, #second h2.archive-header {
	font-size:20px;
	color:#666;
	padding:2px 2px 15px;
	background:url(../image/ttl_line.gif) repeat-x bottom;
	margin-bottom:25px;}
#second .archive-content .archive-list-item a {
	background:url(../image/arw1.gif) no-repeat 1px 0.1em;
	padding:0 0 0 16px;
	margin-bottom:5px;}

/* 個別のwebページの指定 */
#ttl {
	background:url(../image/ttl_line.gif) repeat-x bottom;
	padding:10px 0 20px 4px;
	margin-bottom:25px;}
#poppo #ttl h1 {
	background:url(../image/ttl_about.gif) no-repeat left top;
	width:355px;
	height:29px;
	text-indent:-9999px;}
#shohin #ttl h1 {
	background: url(../image/ttl_shohin.gif) no-repeat left top;
	width:187px;
	height:28px;
	text-indent:-9999px;}
#guide #ttl h1 {
	background: url(../image/ttl_guide.gif) no-repeat left top;
	width:316px;
	height:28px;
	text-indent:-9999px;}
#policy #ttl h1 {
	background: url(../image/ttl_policy.gif) no-repeat left top;
	width:191px;
	height:23px;
	text-indent:-9999px;}

#poppo h2, #shohin h2,#guide h2 {
	background-color:#CFE787;
	padding:1px 0 1px 7px;
	border-left:5px solid #669900;
	font-size:16px;
	line-height:normal;
	margin-bottom:8px;}
#poppo h3, #shohin h3,#guide h3 {
	font-size:16px;
	margin-bottom:5px;}

.box1 {
	background-color:#FF9;
	padding:8px 12px;
	line-height:1.2;}
.box1 h4 {
	color:#690;
	margin-bottom:3px;}
.box2 {
	padding:5px 2px;
	border-top:1px solid #7B5C00;
	border-bottom:1px solid #7B5C00;}

#poppo #event {
	background:url(../image/event2.gif) no-repeat left top;
	width:280px;
	height:155px;
	padding:0 240px 0 15px;
	line-height:1.3;}

#poppo #event2 {
	background:url(../image/event3.gif) no-repeat left top;
	width:280px;
	height:175px;
	padding:0 240px 0 15px;
	line-height:1.3;}

#poppo #event #event-cont {
	width:280px;
	height:90px;
	text-indent:-9999px;}

#shohin, #guide, #policy {
	font-size:12px;
	line-height:1.5;}
#shohin table {
	width:535px;
	border-bottom:1px dotted #D2CE95;
	margin-bottom:25px;}
#shohin td {
	line-height:1.3;
	font-size:12px;
	vertical-align:top;
	padding-bottom:15px;}
#shohin td h1 {
	font-size:16px;
	margin-bottom:8px;}
#shohin .attention {
	background-color: #FFC;
	padding:10px 8px;
	margin:5px 0 0;
	line-height:16px;}
#shohin td img {
	margin:0 18px 0 0;}
#policy h2 {
	background-color:#DDD9AE;
	padding:1px 3px;
	font-size:14px;
	font-weight:normal;
	line-height:normal;
	margin:25px 0 8px;}


/* ３カラム （左サイドバー = alpha | 本文 = beta | 右サイドバー = gamma) */
/*
body.layout-three-column div#alpha {}
body.layout-three-column div#alpha-inner {}
body.layout-three-column div#beta {}
body.layout-three-column div#beta-inner {}
body.layout-three-column div#gamma {}
body.layout-three-column div#gamma-inner {}
*/

/* サイドバー・モジュールの指定 */
/*
div.module {}
div.module h2.module-header {}
div.module div.module-content {}
div.module-content ul.module-list {}
div.module-content ul.module-list li.module-list-item {}
*/


/*フッター*/
#footer {
	color:#B7A673;
	font-size:11px;
	line-height:normal;
	text-align:center;
	padding:5px;
	background-color:#7B5C00;
	clear:both;
	margin:10px 0;}

/*マージン設定*/
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.ml15 {margin-left:15px;}
.m_auto {margin:0 auto;}

/*float設定*/
.fl {float:left}
.fr {float:right}
.clearboth {clear:both;}

/*文字設定*/
.col690 {color:#690}
.col {color:#7B5C00}
.fs16 {font-size:16px;}
.lh13 {line-height:1.3;}