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

 pc style 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 {
	margin:0; padding:0;
	background: url(/img/shakaijin_body_bg01.png) no-repeat top center #333;
	color:#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;
}
/*body.no_nav { background:url(/img/common/background2.gif) repeat-x left top; }*/

/* layout */
#contents { width:1050px; margin:30px auto; background:; opacity: 0.99; }
#main_col {
	width:728px; float:right; margin:0; background: none;
}
#side_col { float:left; width:300px; margin:0; clear:left; opacity: 1.0;}
#main_col2 { width:800px; background:#fff; border:0px solid #ccc; border-top:6px solid #ccc; margin:16px auto 0 auto; opacity: 1.0;}

/* color scheme */
a { color:#00bda9;}
a:hover { color:#80d4cb;}
.date { color:#24cfbd; font-size:14px; font-weight:bold; }

/* mobile banner */
#mobile_banner_top, #mobile_banner_bottom, #index_mobile_banner_top { display:none; }




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
#index_top {
	position:relative;
	width:1000px;
	height:300px;
	margin:20px auto 30px;
	padding:0;
}

/* recommend gallery */
.nivoSlider { position:relative; width:670px; height: 300px; overflow: hidden; float:left; border: none; box-shadow:0 2px 1px #222; }
.nivoSlider img { position:absolute; top:0px; left:0px; width:670px; height:auto; }
.nivo-main-image { display: block; width:670px; height:auto; }

#recommend_gallery_type2 .nivoSlider { width:770px; }
#recommend_gallery_type2 .nivoSlider img { width:770px; }
#recommend_gallery_type2 .nivo-main-image { width:770px; }

.recommend_gallery { position:absolute; right:0px; top:0px; }
#recommend_gallery_type2 { left:106px; }

/* gallery caption */
.nivo-caption { position:absolute; right:0px; bottom:0px; background:#fff; color:#333; font-size: 12px; line-height: 170%; width:195px; height: 100%; z-index:8; padding: 5px 10px 10px 20px; 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-caption p {  }
.nivo-caption a {  }
.nivo-html-caption { display:none; }

.recommend_gallery .title { font-size:14px; line-height:160%; margin:10px 0 10px; }
.recommend_gallery .title a { color:#333; text-decoration:none; }
.recommend_gallery .title a:hover { text-decoration:underline; }
.recommend_gallery .excerpt p { margin:0 0 10px 0; line-height:200%; font-size:12px; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.recommend_gallery a.link { text-decoration:none; position:absolute; right:15px; bottom:15px; display:inline-block; background:url(/img/common/arrow.jpg) no-repeat left; padding:0 0 0 12px; font-size:13px; color:#333; }
.recommend_gallery a.link:hover { text-decoration:underline; }

/* side banner */
#side_top_banner { display:none;/*background:#fff; width:300px; margin:0 0 15px; float:left;*/ }
#side_top_banner img { display:block; height:auto; max-width:100%; width:auto; }
#index_top #side_top_banner { display:block; position:absolute; left:0px; top:0; margin:0; float:none; }

/* search */
#index_top .search_area {
	position:absolute;
	top:260px; left:0px;
	height:50px; width:300px;
	background:#222 url(/img/side/search_input.gif) no-repeat 9px 9px;
}
#index_top #search_input {
	float:left;
	color:#222;
	font-size:12px;
	width:160px; margin:16px 0 0 19px;
	overflow:hidden;
	background:transparent;
	border:none;
}
#index_top #search_button { float:right; margin:9px 9px 0 0; }

#index_button_area {
	width: 1050px;
	min-height: 100px;
	margin: 0 auto 10px;
	text-align: center;
}
#index_button_area .side_widget { margin:0; padding:0; color:#fff; background:none; }
#index_button_area ul {
	list-style: none;
	background:none;
}
#index_button_area ul li {
	display: block;
    float: left;
    margin:0 8px;
	line-height: 100%;
}
#index_button_area ul li:first-child {
	margin:0 7px 0 0;
}
#index_button_area ul li:last-child {
	margin:0 0 0 7px;
}
#index_button_area ul li a:hover {
	opacity: 0.8;
}
#index_button_area ul li img {
	box-shadow: 0px 1px 1px #000;
}

/* index main content layout */
#index_main_content { width:728px; float:right;}
#index_center_col { width:586px; float:left; }
#index_right_col { width:120px; float:right; }

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

/* recent post */
#index_post_list { margin:0 0 30px 0; }


