@charset "UTF-8";

* {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, Verdana, sans-serif
}

html {
	overflow-y: scroll
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #222;
	text-align: center;
	font-size: 10pt
}

body#body_sub {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #222;
	text-align: center
}

img {
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix {
	display: inline-table;
	zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

.thin_image {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px
}

p {
	margin: 0 0 12px 0;
	padding: 0
}

ul,
ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 3em;
}

.img_with_cap {
	margin: 0 0 3px 0
}

.td_nowrap {
	white-space: nowrap
}

.text_nowrap {
	white-space: nowrap
}

.align_center {
	text-align: center
}

.align_right {
	text-align: right
}

.f_right {
	float: right
}

.f_left {
	float: left
}

.right_image {
	margin: 0 0 10px 10px;
	float: right
}

.left_image {
	margin: 0 10px 10px 0;
	float: left
}

.f_clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0
}

em {
	font-style: normal;
	font-weight: 800
}

form {
	margin: 0
}

a {
	color: #0E6907;
	text-decoration: none
}

a:visited {
	color: #0E6907
}

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

a:active {
	color: #b83305;
	text-decoration: none
}

a.link_black:link {
	color: #000;
	text-decoration: none
}

a.link_black:visited {
	color: #000;
	text-decoration: none
}

a.link_black:hover {
	color: #54ac14;
	text-decoration: underline
}

a.link_black:active {
	color: #000;
	text-decoration: underline
}

a.link_calender:link {
	color: #000;
	text-decoration: underline
}

a.link_calender:visited {
	color: #000;
	text-decoration: underline
}

a.link_calender:hover {
	color: #54ac14;
	text-decoration: underline
}

a.link_calender:active {
	color: #000;
	text-decoration: underline
}

a.link_calender_sun:link {
	color: #F00;
	text-decoration: underline
}

a.link_calender_sun:visited {
	color: #F00;
	text-decoration: underline
}

a.link_calender_sun:hover {
	color: #54ac14;
	text-decoration: underline
}

a.link_calender_sun:active {
	color: #F00;
	text-decoration: underline
}

a.link_calender_sat:link {
	color: #000090;
	text-decoration: underline
}

a.link_calender_sat:visited {
	color: #000090;
	text-decoration: underline
}

a.link_calender_sat:hover {
	color: #54ac14;
	text-decoration: underline
}

a.link_calender_sat:active {
	color: #000090;
	text-decoration: underline
}

/*--text--*/
.xl {
	font-size: x-large;
	line-height: 1.4em
}

.l {
	font-size: large;
	line-height: 1.4em
}

.m {
	font-size: medium;
	line-height: 1.4em
}

.s {
	font-size: 13px;
	line-height: 1.4em
}

.xs {
	font-size: 10px;
	line-height: 1.4em
}

.xxs {
	font-size: xx-small;
	line-height: 1.4em
}

.f14 {
	font-size: 14px;
	line-height: 1.4em
}

.f12 {
	font-size: 12px;
	line-height: 1.4em
}

.f10 {
	font-size: 10px;
	line-height: 1.4em
}

.f9 {
	font-size: 9px;
	line-height: 1.4em;
	font-family: Verdana, Arial, Monaco, sans-serif
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.txt_red {
	font-weight: normal;
	color: #f00
}

.normal_red {
	color: #f00
}

.normal_blue {
	color: #00f
}

.text-indentation {
	padding-left: 1em;
	text-indent: -1em;
}

/*--SNSメニューバーにかかるページ内リンク対策--*/
.link_padding {
	margin-top: -40px;
	padding-top: 40px;
	zoom: 1;
}

* html .link_padding {
	margin-top: 0;
	padding-top: 0;
}

/*--テキストベースボタン追記--*/
a.btn {
	background: url(../images/interface/bg_btn.gif) repeat-x !important;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	border: 1px solid #A2A2A2;
	font-weight: bold;
	padding: 0 10px !important;
	color: #333;
	display: inline-block;
	vertical-align: top
}

a.btn:hover {
	color: #333;
	text-decoration: none
}

a.btn:visited {
	color: #333
}

a.btn:active {
	color: #333
}

.partsHeading a.btn {
	text-align: right;
	position: relative;
	top: 5px;
	right: 0
}

span.btn {
	background: url(../images/interface/bg_btn.gif) repeat-x !important;
	border: 1px solid #A2A2A2;
	padding: 0;
	margin: 0;
	height: 21px;
	line-height: 21px;
	display: inline;
	display: inline-block;
	vertical-align: top
}

* html span.btn {
	height: 20px;
	line-height: 20px
}

span.btn input {
	font-weight: bold;
	display: inline;
	display: inline-block;
	height: 21px;
	line-height: 21px;
	background: none;
	border: none;
	margin: 0;
	padding: 0 10px;
	color: #333;
	cursor: pointer;
	text-align: center;
	overflow: visible;
	vertical-align: top
}

* html span.btn input {
	height: 20px;
	line-height: 20px
}

.btn .create {
	background: url(../images/interface/icon_create.gif) no-repeat;
	padding-left: 18px
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1em
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1em
}

.h2_g {
	margin: 0 0 5px 0;
	color: #52aa12;
	line-height: 1.5em
}

h2.subheader_title {
	font-size: 14px;
	line-height: 33px;
	text-indent: 10px;
	color: #FFF;
	text-align: left;
	background: #4DB41B url(../images/groundtop/subheader_bg.gif) repeat-x;
	border-left: 1px solid #4DB41B;
	border-right: 1px solid #4DB41B
}

h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: middle;
	color: #52aa12;
	line-height: 1.5em
}

