@charset "utf-8";

/* header
------------------------------------------------------------ */
div#contener {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-color:#ffffff;
}


div#head {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
	margin-bottom: 10px;
}
/*071228+*/
#head_subNavi{
	float:right;
	margin-top:7px;
}
#head_subNavi li{
	float:left;
}
#head_subNavi span{
	color:#FF3300
}
/*071228+End*/
#index h1 {
	padding: 0 0 0 13px;
	width: 132px;
	float: left;
}

#gnavi {
	width: 571px;
	float: right;
	text-align: left;
}

ul#sub_navi {
	padding: 0 0 0 311px;
	width: 260px;
}

*html ul#sub_navi {
	margin: 0 -20px 0 0;
	padding: 0 0 0 301px;
	width: 280px;
}

ul#sub_navi li {
	margin: 5px 0 0 8px;
	width: auto;
	float: left;
}

ul#main_navi {
	width: 571px;
	clear: both;
}

*html ul#main_navi {
	margin: 0 -20px 0 0;
	width: 591px;
}

ul#main_navi li {
	margin: 20px 0 0 0;
	padding: 0 0 0 2px;
	width: 112px;
	background: url(../img/gnavi_bg.jpg) no-repeat left bottom;
	float: left;
}


/* main-frame
------------------------------------------------------------ */
#main_frame {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
background-color: #ffffff;
}
#main_frame #left_frame {
  float: left;
  width: 630px;
}
#main_frame #right_frame {
	float: right;
	width: 160px;
	background-color: #f8f8f8;
}
#main_frame #footer_frame {
  clear: both;
}

/* header
------------------------------------------------------------ */
#head h1 {
	float: left;
	margin-top: 20px;
}
#head p {
	float: left;
	margin-top: 20px;
}
#head #hnavi {
	float: right;
	margin-top: 7px;
}
#head #hnavi li {
	float: left;
}
#head #navi {
	width: 810px;
	background-image: url(../imgs/navi_bg.gif);
	height: 36px;
	float: left;
}
#head #navi li {
	float: left;
}
#navi ul {
	width: 810px;
	padding-right: 0px;
}



/* main
------------------------------------------------------------ */
div#main {
	width: 470px;
	float: left;


}

div.section {
	margin: 0 0 0 10px;
	width: 460px;
}

div#main h2 {
	margin: 0 0 20px 0;
	width: auto;
	clear: both;
}

div#main h2.sub {
	margin: 0 0 30px 0;
}

div#main h2.bd {
	padding: 5px 0 0 0;
	border-top: solid 1px #d6d6d6;
}

div#main p {
	padding: 0 0 25px 0;
	width: 460px;
}

div#main p.img_left {
	width: 77px;
	float: left;
}

div#main p.txt_right {
	width: 370px;
	float: right;
}

div#main p.txt_left {
	width: 370px;
	float: left;
}

div#main p.img_right {
	width: 77px;
	float: right;
}

#index div#main p.link {
	text-align: right;
	width: 460px;
}

#index div#main p.link a {
	padding: 0 0 0 10px;
	background: url(../img/arrow1.gif) no-repeat;
	background-position: 0 5px;
}

#index div#main p.link a:link {
	color: #686868;
	text-decoration: underline;
}

#index div#main p.link a:visited {
	color: #686868;
	text-decoration: underline;	
}

#index div#main p.link a:active {
	color: #686868;
	text-decoration: underline;
}

#index div#main p.link a:hover {
	color: #686868;
	text-decoration: none;
}



/* footer
------------------------------------------------------------ */
div#footer {
	padding: 10px 0 0;
	width: 810px;
	height: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
	font-size: 10px;
	border-top: 1px solid #c3c3c3;
	margin-top: 20px;
	clear: both;
}

div#footer ul {
	width: 763px;
	text-align: right;
}

div#footer li {
	display: inline;
}

div#footer img {
	margin: 0 0 0 10px;
}

#footer address {
	text-align: center;
}


/* TOPページ
------------------------------------------------------------ */
#left_head {
	/*background-image: url(../imgs/box_foot.gif);
	background-position: 0px bottom;*/
	padding: 0px 0px 10px;
	background-repeat: no-repeat;
	margin: 0px 0px 10px;
	float: left;
	width: 630px;
}

#box_recommend {
	width: 351px;
	padding-bottom: 8px;
	float: left;
}
#box_recommend h2{
	width: 351px;
	color:#ffffff;
	font-size:16px;
	padding:5px 0px 5px 10px;
	background-image: url(../imgs/border_blue.gif);
	height:22px;
	margin-bottom:10px;
	width: 341px;
	float: left;

}
#box_recommend .box_rec_txt {
	/*border-right: 1px solid #d3d3d3;*/
	padding: 10px;
}

