/* リセットCSS */
* {
	margin: 0;
	padding: 0;
	border:none;
}
ul {  
    list-style:none;   
 }
h1,h2,h3,h4,h5,h6 {  
    font-size:100%;   
    font-weight:normal;   
 } 

/* サイト全体 */
html {
	height:100%;
}
body {
	width: 100%;
	height:100%;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #666666;
}

.clear{
	clear: both;
}

.display{
	display: none;
}


/* レイアウト------------------------------------------------- */

#wrapper {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダー------------------------------------------------- */
#header{
	height: 174px;
	width: 780px;
}

#header h1{
	display: none;
}

/* メニュー------------------------------------------------- */
#menu{
	width: 780px;
}

#menu li{
	float: left;
}

#m_home a{
	height: 87px;
	width: 66px;
	background: url(img/menu_top.gif) no-repeat;
	display: block;
}
#m_home a:hover{
	height: 87px;
	width: 66px;
	background: url(img/menu_top_on.gif) no-repeat;
	display: block;
}
#m_sp a{
	height: 87px;
	width: 114px;
	background: url(img/menu_sp.gif) no-repeat;
	display: block;
}
#m_sp a:hover{
	height: 87px;
	width: 114px;
	background: url(img/menu_sp_on.gif) no-repeat;
	display: block;
}
#m_info1 a{
	height: 87px;
	width: 108px;
	background: url(img/menu_info1.gif) no-repeat;
	display: block;
}
#m_info1 a:hover{
	height: 87px;
	width: 108px;
	background: url(img/menu_info1_on.gif) no-repeat;
	display: block;
}
#m_info2 a{
	height: 87px;
	width: 115px;
	background: url(img/menu_info2.gif) no-repeat;
	display: block;
}
#m_info2 a:hover{
	height: 87px;
	width: 115px;
	background: url(img/menu_info2_on.gif) no-repeat;
	display: block;
}
#m_category a{
	height: 87px;
	width: 87px;
	background: url(img/menu_category.gif) no-repeat;
	display: block;
}
#m_category a:hover{
	height: 87px;
	width: 87px;
	background: url(img/menu_category_on.gif) no-repeat;
	display: block;
}
#m_news a{
	height: 87px;
	width: 90px;
	background: url(img/menu_news.gif) no-repeat;
	display: block;
}
#m_news a:hover{
	height: 87px;
	width: 90px;
	background: url(img/menu_news_on.gif) no-repeat;
	display: block;
}
#m_help a{
	height: 87px;
	width: 88px;
	background: url(img/menu_help.gif) no-repeat;
	display: block;
}
#m_help a:hover{
	height: 87px;
	width: 88px;
	background: url(img/menu_help_on.gif) no-repeat;
	display: block;
}
#m_link a{
	height: 87px;
	width: 89px;
	background: url(img/menu_link.gif) no-repeat;
	display: block;
}
#m_link a:hover{
	height: 87px;
	width: 89px;
	background: url(img/menu_link_on.gif) no-repeat;
	display: block;
}
/* コンテンツ------------------------------------------------- */
#contents{
	width: 780px;
	float: left;
	font-size: 12px;
	margin-top: 10px;
}


/* right---- */
#right{
	float: right;
	width: 620px;
}
/* left---- */
#left{
	float: left;
	width: 150px;
}

/* フッター---- */
#footer{
	width: 780px;
}

#foot_menu{
	text-align: center;
	padding-top: 35px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
	background: url(img/bg_footer.gif) no-repeat;
}

#foot_menu a{
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}

#copyright{
	display: block;
	padding: 0px;
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
}
#copyright table{
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* include left------------------------------------------------- */
/* ログイン---- */
#login_frame{
	width: 150px;
	border-bottom: 1px dotted #999999;
}
#login_frame td{
	padding-bottom: 5px;
}

#login_tit{
	height: 45px;
	width: 150px;
	background: url(img/img_login.gif) no-repeat left top;
}