h4 {
	margin: 0 0 1em 0;
	padding: 5px;
	font-size: middle;
	background-color: #EEE;
	border-left: 5px solid #52aa12;
	line-height: 1.5em
}

h4.title_border {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	font-size: middle;
	background: none;
	border-left: 3px solid #DDD;
	line-height: 1;
	font-weight: bold;
	font-size: 100%
}

h5 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: small;
	color: #52aa12;
	line-height: 1.5em
}

.clear {
	clear: both
}

#main_area {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	text-align: left
}

/*--ヘッダー--*/
#header_area {
	background: url(../images/interface/header_bg.gif) repeat-x
}

#header {
	width: 960px;
	height: 139px;
	margin: 0 auto;
	text-align: left;
	position: relative
}

#header_logo {
	position: absolute;
	top: 38px
}

#header_copy {
	font-size: 12px;
	height: 1.6em;
	padding: 8px 0 0 0;
	font-weight: normal;
	overflow: hidden
}

#header_banner {
	position: absolute;
	top: 28px;
	right: 0
}

#header_search_layout {
	position: absolute;
	top: 83px;
	width: 223px
}

#header_search_layout .header_search_input_wrap {
	width: 157px;
	height: 27px;
	margin: 0;
	float: left;
	background: url(../images/interface/bg_header_search.gif) no-repeat
}

#header_search_layout #header_search_input {
	border: none;
	background: none;
	width: 151px;
	margin: 0;
	padding: 0 2px;
	font-size: 12px;
	height: 25px;
	line-height: 25px
}

#header_search_layout #commit,
#header_search_layout #header_search_btn {
	float: right
}

/*--コンテンツ--*/
#top_search_layout {
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

#top_search_layout dl {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	background: #F4FDF0 none;
}

#top_search_layout dl:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 5px;
	display: block;
	width: 53px;
	height: 51px;
	background: url(../images/groundtop/icon-search.png) 0 0 no-repeat;
}

#top_search_layout dt {
	display: block;
	height: 1.6em;
	padding: 0 .5em;
	border-radius: 5px 5px 0 0;
	background-color: #4DB41B;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1.6em;
}

#top_search_layout dd {
	display: block;
	margin: 0;
	padding: .5em;
}

#top_search_layout dl p {
	margin-bottom: 5px;
}

#top_search_layout #header_search_input,
#top_search_layout #commit.search_input-btn {
	display: inline-block;
	float: none;
	height: 2em;
	border-radius: 3px;
	font-size: 14px;
	line-height: 2em;
	vertical-align: middle;
}

#top_search_layout #header_search_input {
	width: 340px;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}

#top_search_layout #commit.search_input-btn {
	width: 4em;
	margin: 0 0 0 .5em;
	padding: 0;
	border: 0 none;
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 #224E77, 0 -1px 0 #646464, -1px 0 0 #646464;
	background: #5F5F5F url(../images/groundtop/btn-search.png) 50% 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}

#top_search_layout #commit.search_input-btn:hover {
	background-color: #7D7D7D;
	cursor: pointer;
}

#contents_area {
	width: 960px;
	margin: 0 auto;
	background-repeat: repeat-y;
	text-align: left
}

/*--サイド関連--*/
#contents_side {
	width: 200px;
	float: left
}

#contents_side li {
	list-style-type: none
}

#side_login {
	margin: 0 0 8px 0;
	zoom: 1;
	overflow: hidden
}

#side_login dd {
	margin: 0;
}

#side_login .btn_entry {
	float: left;
	margin: 0
}

#side_login .btn_login {
	float: right;
	margin: 0
}

#side_login a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7
}

/*--メインメニュー--*/
ul#contents_side_menu {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #AAA
}

ul#contents_side_menu li {
	height: 32px;
	line-height: 32px;
	padding: 2px 2px 1px 2px;
	background: url(../images/interface/bg_contents_side_menu_li.gif) left top
}

ul#contents_side_menu li a.menu_new {
	background: url(../images/interface/icon_menu_new.gif) no-repeat right top
}

ul#contents_side_menu li a {
	display: block;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	text-indent: 15px;
	color: #222
}

ul#contents_side_menu li.here a {
	border-left: 5px solid #4DB41B;
	text-indent: 10px;
	color: #222;
	text-decoration: none;
	background: #FFF
}

ul#contents_side_menu li.here a.menu_new {
	background: #FFF url(../images/interface/icon_menu_new.gif) no-repeat right top
}

