/* ----------------------------------------------------------------------

 smart phone setting

---------------------------------------------------------------------- */
/*  Default Style Reset
------------------------------------------- */
html {
  overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,
header, footer, aside, article, nav, section,
pre, form, fieldset, input, textarea, p, blockquote, table, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  }
caption, th {
  text-align: left;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}
object {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h2, h3, h5, h6 {
  font-size: 100%;
}
img {
  border: 0;
}
input, select {
  vertical-align: middle;
}
ul, ol {
  list-style: none;
}

/*  Basic Reset
------------------------------------------- */
body {
  -webkit-text-size-adjust:100%;
  position:relative;
  width:100%;
  margin:0; padding:0;
  color:#fff;
  background: url(/img/shakaijin_body_bg01.png) no-repeat top center #333;
  font-family:YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: none;
}

/* layout */
#contents { width: 100%; padding:0; margin-top:55px; }
#main_col { width:96%; margin:5px auto 15px; }
#side_col { margin:0 5px; }
#main_col2 { }

/* color scheme */
a { }
a:hover { }
.date { color:#24cfbd; font-size:12px; font-weight:bold; }

/* mobile banner */
#mobile_banner_top { text-align:center; margin:0 0 20px 0; background:#ddd; padding:10px 10px; }
#mobile_banner_top img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; }
#mobile_banner_bottom { text-align:center; padding:0 0 40px 0; }
#mobile_banner_bottom img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; }
#index_mobile_banner_top { text-align:center; margin:0 0 15px 0; padding:0 10px; }
#index_mobile_banner_top img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; }

span.block {
  display: block;
}




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
#index_top { padding:0; margin:0; background:url(/img/footer/background.gif) repeat-x left -20px; }

/* recommend gallery */
.nivoSlider { position:relative; height:auto; overflow:hidden; border:none; }
.nivoSlider img { position:absolute; top:0px; left:0px; height:auto; width:auto; }
.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important; }

.recommend_gallery { }

/* gallery caption */
.nivo-caption { position:absolute; right:0px; bottom:0px; background:#fff; color:#333; font-size: 12px; line-height: 170%; width:100%; z-index:8; position: relative; opacity: 0.7; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8);
                -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-html-caption { display:none; }

.recommend_gallery .title { font-size:14px; line-height:160%; margin:10px; }
.recommend_gallery .title a { color:#333; text-decoration:none; }
.recommend_gallery .title a:hover { text-decoration:underline; }
.recommend_gallery .excerpt { display:none; }
.recommend_gallery a.link { display:none; }

/* banner */
#side_top_banner_wrap { display:none;/*background:url(/img/footer/background.gif) repeat-x left -20px; padding:1px 15px 18px;*/ }
.index #side_top_banner_wrap { background:none; padding:0; }
.index #side_top_banner { display:none; }
#side_top_banner { background:#fff; padding:5px; max-width:290px; margin:15px auto 0; }
#side_top_banner img { display:block; height:auto; max-width:100%; width:auto; }

/* search */
#index_top .search_area { display:none; }

/* index main content layout */
#index_main_content { margin:0 5px; }
#index_center_col { }
#index_right_col { }

/* banner top */
#index_banner_top { margin:0 0 15px 0; text-align:center; }
#index_banner_top img { display:block;  height:auto; max-width:100%; width:auto; margin:0 auto; }

/* recent post */
#index_post_list { background:#161616; margin:0 0 15px 0; }

#index_post_list .first_list { list-style-type:none; margin:16px 15px 0; padding:0; }
#index_post_list .first_list li { margin:0 0 10px 0; }
#index_post_list a.image { float:left; margin:0 20px 0 0 ; display:inline-block; }
#index_post_list a.image img { width:110px; height:110px; display:block; }
#index_post_list a.image:hover img { opacity:0.6; }
#index_post_list .date { margin:0; }
#index_post_list .first_list .title { margin:0 0 7px 0; font-size:14px; line-height: 150%; }
#index_post_list .excerpt p { overflow: auto; color:#f9f9f9;font-size:12px; margin:0; line-height:140%; }

#index_post_list .second_list { list-style-type:none; margin:0 17px 17px; padding:0; background:url(/img/common/dot2.gif) repeat-x left top; padding:20px 0 0 0; }
#index_post_list .second_list li { margin:0 0 3px 0; padding:0; }
#index_post_list .second_list a { display:block; background:#e6e6e6; padding:10px; text-decoration:none; color:#333; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#index_post_list .second_list a:hover { background:#ccc; }

/* right side content */
.index_side_widget { margin:0 0 20px 0; background-color: #161616; }
.index_side_widget li ul { margin:0 0 0 1em; }
.index_side_widget li { line-height:170%; margin:0; padding:0 0 10px 0; }
.index_side_widget li li { background:none; margin:0; padding:0; }
.index_side_widget a { display:block; }

/* banner side */
#index_banner_side { margin:0 0 15px 0; text-align:center; }
#index_banner_side img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header {
  width:100%;
  background: url(/img/shakaijin_header_bg01.jpg) repeat-x #00615a;
}
.inner {
  position:relative;
  width:96%;
  margin:0 auto;
}
#logo {
  display:none;
}
#logo img {
  width: 70%;
}
#siteName {
  position:absolute;
  top:10px; left:0px;
  color:#fff;
  text-shadow:1px 1px 1px #000;
  font-size: 16px;
  font-weight: bold;
  font-family:"ヒラギノ明朝 ProN W6", "Hiragino Mincho Pro", "游明朝", YuMincho, "メイリオ", Meiryo, serif;
  line-height: 100%;
  letter-spacing: -1px;
}
#siteName a {
  color:#fff;
  text-decoration: none;
}
#siteName a img {
    width: 85%;
}
#header_info {
  width: 90%;
  margin: 0 auto;
}
#header_info img {
  width: 100%;
  padding: 60px 0 20px;
  text-align: center;
}