#box_recommend .box_rec_txt img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#box_columnrank {
	width: 271px;
	float: right;
}

#box_columnrank h2{
color:#ffffff;
font-size:16px;
padding:5px 0px 5px 10px;
	background-image: url(../imgs/border_blue.gif);
height:22px;
width: 261px;

}

#box_new {
	/*background-image: url(../imgs/box_new_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	padding: 0px 0px 10px;
	margin-bottom: 15px;
	clear: both;
}



#box_new #box_new_tit {
	background-image: url(../imgs/border_blue.gif);
background-color:#888888;
color:#ffffff;
font-size:16px;
padding:5px 0px 5px 10px;
background-color:#888888;
	height: 22px;
}
#box_new #box_new_tit h2 {
	float: left;
}
#box_new #box_new_tit a {
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
font-size:14px;
color:#ffffff;

}
#box_new #box_new_txt {
	margin: 10px;
}


#left_frame .box_category {
	width: 311px;
	float: left;
	/*background-image: url(../imgs/box_category_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	margin-bottom: 10px;
	padding-bottom: 8px;
}
#left_frame .box_category_r{
	width: 311px;
	float: right;
	/*background-image: url(../imgs/box_category_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	margin-bottom: 10px;
	padding-bottom: 8px;
}
.box_category_tit h2 {
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	margin: 10px 0px 0px 8px;
	padding: 3px;
	line-height: 1em;
}
#box_category_area .box_category_tit {
	background-image: url(../imgs/border_blue.gif);
    width:311px;
	height: 32px;
}
#box_category_area .bt_more img {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
}
#box_category_area .box_category_txt {
	width: 301px;
	margin: 10px auto;
}
#box_category_area {
	margin-bottom: 10px;
}

.box_category_txt .more {
	font-size: 12px;
	line-height: 1em;
	text-align: right;
	padding-top: 5px;
}
#box_category_area .more a {
	background-image: url(../imgs/r_navi_ic.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 4px;
	padding-left: 10px;
	width: 110px;
	float: right;
}

.txtal_right_more {
	text-align: right;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 8px;
}

#topnews .xp_item_right_box img {
	display: none;
}
#topnews .xp_feednew {
	width:250px;
 	float:left;

}

/* TOPバナー用
------------------------------------------------------------ */
#box_banner {
	/*background-image: url(../imgs/box_new_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	padding: 0px 0px 10px;
	margin-bottom: 15px;
	clear: both;
	width: 630px;
}
#box_banner #box_banner_tit {
	background-image: url(../imgs/border_blue.gif);
	color:#ffffff;
	font-size:16px;
	padding:5px 0px 5px 10px;
	height: 22px;
}


.box_bannr_top {
	float: left;
	width: 100px;
	margin-right: 15px;
}
.box_bannr_top_l {
	float: left;
	width: 100px;
	margin-right: 0px;
}
.box_bannr_top_l2 {
	float: left;
	width: 120px;
	margin-right: 0px;
}
.box_bannr_top_r {
	float: left;
	width: 120px;
	margin-right: 15px;
	margin-left: 0px;
}
.adbox {
	width:600px;
	font-size:12px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.box_bannr_top p {
	width: 100px;
	margin-top: 0px;
}


/* 右ナビカテゴリ一覧（ページ組込用）
------------------------------------------------------------ */
.xp_catelist {
  width:160px;
  font-size:12px;
}
.xp_catelist .xp_cate_layer_1 {
	border-top:1px solid #ffffff;
	background-image: url(../imgs/r_navi_ic.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 20px;
}
.xp_catelist .xp_cate_layer_2 {
	border-top:1px solid #ffffff;
	background-image: url(../imgs/r_navi_ic.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 20px 9px;
	padding: 6px 5px 6px 30px;
}
.xp_catelist .xp_cate_layer_2 {
  margin-left:12px;
}
.xp_catelist .xp_cate_layer_3 {
  margin-left:24px;
}
.xp_catelist .xp_cate_layer_4 {
  margin-left:36px;
}
.xp_catelist .xp_cate_layer_5 {
  margin-left:48px;
}

/* 右ナビブログ詳細
------------------------------------------------------------ */
.xp_catelist .xp_cate_layer_1 {
	border-top:1px solid #ffffff;
	background-image: url(../imgs/r_navi_ic.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 20px;
}

/* clear
------------------------------------------------------------ */
.clear:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-black;
}

/* Hides from IE-mac \*/
*html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/*End hide from IE-mac */

/*------------------------------------------------------------ */
#left_frame .bg_green {
	background-color: #333333;
	padding: 3px 8px;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	clear: both;
}
#left_frame .date {
	font-size: 10px;
	background-color: #E1E1E1;
	padding: 2px 8px 2px 2px;
	text-align: right;
}
#box_blogdescription img {
	float: left;
	margin-right: 10px;
	display: block;
}
#box_blogdescription p {
	width: 508px;
	display: block;
}
#box_blogdescription #box_blogdetail {
	float: left;
	width: 508px;
}
#box_blogdescription {
	margin-bottom: 10px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 620px;
}
#left_frame .pan {
	font-size: 10px;
	margin-bottom: 15px;
}