/*--サイドメニューブロック--*/
.side_m_inside {
	background: url(../images/interface/bg_side_m_inside.gif) no-repeat;
	width: 200px
}

.side_m_inside h4 {
	font-size: 12px;
	line-height: 33px;
	height: 33px;
	font-weight: bold;
	padding: 0 0 0 25px;
	overflow: hidden;
	margin: 0 0 0 5px;
	background: url(../images/interface/icon_side_m_inside.gif) no-repeat;
	border: none
}

.side_mymenu h4 {
	background-position: left 0
}

.side_about h4 {
	background-position: left -33px
}

.side_wps h4 {
	background-position: left -66px
}

.side_portal h4 {
	background-position: left -99px
}

.side_m_inside ul {
	border: 1px solid #AAA;
	border-top: none;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.2
}

.side_m_inside ul li {
	background: url(../images/groundtop/hr_dot.gif) repeat-x left bottom;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0
}

.side_m_inside ul li ul li {
	margin: 0;
	padding: 0
}

.side_m_inside ul li#last {
	margin: 0;
	padding: 0;
	background: none
}

.side_m_inside ul li.last {
	margin: 0;
	padding: 0;
	background: none
}

.side_m_inside ul li a {
	background: url(../images/myroom/icon_2.gif) no-repeat left center;
	padding: 3px 0 3px 10px;
	display: block;
	zoom: 1
}

.side_m_inside ul li.sub a {
	background: url(../images/groundtop/icon_footer_nav.gif) no-repeat 10px .7em;
	padding: 3px 0 3px 20px;
	display: block;
	zoom: 1
}

/* サイド　ログイン */
.sidebox-login {
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background-color: #FAFAFA;
	box-shadow: 0 0 0 1px #FFFFFF inset;
	text-align: center;
}

.sidebox-login dl {
	display: block;
	width: 180px;
	margin: 0 auto;
	padding: 5px 0 10px 0;
}

.sidebox-login dt {
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}

.sidebox-login dd {
	margin: 0px;
}

.sidebox-login a {
	background-image: url(../images/interface/btn_side-clmn.gif);
	background-repeat: no-repeat;
}

#side_login a {
	display: block;
	width: 80px;
	height: 41px;
}

.sidebox-login a.btn_entry_side {
	float: left;
	background-position: 0 0;
}

.sidebox-login a.btn_login_side {
	float: right;
	background-position: 0 -50px;
}

.sidebox-login a.btn_se_login {
	width: 180px;
	height: 43px;
	background-position: 0 -100px;
}

/* サイド　サポーター */
.side_sptr {
	margin-bottom: 10px;
	border: 2px solid #4FB81C;
}

.side_sptr dt {
	display: block;
	height: 25px;
	margin: 8px;
	background-color: #4FB81C;
	border-radius: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}

.side_sptr dl {
	padding: 0;
	margin: 0;
}

.side_sptr dd {
	padding: 0;
	margin: 0;
}

.side_sptr dd p {
	display: block;
	margin: 8px;
	line-height: 1.4;
}

.side_sptr dd div {
	padding: 5px;
	background-color: #F4FDF0;
}

.side_sptr dd a.img-replacement {
	display: block;
	width: 120px;
	height: 27px;
	margin: 0 auto;
	background-image: url(../images/interface/btn_sptr-more.png);
	background-repeat: no-repeat;
}

.side_sptr dd a.btn_sptr-more {
	background-position: 0 0;
}

.side_sptr dd a.btn_sptr-kiyaku {
	background-position: 0 -50px;
}

.side_sptr dd a.btn_sptr-manual {
	background-position: 0 -100px;
}

/* サイド　サポーター専用お問い合わせ */
.side_sptr-inq {
	margin-bottom: 10px;
}

.side_sptr-inq a {
	display: block;
	width: 200px;
	height: 50px;
	background: url(../images/interface/btn_sptr-inq.png) 0 0 no-repeat;
}

/* サイド　サポーター一覧 */
.side_sptr-list {
	margin-bottom: 10px;
}

.side_sptr-list a {
	display: block;
	width: 200px;
	height: 50px;
	background: url(../images/interface/btn_sptr-list.png) 0 0 no-repeat;
}

.img-replacement {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

a.img-replacement:hover {
	opacity: 0.7;
}

.side_wps ul {
	width: 178px;
	border-bottom: 1px solid #AAA;
	margin-bottom: 10px;
}

/* サイド　＠とは */
#side_about_bnr {
	border-bottom: 1px dashed #ddd;
	border-top: 1px dashed #ddd;
	margin-bottom: 10px;
	padding: 1px 0;
	position: relative;
}

#side_about_bnr a {
	background: url(../images/groundtop/btn_about.png) 2px 50% no-repeat;
	display: block;
	height: 43px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#side_about_bnr a:hover {
	opacity: .7;
}

#side_about_bnr a:before,
#side_about_bnr a:after {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
}

#side_about_bnr a:before {
	right: .5em;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color: #4DB41B;
	margin-top: -.5em;
}

#side_about_bnr a:after {
	right: .8em;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 4px solid #FFFFFF;
	margin-top: -.2em;
}