#index_post_list .first_list {
	margin:0 0 1em 0;
	padding:1em 0 0;
	color:#fff;
	font-size: 14px;
	background:#161616;
	list-style-type:none;
}
#index_post_list .first_list li {
	display:table;
	width:100%;
	margin:0;
	padding:0;
	vertical-align:top;
}
#index_post_list a.image { display:table-cell; padding:0 0 15px 14px; margin:0; vertical-align:top; }
#index_post_list a.image img { width:140px; height:140px; display:block; margin:0; padding:0; }
#index_post_list a.image:hover img { opacity:0.8; }
#index_post_list .recent_post_list { display:table-cell; width: 410px; padding:0 15px 15px 15px; margin:0; vertical-align:top; }
#index_post_list .date { margin:0 0 0.5em; }
#index_post_list .first_list .title { margin:0 0 7px 0; font-size:14px; font-weight:normal; line-height: 140%; }
#index_post_list .excerpt p { overflow: auto; font-size:14px; font-weight:normal; margin:0; line-height:140%; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }

#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_headline {
	height:28px;
	margin:0;
	padding:1em 1em 0 1em;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size:14px;
	font-weight: normal;
	line-height:100%;
	background:url(/img/shakaijin_side_bg02.jpg) no-repeat left top;
}
.index_side_widget { margin:0; }

.index_side_widget li ul { margin:0; }
.index_side_widget li { line-height:170%; margin:0; padding:0; }
.index_side_widget li li { background:none; margin:0; padding:0; }
.index_side_widget a { padding:0; }

/* banner right 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; }

.inner {
	position:relative;
	width:1050px;
	margin:0 auto;
}


/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header {
	width:100%; height:120px;
	background: url(/img/shakaijin_header_bg01.jpg) repeat-x #00615a;
}
#logo {
	position:absolute;
	top:80px; right:0px;
	margin:0;
	line-height:100%;
}
#siteName {
	position:absolute;
	top:35px; left:0px;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size: 30px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 ProN W6", "Hiragino Mincho Pro", "游明朝", YuMincho, "メイリオ", Meiryo, serif;
	line-height: 100%;
	letter-spacing: -1px;
}
#siteName a {
	color:#fff;
	text-decoration: none;
}
#header_info {
	position: absolute;
	top:22px; right:10px;
}

/*.no_nav #header { height:124px;}*/

/* description */
/*#site_description { margin:0; line-height:100%; font-size:12px; position:absolute; left:0px; top:13px; font-weight:normal; }*/

/* logo */
/*#logo_text { margin:0; line-height:100%; position:absolute; top:70px; left:0px; font-size:20px; font-weight:normal; }
#logo_text a { color:#333; text-decoration:none; }
#logo_text a:hover { text-decoration:underline; }*/

/* social link */
#social_link { margin:0; position:absolute; right:0px; top:7px; }
#social_link li { float:left; margin:0 0 0 5px; }
#social_link li a {  }

/* global menu */
.menu_button { display:none; }

#global_menu {
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background-color:#80abac;
	border-top:5px solid #7f612c;
}

#global_menu ul ul {
	display:none;
	position:absolute;
	top:40px; left:0px;
	margin:0; padding:0;
	list-style-type:none; }

#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }

#global_menu li {
	position:relative;
	float:left;
	width: 175px;
	margin:0; padding:0;
}

#global_menu li a {
	font-size:14px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	margin:0;
	display:block;
	height:40px;
	line-height:40px; }

#global_menu li a:hover { background-color: rgb(0,60,55); }

#global_menu ul ul li { float:none; height:auto; line-height:0; padding:0; margin:0; text-align:left; background:none; }

#global_menu ul ul a {
	z-index: 999;
	position:relative;
	height:auto;
	margin:0 0 -1px 0;
	padding:10px 20px 10px;
	color:#fff;
	font-size:14px;
	text-align:left;
	line-height:190%;
	background-color: rgba(0,125,110,0.9);
}

#global_menu ul ul a:hover { background-color: rgba(0,60,55,0.9); }

/* banner */
#header_banner { position:absolute; top:50px; right:0px; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post {
	margin:0 0 30px;
	padding:15px;
	background: #ddd;
	color:#333;
	font-size: 14px;
	line-height: 150%;
	box-shadow: 0 2px 1px #222;
}
#page { background:#ddd; }

/* date and category etc */
#single_meta { margin:0 0 10px 0; text-align: right; }
#single_meta li { 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; }