/*categoryトップ
------------------------------------------------------------ */
#box_category_recommend {
	width: 351px;
	float: left;
}

#box_category_recommend .xp_item_box {
	width: 331px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#box_category_recommend .xp_item_left_box {
	float: left;
	width: 85px;
}
#box_category_recommend .xp_item_right_box {
	float: left;
	width: 246px;
}


#box_category_recommend .feed_img{
	width: 80px;
}

#box_category_favorite .xp_item_box {
	float: left;
	margin-bottom: 10px;
}

#box_category_favorite .xp_item_left_box {
	float: left;
	width: 30px;
}
#box_category_favorite .xp_item_right_box {
	float: left;
	width: 221px;
}
#box_category_bottom {
	float: left;
}

#box_category_favorite {
	width: 271px;
	float: right;
}

#box_category_bottom {
	width: 630px;
	float: left;
	/*background-image: url(../imgs/box_foot2.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	padding-bottom: 10px;
}

#box_category_head {
	float: left;
	/*background-image: url(../imgs/box_foot.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;*/
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#box_category_recommend h2 {
	background-image: url(../imgs/tit_category_recommend.gif);
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	width: 343px;
	height: 30px;
	padding-top: 10px;
	padding-left: 8px;
	line-height: 1em;
	background-repeat: no-repeat;
}
#box_category_favorite h2 {
	background-image: url(../imgs/tit_category_favorite.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	height: 30px;
	width: 263px;
	padding-top: 10px;
	line-height: 1em;
	padding-left: 8px;
}
#box_category_favorite .xp_feedrank {
	width: 251px;
	margin-right: auto;
	margin-left: auto;
}
#box_category_news_left h2 {
	background-image: url(../imgs/tit_category_news.gif);
	background-repeat: no-repeat;
	width: 622px;
	padding-top: 10px;
	padding-left: 8px;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #FFFFFF;
	height: 30px;
}
#box_category_news_left .xp_item_box {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
#box_category_news_left .feed_img {
	width: 50px;
}
#box_category_news_left #left {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#box_category_news_left #left .xp_item_right_box {
	float: left;
	width: 545px;
}
#box_category_news_left #left .xp_item_left_box {
	float: left;
	width: 55px;
}
/*共通項目-タイトル*/
.h1_cat_title {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1em;
	padding-top: 13px;
	padding-left: 10px;
	background-image: url(../imgs/bg_cat_title.gif);
	height: 41px;
	background-repeat: no-repeat;
}
#box_category_news_right {
	float: left;
	width: 300px;
	margin-left: 15px;
}
#xp_feedspecial_2 .xp_item_left_box {
	display: none;
}

.txt_al_right_bt {
	clear: both;
	width: 620px;
	text-align: right;
}


/*新着
------------------------------------------------------------ */
#xp_feednew_frame .xp_item_left_box {
	float: left;
	width: 90px;
	display: block;
}
#xp_feednew_frame img {
	width: 80px;
}
#xp_feednew_frame .xp_item_right_box {
	float: left;
	width: 540px;
}
#xp_feednew_frame .xp_item_box {
	margin-bottom: 10px;
	/*border-bottom: 1px solid #CCCCCC;*/
	float: left;
	width: 630px;
}
#right_frame .xp_item_right_box {
	padding: 3px 5px 3px 5px;
	border-top:1px solid #ffffff;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
}
#right_frame h2 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #333333;
	padding: 2px;
}

#subnavi {
	text-align: right;
	margin: 0px 0px 5px;
}

/*人気記事
------------------------------------------------------------ */

#xp_feedrank_frame img {
	width: 80px;
}
#left_frame .page_navi {
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}

/*記事詳細左ナビ
------------------------------------------------------------ */
#newar_side .xp_item_box .xp_item_right_box img {
	width: 50px;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
}
#newar_side .xp_item_right_box div {
	margin-left: 3px;
	font-size: 12px;
}
#newar_side .xp_item_right_box {
	clear: both;
}

/*登録フォーム
------------------------------------------------------------ */
#listtbl {
	margin-top: 20px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#main_frame #setBtn {
	text-align: center;
	margin-right: 300px;
	margin-left: 300px;
	width: 200px;
	margin-top: 10px;
}