#side_about_bnr a:hover:before {
	background-color: #dbb400;
}

#contents_main {
	width: 750px;
	float: right
}

.contents_main_contents {
	padding: 0 0 0 20px
}

.column {
	margin: 0 0 20px 0;
	border: 1px solid #DDD;
	background-color: #f5f5f5;
	padding: 10px
}

.h2_side {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 0
}

.contents_side_article {
	margin: 0 0 4px 0;
	padding: 6px;
	background-color: #f2f4ee
}

.contents_side_list {
	margin: 0;
	padding: 0 0 0 1.5em;
	font-size: 12px;
	list-style-type: square
}

.contents_side_list li {
	margin: 0 0 5px 0
}

.contents_side_pic_right {
	width: 72px;
	text-align: right;
	float: right
}

.content_side_pic_left {
	width: 110px;
	float: left
}

.contents_side_ranking_table {
	width: 182px
}

.contents_side_ranking_table th {
	width: 30px;
	padding: 0 0 10px 0;
	text-align: left;
	vertical-align: top
}

.contents_side_ranking_table td {
	vertical-align: top;
	padding: 0 0 10px 0
}

.contents_side_banner {
	margin: 20px 0;
	text-align: center
}

.contents_side_banner img {
	margin: 0 0 5px 0
}

/*--フッター--*/
#footer {
	padding: 40px 0 0 0;
	text-align: center;
}

#footer_margin {
	width: 960px;
	margin: 0 auto;
	text-align: center
}

#footer_navi_area {
	text-align: center;
	clear: both;
	padding-top: 10px
}

.field_lev {
	display: none
}

#footer_textarea {
	width: 100%;
	height: 50px;
	border: 1px solid #359b00;
	background-color: #f4f4f4;
	margin-top: 3px
}

#footer_form_label {
	color: #F00;
	width: 550px;
	padding: 5px 0 20px 0;
	color: red;
	float: left;
	margin: 0
}

#footer_form_submit {
	width: 70px;
	float: right;
	text-align: right;
	margin: 5px 0 0 0
}

#footer_navi_wrap {
	border-top: 1px solid #DDD;
	background: #F4F4F4;
	clear: both;
	text-align: center;
	position: relative;
}

#footer_navi_box_wrap {
	width: 960px;
	margin: 0 auto;
	padding: 14px 0 20px 0;
	position: relative;
	text-align: left
}

#footer_navi_box_wrap p.footer_txt {
	background: url(../images/groundtop/logo_footer.gif) no-repeat left top;
	font-size: 13px;
	line-height: 16px;
	text-indent: 112px;
	font-weight: bold;
	margin: 0
}

#footer_navi_box_wrap h3 {
	color: #222;
	line-height: 1;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: 0.5em;
	border-left: 3px solid #D5D5D5;
	font-size: 13px;
	font-weight: bold
}

.footer_navi_box {
	width: 230px;
	float: left;
	display: inline;
	margin: 15px 10px 0 0
}

.footer_navi_box ul {
	margin: 0;
	padding: 0
}

.footer_navi_box ul:not(.footer_sns) li {
	margin: 0;
	list-style-type: none;
	background: url(../images/groundtop/icon_footer_nav.gif) no-repeat left .7em;
	padding: 0 0 0 10px;
	line-height: 1.5
}

.footer_navi_box ul:not(.footer_sns) li.blank a {
	background: url(../images/groundtop/icon_blank_02.gif) no-repeat scroll right center;
	padding: 0 18px 0 0
}

.footer_navi_box ul.footer_sns {
	line-height: 1;
	text-align: right;
}

.footer_navi_box ul.footer_sns li {
	display: inline-block;
	height: 32px;
	margin: 15px 0 0 10px;
	padding: 0;
	line-height: 0;
}

.footer_navi_box ul.footer_sns a:hover img {
	filter: Alpha(Opacity=70);
	opacity: .7;
}


#footer_navi {
	margin: 0;
	padding: 10px 0;
	background-color: #7C7C7C;
	color: #FFFFFF;
	text-align: right;
}

#footer_navi ul {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#footer_navi li {
	display: inline;
}

#footer_navi a {
	color: #FFFFFF;
}

#footer_copyright {
	display: block;
	width: 960px;
	margin: 0.8em auto 0 auto;
	font-size: 12px;
	text-align: right;
}

#footer .page_back {
	position: absolute;
	right: 0;
	top: -28px;
	background: url(../images/groundtop/bg_pageback_right.gif) no-repeat right top;
	font-size: 13px;
	margin: 0;
	display: block;
}

#footer .page_back a {
	background: url(../images/groundtop/bg_pageback_left.gif) no-repeat left top;
	padding: 7px 5px 8px 32px;
	margin: 0 5px 0 0;
	display: block
}

.contents_box_mainflash {
	background-color: #FFF;
	width: 750px;
	margin: 0 0 15px 0
}

.contents_box_wide {
	background-color: #f0f0f0;
	width: 750px;
	margin: 0 0 15px 0
}