/* post title */
.page_headline {
	margin:0 0 20px 0;
	line-height:150%;
	font-size:18px;
}
h2.page_headline {
	min-height: 30px;
    margin: 0 0 1px;
    padding: 12px 0 3px 1em;
	color: #fff;
	text-shadow:1px 1px 1px #000;
	font-size:14px;
	font-weight: normal;
	line-height:150%;
	background-image: url(/img/shakaijin_main_bg01.jpg);
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
h3 {margin:0 0 1em 0;}
h4 {margin:0 0 0.3em 0;}
.post p {
	line-height: 150%;
	margin: 0 0 1em;
}
.style4a, .single_post .post_title, .post h3#title {
    position: relative;
    padding: .75em 1em .75em 2em;
    border: 1px solid #ccc;
    border-top: 3px solid #00615a;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.style4a::after, .single_post .post_title::after, .post h3#title::after {
    position: absolute;
    top: 1em;
    left: .6em;
    z-index: 2;
    content: '';
    width: 10px;
    height: 10px;
    border: 3px solid #00615a;
    border-radius: 100%;
}


#contentslink { margin-bottom:30px; }

/* post eyecatch */
#post_image { margin:0 0 15px 0; text-align:center; }
#post_image img { background:#ebebeb; padding:10px; max-width:618px; }

/* 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:20px; border:0px solid #ccc; background:#f9f9f9; }
#related_post .headline {
	min-height: 30px;
    margin: 0 0 1px;
    padding: 12px 0 3px 1em;
	color: #fff;
	text-shadow:1px 1px 1px #000;
	font-size:14px;
	font-weight: normal;
	line-height:150%;
	background-image: url(/img/shakaijin_main_bg01.jpg);
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#related_post ul { margin:15px; padding:0 0 15px 0; }
#related_post li { float:left; margin:0 17px 0 0; width:108px; }
#related_post .image { float:left; margin:0 0 5px 0; }
#related_post .image img { width:108px; height:auto; display:block; }
#related_post .image:hover img { opacity:0.6; }
#related_post .title { font-size:12px; margin:0; line-height:160%; text-align:center; }
#related_post .title a { color:#333; }

/* next prev post link */
#previous_next_post { margin:0 20px 15px 20px; padding:0; }
#previous_next_post a { color:#ddd; }
#previous_post, #next_post { margin:0; line-height:140%; }
#previous_post a {
	float:left;
	display: table;
	width: 42%;
	min-height: 4.5em;
	margin:0;
	padding:0.5em 1em;
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	text-shadow:1px 1px 1px #222;
	box-shadow:0 1px 1px #222;
	background:#80abac;
	text-decoration: none;
}
#next_post a {
	float:right;
	display: table;
	width: 42%;
	min-height: 4.5em;
	margin:0;
	padding:0.5em 1em;
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	text-shadow:1px 1px 1px #222;
	box-shadow:0 1px 1px #222;
	background:#80abac;
	text-decoration: none;
}
#previous_post a:hover,
#next_post a:hover {
	background:#00615a;
	text-decoration: none;
	box-shadow:none;
	position: relative;
	top:1px;
}
#previous_post a:before { content:"<<　"; color:#ddd; }
#next_post a:after { content:"　>>"; color:#ddd; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
.archive_headline {
	min-height: 30px;
    margin: 0 0 1px;
    padding: 12px 0 3px 1em;
	color: #fff;
	text-shadow:1px 1px 1px #000;
	font-size:14px;
	font-weight: normal;
	line-height:150%;
	background-image: url(/img/shakaijin_main_bg01.jpg);
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#post_list { margin:0; background-color: #ddd; }
#post_list li { margin:0 0 15px 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; line-height:150%; font-size:18px; }
#post_list .title a { display:block; text-decoration:none; color:#003359; }
#post_list .date { margin:0 0 10px 0; line-height:100%; }
#post_list .info { width:330px; float:right; margin:0 15px 15px 0; }
#post_list .excerpt p { margin:0 0 15px 0; font-size:14px; line-height:150%; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
#post_list .link { display:inline-block; float:right; padding:0 0 0 12px; color:#ddd; font-size:13px; padding:0.5em 1em; text-align:center; background:#004c47; text-decoration: none; box-shadow: 0 1px 1px #222; }
#post_list .link:hover { position: relative; top: 1px; background:#004c47; text-decoration: none; box-shadow:none; }
#post_list .image { display:inline-block; float:left; margin:0 0 15px 0 }
#post_list .image img { display:block; margin:0; }
#post_list .image:hover img { opacity:0.6; }

/* page nav */
.page_navi { margin:5px 20px 15px; }
#archive_navi .page_navi { margin:5px 15px 15px; }
.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:14px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; 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 { display:block; width:40%; margin:0 auto; padding:0.5em 1em; 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; display:inline; text-decoration: none; }
.page_navi p.back a:hover {  text-decoration: none; }

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

/* search result */
#no_search_result { margin:20px 15px; }

#closed, #contentslink { text-align: center; }

.child_pages .child_page {
    float: left;
    overflow: hidden;
    width: 50%;
}

/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_widget { margin:0 0 15px 0; padding:0; color:#fff; font-size: 14px; background:#161616; }
.side_widget .side_headline {
	height:28px;
	margin:0;
	padding:1em 1em 0 1em;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size: 14px;
	font-weight: normal;
	line-height:100%;
	background: url(../img/shakaijin_side_bg01.jpg) top left no-repeat;
	/*background:#db007f; color:#fff; font-size:14px; padding:0 18px; height:36px; line-height:36px; margin:-15px -15px 15px;*/
}

#side_col .side_widget {
	padding: 0;
}

#side_col #side_widget ul,
#side_col #side_widget2 ul {
	padding: 15px;
}
#side_col .textwidget ul {
	list-style:none;
	/*margin:0 0 0 1em;
	padding:0 0.5em 0 1em;*/
	color:#ccc;
	font-size:12px;
	background: #161616;
}
.side_widget li ul { margin:10px 0 0 0; }
.side_widget li { line-height:150%; font-size:14px; }