#login_tit span{
	display: none;
}

#btn_login{
	background: url(img/btn_login.gif) no-repeat;
	display: block;
	height: 30px;
	width: 146px;
	cursor:pointer;
}

#btn_logout{
	background: url(img/btn_logout.gif) no-repeat;
	display: block;
	height: 30px;
	width: 146px;
	cursor:pointer;
}
.login_after{
	font-weight: bold;
	color: #DA781F;
	margin: 5px;
	display: block;
	line-height: 1.6em;
}

#btn_new_regi{
	background: url(img/btn_new_regi.gif) no-repeat;
	height: 40px;
	width: 150px;
	cursor:pointer;
	margin-top: 5px;
}

#btn_myblog{
	background: url(img/btn_myblog.gif) no-repeat;
	height: 40px;
	width: 150px;
	cursor:pointer;
	margin-top: 5px;
}

#btn_blog_post{
	background: url(img/btn_blog_post.gif) no-repeat;
	height: 40px;
	width: 150px;
	cursor:pointer;
	margin-top: 5px;
}
#btn_blog_setting{
	background: url(img/btn_blog_setting.gif) no-repeat;
	height: 40px;
	width: 150px;
	cursor:pointer;
	margin-top: 5px;
}
#btn_entry_update{
	background: url(img/btn_entry_update.gif) no-repeat;
	height: 40px;
	width: 150px;
	cursor:pointer;
	margin-top: 5px;
}

#btn_help{
	background: url(img/btn_help.gif) no-repeat;
	height: 40px;
	width: 150px;
	cursor:pointer;
	margin-top: 5px;
}

/* キーワード---- */
#keyword_table{
	width: 150px;
	margin-top: 5px;
	line-height: 1.7em;
}

#keyword_tit{
background: url(img/img_keyword.gif) no-repeat left top;
	height: 40px;
	width: 150px;
	cursor:pointer;
}

#keyword_tit span{
	display: none;
}

#keyword_list{
	padding: 5px;
}

#keyword_list a{
	font-weight: bold;
}

.h_list{
	margin: 3px;
}



/* ランキング---- */

#ranking{
	background: url(img/img_rank.gif) no-repeat;
	height: 63px;
	width: 150px;
}

/* モバイル---- */
#mobile_table{
	width: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#mobile_table td{
	line-height: 1.5em;
	padding-bottom: 5px;
}

#mobile_tit{
	background: url(img/img_mobile.gif) no-repeat left top;
	height: 40px;
	width: 150px;

}

#mobile_tit span{
	display: none;
}


/* right------------------------------------------------- */
/* right_main-------*/
#main_contents{
	text-align: left;
	width: 420px;
}
#right h2{
	display: none;
}
#news_table{
	margin-bottom: 10px;
	margin-top: 10px;
}
#tit_news{
	background: url(img/tit_news.gif) no-repeat;
	height: 54px;
	width: 420px;
}
.new_list{
	margin-top: 8px;
}
#special_table{
	margin-bottom: 10px;
}

#special_table img{
	border: 1px solid #CCCCCC;
}

#tit_special{
	background: url(img/tit_special.gif) no-repeat;
	height: 54px;
	width: 420px;
}

#tit_special_info{
	background: url(img/tit_special_info.gif) no-repeat;
	height: 54px;
	width: 420px;
}

#special_info_table{
	margin-bottom: 10px;
	border: 1px solid #85673F;
	border-collapse:collapse;
	margin-top: 5px;
}

#special_info_table td{
	border: 1px solid #85673F;
	width: 33%;
	vertical-align: top;
}

#special_info_table img{
	border: 1px solid #CCCCCC;
}
.special_div{
	padding: 5px;
	text-align: center;
	line-height: 1.5em;
	vertical-align: top;
}
.special_div_blogtit{
	font-size: 14px;
	font-weight: bold;
	color: #2E2E81;
	display: block;
}