.contents_box_padding {
	padding: 10px
}

.side_navi_btn {
	margin: 0 0 1px 0
}

.side_navi_title {
	margin: 10px 0 5px 0
}

#search_layouttable {
	margin: 10px auto;
	width: 300px
}

#search_layouttable td {
	padding: 1px 0;
	vertical-align: middle
}

#search_layouttable td#btn {
	padding: 1px 0;
	vertical-align: middle;
	text-align: right
}

/* add maruyama from */
/* #search_layouttable_input{*/

#result_search_layout {
	margin: 10px 0 10px 10px;
	width: 730px;
	height: 48px;
	background: url(../images/groundtop/bg_result_search.gif) no-repeat;
	overflow: hidden;
	zoom: 1
}

#result_search_layout #header_search_input {
	border: none;
	background: none;
	width: 586px;
	margin: 12px 0 0 12px;
	padding: 0 2px;
	float: left;
	font-size: 12px;
	height: 25px;
	line-height: 25px
}

#result_search_layout #commit {
	margin: 11px 10px 0 0;
	float: right;
	display: inline
}

#header_search_input2 {
	width: 245px
}

#search_link {
	margin: 10px auto;
	width: 650px;
	border-right: 1px solid #DDD
}

#search_link td {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	padding: 5px;
	text-align: center
}

#search_link td.active {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	padding: 5px;
	background-color: #328a09;
	color: #FFF;
	text-align: center
}

.search_tab {
	width: 708px;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid #DDDDDD;
	background-color: #FAFAFA;
	overflow: hidden
}

.search_tab li {
	display: inline-block;
	margin: 0;
	padding: 0 8px 0 4px;
	border-right: 1px solid #DDDDDD;
	list-style-type: none;
	font-size: 14px;
}

.search_tab li a {
	display: block;
	width: auto;
	min-width: 4em;
	height: 1.6em;
	padding: 0 .5em;
	background: none;
	color: #0E6907;
	line-height: 1.6;
	text-align: center;
}

.search_tab li a:hover {
	background-color: #FFFFFF;
	color: #0E6907;
	font-weight: bold;
}

.search_tab li.on a {
	background-color: #0E6907;
	color: #FFFFFF;
	font-weight: bold;
}

.search_box {
	margin: 10px 10px 20px 10px;
	padding: 0 0 5px 0;
	clear: both
}

.search_box .no_results p {
	font-size: 16px;
	margin: 0 0 15px 0
}

.search_box .no_results ul {
	padding: 0;
	margin: 0 0 0 10px
}

.search_box .no_results ul li {
	list-style-type: none;
	line-height: 1.5;
	font-size: 14px;
	background: url(../images/groundtop/icon_search.gif) no-repeat left 0.1em;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0
}

.search_box div {
	word-break: break-all;
	word-wrap: break-word;
	font-size: 12px
}

.search_box div.m {
	font-size: 14px
}

.search_box h3.title {
	margin: 0;
	font-size: 15px;
	color: #333333;
}

.search_box .title strong a {
	text-decoration: underline
}

.search_box .title strong a:hover {
	text-decoration: none
}

.search_box .title span {
	font-size: 12px;
	font-weight: normal
}

.search_box .title span a {
	font-weight: bold
}

.search_box p {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}

.search_box .url {
	color: #999
}

.search_ad_top {
	border-bottom: 1px solid #DDD;
	padding: 15px 0 10px 0;
	position: relative;
	margin: 0 0 10px 0
}

.search_ad_top_02 {
	margin: 0 10px;
	zoom: 1
}

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

.search_ad_bottom {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 15px 0 10px 0;
	position: relative;
	clear: both
}

.search_ad_bottom_02 {
	margin: 0 10px;
	zoom: 1
}

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

.search_ad_txt {
	margin: 2px 0 0 0;
	text-align: right;
	color: #AAA;
	right: 0;
	position: absolute;
	top: 0;
}

.search_results_txt {
	margin: 5px 0 0 0;
	text-align: right;
	color: #555
}

#subheader {
	width: 750px;
	margin: 0 0 15px 0
}

#subheader_search_area {
	width: 265px;
	position: absolute;
	top: 12px;
	right: 10px
}

#subheader_search {
	width: 750px;
	border-bottom: 1px solid #a9d77b;
	text-align: center
}

#subheader_search_layouttable {
	width: 210px;
	margin: 0
}

#subheader_search_layouttable td {
	padding: 3px 0 0 0;
	vertical-align: middle
}

#subheader_search_layouttable td#btn {
	padding: 3px 0 0 0;
	vertical-align: middle;
	text-align: right
}

#categorytop_right {
	width: 230px;
	float: right
}

#categorytop_left {
	width: 500px;
	float: left
}

.categorytop_left_box {
	width: 500px;
	background-color: #f5f5f5;
	margin: 0 0 15px 0;
	padding: 0
}

.categorytop_left_box_inside {
	padding: 10px
}

.categorytop_right_box {
	width: 230px;
	background-color: #FFF;
	margin: 0 0 15px 0;
	padding: 0
}