.side_widget a.title { text-decoration: underline; line-height: 140% }
.side_widget img { height:auto; max-width:100%; width:auto; }
.side_headline { margin:-15px -15px 15px; line-height:42px; line-height:42px; font-size:14px; color:#fff; background:url(/img/common/headline1.gif) repeat-x left top; padding:0 15px; }

/* 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:0; }
.recommend_widget li { background:none; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px dotted #aaa; }
.recommend_widget li.last { border:none; padding:0; }
.recommend_widget .info { width:175px; float:right; margin:0 0 0 15px; }
.recommend_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.recommend_widget .info .title { font-size:12px; margin:0; font-weight:bold; }
.recommend_widget .excerpt p { line-height:160%; font-size:12px; margin:5px 0 0 0; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.recommend_widget .image { float:left; display:inline-block; border:0px solid #ccc; margin:0; }
.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; width:140px; }
#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 { width:325px; }

/* pickup post */
.pickup_widget { }
.pickup_widget a.image { display:inline-block; margin:0 10px 10px 0; float:left; border:0px 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; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
#footer_top_area .pickup_wrap { margin:15px 0 0 0; }

/* featured post */
.featured_widget .side_content { margin:0; }
.featured_widget ul { margin:0; }
.featured_widget li {  border-bottom:1px dotted #aaa; padding:0 0 15px 0; background:none; margin:0 0 15px 0; }
.featured_widget li:last-child { border-bottom:none; padding:0; margin: 0; }
.featured_widget .info { width:175px; float:right; margin:0 0 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 p { line-height:160%; font-size:12px; margin:5px 0 0 0; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.featured_widget .image { float:left; display:inline-block; margin:0 }
.featured_widget .image img { width:80px; display:block; height:auto; }
.featured_widget a.image:hover img { opacity:0.6; }

.featured_widget a.link { background:none; padding:0; display:block; float:right; margin:15px; }
.featured_widget a.link:hover { background:none; padding:0; display:block; float:right; margin:15px; }

#footer_top_area li { background:none; }
#footer_top_area .featured_widget .info { margin:0; width:140px; }
#footer_top_area .featured_widget .image { margin:0; }
#footer_top_area .featured_widget li.last { padding:10px 0 0 0; }
#footer_top_area .featured_widget a.link { margin:0; }
#index_bottom_widget .featured_widget .info { width:325px; }

/* search */
.widget_search label { display:none; }
.widget_search #s { width:148px; height:31px; margin:0; border:0px solid #ccc; background:#fff; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; }
.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:right; margin-bottom:-3px; }
.widget_search #searchsubmit:hover { background:url(/img/side/search_button_on.gif) no-repeat left top; }
#index_bottom_widget .widget_search #s { width:310px; }


/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#page-top {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	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 {
	background: rgba(85,85,85,0.8);
	text-decoration: none;
}

/* footer top area */
#footer_top_area_wrap { clear:both; width:100%; min-width:992px; background:url(/img/footer/background.gif) repeat-x left top; }
#footer_top_area { width:992px; margin:0 auto; position:relative; color:#555; padding:33px 0; }

/* banner */
#footer_banner { float:left; width:300px; }
#footer_banner img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; border:5px solid #fff; }

/* widget */
#footer_widget { width:580px; float:right; font-size:12px;  }
.footer_widget { width:250px; float:left; margin:0 0 0 40px;  }
.footer_widget .footer_headline { color:#fff; background:#bbb; margin:0; font-size:13px; padding:0 15px; height:36px; line-height:36px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.footer_widget ul { margin:0; overflow:hidden; }
.footer_widget li { border-bottom:1px dotted #999; padding:10px 0; margin:0 0 -1px 0; }
.footer_widget a { color:#666; }

/* footer bottom area */
#footer_bottom_area_wrap { clear:both; width:100%; min-width:1050px; background:#161616; }
#footer_bottom_area { position:relative; width:1050px; height:85px; margin:0 auto; position:relative; color:#fff; font-size:11px; }

/* logo */
#footer_logo { margin:0; line-height:100%; position:absolute; }
#footer_logo_text { position:absolute; margin:0; top:33px; font-size:16px; left:0px; font-weight:normal; }
#footer_logo_text a { color:#ccc; text-decoration:none; }
#footer_logo_text a:hover { }

/* menu */
.footer_menu { }
.footer_menu ul { text-align: center; margin:0; padding:30px 0 0; }
.footer_menu li { display:inline; margin:0; font-size:12px; }
.footer_menu a { color:#ccc; text-decoration:none; border-left:1px solid #666; padding:0 0 0 10px; margin:0 0 0 10px; }
.footer_menu a:hover {  }
.footer_menu li.first a { border:none; margin:0; padding:0; }

/* copyright */
#copyright { width:100%; min-width:1050px; clear:both; text-align:center; color:#ccc; background:#00615a; margin:0; padding:1em 0; line-height:40px; font-size:12px; }
#copyright a { text-decoration:none; color:#ccc; }
#copyright a:hover { text-decoration:underline; }




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     TABLE 要素 基本定義
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Table 基本定義 */

#main_col table,
#main_col table th,
#main_col table td { /*	font-size: 82.25%;*/
	text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     スタイル定義
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* -----------------------------------------------
   Table Style 00 ～ 枠線なし
   ----------------------------------------------- */

#main_col table.type00 {
	width: auto;
	height: auto;
	margin: 10px auto 10px 40px;
	border-collapse: collapse;
	border-spacing: 0;
/*	font-size: 100%;*/
}

#main_col table.type00 th {
	vertical-align: top;
	height: auto;
	margin-left: 20px;
	padding: 5px;
	border-width: 0 0 1px 1px;
	color: #444;
	font-weight: normal;
	line-height: 120%;
}

#main_col table.type00 td {
	padding: 3px 10px;
	border-width: 0 0 1px 1px;
	text-align: left;
	color: #666;
}

/* -----------------------------------------------
   Table Style 01 ～ 標準
   ----------------------------------------------- */

#main_col table.type01 {
	width: 100%;
	height: auto;
	x-margin: 20px auto 10px 30px;
	border: 1px #444 solid;
	border-collapse: collapse;
	border-spacing: 0;
/*	font-size: 100%;*/
}
#main_col table.type01 caption {
	margin: 0 auto 0.1em 0.5em !important;
}
#main_col table.type01 th {
	height: auto;
	/*width:  70px;*/
	padding: 5px 5px 5px 10px;
	border: #444 solid;
	border-width: 0 0 1px 1px;
	background: #80abac;
	text-align: center;
	color: #fff;
	font-weight: normal;
	line-height: 120%;
	vertical-align: middle;
}
#main_col table.type01 th p {
	text-align: center;
	width: 100%;
}
#main_col table.type01 td {
	width: auto;
	height: auto;
	padding: 3px 10px;
	border: 1px #444 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background-color: #fff;
	color:#333;
}
#main_col table.type01 tr:nth-child(4n) td,
#main_col table.type01 tr:nth-child(4n-1) td {
    background-color: #efefef;
}
#main_col table.type01 tr.men th {
	background-color: #4a70b5 !important;
    color: #fff;
}
#main_col table.type01 tr.women th {
    background-color: #b54a70 !important;
    color: #fff;
}


