@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;
}

#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;
	margin-top: 20px;
	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_ol.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_ol.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_ol.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_ol.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;
}


/* 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_ol.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: 100px;
	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;
	font-weight:bold;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 20px;
}
.xp_catelist .xp_cate_layer_2 {
	border-top:1px solid #ffffff;
	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_3 {
	border-top:1px solid #ffffff;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 33px;
}
.xp_catelist .xp_cate_layer_4 {
	border-top:1px solid #ffffff;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 43px;
}
.xp_catelist .xp_cate_layer_5 {
	border-top:1px solid #ffffff;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddddaa;
	color: #68674b;
	line-height: 1em;
	background-position: 10px 9px;
	padding: 6px 5px 6px 53px;
}

/* 右ナビブログ詳細
------------------------------------------------------------ */
.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: 500px;
	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;
}


/*rating
------------------------------------------------------------ */
#ratingtable {
display:bloc;
width:500px;
border:1px #ccc solid;
padding: 5px 10px 0px 10px;
margin:10px auto 20px auto;
}

#ratingtable_title {
display:bloc;
color:#666;
border-bottom:1px #ccc solid;
margin-bottom:8px;
font-weight: bold;
text-align:center;
padding:10px;
}
.graph {
       display:block;
       background-color:#888; 
       height:15px;
       background-image : url(../imgs/graph.gif);
}

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

.graph_td {
        
        background-color:#f3f3f3; 
	text-align: left;
}

.bt_radio{
        background-color:#ccc; 
	text-align: center;
        border-bottom:2px #fff solid;
}

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

.bt_td {
        background-color:#fff; 
	vertical-align: text-middle;
}
.rating_bt {
        display:block;
        padding:5px;
        width:100px;
        background-color:#fff; 
	vertical-align: text-middle;
	text-align: center;
        margin:10px auto;
}
th {
	    font-size: 14px;
        padding:3px;
	    vertical-align: text-middle;
	    text-align: center;
	    font-weight: bold;
        color:#333333;
        background-color:#f3f3f3;
        border-bottom:2px #fff solid;
}