.categorytop_right_box_inside {
	padding: 10px
}

.help_btn {
	margin-top: 7px;
	float: right
}

.friend_status_list {
	list-style-type: square;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0 40px
}

.friend_status_list li.login {
	list-style-image: url(../images/interface/icon_login.gif)
}

.friend_status_list li.busy {
	list-style-image: url(../images/interface/icon_busy.gif)
}

.friend_status_list li.logout {
	list-style-image: url(../images/interface/icon_logout.gif)
}

#categorytop_flash_1 {
	width: 750px;
	height: 200px;
	margin: 0 0 15px 0;
	background-color: #EEE
}

#categorytop_flash_2 {
	width: 750px;
	height: 400px;
	margin: 15px 0 15px 0;
	background-color: #EEE
}

.categorytop_right_banner {
	margin: 0 0 10px 0
}

#categorytop_wide {
	width: 750px;
	margin: 0 0 15px 0
}

.bold {
	font-weight: 700
}

/*--OpenXバナー--*/
#agency_02_200x200 {
	padding-bottom: 10px
}

#atengineer_03_200x100 img {
	margin-bottom: 5px
}

#atengineer_04_300x250 img {
	margin-bottom: 10px
}

#agency_03_160x600 {
	text-align: center;
	padding: 5px 0 30px 0
}

#agency_04_728x90 img {
	margin: 20px 0 10px 0
}

.cancel1,
.cancel2,
.cancel3,
.cancel4 {
	color: #0E6907;
	text-decoration: none
}

/*--上部メニュー機能--*/
#sns_menu_area {
	padding: 33px 0 0 0
}

* html #sns_menu_area {
	padding: 0
}

#sns_menu_wrap {
	background: #333;
	height: 32px;
	border-bottom: 1px solid #DDD;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%
}

* html #sns_menu_wrap {
	position: relative
}

ul#sns_menu {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	position: relative;
	z-index: 10;
	overflow: visible
}

* html ul#sns_menu {
	height: 32px;
	margin: 0
}

ul#sns_menu li {
	display: block;
	float: right;
	height: 32px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #6D6D6D;
	list-style-type: none
}

ul#sns_menu li#my_library {
	padding: 0 0 0 10px
}

ul#sns_menu li#my_library ul li {
	padding: 0 0 0 10px;
	border: none
}

ul#sns_menu li#my_library div.sns_menu_block4 ul li {
	padding: 0
}

ul#sns_menu li.sns_menu_sub_on1,
ul#sns_menu li.sns_menu_sub_off1,
ul#sns_menu li.sns_menu_sub_on2,
ul#sns_menu li.sns_menu_sub_off2,
ul#sns_menu li.sns_menu_sub_on3,
ul#sns_menu li.sns_menu_sub_off3,
ul#sns_menu li.sns_menu_sub_on4,
ul#sns_menu li.sns_menu_sub_off4 {
	position: relative;
	background: url(../images/interface/bg_sns_menu_sub.gif) no-repeat
}

ul#sns_menu li.sns_menu_sub_off1,
ul#sns_menu li.sns_menu_sub_off2,
ul#sns_menu li.sns_menu_sub_off3,
ul#sns_menu li.sns_menu_sub_off4 {
	background: url(../images/interface/bg_sns_menu_sub.gif) no-repeat right top
}

ul#sns_menu li.sns_menu_sub_on1,
ul#sns_menu li.sns_menu_sub_on2,
ul#sns_menu li.sns_menu_sub_on3,
ul#sns_menu li.sns_menu_sub_on4 {
	background: #FFF url(../images/interface/bg_sns_menu_sub.gif) no-repeat right bottom
}

ul#sns_menu li.sns_menu_sub_on1 a,
ul#sns_menu li.sns_menu_sub_off1 a,
ul#sns_menu li.sns_menu_sub_on2 a,
ul#sns_menu li.sns_menu_sub_off2 a,
ul#sns_menu li.sns_menu_sub_on3 a,
ul#sns_menu li.sns_menu_sub_off3 a,
ul#sns_menu li.sns_menu_sub_on4 a,
ul#sns_menu li.sns_menu_sub_off4 a {
	padding: 0 28px 0 10px
}

ul#sns_menu li.sns_menu_sub_on1 a,
ul#sns_menu li.sns_menu_sub_on2 a,
ul#sns_menu li.sns_menu_sub_on3 a,
ul#sns_menu li.sns_menu_sub_on4 a {
	color: #222
}

ul#sns_menu li#new_message {
	border: none
}

ul#sns_menu li#new_message_value {
	padding: 0 10px 0 0
}

ul#sns_menu li a {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	color: #FFF;
	font-weight: bold;
	padding: 0 10px 0 10px;
	margin: 0;
	overflow: hidden;
	cursor: pointer
}

ul#sns_menu li#new_message_value a {
	padding: 0 5px 0 5px;
	height: 22px;
	line-height: 22px;
	background: url(../images/interface/bg_new_message_value.gif) no-repeat right bottom;
	vertical-align: middle
}

