@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	: url("images/bg_main.gif") repeat-x top center #fff;
	}

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		: #333;
	text-decoration	: none;
	}

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

a:visited{
	color		: #666;
	}

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

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

/* 2.header	ヘッダー
=====================================*/
#header{
	width		: 800px;
	margin		: auto;
	padding		: auto;
	}

#header_top{
	width		: 800px;
	}

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

h1{
	padding		: 0 0 0 10px;
	float		: left;
	font-size	: 12px;
	}
	
#header_topic{
	margin		: 0;
	text-align	: right;
	vertical-align	: top;
	}
	
h2{
	float		: right;
	position	: relative;
	top			: 20px;
	right		: 350px;
	color		: #FFF;
	font-size	: 12px;
	}

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

#header_menu{
	padding		: 0 0 10px 0;
	float		: right;
	clear		: right;
	}

#header_menu li{
	margin		: 0 5px 0 1px;
	float		: left;
	text-align	: right;
	}

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


/* 3.right_box	右部分
=====================================*/
#right_box{
	width		: 210px;
	margin		: auto;
	padding		: 10px 0 0 10px;
	float		: right;
	}

	/* 3-1.main_menu	メインメニュー
	-------------------------------------*/
	#main_menu{
		margin		: auto;
		padding		: 0 10px 0 0;
		font-size	: 14px;
		}
		
	#main_menu li{
		width		: 210px;
		margin		: 0 0 1px 0;
		padding		: 0;
		}
	
	#main_menu li a{
		padding		: 10px 15px 10px 15px;
		display		: block;
		color		: #FFFFFF;
		background	: url("images/bg_menu.gif") no-repeat right 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		: 180px;
		margin		: 10px 0 10px 0;
		text-indent	: 1em;
		line-heihgt	: 160%;
		border-bottom	: double 3px #CCC;
		}
		
	.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;
		}

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

#info_box{
	width		: 556px;
	padding		: 1px 1px 10px 1px;
	margin		: 0 0 10px 0;
	border		: solid #cccccc 0.1em;
	}

#in_box{
	padding		: 5px;
	}

	/* 4-1.main_contents	中央コンテンツ
	-------------------------------------*/
	#main_contents{
		width	: 410px;
		float	: left;
		}

	/* 4-2.main_contents	サイドコンテンツ
	-------------------------------------*/
	#right_contents{
		width	: 180px;
		float	: right;
		}
		
	/* 4-3.mobile	モバイル関連表示
	-------------------------------------*/
	#mobile{
		margin		: 10px 0;
		width		: 195px;
		text-align	: center;
		clear		: both;
		background	: #FFF;
		}
	
	#mobile p{
		margin		: 5px 6px;
		font-size	: 80%;
		line-height	: 150%;
		color		: #666;
		text-align	: left;
		}

/* 5.footer	フッター
=====================================*/
#footer{
	width		: 800px;
	margin		: auto;
	padding		: 10px 0 10px 0;
	clear		: both;
	text-align	: center;
	font-size	: 90%;
	background	: #FFFFFF;
	}


/* 6.index	メインページ
=====================================*/
	/* 6-1.main_image	メインイメージ
	-------------------------------------*/
	#main_image{
		width		: 800px;
		height		: 328px;
		margin		: auto;
		text-indent	: -9999px;
		background	: url("images/main_image.jpg") no-repeat top left;
		}
	
	/* 6-2.news_box	新着情報リスト
	-------------------------------------*/
	#news_box{
		width		: 558px;
		margin		: 0 0 5px 0;
		border-top	: solid #C2ECE8 0.5em;
		border-bottom: solid #cccccc 0.1em;
		border-left	: solid #cccccc 0.1em;
		border-right: solid #cccccc 0.1em;
		background	: url("images/ttl_news.gif") no-repeat top;
		}
		
	#news_box ul{
		padding		: 45px 5px 10px 5px;
		}
		
	#news_box li{
		padding		: 3px 0;
		}
		
	#news_box p{
		padding		: 10px 15px 0 15px;
		}


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

	/* 7-3.comment	コメント関連
	-------------------------------------*/
	.comment{
		border-bottom: solid 1px #CCC;
		}
	
	.ttl_comment{
		width		: 540px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		text-indent	: 1em;
		font-weight	: bold;
		border-bottom	: double 3px #9CF;
		}
	
	.comment_footer{
		padding		: 0 0 5px 0;
		text-align	: right;
		}
		
	.comment_form{
		width		: 530px;
		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{
		 border-top: solid 4px #79CEC7;
		 padding: 2px;
		 line-height: 130%;
		}
	#footerLink{
		margin-top	: 20px;
		}
	#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;
		}