/* description */
#site_description { display:none; }

/* logo */
#logo_text { margin:5px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:40%; overflow:hidden; }
#logo_text a { color:#333; text-decoration:none; display:block; }
#logo_text a:hover { text-decoration:underline; }

/* social link */
#social_link { float:right; margin:5px 80px 0 -3px; }
#social_link li { float:left; margin:0 0 0 3px; }
.no_nav #social_link { margin-right:15px; }

/* global menu */
/* hamberger menu */
#header #menu_button_area { position:absolute; top:15px; right:15px; }
.menu_button,
.menu_button a span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu_button a {
	position: relative;
	width: 25px;
	height: 24px;
}
.menu_button a span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu_button a span:nth-of-type(1) {
	top: 0;
}
.menu_button a span:nth-of-type(2) {
	top: 10px;
}
.menu_button a span:nth-of-type(3) {
	bottom: 0;
}
.menu_button.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu_button.active span:nth-of-type(2) {
	opacity: 0;
}
.menu_button.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
.menu_button a {
    position: absolute;
    top: 15px;
    right: 15px;
}
/*
.menu_button a { color:#fff; font-size:14px; text-decoration:none; }
.menu_button a:hover { color:#fff; }
.menu_button a.active { background:#eee; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; }
*/

#global_menu {
  position:relative;
  display:none;
  clear:both;
  width:100%;
  margin:50px 0 0;
  padding: 0 0 15px;
  background-color: #222;
  box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
}
#global_menu ul { margin:0; }
#global_menu a { display:block; border:1px solid #222; margin:0 0 -1px 0; padding:0 10px 0 32px; line-height:40px; text-decoration:none; background:#444 url(/img/common/arrow4.png) no-repeat 20px; color:#fff;  }
#global_menu a:hover { background-color:#000; color:#fff; }
#global_menu ul ul a { background:#333 url(/img/common/arrow4.png) no-repeat 34px; padding:0 0 0 45px; }
#global_menu ul ul ul a { background:#252525 url(/img/common/arrow4.png) no-repeat 49px; padding:0 0 0 60px; }
#global_menu ul ul ul ul a { background:#333 url(/img/common/arrow4.png) no-repeat 64px; padding:0 0 0 75px; }