ul#sns_menu li#new_message_value span {
	display: inline-block;
	text-decoration: none;
	margin: 5px 0 0 0;
	background: url(../images/interface/bg_new_message_value.gif) no-repeat left top
}

ul#sns_menu li#new_message_value span.new {
	background-color: #E80000
}

ul#sns_menu li#new_message_value span.none {
	background-color: #DDD
}

ul#sns_menu li#new_message_value span.new a {
	color: #FFF
}

ul#sns_menu li#new_message_value span.none a {
	color: #222
}

ul#sns_menu .sns_menu_block1,
ul#sns_menu .sns_menu_block2,
ul#sns_menu .sns_menu_block3,
ul#sns_menu .sns_menu_block4 {
	display: none;
	z-index: 20;
	position: absolute;
	top: 32px;
	right: -1px;
	border: 1px solid #6E6E6E;
	border-top: none;
	margin: 0 0 5px;
	padding: 5px;
	background-color: #FFF;
	text-align: left;
	width: 170px;
	font-size: 12px
}

ul#sns_menu .status,
ul#sns_menu .point {
	width: 200px
}

* html ul#sns_menu .sns_menu_block1,
* html ul#sns_menu .sns_menu_block2,
* html ul#sns_menu .sns_menu_block3,
* html ul#sns_menu .sns_menu_block4 {
	right: -2px
}

ul#sns_menu .sns_menu_block1 ul,
ul#sns_menu .sns_menu_block2 ul,
ul#sns_menu .sns_menu_block3 ul,
ul#sns_menu .sns_menu_block4 ul {
	margin: 0;
	padding: 0
}

ul#sns_menu .sns_menu_block1 ul li,
ul#sns_menu .sns_menu_block2 ul li,
ul#sns_menu .sns_menu_block3 ul li,
ul#sns_menu .sns_menu_block4 ul li {
	border: none;
	height: 24px;
	line-height: 24px;
	margin: 0;
	display: block;
	float: none;
	word-break: break-all;
	word-wrap: break-word
}

ul#sns_menu .sns_menu_block1 ul li a,
ul#sns_menu .sns_menu_block2 ul li a,
ul#sns_menu .sns_menu_block3 ul li a,
ul#sns_menu .sns_menu_block4 ul li a {
	display: block;
	height: 24px;
	line-height: 24px;
	color: #0E6907;
	text-decoration: none;
	float: none;
	padding: 0 0 0 5px;
	font-weight: normal
}

ul#sns_menu .sns_menu_block1 ul li a:hover,
ul#sns_menu .sns_menu_block2 ul li a:hover,
ul#sns_menu .sns_menu_block3 ul li a:hover,
ul#sns_menu .sns_menu_block4 ul li a:hover {
	background: #DFFFC8
}

ul#sns_menu li.sns_menu_sub_on1 .sns_menu_block1,
ul#sns_menu li.sns_menu_sub_on2 .sns_menu_block2,
ul#sns_menu li.sns_menu_sub_on2 .sns_menu_block3,
ul#sns_menu li.sns_menu_sub_on4 .sns_menu_block4 {
	display: block
}

ul#sns_menu li#pr_sptr {
	float: left;
	border-right: 0 none;
}

ul#sns_menu li#pr_sptr a {
	padding-left: 20px;
	background: url(../images/interface/h-icon_sptr.png) 0 50% no-repeat;
}

/*--マイフェローステータス関連--*/
ul#sns_menu #login_area_list table {
	font-size: 12px;
	line-height: 1;
	border-collapse: collapse;
	margin: 0 0 5px 0;
	width: 200px
}

ul#sns_menu #login_area_list table tr {
	background: url(../images/interface/br_side_dot.gif) repeat-x left bottom
}

ul#sns_menu #login_area_list table th {
	font-weight: normal;
	padding: 5px 0 3px 0;
	text-align: left
}

ul#sns_menu #login_area_list table td {
	padding: 5px 0 3px 5px;
	vertical-align: middle;
	text-align: right
}

ul#sns_menu #login_area_list table td a {
	padding: 0;
	display: inline;
	height: auto;
	line-height: 1.4
}

ul#sns_menu #login_area_list .login_status_caption {
	float: left
}

ul#sns_menu #login_area_list .login_status_caption ul {
	margin: 0;
	font-size: 12px
}

ul#sns_menu #login_area_list .login_status_caption ul li {
	display: block;
	padding: 0 0 0 20px;
	line-height: 1.7;
	width: 130px
}

ul#sns_menu #login_area_list .login_status_caption ul li.logout {
	margin: 0
}

ul#sns_menu .status ul li {
	height: auto
}

ul#sns_menu .status ul li a {
	padding: 0 0 0 20px;
	line-height: 1.4;
	height: auto;
	width: auto
}

ul#sns_menu .status a.btn {
	padding: 0 10px;
	height: 21px;
	line-height: 21px
}

ul#sns_menu .status ul li a:hover {
	background: none;
	text-decoration: underline
}

ul#sns_menu a#login_status {
	padding: 0 28px 0 20px
}