/* -----------------------------------------------
   Table Style 02 ～ ?
   ----------------------------------------------- */

#main_col table.type02 {
	margin: 2px 10px 10px 15px;
	width: auto;
	height: auto;
/*	font-size: 90%;*/
	color: #555;
	border-spacing: 5px;
	border-collapse: separate;
	/*background-color:#ffffff;*/
	empty-cells:show;
}

#main_col table.type02 th {
	height: auto;
	color: #333;
	font-weight: bold;
	padding: 0.5em 2em;
	background: #F5F5F5;
}

#main_col table.type02 td {
	color: #666;
	pading-left: 10px;
}

#main_col table.type01 th p,
#main_col table.type01 td p {margin:0;padding:0;}

#main_col table.type02 th p,
#main_col table.type02 td p {margin:0;padding:0;}


/* -----------------------------------------------
   Table Style 99 ～ 枠線なし
   ----------------------------------------------- */

#main_col table.type99 {
	width:  auto;
	height: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 !important;
}

#main_col table.type99 th,
#main_col table.type99 td {
	padding: 0;
	text-align: center;
	border: 0 !important;
}


/* -----------------------------------------------
   Table Style 10 ～
   ----------------------------------------------- */

table.type10 {
	width: 580px;
	height: auto;
	margin: 0 0 30px 30px;

	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #DDD;
}

