@charset "UTF-8";

/*=====================================================================
//  共通設定
//=====================================================================*/
*{
	margin:0;
	padding:0;
}

body{
	background:url(../image/bg_header.jpg) repeat-x #fafafa;
	text-align:center;
}

#page{
	width:786px;
	background:url(../image/header.jpg) no-repeat;
	margin:0 auto;
	padding:0 197px 20px;
	text-align:left;
}

a{
	color:#00297b;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	text-indent:-9999px;
}

.left{
	float:left;
}

.right{
	float:right;
}

a img{
	border : 0;
	text-decoration: none;
}

ul,ol{
	list-style:none;
}

.clr{
	clear:both;
/* macIE対策\*/
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
/* macIE対策*/
}

.test{
	border:1px solid #333;
}


/*=====================================================================
//  ヘッダー
//=====================================================================*/
#header{
	height:292px;
}

#header .logo{
	width:115px;
	height:45px;
	padding-left:23px;
	float:left;
}

#header .logo a{
	width:115px;
	height:45px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

h1{
	width:210px;
	height:45px;
	font-size:18px;
	padding-right:13px;
	float:right;
}

h1 a{
	width:210px;
	height:45px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

/*=====================================================================
//  メイン
//=====================================================================*/
#main{
	width:536px;
	float:left;
}

#main .box{
	width:536px;
	background:url(../image/box_bg.gif) repeat-y;
	margin-bottom:12px;
}

#main .box .inner{
	background:url(../image/box_top.gif) no-repeat left top;
	padding-top:22px;
}

#main .box .inner2{
	background:url(../image/box_bt.gif) no-repeat left bottom;
	padding-bottom:5px;
}

/*  パン屑  */
.box-navi{
	width:496px;
	padding:0 20px 10px;
	text-align:center;
}

/*  日付  */
.box-date{
	width:496px;
	padding:0 20px 10px;
}

