@charset 'utf-8';

/* =======================================
  INDEX styles.css
 -----------------------------------------
  1.main			ページ全体
  2.header			ヘッダー
  3.left_box		左部分
  4.contents_box	右コンテンツ
  5.footer			フッター
  6.index			メインページ
  	6-1.main_image		メインイメージ
	6-2.news_box		新着情報リスト
  7.sub				配下ページ
  	7-1.base			配下ページ基本部分
	7-2.entry-box		エントリー
	7-3.comment			コメント関連
	7-4.trackbacks		トラックバック
	7-5.comments		コメント
	7-6.sitemap			サイトマップ
	7-7.contact_form	お問い合わせフォーム
  8.other
    8-1.line
    8-2.color
    8-3.background
    8-4.position
 ===================================== */

* {
	margin		: 0;
	padding		: 0;
	font-style	: normal;
	font-size	: 12px;
	font-family	: Verdana,sans-serif;
	}

html{
	overflow-y	: scroll;
	}

body{
	margin		: 0 auto;
	text-align	: center;
	letter-spacing	: 0.1em;
	background	: #D3D3BB;
	}

h1,h2,h3,h4,h5,
address,
div,img{
	margin		: 0;
	padding		: 0;
	font-weight	: normal;
	}

ol,ul,li,
dl,dd{
	margin		: 0;
	padding		: 0;
	}

ul{
	list-style	: none;
	}

* html table,
* html th,
* html td{
	font-size	: 12px;
	}

p{
	margin		: 5px 0;
	line-height	: 140%;
	}

img{
	border		: none;
	}

a{
	color		: #000;
	text-decoration	: none;
	}

a:hover{
	color		: #000;
	text-decoration	: underline;
	}

a:visited{
	color		: #000;
	}

/* 1.main	ページ全体
=====================================*/
#main{
	width		: 800px;
	margin		: 0 auto;
	padding		: auto;
	text-align	: left;
	letter-spacing	: 0.1em;
	line-height		: 140%;
	background	: #FFFFFF;
	}
	
* html #main{
	width		: 799px;
	padding		: 0 0 0 0;
	}

.pagetop{
	margin		: 0px;
	text-align	: right;
	clear		: both;
	}

/* 2.header	ヘッダー
=====================================*/
#header{
	height		: 92px;
	margin		: auto;
	padding		: 0;
	background  : url("images/bg_header.gif") no-repeat bottom #D3D3BB;
	}
	
#header_top{
	padding		: 2px 0;
	color		: #000;
	}

#logo{
	margin		: 5px 0;
	float: left;
	}
	
#logo a{
	font-weight : bold;
	font-size	: 1.5em;
	color		: #333;
	}

h1{
	float		: left;
	color		: #000000;
	font-size	: 12px;
	}
	
#header_topic{
	margin		: 0;
	text-align	: right;
	color		: #000000;
	}
	
h2{
	float		: right;
	position	: relative;
	top			: 26px;
	right		: 370px;
	color		: #000000;
	font-size	: 12px;
	}

h2 a,
h2 a:hover,
h2 a:visited{
	color		: #000;
	text-decoration	: none;
	}

#header_menu{
	float		: right;
	clear		: right;
	}

#header_menu li{
	margin		: auto;
	padding		: 0 0 10px 0;
	float		: left;
	text-align	: right;
	text-indent	: 0.5em;
	}
	
* html #header_menu li{
	padding		: 0 0 6px 0;
	}

#header_menu li img{
	vertical-align	: middle;
	}


/* 3.left_box	左部分
=====================================*/
#left_box{
	width		: 200px;
	margin		: 10px 5px;
	float		: left;
	background	: #D8A24A;
	}
	