ul#sns_menu a.login,
ul#sns_menu li.login {
	background: url(../images/interface/icon_login.gif) no-repeat left center
}

ul#sns_menu a.busy,
ul#sns_menu li.busy {
	background: url(../images/interface/icon_busy.gif) no-repeat left center
}

ul#sns_menu a.logout,
ul#sns_menu li.logout {
	background: url(../images/interface/icon_logout.gif) no-repeat left center
}

/*--ポイント関連--*/
ul#sns_menu #point_area_list table {
	font-size: 12px;
	line-height: 1;
	border-collapse: collapse;
	margin: 0 0 5px 0;
	width: 200px
}

ul#sns_menu #point_area_list table tr {
	background: url(../images/interface/br_side_dot.gif) repeat-x left bottom
}

ul#sns_menu #point_area_list table th {
	font-weight: normal;
	padding: 5px 0 3px 0;
	text-align: left
}

ul#sns_menu #point_area_list table td {
	padding: 5px 0 3px 5px;
	vertical-align: middle;
	text-align: right
}

ul#sns_menu #point_area_list table td a {
	padding: 0;
	display: inline;
	height: auto;
	line-height: 1.4
}

ul#sns_menu #point_area_list a {
	height: auto;
	line-height: 1.4;
	padding: 0;
	width: auto;
	font-weight: normal;
	color: #0E6907
}

ul#sns_menu #point_area_list a.btn {
	height: 21px;
	line-height: 21px;
	padding: 0 10px;
	font-weight: bold;
	color: #222
}

.display_none {
	margin: 10px 0 0 0
}

.print_break {
	visibility: hidden;
	display: none
}

#chart_div_sex {
	height: 100px
}

#chart_div_age {
	height: 250px
}

#chart_div_position {
	height: 250px
}

#chart_div_corp_scale {
	height: 350px
}

#chart_div_gyoutai {
	height: 750px
}

#chart_div_prefecture {
	height: 1200px
}

#chart_div_busyo {
	height: 750px
}

/*--マイメニュー関連--*/
.side_mymenu {
	position: relative
}

.side_mymenu .add_mymenu {
	position: absolute;
	right: 7px;
	top: 8px
}

.side_mymenu h4 a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7
}

.side_mymenu h4 a img {
	vertical-align: top
}

.side_mymenu ul li {
	position: relative;
	width: 178px
}

.side_mymenu ul li a {
	width: 150px
}

.side_mymenu ul li a.btn_mymenu_setting {
	background: none;
	display: block;
	position: absolute;
	padding: 0;
	width: 20px;
	height: 19px;
	background: url(../images/interface/icon_mymenu_setting.gif) repeat-x left top;
	right: 0;
	cursor: pointer;
	filter: alpha(opacity=40);
	opacity: 0.4;
	top: 0
}

.side_mymenu ul li a.btn_mymenu_setting:hover {
	filter: alpha(opacity=100);
	opacity: 1
}

.side_mymenu ul li.on a.btn_mymenu_setting {
	background: url(../images/interface/icon_mymenu_setting.gif) repeat-x left top;
	filter: alpha(opacity=100);
	opacity: 1
}

.side_mymenu ul li a.btn_mymenu_setting:hover {
	filter: alpha(opacity=100);
	opacity: 1
}

.side_mymenu ul ul {
	margin: 0;
	padding: 5px 10px;
	background: #F7F7F7;
	border: 1px solid #DDD;
	text-align: right
}

.side_mymenu ul ul li {
	display: inline;
	width: auto;
	background: none
}

.side_mymenu ul ul li.mymenu_up,
.side_mymenu ul ul li.mymenu_down {
	float: left;
	display: inline;
	margin: 0 10px 0 0
}

.side_mymenu ul ul li.mypage_up,
.side_mymenu ul ul li.mypage_down {
	cursor: pointer
}

.side_mymenu ul ul li.off,
.side_mymenu ul ul li.off {
	filter: alpha(opacity=30);
	opacity: 0.3
}

.side_mymenu ul ul li a {
	background: none;
	width: auto;
	display: inline;
	padding: 0
}

.mymenuClose {
	display: none
}

#my_menu_area {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: 1px solid #AAA;
	border-top: none
}

.side_mymenu ul#my_menu {
	margin: 0;
	padding: 0;
	border: none
}

.icon_down {
	background: url(../images/interface/sprite.gif) no-repeat left top !important;
	background-position: 0 -1572px !important;
	width: 16px !important;
	height: 16px;
	display: block !important;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

.icon_up {
	background: url(../images/interface/sprite.gif) no-repeat left top !important;
	background-position: 0 -2664px !important;
	width: 16px !important;
	height: 16px;
	display: block !important;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

.icon_mail_1 {
	background: url("../images/interface/sprite.gif") no-repeat scroll 0 -1820px rgba(0, 0, 0, 0);
	display: block !important;
	height: 16px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 16px;
}

.btn_se_login {
	background: url(../images/interface/sprite.gif) no-repeat left top;
	background-position: 0 -666px;
	width: 178px;
	height: 44px;
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}