/* banner */
#header_banner { display:none; }

#index_button_area {
  width: 100%;
  margin: 0 auto;
  padding: 0.5em 0;
  background: url(/img/img2/button_bg_01.jpg) repeat-y top left;
  box-shadow:0 1px 1px #222;
}
#index_button_area .side_widget { margin:0; padding:0; color:#fff; background:none; }
#index_button_area ul {
  list-style: none;
  background:none;
  text-align: center;
}
#index_button_area ul li {
    float: left;
    width: 47%;
    margin: 0 0 .5em .5em;
    padding: 0;
    line-height: 100%;
}
#index_button_area ul li a:hover {
  opacity: 0.8;
}

.child_pages {
    overflow: auto;
    margin-bottom: 0;
}
.child_pages .child_page {
    float: none;
}


/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post {
  width:96%;
  color:#333;
  padding:15px 6px;
  margin:0px auto;
  background-color: #f9f9f9;
  word-break:break-all;
  -webkit-hyphens:break-all;
  -moz-hyphens:break-all;
}
.post p {padding:0 15px 15px; font-size:14px; }
.post h3, .post h4 {
  color:#333;
}
#page {  }

/* date and category etc */
#single_meta { margin:0; }
#single_meta li { float:left; border-right:1px solid #ccc; margin:0 7px 10px 0; padding:0 7px 0 0; background:none; font-size:12px; line-height:110%; }
#single_meta li.last { border:none; padding:0; margin:0 0 1em; }

/* post title */
#page .page_headline { border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 0 10px 0; }

/* post eyecatch */
#post_image { margin:0 auto 15px; text-align:center; text-align:center; }
#post_image img { padding:2%; background:#ebebeb; display:block; margin:0 auto; max-width:96%; }

/* bookmark */
.post .bookmark { margin:0 0 10px 0; }
.post .bookmark li { background:none; padding:0; float:left; margin:0 5px 0 0; }
.post .bookmark li.social2 { margin:0 -30px 0 0; }

/* next page */
#post_pagination { margin:20px 0 30px 0; clear:both; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { color:#fff; background:#333; }

/* banner */
#single_banner1 { text-align:center; margin:0 0 25px 0; }
#single_banner2 { text-align:center; margin:25px 0 15px 0; }

/* related post*/
#related_post { margin:0; background:#161616; }

#related_post ul {
    padding: 15px;
    background: #f9f9f9;
}
#related_post li { margin:0 0 10px 0; }
#related_post .image {
    float: left;
    border: 1px solid #ccc;
    margin: 0 15px 0 0;
}
#related_post .image img { width:90px; height:auto; display:block; }
#related_post .image:hover img { opacity:0.6; }
#related_post .title { font-size:14px; margin:0; line-height:160%; }
#related_post .title a { color:#333; }