table.type10  th {
	background: #fcf2f8 no-repeat 6px 50%;
	border: 1px solid #DDD;
	color: #533;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
}

table.type10 td {
	border: 1px dotted #DDD;
	color: #1D5C79;
	color: #666;
	padding: 5px 10px 5px 15px;
	background: no-repeat 6px 50%;
}



/* ----------------------------------------------------------------------
 table style [th_arrow] 矢印つき縦方向テーブル
---------------------------------------------------------------------- */
table.th_arrow {
    width: 96%;
    margin: 0 auto 1em;
    border-collapse: separate;
    border-spacing: 0px 5px;
    font-size: 100%;
}
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: 20%;
    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: 96%;
    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;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     固有のスタイル定義：Table 要素
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */




/* 星取表 [cross] */

#main_col table.cross td {text-align:center;line-height:100%;}
#main_col table.cross td span {font-family: "ＭＳ ゴシック" !important;font-size:9pt;}
#main_col table.cross td.null {background:#EEE;} /* 自チーム同士の対戦セル */

#main_col table td img.flag {
	position: relative;
	bottom: -3px;
	margin:0 7px 0 0;
}

div#frame-530 table#result-point {width:auto;margin:1em auto 1.5em auto;border:0px dotted #CCC;}
div#frame-530 table#result-point td {font-size:12pt;padding:0.2em 0.3em;}
div#frame-530 table#result-point th {font-size:15pt;font-weight:bold;padding:0 0.5em;text-align:center;}
div#frame-530 table#result-point .kk {font-size:18pt;}
div#frame-530 table#result-point .kt {font-size:14pt;}

table#form-format th.must {
	background: url("/img/form-must.png") 87% 51% no-repeat #F5F5F5;
}

/* 過去出版リスト */

div#magazine {
	wdith: 590px;
	overflow: hidden;
}
div#magazine table {
	wdith: 550px;
  margin: 0.2em 0 20px 20px;
  border-collapse: separate;
  border-spacing: 2px;
/*  font-size: 82.25%;*/
}

div#magazine table caption {
  margin-top: 1em;
  text-align: left;
/*	font-size: 100%;*/
}

div#magazine table th,
div#magazine table td {
  padding: 2px 3px;
}

div#magazine table th {
  background: #1B3AB4;
  text-align: center;
/*  font-size: 92%;*/
  color: #FFF;
}

div#magazine table td {
  background: #E5EAFF;
  text-align: left;
	line-height:1.2em;
}

/* -------------------------------------------------
   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 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;}

/* 試合日程・結果 > 補足説明 */
span.sub {
	font-size: 8pt;
	color: #999;
	text-align: right;}

/* 試合日程・結果 > 勝利チーム */
span.won {text-decoration: underline;color: blue;}
span.won span {color:#333;}


div#fb-root div.sfsi_footerLn {display:none !important;font-size:1pt;}