* html #left_box{
	margin		: 10px 5px;
	}

	/* 3-1.main_menu	メインメニュー
	-------------------------------------*/
	#main_menu{
		width		: 200px;
		margin		: auto;
		background-color	: #D8A24A;
		}
		
	#main_menu li{
		width		: 200px;
		height		: 27px;
		margin		: 0;
		}
	
	#main_menu li a{
		padding		: 5px 5px 5px 20px;
		color: #FFF;
		display		: block;
		vertical-align	: middle;
		background	: url("images/bg_menu.gif") no-repeat left bottom;
		}
		
	/* 3-2.sub_cat	サブカテゴリー表示
	-------------------------------------*/
	#main_menu li ul.sub_cat{
		margin		: 5px 0 0 0;
		display		: block;
		}
	
	#main_menu li ul.sub_cat li{
		width		: 175px;
		margin		: 0 0 0 8px;
		}
	
	#main_menu li ul.sub_cat li a{
		padding		: 0 0 0 15px;
		display		: block;
		background	: url("images/li_sitemap.gif") no-repeat left center;
		}
	
	/* 3-2.sub_cat	月別アーカイブ表示
	-------------------------------------*/
	.ttl_month{
		width		: 175px;
		margin		: 0 0 10px 0;
		padding		: 1px 0 1px 15px;
		background	: url("images/bg_ttl.gif") no-repeat left bottom;
		}
		
	.sub_month li{
		width		: 175px;
		margin		: 0 0 0 8px;
		padding		: 0 0 0 15px;
		background	: url("images/li_sitemap.gif") no-repeat left center;
		}
	
	/* 3-3.mobile	モバイル関連表示
	-------------------------------------*/
	#mobile{
		margin		: 10px 5px;
		width		: 185px;
		text-align	: center;
		clear		: both;
		background	: #FFF;
		border		: solid 1px #cccccc;
		}
	
	#mobile p{
		margin		: 5px 6px;
		font-size	: 80%;
		line-height	: 150%;
		color		: #666;
		text-align	: left;
		}


/* 4.contents_box	右コンテンツ
=====================================*/
#contents_box{
	width		: 560px;
	margin		: 10px 15px 0 10px;
	padding		: auto;
	float		: right;
	}

* html #contents_box{
	margin		: 10px 3px 0 3px;
	}

/* 5.footer	フッター
=====================================*/
#footer{
	margin		: 0 auto 0;
	padding		: 15px 0 10px 0px;
	text-align	: center;
	color       : #000000;
	font-size	: 90%;
	font-family: Gergia, "ＭＳ 明朝", serif;
	background	: url("images/bg_footer.gif") no-repeat top center #D3D3BB;
	}

/* 6.index	メインページ
=====================================*/
	/* 6-1.main_image	メインイメージ
	-------------------------------------*/
	#main_image{
		width		: 550px;
		height		: 330px;
		margin		: 10px 25px 10px 5px;
		float		: right;
		position	: relative;
		text-indent	: -9999px;
		background	: url("images/main_image.jpg") no-repeat top left;
		}
		
	* html #main_image{
		margin		: 10px 8px 10px 5px;
		}
	
	/* 6-2.news_box	新着情報リスト
	-------------------------------------*/
	#news_box_in{
		width		: 538px;
		border		: solid 0.5em #CD9933 ;
		}
		
	* html #news_box_in{
		width		: 550px;
		}
	
	#news_box li{
		padding		: 0 10px;
		margin		: 5px 0 5px 0;
		font-size	: 11px;
		}
		
	.entry_ttl{
		color: #CC0001;
		}