#pages-2 ul { list-style-type:none; margin:0; }
#pages-2 ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #14A226;
  position: relative;
  left: -10px;
  top: -3px;
  display: inline-block;
}
#pages-2 ul {
	padding: 15px 15px 15px 30px !important;
}
#pages-2 ul ul {
	padding: 10px 0 0 15px !important;
}
.children { margin:0; padding:0; }
/* next prev post link */
/*
#previous_next_post { margin:0 20px 0 20px; padding:0; }
#previous_next_post a { color:#333; }
#previous_post, #next_post { margin:0; line-height:140%; }
#previous_post a { margin:0; width:42%; float:left; font-size:12px; background:url(/img/common/arrow2.jpg) no-repeat left 7px; padding:0 0 0 13px; }
#next_post a { margin:0; width:42%; float:right; text-align:right; font-size:12px; background:url(/img/common/arrow.jpg) no-repeat right 7px; padding:0 13px 0 0; }
*/
#previous_next_post { margin:15px 0; padding:0; }
#previous_next_post a { color:#ddd; }
#previous_post, #next_post { margin:0; line-height:140%; }
#previous_post a {
  float:left;
  width: 40%;
  margin:0;
  padding:0.5em 1em;
  color:#ddd;
  font-size:14px;
  text-align:center;
  box-shadow:0 1px 1px #222;
  background:#80abac;
  text-decoration: none;
}
#next_post a {
  float:right;
  width: 40%;
  margin:0;
  padding:0.5em 1em;
  color:#ddd;
  font-size:12px;
  text-align:center;
  box-shadow:0 1px 1px #222;
  background:#4893be;
  text-decoration: none;
}
#previous_post a:hover,
#next_post a:hover {
  background:#2e7ba7;
  text-decoration: none;
  box-shadow:none;
  position: relative;
  top:1px;
}
#previous_post a:before { content:"<<　"; color:#ddd; }
#next_post a:after { content:"　>>"; color:#ddd; }


/* comment */
#comment_header_right li, #comment_header_right #trackback_closed { padding:7px 6px; }
#comment_header_right li.comment_switch_active,#comment_header_right #comment_closed { padding:7px 6px; }
#trackback_url_area input { width:97% }
.comment { padding:15px 20px 35px; position:relative; }
.no-comment-content p { margin-bottom:-20px; }
.comment-meta-left { width:90%; }
.comment-meta { position:static; }
.comment-act { position:absolute; right:20px; bottom:15px; }
#comment_user_login p { line-height:140%; }
#submit_comment { width:60%; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
.archive_headline {
  height: 30px;
  margin:0 0 1px;
  padding: 10px 0 0 1em;
  color: #fff;
  text-shadow:1px 1px 1px #000;
  font-size:14px;
  font-weight: bold;
  line-height:150%;
  background-image: url(/img/img2/headline_bg_02.jpg);
  background-repeat:no-repeat;
  background-size: 100% 100%;
}
#post_list { margin:0; width: 100%; }
#post_list li { width: 100%; margin:0 0 15px 0; padding:0 0 20px 0; border-bottom:1px solid #ccc; }
#post_list li:last-child { border-bottom:none; padding:0; margin:0; }
#post_list ul { margin:0 0 10px 0; }
#post_list li li { border:none; border-right:1px solid #aaa; margin:0 7px 10px 0; padding:0 7px 0 0; line-height:110%; float:left; font-size:11px; }
#post_list li li.last { border:none; margin:0; padding:0; }
#post_list .title { margin:0 0 15px 0; padding:0 0.5em; line-height:140%; font-size:16px; }
#post_list .title a { display:block; text-decoration:none; color:#333; }
#post_list .date { margin:0; line-height:100%; }
#post_list .info { margin:0 0 20px; }
#post_list .excerpt p { margin:0; font-size:13px; line-height:150%; color:#333; }
/*#post_list .link { background:url(/img/common/arrow.jpg) no-repeat left 4px; padding:0 0 0 12px; font-size:13px; }*/
#post_list .link {display:inline-block; float:right; color:#ddd; font-size:13px; padding:0.5em 1em; margin:0 0.5em 0 0; text-align:center; background:#4893be; text-decoration: none; box-shadow: 0 1px 1px #222; }
#post_list .link:hover { position: relative; top: 1px; background:#2e7ba7; text-decoration: none; box-shadow:none; }

#post_list .image { margin:0 0 20px; text-align:center; display:block; }
#post_list .image img { padding:2%; background:#ebebeb; display:block; margin:0 auto; max-width:96%; height:auto; }
#post_list .image:hover img { opacity:0.6; }