.special_div_blogtit a:link{
	color: #003366;
}
.special_div_blogtit a:visited{
	color: #003366;
}
.special_div_name{
	display: block;
	word-break:break-all;
}
.special_div_text{
	display: block;
	text-align: left;
	word-break:break-all;
}

.spblog_post{
	padding:3px 5px;
	font-size:8pt;
    background-color:#EEE7D4;
	border-bottom:1px solid #D8CBA5;
}

#tit_new_blog{
	background: url(img/tit_newblog.gif) no-repeat;
	cursor:pointer;
	height: 40px;
	width: 200px;
}

#tit_tit_pickup{
	background: url(img/tit_pickup.gif) no-repeat;
	cursor:pointer;
	height: 40px;
	width: 200px;
}

#new_blog_table td{
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
}

.nwblog_title{
	background: #EEE7D4;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
#pickup_table{
	padding-left: 8px;
}

#pickup_table td{
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	line-height: 1.5em;
}
.publog_title{
	background: #EBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

/* right_right-------*/
#search_box{
	border:1px solid #666666;
}

#search_box td{
	background: #E8E8E8;
	padding: 5px;
	line-height: 1.5em;
}
.serach_field {
    width:100px;
	font-size:11px;
}
.search_btn {
	width:40px;
	FONT-SIZE: 12PX;
	color:#FFFFFF;
	cursor:hand;
	border:1px solid #A5A5A5;
	padding:2 0 0 0;
	background: #55B9D1;
}
#new_post_table{
	line-height: 1.6em;
}

#new_post_table h2{
	display: none;
}
#tit_newpost{
	background: url(img/tit_newpost.gif) no-repeat;
	height: 40px;
	width: 180px;
	margin-bottom: 5px;
	cursor:pointer;
}
#category_table{
	line-height: 1.6em;
}
#category_table h2{
	display: none;
}
#tit_category{
	background: url(img/tit_category.gif) no-repeat;
	height: 40px;
	width: 180px;
	margin-bottom: 5px;
	cursor:pointer;
}



/* ↓↓↓枝ページレイアウト------------------------------------------------------------------------------------*/

/*--枝ページ共通--*/
#main_sub{
	width: 580px;
	padding-left: 20px;
}
#main_sub h2{
	display: none;
}
/*--leftなしページ--*/
#contents2{
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}
/*--スペシャルブログ--*/
#sub_tit_special{
	width: 580px;
	background: url(img/sub_tit_special.gif) no-repeat;
	height: 54px;
}
/*--info1--*/
#sub_tit_info1{
	width: 580px;
	background: url(img/sub_tit_info1.gif) no-repeat;
	height: 54px;
}

.infopage_table{
	width: 580px;
	word-break:break-all;
}

.infopage_table img{
	height: 60px;
	width: 60px;
	border: 1px solid #CCCCCC;
}

.infopage_table td{
	padding: 8px 5px;
	word-break:break-all;
	line-height: 1.7em;
	border-bottom: 1px dotted #CCCCCC;
}

/*--info2--*/
#sub_tit_info2{
	width: 580px;
	background: url(img/sub_tit_info2.gif) no-repeat;
	height: 54px;
}



/*--more_category--*/
#sub_tit_category{
	width: 580px;
	background: url(img/sub_tit_category.gif) no-repeat;
	height: 54px;
}
.blog_list1{
	padding: 5px;
	line-height: 1.5em;
}

.blog_list1 a:link{
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}
.blog_list1 a:hover{
	font-size: 13px;
	font-weight: bold;
	color: #333399;
	text-decoration: none;
}
.blog_list1 a:visited{
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}
.blog_list2{
	border-bottom: 1px dotted #999999;
	margin-bottom: 8px;
	padding-bottom: 3px;
}

/*--more_post(新しい記事)--*/
#sub_tit_post{
	width: 580px;
	background: url(img/sub_tit_post.gif) no-repeat;
	height: 54px;
}