/*右ナビアイコン
------------------------------------------------------------ */
#right_frame .navi_icon {
	background-image: url(../imgs/r_navi_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 0px 4px 0px 20px;
	margin-bottom: 5px;
}
#banner {
	background-color: #FFFFFF;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*会社概要テーブル
------------------------------------------------------------ */
#table_corp th {
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 3px 5px;
}
#table_corp td {
	border: 1px solid #CCCCCC;
	padding: 3px 5px;
}
#table_corp{
border-collapse: collapse;
}


/*リマインダーテーブル
------------------------------------------------------------ */
#box_remind {
	width: 480px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin: 30px auto;
}
#headtxt {
	font-size: 10px;
	float: right;
	width: 600px;
	text-align: right;
	margin-top: 10px;
}

/*faq
------------------------------------------------------------ */
#left_frame .faq_q {
	background-image: url(../imgs/ic_q.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
}

#left_frame .faq_a {
	background-image: url(../imgs/ic_a.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}


/*search
------------------------------------------------------------ */
#search #serchright {
	float: left;
	width: 100px;
}
#search #serchleft {
	float: left;
	margin-left: 4px;
}
#search {
	margin-top: 10px;
	margin-bottom: 10px;
}
/******************071221-rataing**************/
.xp_cateRating {
  width:160px;
  font-size:12px;
  border-bottom: 1px solid #CCCCCC;
}
.xp_cateRating div {
	border-top:1px solid #ffffff;
	background-image: url(../imgs/r_navi_ic.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 20px;
}

/* 記事評価メニュー
------------------------------------------------------------ */
.xp_feedrating {
	border-top:1px solid #ffffff;
	background-image: url(../imgs/r_navi_ic.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 20px;
}












#ratingtable_title {
	color:#666666;
	width:580px;
	border-bottom:1px #cccccc solid;
	padding: 5px;
	margin-bottom:8px;
	font-weight: bold;
}

#ratingtable {
	width:610px;
	border:1px #cccccc solid;
	padding: 5px 10px 0px 10px;
	margin:10px auto 20px auto;
}

table {
	border-collapse: collapse;
	border-color:#ffffff;
	width:100%;
}

td {
	vertical-align: text-middle;
	text-align: center;
	font-size: 14px;
    padding:3px;
    background-color:#f7f7f7;
}

th {
	font-size: 14px;
    padding:3px;
	vertical-align: text-middle;
	text-align: center;
	font-weight: bold;
    color:#333333;
    background-color:#f3f3f3;
    border-bottom:2px #ffffff solid;
}

.graph {
    display:block;
    background-color:#888; 
    height:15px;
    background-image : url(../imgs/graph.gif);
}

.white_td {
    background-color:#ffffff; 
	text-align: left;
}

.graph_td {
   background-color:#f3f3f3; 
	text-align: left;
}
.bt_radio{
    background-color:#cccccc; 
	text-align: center;
    border-bottom:2px #ffffff solid;
}

.bt_num {
    background-color:#ffffff; 
	text-align: center;
}

.bt_td {
    background-color:#ffffff; 
	vertical-align: text-middle;
}
.rating_bt {
    display:block;
    padding:5px;
    width:100px;
    background-color:#ffffff; 
	vertical-align: text-middle;
	text-align: center;
    margin:10px auto;
}

/*新着記事
------------------------------------------------------------ */
#xp_feednew_frame .xp_item_left_box {
	float: left;
	width: 90px;
	display: block;
}
#xp_feednew_frame img {
	width: 80px;
}
#xp_feednew_frame .xp_item_right_box {
	float: left;
	width: 540px;
}
#xp_feednew_frame .xp_item_box {
	margin-bottom: 10px;
	/*border-bottom: 1px solid #CCCCCC;*/
	float: left;
	width: 630px;
}
#right_frame .xp_item_right_box {
	padding: 3px 5px 3px 5px;
	border-top:1px solid #ffffff;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
}
#right_frame h2 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #333333;
	padding: 2px;
}

#subnavi {
	text-align: right;
	margin: 0px 0px 5px;
}

/*人気記事
------------------------------------------------------------ */
#xp_feedrank_frame img {
	width: 80px;
}
#left_frame .page_navi {
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}

/*071226+*/
.cboth{
	clear:both
}
.talign{
	text-align:center;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.dnone{
	display:none;
}
.dblock{
	display:block;
}
.sSearchGoogle{
	padding-left:8px; background-color:#666666; color:#FFFFFF; margin-top:5px;
}
.xp_catelist_top{
	margin-top:8px;padding-left:8px; background-color:#666666; color:#FFFFFF; display:block;
}