/* page nav */
.page_navi { margin:5px 20px 15px; }
#archive_navi { background-color: #333; }
#archive_navi .page_navi { margin:5px 15px 15px; background-color: #333; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; }
.page_navi ul { margin:0; }
.page_navi li { float:left; }
/*.page_navi a, .page_navi a:hover, .page_navi span
 { text-decoration:none; color:#666; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#eee; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.page_navi a:hover { color:#fff; text-decoration:none; }*/
.page_navi span.dots { background:none; }
.page_navi span.current { color:#fff; background:#aaa; }
/*.page_navi p.back { margin:0; }
.page_navi p.back a {  background:url(/img/common/arrow2.jpg) no-repeat left; padding:0 0 0 13px; color:#333; display:inline; }
.page_navi p.back a:hover { text-decoration:underline; }*/
.page_navi p.back { display:block; width:100%; margin:10px auto 0; padding:0.5em 0; text-align:center; background:#7a6427; box-shadow:0 1px 1px #222; }
.page_navi p.back:hover { background:#a58631; position: relative; top: 1px; box-shadow:none; }
.page_navi p.back a { padding:0; color:#ddd; font-size: 14px; display:inline; text-decoration: none; }
.page_navi p.back a:hover {  text-decoration: none; }



/* 404 */
#not_found {
    padding: 1em;
    background: #161616;
}
#not_found #search_button { float:left; }
#not_found #search_input { width:50%; height:29px; margin:0 5px 5px 0; border:1px solid #ccc; background:#f2f2f2; padding:2px 10px 0; box-shadow:2px 2px 3px 0px #ddd inset; float:left; }
p.not_found_back { display:block; width: 75%; margin:0 auto; padding:0.5em 1em; text-align:center; background:#7a6427; box-shadow:0 1px 1px #222; }
p.not_found_back:hover { background:#a58631; position: relative; top: 1px; box-shadow:none; }
p.not_found_back a { padding:0.5em 0 0; color:#ddd; font-size: 14px; display:inline; text-decoration: none; }
p.not_found_back a:hover {  text-decoration: none; }


/* search result */
#no_search_result {
    margin: 0 auto;
    width: 100%;
}




/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_widget { margin:0 0 15px 0; padding:0 0 15px 0; font-size:14px; background-color: #161616; }
.side_widget .searchform { margin:15px 15px 0 15px; }

.side_widget ul { margin:0; }
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 0 9px; }
.side_widget a { }
.side_widget img { height:auto; max-width:100%; width:auto; }

/* calendar */
#wp-calendar { margin:13px auto 0; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:320%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:200%; margin:10px 0 0 0; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; margin:10px 0 0 0; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; }
#wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }


/* recommend post */
.recommend_widget { }
.recommend_widget ul { margin:15px -15px -15px -15px; }
.recommend_widget li { background:none; padding:0 0 10px 0; /*background:url(/img/common/dot2.gif) repeat-x left bottom;*/ margin:0 0 10px 0; }
.recommend_widget li.last { background:none; padding:0; }
.recommend_widget .info { margin:0 15px 0 15px; }
.recommend_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.recommend_widget .info .title { font-size:14px; margin:0; font-weight:bold; }
.recommend_widget .excerpt p { line-height:160%; font-size:14px; margin:5px 0 0 0; overflow: auto; }
.recommend_widget .image { float:left; display:inline-block; margin:0 15px 0 28px; }
.recommend_widget .image img { width:80px; height:auto; display:block; }
.recommend_widget a.image:hover img { opacity:0.6; }
#footer_top_area li { background:none; }
#footer_top_area .recommend_widget .info { margin:0; }
#footer_top_area .recommend_widget .image { margin:0; }
#footer_top_area .recommend_widget li.last { padding:10px 0 0 0; }
#index_bottom_widget .recommend_widget .info { }

/* pickup post */
.pickup_widget { }
.pickup_widget a.image { display:inline-block; margin:0 10px 10px 0; background:#fff; padding:9px; float:left; border:1px solid #ccc; }
.pickup_widget a.image img { display:block; margin:0; }
.pickup_widget a.image:hover img { opacity:0.6; }
.pickup_widget .date { line-height:110%; margin:0 0 5px 0; padding:0; }
.pickup_widget .title { font-size:13px; margin:5px 0px 5px; line-height:160%; }
.pickup_widget .title a { display:block; }
.pickup_widget .excerpt p { line-height:160%; font-size:12px; margin:0; }
#footer_top_area .pickup_wrap { margin:15px 0 0 0; }

/* featured post */
.featured_widget .side_content { margin:0; }
.featured_widget ul { margin:15px -15px -15px -15px; }
.featured_widget li { background:none; padding: 0 15px 15px; margin:0 0 10px 0; }
.featured_widget li.last { background:none; padding:0; }
.featured_widget .info { margin:0 15px 0 15px; }
.featured_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.featured_widget .info .title { font-size:12px; margin:0; font-weight:bold; }
.featured_widget .excerpt { overflow:auto; }
.featured_widget .excerpt p { line-height:160%; font-size:12px; margin:5px 0 0 0; }
.featured_widget .image { float:left; display:inline-block; background:#fff; padding:6px; border:1px solid #ccc; margin:0 15px 0 15px; }
.featured_widget .image img { width:80px; display:block; height:auto; }
.featured_widget a.image:hover img { opacity:0.6; }
.featured_widget a.link { background:url(/img/common/arrow1.gif) no-repeat left 4px; padding:0 0 0 12px; display:block; float:right; margin:20px 0 0px; }

/* search */
.widget_search label { display:none; }
.widget_search #s { width:50%; height:29px; margin:0 10px 0 0; border:1px solid #ccc; background:#fff; padding:2px 10px 0; box-shadow:2px 2px 3px 0px #ddd inset; float:left; }
.widget_search #searchsubmit { border:none; text-indent:-9999px; width:90px; height:33px; background:url(/img/side/search_button.gif) no-repeat left top; cursor:pointer; display:block; float:left; }
.widget_search #searchsubmit:hover { background:url(/img/side/search_button_on.gif) no-repeat left top; }

#text-7 .textwidget { text-align:center; }
.side_widget ul.side_list { padding: 5px 0 0 10px !important; }

/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#page-top {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  letter-spacing: .1em;
}
a#page-top-link {
  display: block;
  width: 75px;
  height: 55px;
  border-radius: 10px;
  color: #fff;
  text-shadow:1px 1px 1px #000;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  background: rgba(136,136,136,0.3);
  padding: 15px 0 0;
  overflow: hidden;
}
a#page-top-link:hover {
  border-radius: 10px;
  background: rgba(85,85,85,0.8);
  text-decoration: none;
}

/* footer top area */
#footer_top_area_wrap { width:100%; }
#footer_top_area { margin:0 auto; position:relative; color:#555; padding:0 0 20px; }

/* banner */
#footer_banner { margin:0 auto; padding:0 15px; }
#footer_banner img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }

/* widget */
#footer_widget { display:none; }

/* footer bottom area */
#footer_bottom_area_wrap { clear:both; width:100%; background:#333; }
#footer_bottom_area { }

/* logo */
#footer_logo { display:none; }
#footer_logo_text { display:none; }
#footer_logo_text a { }
#footer_logo_text a:hover { }

/* menu */
.footer_menu { }
.footer_menu ul { margin:0; overflow:hidden; }
.footer_menu li { margin:0 0 -1px 0; font-size:14px; }
.footer_menu a { color:#ccc; text-decoration:none; padding:15px 0 10px 25px; margin:0; display:block; background:url(/img/common/arrow3.gif) no-repeat 15px; border-bottom:1px solid #444; }
.footer_menu a:hover { background-color:#222; color:#ccc; }

/* copyright */
#copyright { width:100%; color:#ccc; background:#00213b; margin:0; padding:18px 0; }
#copyright p { font-size:10px; margin:0 0 0 15px; line-height:130%; width:96%; text-align: center; }
#copyright a { text-decoration:none; color:#ccc; }
#copyright a:hover { text-decoration:underline; }



/* ----------------------------------------------------------------------
 table style [th_arrow] 矢印つき縦方向テーブル
---------------------------------------------------------------------- */
table.th_arrow {
    width: 100%;
    margin: 0 auto 1em;
    border-collapse: separate;
    border-spacing: 0px 5px;
    font-size: 90%;
    line-height: 140%;
}
table.th_arrow th,
table.th_arrow td {
    padding: 12px 10px 9px;
    line-height: 1.5;
    border:none;
}
table.th_arrow th {
    background: #00615a;
    vertical-align: middle;
    text-align: left;
    width: 30%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
table.th_arrow th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #00615a;
    border-width: 10px;
    margin-top: -10px;
}
table.th_arrow td {
    background: #f2f2f2;
    width: 80%;
    padding-left: 30px;
}
table.th_arrow td img {
  width: 100%;
}
table.th_arrow td ul {
  list-style: disc outside;
  margin: 0 0 0 1em;
}

/* ----------------------------------------------------------------------
 table style [th_normal] 横方向ふつうのテーブル
---------------------------------------------------------------------- */
table.th_normal {
    width: 100%;
    margin: 0 auto 1em;
    border-collapse: collapse;
    border-spacing: 0px 5px;
    border-right: 1px solid #cfe7e6;
    font-size: 85%;
}
table.th_normal th,
table.th_normal td {
    margin:0;
    line-height: 1.5;
    border:none;
    border: 1px solid #ccc;
}
table.th_normal th {
    padding: 12px 10px 9px;
    background: #00615a;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}

table.th_normal td {
    table-layout:fixed;
    padding: 8px 10px;
    background: #f2f2f2;
    vertical-align: middle;
    text-align: center;
}
table.th_normal td img {
  width: 100%;
}
table.th_normal td ul {
  list-style: disc outside;
  margin: 0 0 0 1em;
}



/* -------------------------------------------------
   League Manager 2015.9.11
   -------------------------------------------------
 */

#main_col table.matchtable img[src="/img/pixel.png"] {
  color: #ff0000;
	position: relative;
	top: -3px;
	z-index: -100;
}

#main_col table.matchtable {
	background: #fbfbf4;
}

#main_col table.matchtable tr.alternate {
	background: white;
}

/* 順位表 ストライプ */
#main_col table.standings tr.alternate {
	background: #fbfbf4;
}

#main_col table.np th,
#main_col table.np td {padding:0em !important;}


/* 再定義 (最後に記入する) */
#main_col table.type01 {width:96%; margin: 0 auto 20px;}
#main_col table.type01 th {color:#fff; font-size: 12px; background: #80abac; padding:0.5em; line-height: 140%; vertical-align: middle;}
#main_col table.type01 td {background: #fff; font-size: 12px; padding:0.5em; line-height: 140%;}
#main_col table.type01 td ul li {line-height: 140%;}

#main_col table.type01 tbody.np td {padding: 0;}

/* 背景色ハイライト */
#main_col table tr.wpink,
#main_col table.standings tr.homeTeam {background: #FFF0FF;}
#main_col table .wyellow {background: #fffeb2;}
#main_col table .wblue   {background: #b2fff7;}
#main_col table .wgreen  {background: #c2ffb2;}

/* テーブル幅調整 */

#main_col table.matchtable td#mn {width: 3%;} /* 試合№ */
#main_col table.matchtable td#mi {width: 15%;} /* 日時会場 */
#main_col table.matchtable td#rp {width: 10%;} /* 得点 */
#main_col table.matchtable td#ht,
#main_col table.matchtable td#at {width: 23%;} /* チーム名 */
#main_col table.matchtable td#mr {width: 6%;} /* 試合記録 */

/* 勝利チーム */

#main_col table.matchtable td span.won {text-decoration:underline;font-weight:bold;}