.box-date .create{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_create.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .event{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_event.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .osusume{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_osusume.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .tieup{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_tieup.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .goods{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_goods.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .location{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_location.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .present{
	width:103px;
	height:21px;
	font-size:12px;
	background:url(../image/icon_present.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

.box-date .date{
	font-size:12px;
	color:#626161;
	float:right;
}

/*  タイトル  */
.box-title{
	width:525px;
	border-left:3px solid #00297b;
	margin:0 4px;
}

.box-title h2{
	font-size:18px;
	font-weight:bold;
	color:#00297b;
	padding:0 13px;
}

.box-title h3{
	font-size:14px;
	font-weight:normal;
	color:#00297b;
	padding:0 10px;
}

/*  記事詳細  */
.box-detail{
	width:496px;
	background:url(../image/line.gif) repeat-x left top;
	margin:15px 4px;
	padding:15px 16px 0;
}

.box-detail p{
	font-size:12px;
	line-height:200%;
	color:#626161;
	margin-bottom:12px;
}

.box-detail p.cap{
	font-size:10px;
	line-height:130%;
	color:#adacac;
	margin:3px 0 25px;
}

.box-detail .more{
	font-size:12px;
	line-height:130%;
	color:#00297b;
	background:url(../image/yajirushi_1.gif) no-repeat right center;
	padding-right:15px;
}

/*  情報  */
.box-info{
	width:496px;
	background:url(../image/line_dot.gif) repeat-x left top;
	margin:0 4px;
	padding:7px 16px;
}

.box-info .trackback{
	font-size:10px;
	color:#626061;
	float:left;
}

.box-info .reader{
	font-size:10px;
	color:#626061;
	float:right;
}

/*=====================================================================
//  サブ共通
//=====================================================================*/
#sub{
	width:236px;
	float:right;
}

#sub .ttl{
	width:236px;
	height:45px;
	font-size:12px;
	text-indent:-9999px;
}

#sub ul{
	width:228px;
	font-size:14px;
	background:url(../image/sub_bt.gif) no-repeat left bottom;
	padding:0 4px 25px;
	
}

.box-category,.box-reader,.box-archive{
	width:236px;
	background:url(../image/sub_bg.gif) repeat-y;
	margin-bottom:8px;
}

/*  検索  */
.box-search{
	width:216px;
	height:29px;
	margin:5px 10px;
}

.box-search input.word{
	width:150px;
	height:19px;
	margin:3px 0;
}

/*  注目キーワード  */
.box-keyword{
	width:230px;
	margin:0 3px 10px;
}

#sub .box-keyword .ttl{
	width:95px;
	height:25px;
	background:url(../image/ttl_keyword.gif) no-repeat;
}

#sub .box-keyword ul{
	width:220px;
	padding:5px;
	background:none;
	background-color:#ffe3be;
}

.box-keyword li{
	font-size:12px;
	line-height:140%;
	display:inline;
	color:#1e1e1e;
	margin-right:10px;
}

.box-keyword li a{
	color:#1e1e1e;
}

/*  カテゴリー  */
.box-category .ttl{
	background:url(../image/ttl_category.jpg) no-repeat;
}

#sub .box-category ul{
	padding:0 4px 10px;
}

.box-category li{
	width:202px;
	font-weight:bold;
	color:#00297b;
	background:url(../image/line_dot.gif) repeat-x left bottom ;
	padding:10px 13px;
}

.box-category li span{
	background:url(../image/yajirushi_3.gif) no-repeat left center;
	margin-left:7px;
	padding-left:15px;
}

.box-category li.create{
	background-color:#e5eff9;
}

.create .box-category li.create{
	background-color:#cfe1f7;
}

.box-category li.event{
	background-color:#e9f6ed;
}

.event .box-category li.event{
	background-color:#d6efdc;
}

.box-category li.osusume{
	background-color:#f5f8e7;
}

.osusume .box-category li.osusume{
	background-color:#ecf1d1;
}

.box-category li.tieup{
	background-color:#fdf3e7;
}

.tieup .box-category li.tieup{
	background-color:#fbe9d1;
}

.box-category li.goods{
	background-color:#fae6e5;
}

.goods .box-category li.goods{
	background-color:#f6d0cf;
}

.box-category li.location{
	background-color:#fbe5f2;
}

.location .box-category li.location{
	background-color:#f4cee5;
}

.box-category li.present{
	background-image:none;
	background-color:#eee5fa;
}

.present .box-category li.present{
	background-image:none;
	background-color:#e3ccf8;
}

/*  投稿者  */
.box-reader .ttl{
	background:url(../image/ttl_reader.jpg) no-repeat;
}

.box-reader li,.box-archive li{
	width:202px;
	color:#626061;
	background:url(../image/line_dot.gif) repeat-x left bottom;
	margin:0 13px;
	padding:5px 0;
}

.box-reader li a,.box-archive li a{
	color:#626061;
}

/*  アーカイブ  */
.box-archive .ttl{
	background:url(../image/ttl_archive.jpg) no-repeat;
}

.box-archive li span{
	background:url(../image/yajirushi_2.gif) no-repeat left center;
	margin-left:7px;
	padding-left:15px;
}

/*  バナー  */
.box-banner{
	width:230px;
	margin:20px 3px 0;
}

.box-banner img{
	width:230px;
	margin-bottom:20px;
}

/* トラックバック */
.trackbacks{
	width:495px;
	margin-top:10px;
}

.trackbacks p{
	font-size:10px;
	color:#626061;
}

.trackbacks p.midashi{
	font-size:12px;
	color:#00297b;
}

/* コメント */
.comments{
	padding:0 15px 10px;
}

.comments p{
	font-size:10px;
	color:#626061;
	margin-bottom:10px;
}

.comments p.midashi{
	font-size:12px;
	color:#00297b;
	margin-bottom: 0;
}

/* 投稿されたコメント */
.commenter{
	padding:5px;
	margin:10px 0;
	border:1px solid #ccc;
}

.commenter p{
	font-size:10px;
	line-height:160%;
	color:#626061;
	margin-bottom:5px;
}

.commenter p.midashi{
	font-size:10px;
	color:#00297b;
	margin-bottom:10px;
}

/* コメントを投稿 */
.comment-open{
	padding:20px 0;
}

.comment-open p{
	margin-bottom:10px;
	font-size:10px;
	color:#626061;
}

.comment-open p.midashi{
	font-size:12px;
	color:#00297b;
	margin-bottom: 0;
}

/* 検索結果 */
.box-result{
	padding:0 15px 10px;
}

.box-result p{
	margin-bottom:10px;
	font-size: 10px;
	color:#626061;
}

.box-result p.midashi{
	font-size:12px;
	color:#00297b;
	margin-bottom: 0;
}

.box-result p.result{
	font-size:12px;
	color:#f90;
	margin-bottom:10px;
}

/*=====================================================================
//  フッター
//=====================================================================*/
#footer{
	width:780px;
	margin:0 3px;
}

#footer .inner{
	background:url(../image/footer_top.gif) no-repeat left top;
	padding-top:5px;
}

#footer .inner2{
	background:url(../image/footer_bt.gif) no-repeat left bottom;
	padding-bottom:5px;
}

#footer .link{
	width:750px;
	font-size:10px;
	color:#fff;
	background:#00297b;
	padding:0 15px;
}

#footer .link a{
	color:#fff;
}

#footer .copyright{
	width:287px;
	height:10px;
	font-size:10px;
	background:url(../image/copyright.gif) no-repeat;
	text-indent:-9999px;
	margin:5px 0 0 483px;
}