/*--more_good(おすすめブログ)--*/
#sub_tit_more_good{
	width: 580px;
	background: url(img/sub_tit_more_good.gif) no-repeat;
	height: 54px;
}
.more_good_table{
	border: 1px dotted #FF6600;
}

.more_good_table td{
	padding: 5px;
	line-height: 1.6em;
}

.new_title{
	background: #FCE9CB;
	font-weight: bold;
	color: #FF6600;
	padding: 5px;
}
.new_date{
	color: #DFAF0D;
	font-weight: bold;
}

/*--more_new(新しいブログ)--*/
#sub_tit_more_new{
	width: 580px;
	background: url(img/sub_tit_more_new.gif) no-repeat;
	height: 54px;
}
/*--more_notice(お知らせ)--*/

#sub_tit_more_notice{
	width: 580px;
	background: url(img/sub_tit_more_notice.gif) no-repeat;
	height: 54px;
	}
	
#more_notice_table_tit{
	margin-bottom: 15px;
	border-bottom: 3px solid #DDDDDD;
	margin-top: 20px;
	font-weight: bold;
}

#more_notice_table{
	margin-bottom: 10px;
}	

#more_notice_table td{
	padding: 8px;
	border-bottom: 1px dotted #999999;
}
#more_notice_table_page{
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}
#more_notice_view_table td{
	text-align: left;
	padding: 8px;
}

/*--リンク集(おすすめリンク集)--*/
#sub_tit_link{
	width: 580px;
	background: url(img/sub_tit_link.gif) no-repeat;
	height: 54px;
	}
	
#link_table{
	margin-top: 15px;
}
.link_td_tit{
	border-top: 1px dotted #999999;
}
#link_table th{
	padding: 5px;
	text-align: left;
	font-weight: normal;
}
#link_table td{
	line-height: 1.5em;
	padding: 5px;
}

/*--お問合せ--*/
#sub_tit_contact{
	width: 580px;
	background: url(img/sub_tit_contact.gif) no-repeat;
	height: 54px;
}

#contact_div{
	font-size: 12px;
	color: #5F5F5F;
	width: 540px;
	line-height: 1.5em;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9C9A9C;
	padding-left: 10px;
}

#contact_div_table td{
	padding: 5px;
}
.txtarea_con{
	width: 300px;
	font-size: 12px;
}

/*--モバイル(携帯からアクセス)--*/
#sub_tit_mobile{
	width: 580px;
	background: url(img/sub_tit_mobile.gif) no-repeat;
	height: 45px;
}


/*----------------------------------------memberフォルダ------------------------------*/
/*--login--*/
.bg_color1{
	background: #EEEEEE;
}

.m_box1{
	background: #F1E8CF;
	padding: 10px;
	line-height: 1.8em;
	margin-top: 27px;
}

.m_box2{
	line-height: 1.5em;
	background: #F1E8CF;
	padding: 5px;
	margin-top: 10px;
}

.m_box3{
	padding: 5px;
	width: 470px;
	border: 1px solid #8D5A30;
	line-height: 1.4em;
}

.m_box4{
	padding: 5px;
	width: 300px;
	border: 1px solid #003399;
	line-height: 1.4em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

/*--member_entry--*/
#member_entry{
	line-height: 1.5em;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

.member_entry_table{
	border: 1px solid #CACACA;
	border-collapse:collapse;
}

.member_entry_table td{
	border: 1px solid #CACACA;
	text-align: left;
	padding: 5px;
}

#member_entry p{
	background: #F1E8CF;
	padding: 8px;
	width: 600px;
	text-align: left;
}

.member_entry_bgcolor1{
	font-size: 13px;
	font-weight: bold;
	color: #5F4532;
	background: #F1E8CF;
}

.member_entry_an{
	text-align: left;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border: 1px solid #CACACA;
}

.member_entry_an td{
	padding: 2px;
}

#member_entry_an2 td{
	text-align: left;
	padding: 5px;
}

#member_entry3{
	line-height: 1.5em;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}