/* 7.sub	配下ページ
=====================================*/
	/* 7-1.base　配下ページ基本部分
	-------------------------------------*/
	.topic_path{
		margin		: 0 0 10px 0;
		padding		: 2px 0 2px 5px;
		border-top	: solid 1px #000;
		border-bottom	: solid 1px #000;
		width		: 555px;
		}
	
	.ttl_cat{
		width		: 555px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		text-indent	: 1em;
		font-weight	: bold;
		background	: url("images/bg_dotted.gif") repeat-x left bottom;
		}
	
	/* 7-2.entry-box	エントリー
	-------------------------------------*/
	.entry_box{
		width		: 555px;
		margin		: 0 0 20px 0;
		}
	
	.entry_box p{
		margin		: 5px 0 15px 5px;
		}
		
	.entry_footer{
		padding		: 8px 0 0 0;
		text-align	: right;
		background	: url("images/bg_dotted.gif") repeat-x top left;
		}

	/* 7-3.comment	コメント関連
	-------------------------------------*/
	.ttl_comment{
		width		: 570px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		text-indent	: 1em;
		font-weight	: bold;
		border-bottom	: double 3px #84B8EA;
		}
	
	.comment_footer{
		padding		: 0 0 5px 0;
		text-align	: right;
		}
		
	.comment_form{
		width		: 550px;
		margin		: 0 0 0 10px;
		}
	
	#comment-preview,
	#comment-submit,
	#comment-cancel{
		width		: 80px;
		padding		: 2px;
		}

	/* 7-4.trackbacks	トラックバック
	-------------------------------------*/
	.trackbacks-info input{
		margin	: 0;
		padding	: 2px;
		font-size	: 12px;
		}

	/* 7-5.comments	コメント
	-------------------------------------*/
	.comments input#comment-author,
	.comments input#comment-email,
	.comments input#comment-url{
		width		: 350px;
		padding		: 2px;
		font-size	: 12px;
		}
	
	textarea{
		padding		: 2px;
		font-size	: 12px;
		}
		
	/* 7-6.sitemap	サイトマップ
	-------------------------------------*/
	ul.li_sitemap{
		margin		: 20px;
		line-height	: 200%;
		}
	
	ul.li_sitemap li{
		text-indent	: 2em;
		background	: url("images/li_sitemap.gif") no-repeat left center;
		}
		
	/* 7-7.contact_form	お問い合わせフォーム
	-------------------------------------*/
	table.contact_form{
		width		: 500px;
		margin		: 0 5px;
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-top	: solid 1px #CCC;
		border-left	: solid 1px #CCC;
		}
		
	table.contact_form th{
		width		: 150px;
		padding		: 6px 0;
		letter-spacing	: 0em;
		text-align	: center;
		background	: #EEEEEE;
		}
		
	table.contact_form th,
	table.contact_form td{
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-right	: solid 1px #CCC;
		border-bottom	: solid 1px #CCC;
		}
		
	table.contact_form td{
		width		: 300px;
		padding		: 6px 5px;
		}
		
	table.contact_form input{
		width		: 250px;
		padding		: 2px;
		}
		
	table.contact_form textarea{
		width		: 280px;
		padding		: 2px;
		}

/* 8.other	その他
=====================================*/
.b{
	font-weight	: bold;
	}

.normal{
	font-weight	: normal;
	}

.none{
	text-decoration	: none;
	border			: none;
	}

.thin{
	letter-spacing	: 0em;
	}

.short{
	line-height	: 120%;
	}

.size10{
	font-size		: 10px;
	}

.size14{
	font-size		: 14px;
	}

.size16{
	font-size		: 16px;
	}

	/* 8-1.line
	--------------------------------------*/
	hr {
		display		: none;
		}
	
	.clr {
		height		: 0;
		clear		: both;
		}
	
	.line01,
	.line02{
		margin		: 10px 0;
		clear		: both;
		}
	
	.line01{
		height		: 8px;
		background	: url(line01.gif) repeat-x;
		}

	.line02{
		height		: 9px;
		background	: url(line02.gif) repeat-x;
		}	

	/* 8-2.color
	--------------------------------------*/
	.lightblue{
		color		: #09F;
		}
	
	.blue{
		color		: #06C;
		}
	
	.red{
		color		: #F00;
		}
	
	.pink{
		color		: #C06;
		}
	
	.orange{
		color		: #F90;
		}
		
	.lightgreen{
		color		: #690;
		}

	.green{
		color		: #093;
		}
	
	.darkgreen{
		color		: #099;
		}

	/* 8-3.background
	--------------------------------------*/
	.bg_gray{
		background-color	: #EEE;
		}
	
	.bg_white{
		background-color	: #FFF;
		}
			
	/* 8-4.position
	--------------------------------------*/
	.textC{
		text-align	: center;
		}
	
	.textR{
		text-align	: right;
		}
	
	.textL{
		text-align	: left;
		}
	
	.imgR{
		float		: right;
		margin		: 0 0 10px 10px;
		}

	.imgL{
		margin		: 0 10px 10px 0;
		float		: left;
		}
		
	#linkArea{
		margin		: 20px 0;
		}
	#linkArea .ttl{
		 color: #D8A24A;
		 padding-left: 10px;
		 border-width: 0px 0px 2px 20px;
		 border-style: solid;
		 border-color: #D8A24A;
		 line-height: 100%;
		}
	#footerLink{
		margin-top	: 20px;
		border-top	: 1px solid #CCCCCC;
		}
	#footerLink ul{
		margin		: 0 auto;
		padding		: 0px;
		}
	#footerLink li{
		float		: left;
		padding		: 0px 10px 0px 5px;
		list-style-type	: none;
		}
	#footerLink,#footerLink a{
		color		: #002E6E;
		text-decoration	: none;
		}
	#footerLink a:hover{
		text-decoration	: underline;
		}