@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=PT+Sans);

html {
	height:100%;
}
body{
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
}
#globalContentsWrapper{
	padding-bottom:200px;
}
.footer{
	/*height:235px;*/
	position:absolute;
	bottom:0;
	width:100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:1.5;
}
/*calender修正用*/
tr, th, td, div {
	vertical-align:top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body {
	font-size: 15px
}
.container {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto
}
.container .main ul.bottom_pager {
	width:100%;
	text-align:center;
}
.container form {
	margin-bottom:10px;
}

#minicat {
	max-width:780px;
	width:100%;
	margin:0 30px 10px 0;
}
#minicat li {
	display:inline-block;
	margin:0 0 5px 3px;
}
#minicat li a {
	background:#EFEFEF;
	display:inline-block;
	padding:2px 8px;
	margin-top:0;
	color:#333; 
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
#minicat li a:hover {
	background:#DDD;
	color:#1EB9E6;
}
#minicat li a span {
	font-size:75%;
}
.sabcat_ul { 
	width: 100%;
	margin-bottom: 20px;
}
.sabcat_ul .sabcat_li {
	background:url(../pri_common/icon_arrow01.png) 0 center no-repeat;
	padding-left:15px;
	float:right;
}
.sabcat_ul .sabcat_li a {
	font-size:13px;
}

#articlebody {
	/*padding:30px 30px 30px 30px*/
	padding:15px 8px;
}

#articlebody img{
	width:400px;
	max-width: 100%;
	height: auto !important;
	margin:20px auto;
	text-align: center;
	display: block;
}
#articlebody iframe{
	max-width:100% !important;
	margin:0 !important;
}
#articlebody a:link		{ color: #1EB9E6; text-decoration:underline; }
#articlebody a:visited	{ color: #1EB9E6; text-decoration:underline; }
#articlebody a:hover	{ color: #1EB9E6; text-decoration: none; }
#articlebody a:active	{ color: #1EB9E6; text-decoration:underline; }

@media only screen and (max-width: 600px) {
#articlebody img{
	width:100%;
	margin:0;
}
}


@media only screen and (max-width: 1180px) {
.container {
	width: 100%
}
}
.container [class*="grid-"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0;
	position: relative;
}
.container .alpha {
	margin-left: 0;
	padding-left: 0
}
.container .omega {
	margin-right: 0;
	padding-right: 0
}
.container .grid-5 {
	width: 5%
}
.container .pull-5 {
	left: -5%
}
.container .push-5 {
	left: 5%
}
.container .grid-10 {
	width: 10%
}
.container .pull-10 {
	left: -10%
}
.container .push-10 {
	left: 10%
}
.container .grid-15 {
	width: 15%
}
.container .pull-15 {
	left: -15%
}
.container .push-15 {
	left: 15%
}
.container .grid-20 {
	width: 20%
}
.container .pull-20 {
	left: -20%
}
.container .push-20 {
	left: 20%
}
.container .grid-25 {
	width: 25%
}
.container .pull-25 {
	left: -25%
}
.container .push-25 {
	left: 25%
}
.container .grid-30 {
	width: 30%
}
.container .pull-30 {
	left: -30%
}
.container .push-30 {
	left: 30%
}
.container .grid-35 {
	width: 35%
}
.container .pull-35 {
	left: -35%
}
.container .push-35 {
	left: 35%
}
.container .grid-40 {
	width: 40%
}
.container .pull-40 {
	left: -40%
}
.container .push-40 {
	left: 40%
}
.container .grid-45 {
	width: 45%
}
.container .pull-45 {
	left: -45%
}
.container .push-45 {
	left: 45%
}
.container .grid-50 {
	width: 50%
}
.container .pull-50 {
	left: -50%
}
.container .push-50 {
	left: 50%
}
.container .grid-55 {
	width: 55%
}
.container .pull-55 {
	left: -55%
}
.container .push-55 {
	left: 55%
}
.container .grid-60 {
	width: 60%
}
.container .pull-60 {
	left: -60%
}
.container .push-60 {
	left: 60%
}
.container .grid-65 {
	width: 65%
}
.container .pull-65 {
	left: -65%
}
.container .push-65 {
	left: 65%
}
.container .grid-70 {
	width: 70%
}
.container .pull-70 {
	left: -70%
}
.container .push-70 {
	left: 70%
}
.container .grid-75 {
	width: 75%
}
.container .pull-75 {
	left: -75%
}
.container .push-75 {
	left: 75%
}
.container .grid-80 {
	width: 80%
}
.container .pull-80 {
	left: -80%
}
.container .push-80 {
	left: 80%
}
.container .grid-85 {
	width: 85%
}
.container .pull-85 {
	left: -85%
}
.container .push-85 {
	left: 85%
}
.container .grid-90 {
	width: 90%
}
.container .pull-90 {
	left: -90%
}
.container .push-90 {
	left: 90%
}
.container .grid-95 {
	width: 95%
}
.container .pull-95 {
	left: -95%
}
.container .push-95 {
	left: 95%
}
.container .grid-100 {
	width: 100%
}
.container .pull-100 {
	left: -100%
}
.container .push-100 {
	left: 100%
}
.container .grid-33 {
	width: 33.33333%
}
.container img.grid-33 {
	width: 33.33333%
}
.container .pull-33 {
	left: -33.33333%
}
.container .push-33 {
	left: 33.33333%
}
.container .grid-66 {
	width: 66.66667%
}
.container .pull-66 {
	left: -66.66667%
}
.container .push-66 {
	left: 66.66667%
}
.container .center-grid {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto
}
@media screen and (max-width: 600px) {
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
.container [class*="grid-"] {
	display: inline;
	float: left;
	width: 100%
}
.container [class*="grid-"] [class*="grid-"], .container [class*="grid-"] [class*="mobile-grid-"] {
	padding: 0;
	margin: 0
}
.container .mobile-grid-25 {
	width: 25%
}
.container .mobile-pull-25 {
	left: -25%
}
.container .mobile-push-25 {
	left: 25%
}
.container .mobile-grid-50 {
	width: 50%
}
.container .mobile-pull-50 {
	left: -50%
}
.container .mobile-push-50 {
	left: 50%
}
.container .mobile-grid-75 {
	width: 75%
}
.container .mobile-pull-75 {
	left: -75%
}
.container .mobile-push-75 {
	left: 75%
}
.container .center-grid {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto
}
.container .alpha {
	margin-left: 0;
	padding-left: 0
}
.container .omega {
	margin-right: 0;
	padding-right: 0
}
.container [class*="pull-"], .container [class*="push-"] {
	left: 0
}
.hide-desktop {
	display: block !important
}
.hide-mobile {
	display: none !important
}
}
.center-grid {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto
}
.clearfix:after, .clearfix:before, .container:after, .container:before {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	clear: both;
	zoom: 1
}
* html .clearfix, * html .container {
	height: 1px
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.show-desktop {
	display: block !important
}
.show-mobile {
	display: block !important
}
.alert.error p {
	color: white
}
.alert {
	background: #cccccc;
	border: 1px solid #cccccc;
	color: white;
	margin: 15px 0;
	padding: 10px 20px
}
.alert p {
	margin-bottom: 0
}
.alert .close {
	cursor: pointer;
	font-size: 1em;
	font-weight: normal;
	top: 5px;
	right: 10px
}
.alert.error {
	background: #ff3019;
	border: 1px solid #ff3019
}
.alert.warning {
	background: #febf04;
	border: 1px solid #febf04
}
.alert.info {
	background: #a7cfdf;
	border: 1px solid #a7cfdf
}
.alert.success {
	background: #a4b357;
	border: 1px solid #a4b357
}
ul.cCrumbs {
	display: block;
	background: #999999;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	overflow: hidden
}
ul.cCrumbs li {
	margin: 0;
	padding: 0 10px 0 0;
	display: inline-block
}
ul.cCrumbs li a, ul.cCrumbs li span {
	text-transform: uppercase;
	font-size: 0.8em;
	padding-right: 10px
}
ul.cCrumbs li:after {
	content: ">";
	color: #cccccc
}
ul.cCrumbs li:last-child:after {
	content: ""
}
.button {
	border: none;
	background: #7d7e7d;
	color: white;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0;
	outline: 0;
	padding: 10px 22px;
	vertical-align: middle;
	zoom: 1
}
.button:hover, .button:active, .button:visited {
	color: white;
	background: #9b9b9b;
}
.button.grey {
	color: #555555;
	background: white;
}
.button.grey:hover, .button.grey:active, .button.grey:visited {
	color: #555555;
	background: white;
}
.button.blue {
	background: #a7cfdf;
}
.button.blue:hover, .button.blue:active, .button.blue:visited {
	background: #a7cfdf;
}
.button.red {
	background: #ff3019;
}
.button.red:hover, .button.red:active, .button.red:visited {
	background: #ff3819;
}
.button.yellow {
	color: #555555;
	background: #fced62;
}
.button.yellow:hover, .button.yellow:active, .button.yellow:visited {
	color: #555555;
	background: #fced62;
}
.button.orange {
	background: #ffa84c;
}
.button.orange:hover, .button.orange:active, .button.orange:visited {
	background: #ffa84c;
}
.button.green {
	background: #a4b357;
}
.button.green:hover, .button.green:active, .button.green:visited {
	background: #a4b357;
}
.button.small {
	font-size: 0.85em;
	padding: 8px 18px
}
.button.large {
	font-size: 1.3em;
	padding: 8px 28px
}
.button.full {
	padding: 10px 0;
	text-align: center;
	width: 100%
}
a.button {
	color: white
}
a.button:visited {
	color: white
}
img.rfloat {
	margin: 0 0 15px 15px
}
img.lfloat {
	margin: 0 15px 15px 0
}
img.rfloat.frame, img.lfloat.frame, img.frame {
	border: 1px solid #cccccc;
	padding: 5px
}
img.responsive {
	height: auto;
	width: 100%
}
nav {
	font-size: 1em;
	width: 100%
}
nav ul {
	display: inline
}
nav ul li {
	display: inline
}
nav ul li a {
	color: #333333;
	display: inline-block;
	margin: 0;
	padding: 5px
}
nav ul li a:visited {
	color: black
}
nav ul li a:hover, nav ul li a.on {
	color: #a4b357
}
nav.stacked {
	width: 100%
}
nav.stacked ul {
	float: none
}
nav.stacked ul li {
	border-bottom: 1px solid #999999;
	width: 100%
}
nav.stacked ul li a {
	padding: 15px 0;
	text-indent: 1.5em;
	width: 100%
}
nav.stacked ul li a:hover {
	background: #ededed
}
.panels {
	padding: 20px 20px 20px 20px;
	background: #ededed;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	margin: 0 0 20px 0
}
.panels h1, .panels h2, .panels h3 {
	margin-top: 0
}
.pagination {
	margin: 10px 0;
	width: 100%
}
.pagination ul {
	margin: 0;
	padding: 0
}
.pagination ul li {
	display: inline-block;
	list-style: none;
	margin: 0
}
.pagination ul li a {
	background: green;
	display: block;
	padding: 4px 0 6px 0;
	text-align: center;
	vertical-align: middle;
	width: 32px;
	text-decoration: none
}
.pagination ul li a:hover {
	background: blue
}
.tabBox {
	margin: 20px 0;
	position: relative
}
.tabBox [class*="tabs"]::before, .tabBox [class*="tabs"]::after {
	line-height: 0;
	content: ""
}
.tabBox [class*="tabs"]::after {
	clear: both
}
.tabBox .tabs {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 0;
	width: 100%
}
.tabBox .tabs li {
	border: 1px solid transparent;
	list-style: none;
	margin-bottom: -1px
}
.tabBox .tabs li:first-child {
	margin-left: 0
}
.tabBox .tabs li a {
	padding: 6px 18px
}
.tabBox .tabs li a:hover {
	background: #ededed
}
.tabBox .tabs .active {
	border: none;
	bottom: -1px;
	position: relative
}
.tabBox .tabs .active a, .tabBox .tabs .active a:hover {
	background: white;
	color: #555555;
	border: 1px solid #cccccc;
	border-bottom-color: transparent;
	text-decoration: none
}
.tabBox .innerBox {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 10px 20px
}
.tabBox .innerBox p {
	width: 100%
}
.tabBottom {
	margin-bottom: 60px
}
.tabBottom .tabs {
	border-bottom: none;
	border-top: 1px solid #cccccc;
	position: absolute;
	bottom: -35px;
	left: 0
}
.tabBottom .tabs .active {
	top: -1px
}
.tabBottom .tabs .active a, .tabBottom .tabs .active a:hover {
	border-bottom-color: #cccccc;
	border-top-color: transparent
}
.tabBottom .innerBox {
	border: 1px solid #cccccc;
	border-bottom: none
}
table {
	background: white;
	border-collapse: collapse;
	border-spacing: 0;
	color: #333333;
	margin: 15px 0;
	width: 100%
}
thead, tfoot {
	font-size: 1em;
	line-height: 1.5;
	padding: 5px 10px;
	text-align: left
}
thead tr th, thead tr td, tfoot tr th, tfoot tr td {
	background-color: #999999;
	color: white;
	font-weight: bold;
	padding: 5px 10px
}
tbody tr.odd {
	background-color: white
}
tbody tr.even {
	background-color: #ededed
}
.orange-table thead tr th, .orange-table thead tr td, .orange-table tfoot tr th, .orange-table tfoot tr td {
	background-color: #fb9d23
}
.orange-table tbody tr.odd {
	background-color: white
}
.orange-table tbody tr.even {
	background-color: #fceabb
}
.blue-table thead tr th, .blue-table thead tr td, .blue-table tfoot tr th, .blue-table tfoot tr td {
	background-color: #356aa0
}
.blue-table tbody tr.odd {
	background-color: white
}
.blue-table tbody tr.even {
	background-color: #deefff
}
.yellow-table thead tr th, .yellow-table thead tr td, .yellow-table tfoot tr th, .yellow-table tfoot tr td {
	background-color: #f8b500
}
.yellow-table tbody tr.odd {
	background-color: white
}
.yellow-table tbody tr.even {
	background-color: #fcefcf
}
.red-table thead tr th, .red-table thead tr td, .red-table tfoot tr th, .red-table tfoot tr td {
	background-color: #cc0000
}
.red-table tbody tr.odd {
	background-color: white
}
.red-table tbody tr.even {
	background-color: #ffcece
}
.green-table thead tr th, .green-table thead tr td, .green-table tfoot tr th, .green-table tfoot tr td {
	background-color: #299a0b
}
.green-table tbody tr.odd {
	background-color: white
}
.green-table tbody tr.even {
	background-color: #dde8c7
}
.black-table thead tr th, .black-table thead tr td, .black-table tfoot tr th, .black-table tfoot tr td {
	background-color: black
}
.black-table tbody tr.odd {
	background-color: white
}
.black-table tbody tr.even {
	background-color: #dbdbdb
}
.rounded thead th:first-child {
	border-radius: 6px 0 0 0
}
.rounded thead th:last-child {
	border-radius: 0 6px 0 0
}
.rounded tfoot th:first-child {
	border-radius: 0 0 6px 0
}
.rounded tfoot th:last-child {
	border-radius: 0 0 0 6px
}
a.tooltip, a.tipHover {
	color: #a4b357;
	cursor: pointer;
	text-decoration: underline;
	display: inline-block;
	height: 20px;
	position: relative
}
a.tooltip:hover, a.tipHover:hover {
	color: black;
	text-decoration: underline
}
.theTooltip {
	bottom: 20px;
	color: #a4b357;
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 250px;
	z-index: 9999
}
.theTooltip .tipBody {
	background: white;
	border: 2px solid #ededed;
	color: black;
	padding: 15px
}
.theTooltip .arrow-up {
	display: none
}
.theTooltip .arrow-down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ededed;
	left: 15px;
	position: relative
}
.tipBottom .theTooltip {
	left: 0;
	bottom: -110px
}
.tipBottom .theTooltip .arrow-down {
	display: none
}
.tipBottom .theTooltip .arrow-up {
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ededed;
	left: 15px;
	position: relative
}
.tooltip.on .theTooltip {
	display: block
}
h1, h2, h3, h4, h5, h6, p, blockquote, article, section {
	color: #555555;
	font-family: "Open Sans", sans-serif;
	line-height: 1.5;
	margin: 15px 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 22px;
}
h4, h5, h6 {
	font-size: 18px;
}
blockquote {
	border-left: 5px solid #999999;
	padding-left:1em;
	text-align: left
}
blockquote.right {
	text-align: right
}
blockquote.right small {
	text-align: right
}
blockquote p {
	text-color: #333333
}
blockquote small {
	text-align: left
}
strong {
	font-weight: bold
}
em {
	font-style: italic
}
big, .big {
	font-size: 1.7em
}
small, .small {
	font-size: 0.7em
}
.left-text {
	text-align: left
}
.center-text {
	text-align: center
}
.right-text {
	text-align: right
}
.mute-text {
	color: #999999
}
.warning-text {
	color: #febf04
}
.error-text {
	color: #ff3019
}
.success-text {
	color: #a4b357
}
abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #999999
}
cite {
	font-style: normal
}
a {
	color: #ffa84c;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word
}
a:hover {
	color: black
}
a:visited {
	color: #ffa84c
}
ul {
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
	color: #555555
}
ul.no-style li {
	list-style: none
}
ul.inline li {
	display: inline-block
}
ul li {
	font-size: 1em;
	list-style: circle;
	margin-left: 20px
}
code, pre {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 0.9em;
	padding: 0.1em 0.2em
}
code {
	border: 1px solid #999999;
	color: #cccccc;
	white-space: nowrap
}
pre {
	display: block;
	line-height: 1.5;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap
}
pre code {
	background: #ededed;
	color: #333333;
	display: block;
	padding: 1em
}
nav ul, nav ul li, .tabBox .tabs li, ul {
	margin: 0;
	padding: 0
}
.alert .close {
	position: absolute
}
.alert, nav ul li {
	position: relative
}
.button, a.button, nav ul li a {
	text-decoration: none
}
.button {
	cursor: pointer
}
img.lfloat, nav, .pagination, .pagination ul li, .tabBox .tabs li {
	float: left
}
img.rfloat {
	float: right
}
nav ul, .tabBox [class*="tabs"]::before, .tabBox [class*="tabs"]::after, .tabBox .tabs li a, .tabBox .innerBox, .hide-mobile {
	display: block
}
.hide-desktop {
	display: none
}
#scrollUp {
	bottom: 20px;
	right: 20px;
	background: #1EB9E6;
	color: #FFF;
	font-size: 12px;
	font-family: sans-serif;
	text-decoration: none;
	opacity: .9;
	padding: 10px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#scrollUp:hover {
	background: #77E9F1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, article, section, ul, li {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif
}
ul li {
	list-style: none
}
ul:after {
	content: "";
	display: block;
	clear: both;
}
/*body {
	background-color: #F6F6F6;
}*/
h2 {
	font-weight: normal
}
a {
	font-weight: normal
}
hr {
	margin: 10px 0;
	border-color: #E1DACD
}
/*
#main {
	background-color: #EFEFEF;
	padding: 30px;
}
*/
#main p, #main ul li, #main table th, #main table td, #main dl dt, #main dl dd, #main span {
	font-size:15px;
}
.imgwid1 {
	width: 100%;
}
h1, h2, h3, h4, h5, h6, p, blockquote, article, section, ul {
	color: #333;
	margin: 0
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	content: "";
	display: block;
	clear: both
}
.container {
	margin: 0 auto;
	/*padding:20px 0;*/
}

@media only screen and (min-width: 1119px) {
.container {
	width: 1150px
}
}
.imgwid1 {
	width: 100%
}
a {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #AAA
}
/*a img:hover {
	opacity: 0.8;
	-webkit-transition: color 300ms ease-out, text-decoration 300ms ease-out;
	-moz-transition: color 300ms ease-out, text-decoration 300ms ease-out;
	transition: color 300ms ease-out, text-decoration 300ms ease-out
}
a img.nohighlite:hover {
	opacity: 1;
	-webkit-transition: color 300ms ease-out, text-decoration 300ms ease-out;
	-moz-transition: color 300ms ease-out, text-decoration 300ms ease-out;
	transition: color 300ms ease-out, text-decoration 300ms ease-out
}*/
.link-arrow {
	margin-right: 10px;
	background: url("/assets/icon_arrow-f789f8db24ff5ff90ccd6a90d329c97f.png") no-repeat left center;
	padding-left: 10px !important
}
.likers-button {
	cursor: pointer;
	font-family: "Myriad Pro", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.8em;
	padding-right: 1.3em;
	padding-bottom: 0.6em;
	padding-left: 1.3em;
	font-size: 1em;
	border-radius: 4px;
	-webkit-transition: background-color 150ms ease-out;
	-moz-transition: background-color 150ms ease-out;
	transition: background-color 150ms ease-out;
	background-color: #80858a;
	color: white;
	font-size: 14px;
	-webkit-box-shadow: 0 3px 0 #4e5155;
	box-shadow: 0 3px 0 #4e5155;
	margin: 0
}
.likers-button:visited {
	color: white
}
.likers-button:hover {
	background-color: #9da2a8;
	color: #fff;
	text-decoration: none
}
.likers-actionbutton {
	cursor: pointer;
	font-family: "Myriad Pro", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.8em;
	padding-right: 1.3em;
	padding-bottom: 0.6em;
	padding-left: 1.3em;
	font-size: 1em;
	border-radius: 4px;
	-webkit-transition: background-color 150ms ease-out;
	-moz-transition: background-color 150ms ease-out;
	transition: background-color 150ms ease-out;
	background-color: #c8004b;
	color: white;
	font-size: 14px;
	-webkit-box-shadow: 0 3px 0 #950038;
	box-shadow: 0 3px 0 #950038
}
.likers-actionbutton:hover {
	background-color: #d64a7f;
	color: #fff;
	text-decoration: none
}
.pagenation {
	text-align: center
}
.pagenation .paginate_flow {
	cursor: pointer;
	font-family: "Myriad Pro", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
}
.pagenation .paginate_flow:visited {
	color: white
}
.pagenation .paginate_flow:hover {
	color: #fff;
	text-decoration: none
}
@media only screen and (max-width: 600px) {
.pagenation .paginate_flow {
	line-height: 0.9
}
}
h1.title {
	margin-bottom: 10px
}
h2 {
	margin: 10px 0px;
	font-size: 20px;
	font-weight: bold
}
ol {
	list-style-type: decimal;
	margin-left: 40px
}
ol li {
	margin-bottom: 8px
}
ul.m20bottom {
	margin-bottom: 20px
}
li.bullet {
	list-style-type: disc;
	margin-bottom: 8px
}
.related-articles {
	margin-top: 20px
}
.related-articles h3 {
	margin-bottom: 20px
}
@media only screen and (max-width: 600px) {
.related-articles h3 {
	font-size: 16px;
	padding: 0 10px
}
}
@media only screen and (max-width: 600px) {
header .h1-title {
	font-size: 1.3em
}
}
header .ingrid {
	opacity: 0.95
}
.h_navi {
	float: none;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}
.h_navi .title_area {
	min-width: 158px
}
.h_navi .title_area .logo .h_logo_box {
	display: block
}
.h_navi .title_area .logo .h_logo_box a:hover {
	background-color: #FFF
}
.h_navi .title_area .logo .h_logo_box a img {
	width: 240px;
	padding-top: 20px;
}
.h_navi .title_area .logo .h_logo_box a img:hover {
	opacity: 1.0
}
@media only screen and (max-width: 1080px) {
.h_navi .title_area .logo .h_logo_box a img {
	width: 150px;
	padding-top: 0;
}
}
@media only screen and (max-width: 1080px) {
.h_navi .title_area .logo {
	display: block;
	width: 170px;
	height: 51px;
	position: absolute;
	top: 0;
	left: 49px;
	z-index: 1
}
}
@media only screen and (max-width: 600px) {
.h_navi .title_area li {
	position: static
}
}
.h_navi .search-wrap {
	display: block;
	width: 90px;
	float: right;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;/*english出たら消す*/
}
@media only screen and (max-width: 1080px) {
.h_navi .search-wrap {
	display: block;
	width: 280px;
	float: right;
	border-left: 1px solid #CCC;
}
}
.h_navi .search-wrap .search-btn-wrap li span.search_btn_item {
	display: block;
	background-color: #FFF;
	width: 90px;
	height: 90px;
	text-align: center;
	white-space: normal;
	cursor: pointer;
}
.h_navi .search-wrap .search-btn-wrap li span.search_btn_item:hover {
	background-color: #EFEFEF;
}
.h_navi .search-wrap .search-form_wrap {
	position: absolute;
	top: 91px;
	right: -1px;
	z-index: 1000;
	background-color: #EFEFEF;
	display: none
}
@media only screen and (max-width: 1080px) {
.h_navi .search-wrap .search-form_wrap {
	top: 45px;
	right: 0
}
}
@media only screen and (max-width: 600px) {
.h_navi .search-wrap .search-form_wrap {
	width: 100%;
	left: 0;
	top: 45px;
	right: -49px
}
.h_navi .search-wrap .search-form_wrap li {
	float: none;
	position: static
}
}
@media only screen and (max-width: 1080px) {
.h_navi .search-wrap .search-btn-wrap li span.search_btn_item {
	display: block;
	background-color: #FFF;
	width: 47px;
	height: 45px;
	padding: 0;
	text-align: center;
	cursor: pointer
}
.h_navi .search-wrap .search-btn-wrap li span.search_btn_item:hover {
	background-color: #EFEFEF
}
.h_navi .search-wrap .search-btn-wrap li span.search_btn_item img {
	padding-top: 9px
}
}
.h_navi .toggle_h_obi {
	float: right;
	margin: 0px;
	width: 47px;
	height: 45px;
	border-right: #CCC 1px solid;
	border-left: #CCC 1px solid;
	cursor: pointer
}
.h_navi .toggle_h_obi:hover {
	background-color: #EFEFEF;
}
.h_navi .toggle_h_obi .menu-icon {
	margin: 12px;
	display: block
}
.h_navi .fb-icon {
	margin: 12px 12px 0 0
}
.h_navi .search-parent-box {
	display: block
}
.h_navi .search-parent-box .search-input-container {
	padding: 10px
}
.h_navi .search-parent-box .search-input-container a {
	white-space: normal !important;
	padding: 0 !important
}
.h_navi .search-parent-box .search-input-container .input-container {
	display: table-cell
}
.h_navi .search-parent-box .search-input-container .input-container .input {
	height: 27px;
	margin-right: 5px;
	font-size: 14px;
	width: 260px
}
@media only screen and (max-width: 1080px) {
.h_navi .search-parent-box .search-input-container .input-container .input {
	width: 180px
}
}
@media only screen and (max-width: 600px) {
.h_navi .search-parent-box .search-input-container .input-container {
	width: 100%
}
}
.h_navi .search-parent-box .search-input-container .search-button-container {
	display: table-cell
}
.h_navi .search-parent-box .search-input-container .search-button-container .search-button {
	width: 49px;
	display: inline-block;
	cursor: pointer;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	line-height: 1.2;
	color: white;
	font-size: 14px;
	padding: 8px 10px;
	background: #666 none no-repeat 35px center
}
.h_navi .search-parent-box .search-input-container .search-button-container .search-button:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none
}
.h_navi .search-parent-box .search-input-container .search-button-container .search-button:visited {
	color: white
}
@media only screen and (max-width: 1080px) {
.h_navi .search-parent-box .search-input-container .search-button-container .search-button {
	margin: 5px 0 0;
	background-color: #666;
}
.h_navi .search-parent-box .search-input-container .search-button-container .search-button:hover {
	background-color: #CCC;
	color: #fff;
	text-decoration: none
}
}
@media only screen and (max-width: 1080px) {
.h_navi .search-parent-box {
	background-color: #0096a7 !important;
	width: 100% !important
}
}
.h_obi .h_obi-section ul li span, .h_obi .h_obi_section ul li a {
	color: #EFEFEF;
}
.h_obi .menu-icon {
	width: 23px;
	height: 21px
}
.h_obi .title_area {
	float: left
}
.h_obi .user-lang-pc {
	float: right
}
.h_obi .user-lang-pc li {
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}
.h_obi .user-lang-pc .icon {
	vertical-align: bottom;
	margin-top: 22px;
	margin-right: 1px
}
.h_obi .user-lang-pc a {
	white-space: normal !important
}
.h_obi .user-lang-pc .lang-button a {
	color: #545454;
	background-color: #FFF;
	width: 170px;
	height: 50px;
	text-align: center;
	white-space: normal;
	padding-top: 40px;
	font-size: 113%;
}
.h_obi .user-lang-pc .lang-button a:hover {
	background-color: #EFEFEF;
	color: #545454;
}
.h_obi .user-lang-pc .circle-image {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 45px;
	margin-top: 15px
}
@media screen and (max-width: 1080px) {
.h_obi .user-lang-pc {
	width: 100px;
	height: 45px;
	float: right;
	border-right: 1px solid #008492
}
.h_obi .user-lang-pc .icon {
	vertical-align: bottom;
	margin-top: 7px;
	margin-right: 0px
}
.h_obi .user-lang-pc .before-lang a {
	padding: 0;
	text-align: center;
	white-space: normal;
	width: 100px;
	height: 33px;
	padding: 12px 3px 0;
	white-space: normal
}
.h_obi .user-lang-pc .before-lang a:hover {
	background-color: #EFEFEF;
}
.h_obi .user-lang-pc .before-lang .login-human-icon:hover {
	background-color: #EFEFEF
}
.h_obi .user-lang-pc .after-lang:hover {
	background-color: #EFEFEF
}
.h_obi .user-lang-pc .after-lang .circle-image {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	text-align: center
}
.h_obi .user-lang-pc .after-lang a {
	width: 45px;
	height: 45px;
	padding: 12px 3px 0;
	white-space: normal;
	text-align: center
}
.h_obi .user-lang-pc .after-lang:hover {
	background-color: #FFF;
}
}
.h_obi_section {
	margin: 0
}
.h_obi_section ul li.divider {
	border-right: solid 1px #018a99;
	border-left: solid 1px #0096a7
}
.h_obi_section ul #info {
	border-right: solid 1px #018a99;
	border-left: solid 1px #018a99
}
.h_obi_section .right .has-form {
	padding: 20px 15px 15px 10px;
	margin: 0;
	display: block
}
.h_obi_section .right .has-form a {
	display: block
}
.h_obi_section .right .has-form img:hover {
	opacity: 1.0
}
.has-dropdown ul.dropdown {
	display: none
}
.preview-notice {
	font-weight: bold;
	border: solid 1px #dfdacd;
	border-color: red;
	background-color: #fff;
	color: #333;
	display: block;
	padding: 10px;
	margin: auto;
	text-align: center
}
@media screen and (min-width: 1080px) {
nav ul li a {
	margin: 0px;
	padding: 0px
}
nav ul li a span {
	display: block
}
.h_obi {
	max-width: 1150px;
}
.h_obi li.logo .h_logo_box {
	display: block;
	line-height: 0
}
.h_obi li.logo .h_logo_box a {
	vertical-align: middle;
	height: 67px;
	display: table-cell;
	padding-top: 3px;
	padding-bottom: 3px
}
.h_obi li.logo .h_logo_box a:hover {
	background-color: #FFF;
}
.h_obi li.logo .h_logo_box a img {
	margin-top: 0;
	margin-bottom: 5px;
	width: 146px
}
.h_obi li.logo .h_logo_box a img:hover {
	opacity: 1.0
}
.h_obi .h_obi_section .verb-navi, .h_obi .h_obi_section .ctrl-navi {
	display: block;
	height: 50px;
	padding: 0 0 0 30px;
	margin-top:20px;
	border-right: 1px solid #CCC;
}
.h_obi .h_obi_section .verb-navi li, .h_obi .h_obi_section .ctrl-navi li {
	display: block;
	float: left;
	border-left: 1px solid #CCC;
}
.h_obi .h_obi_section .verb-navi li a, .h_obi .h_obi_section .ctrl-navi li a {
	vertical-align: middle;
	height: 50px;
	display: table-cell;
	padding: 0 15px;
}
.h_obi .h_obi_section .verb-navi li a:hover, .h_obi .h_obi_section .ctrl-navi li a:hover {
	background-color: #EFEFEF;
}
.h_obi .h_obi_section .verb-navi li span, .h_obi .h_obi_section .ctrl-navi li span {
	-webkit-transition: color 300ms ease-out, text-decoration 300ms ease-out;
	-moz-transition: color 300ms ease-out, text-decoration 300ms ease-out;
	transition: color 300ms ease-out, text-decoration 300ms ease-out;
	cursor: pointer
}
.h_obi .h_obi_section .verb-navi .place-menu:hover, .h_obi .h_obi_section .verb-navi .article-menu:hover, .h_obi .h_obi_section .ctrl-navi .place-menu:hover, .h_obi .h_obi_section .ctrl-navi .article-menu:hover {
	background-color: #008492 !important
}
.h_obi .h_obi_section .verb-navi .place-menu span, .h_obi .h_obi_section .verb-navi .article-menu span, .h_obi .h_obi_section .ctrl-navi .place-menu span, .h_obi .h_obi_section .ctrl-navi .article-menu span {
	vertical-align: middle;
	height: 67px;
	display: table-cell;
	padding: 6px 15px 0
}
.h_obi .h_obi_section .verb-navi .place-menu span:hover, .h_obi .h_obi_section .verb-navi .article-menu span:hover, .h_obi .h_obi_section .ctrl-navi .place-menu span:hover, .h_obi .h_obi_section .ctrl-navi .article-menu span:hover {
	background-color: #008492 !important
}
.h_obi .h_obi_section .verb-navi .place-menu span img, .h_obi .h_obi_section .verb-navi .article-menu span img, .h_obi .h_obi_section .ctrl-navi .place-menu span img, .h_obi .h_obi_section .ctrl-navi .article-menu span img {
	margin: 0px 4px -8px 0
}
.h_obi .h_obi_section .verb-navi .place-menu span .arrow, .h_obi .h_obi_section .verb-navi .article-menu span .arrow, .h_obi .h_obi_section .ctrl-navi .place-menu span .arrow, .h_obi .h_obi_section .ctrl-navi .article-menu span .arrow {
	margin: 0 4px 4px 5px
}
.h_obi .h_obi_section .verb-navi .place-menu ul.dropdown li, .h_obi .h_obi_section .verb-navi .article-menu ul.dropdown li, .h_obi .h_obi_section .ctrl-navi .place-menu ul.dropdown li, .h_obi .h_obi_section .ctrl-navi .article-menu ul.dropdown li {
	height: auto
}
.h_obi .h_obi_section .verb-navi .place-menu ul.dropdown li a, .h_obi .h_obi_section .verb-navi .article-menu ul.dropdown li a, .h_obi .h_obi_section .ctrl-navi .place-menu ul.dropdown li a, .h_obi .h_obi_section .ctrl-navi .article-menu ul.dropdown li a {
	background-color: #008492;
	height: auto
}
.h_obi .h_obi_section .verb-navi .place-menu ul.dropdown li a:hover, .h_obi .h_obi_section .verb-navi .article-menu ul.dropdown li a:hover, .h_obi .h_obi_section .ctrl-navi .place-menu ul.dropdown li a:hover, .h_obi .h_obi_section .ctrl-navi .article-menu ul.dropdown li a:hover {
	background-color: #0096a7
}
.h_obi .h_obi_section .verb-navi #place li, .h_obi .h_obi_section .verb-navi #tag_menu li, .h_obi .h_obi_section .ctrl-navi #place li, .h_obi .h_obi_section .ctrl-navi #tag_menu li {
	width: 280px;
	height: auto;
	border-bottom: solid 1px #018a99
}
.h_obi .h_obi_section .verb-navi #place li a, .h_obi .h_obi_section .verb-navi #tag_menu li a, .h_obi .h_obi_section .ctrl-navi #place li a, .h_obi .h_obi_section .ctrl-navi #tag_menu li a {
	display: block;
	padding: 8px 5px
}
.h_obi .h_obi_section .verb-navi>li.current a {
	background-color: #EFEFEF !important
}
.h_obi .h_obi_section .ctrl-navi {
	float: right
}
.h_obi .h_obi_section .ctrl-navi .has-form:hover {
	background-color: #008492
}
.h_obi .h_obi_section .ctrl-navi>ul>li {
	border-left: solid 1px #018a99;
	background-color: #FFF
}
.h_obi .h_obi_section .ctrl-navi .place-menu, .h_obi .h_obi_section .ctrl-navi .article-menu {
	width: 149px
}
.h_obi .h_obi_section .ctrl-navi .special-menu>a, .h_obi .h_obi_section .ctrl-navi .place-menu>span, .h_obi .h_obi_section .ctrl-navi .article-menu>span {
	padding-left: 20px !important;
	padding-right: 20px !important
}
.h_obi .h_obi_section .ctrl-navi .login-menu {
	width: 72px;
	border-right: solid 1px #018a99
}
li.logo .h_logo_box {
	margin: 0
}
li.logo .h_logo_box a {
	margin: 0;
	display: block
}
li.logo .h_logo_box a img {
	width: 100px;
	margin: 5px 7px 1px 5px
}
.main {
	margin: 0 0 30px 0;
}
.container .main {
	margin-top: 120px;
}
ul {
	float: left
}
#main ul {
	float:none;
}
ul li {
	float: left
}
ul.right {
	float: right
}
.show_small {
	display: none !important
}
.dropdown {
	margin-left: 0px
}
.dropdown li {
	clear: left;
	display: none
}
.ingrid {
	position: fixed;
	z-index: 999;
	width: 100%
}
}
@media screen and (max-width: 1080px) {
nav ul li {
	display: block
}
nav ul li a {
	display: block
}
.title_area .logo a {
	display: block;
	height: 31px;
	padding: 7px 5px;
	text-align: center
}
.title_area .logo a img {
	width: auto;
	height: 31px
}
.h_obi_section {
	display: none;
	left: -280px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	width: 280px;
	background-color: #EAEAEA;
	color: #333;
}
.h_obi_section ul li a {
	padding: 0;
	text-align:center;
}
.h_obi_section .verb-navi .logo {
	padding: 5px 10px
}
.h_obi_section .verb-navi .logo img {
	width:70%;
	height: 35px
}
.h_obi_section .verb-navi .logo a {
	height: 35px
}
.h_obi_section .verb-navi>li {
	padding: 10px 10px;
	border-bottom: 1px solid #DDD;
	border-top:1px solid #FFF;
}
.h_obi_section .ctrl-navi .special-menu {
	padding: 10px 10px
}
.h_obi_section .ctrl-navi .place-menu li, .h_obi_section .ctrl-navi .article-menu li {
	padding: 10px 20px;
	border-bottom: 1px solid #3c3c3c
}
.h_obi_section .place-menu>span, .h_obi_section .article-menu>span {
	display: block;
	padding: 10px 10px;
	background-color: #0D121F
}
.h_obi_section .search-wrap .search-form_wrap {
	background-color: #EAEAEA;
	top: 0
}
.has-dropdown img.arrow {
	display: none
}
.has-dropdown ul.dropdown {
	display: block
}
}
@media screen and (min-width: 1080px) {
.h_obi .h_obi_section .search-menu li {
 display: block;
}
}

@media screen and (min-width: 1080px) {
.h_obi_section .verb-cat {
	display:none;
}
}
.h_obi_section .verb-cat li {
	padding: 10px 0;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #FFF;
}
#side_bar {
	width: 24%;
	float: right;
	margin: 120px 0 0 0
}
#side_bar div.sidebar-popular-elements {
	padding: 0;
	margin-bottom: 15px
}
#side_bar h2 {
	margin: 0;
	font-size: 18px;
	padding:10px;
	font-weight: normal;
}
#side_bar h2 img {
	width: 15px;
	margin: 7px 7px 0 3px
}
#side_bar .about_sns p {
	font-size: 14px
}
#side_bar .about_sns {
	margin-bottom: 20px;
}
#side_bar .about_sns a {
	width: 100%
}
#side_bar .side-bar-container .side_bar-banner {
	margin: 15px 0
}
#side_bar .side-bar-container .side_bar-banner img {
	width: 100%;
	margin-bottom: 10px
}
#side_bar .side-bar-container .likers-topics {
	margin-bottom: 10px
}
#side_bar .side-bar-container .likers-topics ul li {
	padding: 10px;
	border-bottom: dashed 1px #dfdacd;
	margin-left: 0px
}
#side_bar .side-bar-container .likers-topics ul li .topics_title {
	padding: 0 10px 0 10px
}
#side_bar .side-bar-container .likers-topics ul li .topics_title img {
	width: 53px
}
#side_bar .side-bar-container .likers-topics ul li .topics_title p {
	padding: 0;
	margin: 0
}
#side_bar .side-bar-container .likers-topics ul li a {
	color: #333
}
#side_bar .side-bar-container .likers-topics ul li a:hover {
	color: #41a5bb
}
#side_bar .sidebar-elements .topics-botton .arrowList {
	border-bottom:1px solid #FFF;
	margin-right: 0;
}
#side_bar .sidebar-elements .topics-botton .arrowList li {
	margin-left:0;
}
#side_bar .sidebar-elements .topics-botton li a {
	color:#333;
	width:85%;
	display:block;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	padding:15px 0 15px 15%;
	background:url(../pri_common/icon_arrow02.png) 5% 1.4em no-repeat;
}
#side_bar .sidebar-elements .topics-botton li a:hover {
	background:url(../pri_common/icon_arrow02.png) 5% 1.4em no-repeat #DDD;
}
#side_bar .sidebar-elements .topics-botton .arrowList li.ayumi {
	background:url(../pri_common/bg_flower.png) right 50% no-repeat;
	background-size:cover;
	width: 87%;
  padding-right: 13%;
}
#side_bar .sidebar-elements .topics-botton .arrowList li.ayumi a {
	background-color:none;
	background:url(../pri_common/icon_arrow03.png) 5% 1.4em no-repeat;
	border-bottom: 1px solid #555;
	color: #fff;
	padding-right: 0;
	width: 100%;
}
#side_bar .sidebar-elements .topics-botton .arrowList li.ayumi a:hover {
	background-color:none;
	background:url(../pri_common/icon_arrow03.png) 5% 1.4em no-repeat;
}

@media only screen and (min-width: 1080px) {
#side_bar .sidebar-elements .topics-botton li a {
	width:235px;
}
}

.side_bar-banner {
	margin: 15px 0
}
.side_bar-banner img {
	width: 100%;
	margin-bottom: 10px
}
#side_bar .sns {
	text-align: right;
}
#side_bar .sns .fb_iframe_widget {
	line-height: 10px;
	margin: 9px 0;
	float: right;
}
#side_bar .fb_check .fb-like-box {
	background-color: #fff
}
#side_bar:after {
	content: "";
	display: block;
	clear: both
}
@media only screen and (max-width: 1080px) {
.main {
	margin-top: 10px;
	padding: 0 10px
}
#side_bar {
	margin-top: 10px
}
}
@media only screen and (max-width: 768px) and (min-width: 601px) {
#side_bar .topics .grid-33 img, .side-bar-container .topics .grid-33 img {
	display: none
}
#side_bar .topics .topics_title, .side-bar-container .topics .topics_title {
	width: 100%
}
}
@media only screen and (max-width: 600px) {
.main {
	padding: 0 10px 0 !important
}
#side_bar {
	width: 100%
}
#side_bar .grid-33 {
	width: 25%
}
#side_bar .grid-66 {
	width: 75%
}
#side_bar .side_bar-banner {
	text-align: center
}
#side_bar .side_bar-banner img {
	width: 70%
}
.side_bar-banner {
	text-align: center
}
.side_bar-banner img {
	width: 70%
}
}
#side_banner {
	width:100%;
	float:right;
	background:#FFF;
	padding-top:20px;
}
#side_banner img {
	max-width:259px;
	width:100%;
}
@media only screen and (max-width: 600px) {
#side_banner {
	width:100%;
	float:none;
	padding:20px 10px;
	display: block;
	text-align: center;
}
#side_banner img {
	text-align:center;
	margin:0 auto;
}
}
.articlecomment .fb_iframe_widget, .articlecomment .fb_iframe_widget span, .articlecomment .fb_iframe_widget span iframe[style] {
	width: 100% !important
}
.articlecomment .fb-like iframe {
	max-width: 100% !important;
	overflow: visible !important
}
#side_bar .fb-like iframe {
	max-width: none !important;
	overflow: visible !important
}
#side_bar [id^='twitter-widget-'] {
	padding: 10px 0 0 10px
}
@media only screen and (min-width: 1080px) {
.cat_larList {
	left:8%;
	width:685px; /*570px; */
	margin-bottom: 20px;
	margin-top:20px;
}
.cat_larList li {
	float:left;
	margin:0;
}
}
@media only screen and (max-width: 1080px) {
.cat_larList {
	display:none;
}
}
.articles, .articles-style {
	width:100%;
	margin-right:-30px;
}
.articles li, .articles-style li {
	margin: 0;
	float:left;
	font-size:85%;
}


.articles li, .articles-style .cat_mid li {
	margin-right:10px;
}
.articles li, .articles-style .cat_mid {
	margin-right:-10px;
}
.articles-style .cat_mid li a:hover {
	text-decoration:none;
	color:#1EB9E6;
}
.articles section.panel, .articles-style section.panel {
	border-style: none;
	padding: 10px;
	margin:0;
	background-color: #fff
}
.articles-style section.panelbtm {
	margin-bottom:20px;
}
.articles section.panel h2, .articles-style section.panel h2 {
	padding: 0;
	font-size: 16px;
	margin: 0 0 2px 0
}
.articles section.panel h2 a, .articles-style section.panel h2 a {
	font-weight: bold;
	color: #555;
}
.articles section.panel .article_cap_box, .articles-style section.panel .article_cap_box {
	font-size: 12px;
	color: #555555
}
.articles section.panel .project, .articles-style section.panel .project {
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	padding: 0;
	margin-bottom: 13px
}
.articles section.panel .project img, .articles-style section.panel .project img {
	margin: 0 2px -3px 0;
	width: 14px
}
.articles section.panel .project img.tag-place, .articles-style section.panel .project img.tag-place {
	width: 12px
}
.articles section.panel .project span, .articles-style section.panel .project span {
	margin-right: 6px
}
.articles section.panel .project a, .articles-style section.panel .project a {
	color: #555555
}
.articles section.panel .project a:hover, .articles-style section.panel .project a:hover {
	color: #41a5bb
}
.articles section.panel .tag, .articles-style section.panel .tag {
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: dotted 1px #cec9bb;
	padding-bottom: 9px;
	margin-bottom: 6px
}
.articles section.panel .tag img, .articles-style section.panel .tag img {
	margin: 0 2px -3px 0;
	width: 14px
}
.articles section.panel .tag img.tag-place, .articles-style section.panel .tag img.tag-place {
	width: 12px
}
.articles section.panel .tag span, .articles-style section.panel .tag span {
	margin-right: 6px
}
.articles section.panel .tag a, .articles-style section.panel .tag a {
	color: #555555
}
.articles section.panel .tag a:hover, .articles-style section.panel .tag a:hover {
	color: #1EB9E6
}
.articles section.panel .tag .tag-link, .articles-style section.panel .tag .tag-link {
	white-space: normal !important
}
.articles section.panel:hover .article_text_box a, .articles-style section.panel:hover .article_text_box a {
	color: #CCC
}

.articles section.panel:hover img, .articles-style section.panel:hover img {
	opacity: 0.8
}
.articles [class*="grid-"], .articles-style [class*="grid-"] {
	padding-right: 30px
}
.articles li, .articles-style {
	padding-left: 0;
	padding-right: 0
}
.participation {
	font-size: 12px;
	color: #FFF !important;
	margin: 0;
	padding-bottom:10px;
	border-top:1px dotted #CCC;
}
.participation a{
	font-size: 12px;
	color: #FFF !important;
	margin: 0;
	padding-bottom:10px;
	border-top:1px dotted #CCC;
}
.participation .cat_lar {
	display:inline-block;
	padding:2px 5px;
    border-bottom-right-radius: 5px;        /* CSS3草案 */
    border-bottom-left-radius: 5px;        /* CSS3草案 */
    -webkit-border-bottom-right-radius: 5px;    /* Safari,Google Chrome用 */
    -webkit-border-bottom-left-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius-bottomright: 5px;   /* Firefox用 */
    -moz-border-radius-bottomleft: 5px;   /* Firefox用 */
}
/* cat_lar */
.participation .cat_lar.news {
	background:#008BBB;
}
.participation .cat_lar.event {
	background:#89AD25;
}
.participation .cat_lar.active {
	background:#FFA500;
}
.participation .cat_lar.report {
	background:#9999FF;
}
.participation .cat_lar.product {
	background:#FF5192;
}
.participation .cat_lar.student {
	background:#BDB76B;
}
.participation .cat_lar.vip {
	background:#DE2035;
}
.participation .cat_lar.people {
	background:#A6944E;
}
.participation .cat_lar.communicator {
	background:#1C5A41;
}
.participation .cat_lar.other {
	background:#888;
}

/* /.cat_lar */
/* cat_mid */
.participation .cat_mid li span {
	font-size:11px;
}
.participation .cat_mid li.cafe {
	color:#784616;
}
/* /.cat_mid */

.participation .participation-like {
	margin-right: 8px
}
.participation .participation-namara {
	margin-right: 8px
}
.participation .participation-namara .namara-count {
	font-size: 15px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	color: #555555
}
.participation .like-count, .participation .comment-count {
	font-size: 15px;
	color: #555555;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700
}
.participation .participation-label {
	color: #555555;
	font-size: 11px
}

@media only screen and (max-width: 768px) and (min-width: 601px) {
.articles .item .panel h2, .articles-style .item .panel h2 {
	font-size: 15px
}
}
.footer {
	font-size: 14px;
	margin: 0;
	text-align: left
}
.footer .main {
	background-color:#E0E0E0;
	margin-bottom: 0;
	padding-top: 10px;
}
.footer .main .container {
	margin-bottom: 0;
	padding:20px 0;
}
@media only screen and (min-width: 601px) {
.footer .main .f_logo_block {
	margin-left: auto;
	margin-right: auto;
	width:200px;
}
}
@media only screen and (max-width: 600px) {
.footer .main .f_logo_block {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	font-size: 13px;
}
}
.footer .main .f_logo_block p {
	color: #ffffff;
	width:100%;
}
.footer .main .f_logo_block .logo {
	max-width: 180px
}
.footer .main .f_logo_block .about {
	margin: 20px 0 30px;
	text-align: left
}
.footer .main .footer-menu a {
	color: #666666;
	white-space: normal !important
}
.footer .main .footer-menu ul, .footer .main .footer-menu li {
	float: none
}
.footer .main .footer-menu .item {
	margin-bottom: 10px;
	margin-left: 10px
}
.footer .main .footer-menu .item .icon {
	margin-right: 5px
}
.footer .main .footer-menu .location-list {
	line-height: 40px;
	margin-bottom: 4px;
	margin-top: -10px;
	display: inline-block
}
}
@media only screen and (max-width: 600px) {
.footer .main .footer-menu .location-list {
	text-align: center
}
}
.footer .main .footer-menu .location-list img {
	width: 17px;
	vertical-align: middle !important
}
.footer .main .footer-menu .location-list ul, .footer .main .footer-menu .location-list li {
	float: left;
	list-style-type: none;
	margin-top: 0 !important;
	height: 22px;
	margin: 0 10px 0 0
}
@media only screen and (max-width: 600px) {
.footer .main .footer-menu {
	font-size: 13px
}
}
@media only screen and (max-width: 600px) {
.footer .main .facebook-container {
	margin-top: 20px;
	padding: 0 10px
}
}
.footer .bottom {
	background-color: #1EB9E6;
	margin-bottom: 0
}
.footer .bottom section, .footer .bottom li, .footer .bottom a {
	color: #ffffff !important;
	font-size: 13px
}
.footer .bottom .container {
	margin-bottom: 0
}
.footer .bottom .copyright-location {
	text-align: center;
	line-height: 40px
}
@media only screen and (max-width: 600px) {
.footer .bottom .copyright-location {
	font-size: 12px
}
}
@media only screen and (max-width: 768px) {
#scrollUp {
	display: none !important
}
.container {
	margin-bottom: 0
}
.main {
	margin-top: 10px
}
}
@media only screen and (max-width: 600px) {
.articles section.panel {
	margin: 0;
	background-color: inherit
}
.articles section.panel img {
	width: 100%
}
.container {
	margin: 0;
	width: 100%
}
#side_bar {
	padding: 0 10px 0 !important
}
.container [class*="grid-"] {
	position: static !important
}
}
.mgn10 {
	margin: 10px
}
.mgntop10 {
	margin-top: 10px
}
.mgntop20 {
	margin-top: 20px
}
.mgntop40 {
	margin-top: 40px
}
span.bold {
	font-weight: bold
}
.center {
	text-align: center
}
.main-content {
	padding-top: 85px
}
@media only screen and (max-width: 1080px) {
.main-content {
	padding-top: 10px
}
}
@media only screen and (max-width: 600px) {
.main-content {
	padding-top: 0px
}
}
.title {
	font-weight: bold;
	color: black
}
.title.info_ttl {
	border-bottom:1px solid #E2E2E2;
}
.title:visited {
	color: black
}
/*
.title:visited img {
	opacity: 0.8
}*/
.title:hover a {
	color: #1EB9E6
}
/*
.title:hover img {
	opacity: 0.8
}
*/
.w_link {
	color: white
}
.w_link:visited {
	color: white
}
/*
.w_link:visited img {
	opacity: 0.8
}
*/
.w_link:hover {
	color: white
}
/*
.w_link:hover img {
	opacity: 0.8
}
*/
@media only screen and (max-width: 600px) {
.articlesns {
	text-align: left
}
}
.articlesns .fb-like {
	display: inline-block !important;
	line-height: 10px;
	text-align: left;
	width: 110px !important
}
.articlesns .fb-like>span {
	margin-right: 0
}
.articlesns .twitter-button {
	display: inline-block
}
.articlesns [id^='twitter-widget-'] {
	width: 105px !important
}
.keyvisual {
	margin-bottom: 330px;
	width: 100%
}
@media only screen and (max-width: 950px) {
.keyvisual {
	margin-bottom: 290px;
	width: 100%
}
}
@media only screen and (max-width: 820px) {
.keyvisual {
	/*margin-bottom: 320px;*/
	margin-bottom: 250px;
	width: 100%
}
}
@media only screen and (max-width: 750px) {
.keyvisual {
	margin-bottom: 230px;
	width: 100%
}	
}
@media only screen and (max-width: 660px) {
.keyvisual {
	margin-bottom: 200px;
	width: 100%
}	
}
@media only screen and (max-width: 599px) {
.keyvisual {
	margin-bottom: 180px;
	width: 100%
}	
}
/*
.keyvisual img:hover {
	opacity: 0.8
}
*/
/*
.keyvisual img.nohighlite:hover {
	opacity: 1
}
*/
.keyvisual .keyvisual1col {
	/*padding-right: 10px*/
}
.keyvisual .keyvisual1col img {
	width: 100%
}
.keyvisual .keyvisual-left {
	float: left;
	/*margin-right: 15px;*/
	width: 851px
}
.keyvisual .keyvisual-left img {
	width: 100%;
	/*padding:10px;*/
}
.keyvisual .keyvisual-right {
	width: 180px
}
.keyvisual .keyvisual-2 img {
	margin-bottom: 15px
}
.keyvisual .keyvisual-3 img {
	margin-bottom: 7px
}
.large-9.columns {
	padding: 10px 10px 42px;
	margin: 0;
	border-style: none
}
.top_images {
	margin: 0 0 10px 9px
}
/*.articles-style {
	margin-top: 20px
}*/
@media only screen and (min-width: 1120px) {
.keyvisual-right {
	float: right;
	margin-right: 15px
}
}
@media only screen and (min-width: 959px) and (max-width: 1119px) {
.keyvisual .keyvisual-left, .keyvisual .keyvisual-left.with_banner {
	width: 100%;
	margin-bottom: 10px
}
.keyvisual .keyvisual-right {
	width: 100%;
	text-align: center
}
.keyvisual .keyvisual-2 img {
	margin-right: 10px
}
.keyvisual .keyvisual-3 img {
	margin-right: 5px
}
}
@media only screen and (max-width: 959px) {
.keyvisual .keyvisual-left {
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
.keyvisual .keyvisual-right {
	width: 100%;
	text-align: center
}
.keyvisual .keyvisual-3 img {
	width: 32%
}
}
@media only screen and (min-width: 600px) and (max-width: 938px) {
.keyvisual .keyvisual-2 img {
	margin: 0 7px
}
.keyvisual .keyvisual-3 img {
	margin-right: 2px
}
}
@media only screen and (max-width: 600px) {
.keyvisual .keyvisual1col {
	padding-right: 0
}
.keyvisual .keyvisual-2 img {
	margin: 0 5px;
	width: 45%
}
}
@media only screen and (max-width: 1080px) {
.h_obi .toggle_h_obi {
	float: left !important
}
}
.tags h1 {
	margin-bottom: 10px
}
.tags h1 img {
	width: 20px
}
.tags .main-title-box .main_title_big {
	display: inline-block
}
.tags .main-title-box .main_title_sub {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 10px;
	vertical-align: middle
}
@media only screen and (min-width: 769px) {
.tags .main-title-box .main_title_sub {
	font-size: 20px;
	margin-bottom: 8px
}
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
.tags .main-title-box .main_title_sub {
	font-size: 18px;
	margin-bottom: 6px
}
}
@media only screen and (max-width: 481px) and (min-width: 321px) {
.tags .main-title-box .main_title_sub {
	font-size: 16px;
	margin-bottom: 4px;
	width: 65%
}
}
@media only screen and (max-width: 320px) {
.tags .main-title-box .main_title_sub {
	font-size: 13px;
	margin-left: 5px;
	margin-bottom: 4px;
	width: 62%
}
}
.tags .articles {
	margin-top: 10px
}
@media only screen and (max-width: 768px) {
.tags .articles {
	margin-top: 0
}
}
.project-wrap .articlesns {
	text-align: left
}
.project-wrap .project-body {
	max-width: 680px;
	padding: 0 10px
}
@media screen and (min-width: 601px) {
.project-wrap .project-body .project-article {
	width: 32%
}
}
.project-wrap .project-body .projectcomment {
	padding-bottom: 20px !important;
	position: relative !important;
	z-index: 0
}
.project-wrap .project-body .articlebody-text {
	padding-top: 20px;
	font-size: 15px;
	line-height: 140%;
	text-align: justify;
	padding-bottom: 20px;
	clear: left
}
.project-wrap .project-body .articlebody-text img {
	width: 100% !important;
	height: auto !important;
	margin: 10px auto;
	display: block
}
.projectcomment .fb-comments, .projectcomment .fb-comments iframe[style] {
	width: 100% !important
}
.projectcomment .fb_iframe_widget, .projectcomment .fb_iframe_widget span, .projectcomment .fb_iframe_widget iframe[style] {
	width: 100% !important
}
.article-wrap .articleinfo {
	font-size: 13px;
	margin: 10px 0 20px
}
.article-wrap .articleinfo .articleinfo_tags-wrap {
	float: left;
	width: 60%
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter {
	float: none
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter .articleinfo-writer-list>li {
	float: left;
	margin-left: 10px
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter .articleinfo-writer-list>li:after {
	content: '/';
	margin-left: 10px;
	color: #a09d8a
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter .articleinfo-writer-list>li:last-child:after {
	content: none;
	margin-left: 0
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter .articleinfo-writer-list>li:first-child {
	margin-left: 0
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter .articleinfo-writer-list>li img {
	width: 14px;
	margin: 0 3px -2px 0
}
.article-wrap .articleinfo .project {
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	font-size: 14px;
	margin-top: 0
}
.article-wrap .articleinfo .project img {
	margin: 0 2px -3px 0;
	width: 14px
}
.article-wrap .articleinfo .project img.tag-place {
	width: 12px
}
.article-wrap .articleinfo .project span {
	margin-right: 6px
}
.article-wrap .articleinfo .project a {
	color: #555555
}
.article-wrap .articleinfo .project a:hover {
	color: #41a5bb
}
.article-wrap .articleinfo .article-sns-wrap {
	float: right;
	width: 312px
}
.article-wrap .articleinfo .article-sns-wrap .article-sns-item, .article-wrap .articleinfo .article-sns-wrap .fb-like {
	display: inline-block !important;
	width: auto !important;
	margin-right: 5px;
	vertical-align: top
}
.article-wrap .articleinfo .article-sns-wrap .blueButton .pluginCountBox {
	border: none !important;
	padding: 15px !important
}
@media only screen and (max-width: 1080px) {
.article-wrap .articleinfo {
	max-width: 680px;
	margin: 0 auto;
	float: none
}
.article-wrap .articleinfo .articleinfo_tags-wrap {
	width: auto;
	float: none
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articletags {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articletags .articleinfo-tags {
	padding-bottom: 0
}
.article-wrap .articleinfo .articleinfo_tags-wrap .articlewriter {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding-top: 2px
}
.article-wrap .articleinfo .article-sns-wrap {
	float: none;
	width: auto;
	padding: 0 10px;
	margin-top: 10px
}
.article-wrap .articleinfo .article-sns-wrap .article-sns-item, .article-wrap .articleinfo .article-sns-wrap .fb-like {
	display: inline-block;
	margin-right: 2px;
	vertical-align: top
}
}
@media only screen and (max-width: 600px) {
.article-wrap .articleinfo .article-sns-wrap {
	background-color: #E8E7D9;
	padding: 5px 0;
	width: auto
}
}
.article-wrap #articlebody {
	max-width: 680px;
	padding: 0 10px
}
.article-wrap #articlebody h1 {
	padding-bottom: 10px;
	border-bottom: 4px #ccc double;
	margin-bottom: 30px
}
.article-wrap #articlebody h2 {
	padding-left: 8px;
	border-left: 7px solid #0096a7;
	line-height: 1.2;
	margin: 20px 0
}
.article-wrap #articlebody h3 {
	font-size: 18px;
	margin: 15px 0
}
.article-wrap #articlebody .articlebody-text {
	padding-top: 20px;
	font-size: 15px;
	line-height: 140%;
	text-align: justify;
	padding-bottom: 20px;
	clear: left
}
.article-wrap #articlebody .articlebody-text img {
	max-width: 100%;
	height: auto !important;
	text-aline: center;
	margin: 10px auto;
	display: block
}
.article-wrap #articlebody .locationinfo {
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-top: dotted 1px #cec9bb
}
.article-wrap #articlebody .locationinfo .location-each {
	padding: 25px 0 25px 0;
	border-bottom: dotted 1px #cec9bb
}
.article-wrap #articlebody .locationinfo .location-each h3 {
	margin: 0
}
.article-wrap #articlebody .locationinfo .location-each a {
	font-size: 13px
}
.article-wrap #articlebody .locationinfo .location-each section.grid-60 {
	padding-right: 15px
}
.article-wrap #articlebody .locationinfo .location-each section.grid-60, .article-wrap #articlebody .locationinfo .location-each #map {
	margin: 0
}
.article-wrap #articlebody .locationinfo .location-each section {
	margin: 20px 0 20px 0
}
.article-wrap #articlebody .locationinfo .location-each section div.location-infos .address {
	margin-right: 10px
}
.article-wrap #articlebody .locationinfo .location-each section div.location-infos p {
	margin-bottom: 6px
}
.article-wrap #articlebody .locationinfo .location-each section img {
	margin-top: 3px;
	margin-right: 4px
}
.article-wrap #articlebody .locationinfo .location-each section img.location-address {
	width: 12px
}
.article-wrap #articlebody .locationinfo .location-each section img.location-tel, .article-wrap #articlebody .locationinfo .location-each section img.location-fax {
	width: 15px
}
.article-wrap #articlebody .locationinfo .location-each section p {
	font-size: 15px
}
.article-wrap #articlebody .locationinfo .location-each #map img {
	border: solid 1px #dfdacd;
	width: 100%
}
.article-wrap .copyright {
	padding: 30px 0 30px 0 !important;
	border-bottom: solid 1px #dfdacd;
	font-size: 13px
}
.article-wrap .articlecomment {
	padding: 20px 0 !important;
	position: relative !important;
	z-index: 0
}
@media only screen and (max-width: 600px) {
.article-wrap h1 {
	font-size: 22px;
	margin-bottom: 20px
}
.article-wrap .articlebody-text {
	font-size: 14px
}
}
.article-wrap .article-project {
	padding: 30px 0;
	clear: both;
	border-top: solid 1px #dfdacd;
	border-bottom: solid 1px #dfdacd
}
.article-wrap .article-project .section-title {
	margin-bottom: 20px
}
.article-wrap .article-project .project-thumbnail {
	float: left;
	margin: 0
}
.article-wrap .article-project .project-thumbnail img {
	max-height: 80px;
	max-width: 80px;
	width: 100%;
	margin: 0 0 0 -5px;
	position: relative;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0
}
.article-wrap .article-project .project-title {
	float: left;
	margin: 25px 0 0 20px
}
.article-wrap .article-project .project img {
	margin: 0 2px -3px 0;
	width: 14px
}
.article-wrap .article-project .project a {
	color: #555555
}
.article-wrap .article-project .project a:hover {
	color: #41a5bb
}
.statics-title {
	padding: 0 10px
}
#statics {
	padding-top: 10px;
	padding-right: 30px;
	text-align: justify
}
#statics .grid-100 {
	margin-top: 20px;
	margin-bottom: 30px
}
#statics .grid-100 img {
	margin-top: 20px
}
#statics ul {
	margin-top: 15px;
	margin-bottom: 0
}
#statics ul li {
	clear: both;
	margin-bottom: 5px
}
#statics ul.aboutfacebook li {
	margin-left: 0
}
#statics ul.aboutfacebook li div {
	margin-right: 10px;
	float: left
}
#statics ul.aboutfacebook a {
	font-size: 13px
}
#statics h2 {
	clear: both
}
@media only screen and (max-width: 600px) {
#statics {
	padding-right: 0;
	padding: 10px 10px 0;
	text-align: left
}
#statics img.company_logo {
	text-align: center;
	width: 237px;
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto
}
#statics ul.aboutfacebook li {
	margin-bottom: 8px
}
#statics ul.aboutfacebook li div {
	clear: both
}
.container #statics [class*="grid-"] {
	float: none
}
.container .m20bottom {
	text-align: left
}
.container .m20bottom li {
	margin-left: 0
}
}
div.campaign20130905 {
	line-height: 1.4em
}
div.campaign20130905 h1 {
	margin: 30px auto;
	font-size: 20px
}
div.campaign20130905 img {
	vertical-align: middle
}
div.campaign20130905 div.banners {
	margin: 10px 0px
}
div.campaign20130905 div.grid-100.mgn {
	padding-right: -30px
}
div.campaign20130905 div.grid-32.mgn {
	width: 32%;
	margin-right: 1.33333%
}
div.campaign20130905 div.routes>h2 {
	margin: 50px 0px
}
div.campaign20130905 div.routes h3 {
	font-size: 18px
}
div.campaign20130905 div.schedule {
	background-color: #DFDFCE;
	margin-top: 10px;
	padding: 20px;
	clear: both
}
div.campaign20130905 div.readtext {
	margin: 10px 0px;
	line-height: 1.4em
}
div.campaign20130905 div.route_detail {
	margin-bottom: 30px
}
div.campaign20130905 div.route_detail .articles {
	margin-top: 10px
}
div.campaign20130905 .articles section.panel .tag img {
	vertical-align: baseline
}
div.campaign20130905 span.notice {
	font-size: 12px
}
div.campaign20130905 ul.articles.disabletile li.item h2.panel {
	margin-top: 5px
}
div.campaign20130905 div.red_button {
	border: solid 1px #B20000;
	color: #B20000;
	padding: 10px
}
@media only screen and (max-width: 600px) {
div.campaign20130905 div.routes h2 {
	margin: 10px 0px
}
div.campaign20130905 div.mobile-left {
	text-align: left
}
}
.nailthumb-container {
	width: auto;
	height: auto;
	margin: 0 0 11px;
	padding: 0;
	overflow: hidden;
	position: relative;
	text-align: left
}
.nailthumb-container img.nailthumb-image {
	margin: 0;
	padding: 0;
	max-width: none;
	text-align: left;
	float: left
}
.nailthumb-container span.nailthumb-title {
	background: none repeat scroll 0 0 rgba(0,0,0,0.5);
	bottom: 0;
	color: White;
	display: block;
	font-size: 9px;
	height: 20px;
	left: 0;
	margin-top: 2px;
	line-height: 20px;
	position: relative;
	text-align: center;
	width: 100%;
	overflow: hidden;
	float: left
}
.nailthumb-container span.nailthumb-title .nailthumb-title-scroller {
	padding-left: 2px
}
.nailthumb-container img {
	max-width: none;
	text-align: left
}

.article_image_box {
	position:relative;
	margin-bottom:10px;
}
.article_image_box .hedimage {
	position:absolute;
	top:20%;
	left:25%;
	text-align:center;
}

@media only screen and (max-width: 600px) {
#articles-elements-mobile {
	margin: 10px 0;
	padding: 0
}
#articles-elements-mobile ul, #articles-elements-mobile li {
	margin-left: 0;
	float:left;
}
#articles-elements-mobile a {
	white-space: normal !important;
	/*padding: 0 !important;*/
	line-height: 1.5;
}
#articles-elements-mobile .item {
	/* border-top: 1px solid #E0E0E0; */
	padding: 30px 10px;
	width: 100%;
	background: #FFF;
	margin-bottom: 20px;
}
#articles-elements-mobile .item:first-child {
	border-top: none
}
#articles-elements-mobile .item .item-container .thumbnail-container {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	line-height: 0
}
#articles-elements-mobile .item .item-container .thumbnail-container .thumbnail {
	display: none
}
#articles-elements-mobile .item .item-container .description-container {
	width: 63%;
	padding: 0 3% 0 2%;
	display: inline-block
}
#articles-elements-mobile .item .item-container .description-container .title {
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 5px 0
}
#articles-elements-mobile .item .item-container .description-container .summary {
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0
}
#articles-elements-mobile .item .item-container .description-container .tag {
	font-size: 12px
}
#articles-elements-mobile .item .item-container .description-container .tag img {
	margin: 0 1px -2px 0;
	width: 12px
}
#articles-elements-mobile .item .item-container .description-container .tag img.tag-place {
	width: 12px
}
#articles-elements-mobile .item .item-container .description-container .tag span {
	margin-right: 6px
}
#articles-elements-mobile .item .item-container .description-container .tag a {
	color: #555
}
#articles-elements-mobile .item .item-container .description-container .tag a:hover {
	color: #41a5bb
}
#articles-elements-mobile .item .panel {
	padding: 0
}
#articles-elements-mobile .item .panel h2 {
	font-size: 15px;
	line-height: 1.2
}
#articles-elements-mobile .item .panel h2 a {
	font-weight: normal
}
#articles-elements-mobile .item .panel .article_cap_box {
	font-size: 10px;
	margin-bottom: 0
}
#articles-elements-mobile .item .panel .tag {
	text-align: left;
	margin-top: 5px;
	font-size: 12px
}
#articles-elements-mobile .item .panel .tag img {
	width: 13px
}
#articles-elements-mobile .item .panel .participation {
	text-align: left
}
#articles-elements-mobile .item .panel .article_image_box,
#articles-elements-mobile .item .panel .article_text_box {
	width: 49%;
}
#articles-elements-mobile .item .panel .article_image_box {
	margin-right: 2%;
	float: left;
}
#articles-elements-mobile .item .panel .article_image_box a {
	vertical-align: text-bottom;
	font-size: 0
}
#articles-elements-mobile .item .panel .article_text_box {
	float: left;
}
.recommend-style>.item {
	background-color: #ffffff
}
}
.qtip {
	border: 3px solid #0d8a96 !important
}
.qtip-bootstrap .qtip-icon .ui-icon {
	position: absolute !important;
	right: 20px !important;
	top: 20px !important
}
.article-tags-show a {
	white-space: normal !important
}
.article-tags-show .container {
	margin-bottom: 0
}
@media only screen and (max-width: 375px) {
	#articles-elements-mobile .item .panel .article_image_box {
		margin-right: 0;
	}
	#articles-elements-mobile .item .panel .article_image_box,
	#articles-elements-mobile .item .panel .article_text_box {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 600px) {
.article-tags-show .header-description {
	padding: 5px 10px
}
}
.article-tags-show .action-menu {
	display: none
}
@media only screen and (max-width: 600px) {
.article-tags-show .action-menu {
	display: block
}
}
.article-tags-show .area-menu {
	padding: 10px 0 20px
}
@media only screen and (max-width: 600px) {
.article-tags-show .area-menu {
	padding: 0
}
}
.article-tags-show .search-btn-dummy {
	cursor: pointer;
	font-family: "Myriad Pro", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.8em;
	padding-right: 1.3em;
	padding-bottom: 0.6em;
	padding-left: 1.3em;
	font-size: 1em;
	border-radius: 4px;
	-webkit-transition: background-color 150ms ease-out;
	-moz-transition: background-color 150ms ease-out;
	transition: background-color 150ms ease-out;
	font-size: 14px;
	color: white;
	background: #80858a no-repeat no-repeat 0 center;
	margin: 20px auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
	width: 140px;
	line-height: 1.0
}
.article-tags-show .search-btn-dummy:visited {
	color: white
}
.article-tags-show .search-btn-dummy:hover {
	background-color: #9da2a8;
	color: #fff;
	text-decoration: none
}
.article-tags-show .serch-btn-real {
	margin-top: 10px;
	text-align: center
}
.article-tags-show .serch-btn-real input {
	width: 100px
}
.article-tags-show .tag-articles {
	margin-top: 30px
}
@media only screen and (max-width: 600px) {
.article-tags-show .tag-articles {
	margin-top: 5px
}
.article-tags-show .tag-articles form {
	padding: 0 10px
}
}
.article-tags-show .side-bar-container {
	margin-top: 30px
}
@media only screen and (min-width: 601px) {
.article-tags-show .side-bar-container {
	width: 24%;
	margin-right: 1%
}
}
.article-tags-show .side-bar-container .side-bar-box {
	background-color: #e8e7db;
	border-radius: 4px;
	padding: 10px;
	margin: 0 0 20px 0
}
.article-tags-show .loading-container {
	margin-top: 30px;
	text-align: center
}
.article_tags .order-menu {
	width: 300px;
	color: #333;
	margin-top: 10px
}
.article_tags .order-menu dt, .article_tags .order-menu dd {
	display: inline-block;
	font-size: 14px
}
.article_tags .order-menu dd:before {
	content: '/';
	margin-left: 5px;
	margin-right: 5px;
	color: #a09d8a
}
.article_tags .order-menu dd:first-child:before {
	content: none
}
.article_tags .order-menu .active {
	color: #333;
	font-weight: bold
}
.article_tags .order-menu .title {
	display: inline-block;
	font-size: 14px;
	color: #333;
	font-weight: normal
}
.article_tags .order-menu .title:after {
	content: ":";
	margin-right: 5px
}
.article_tags .order-menu .order-list-wrap {
	display: inline-block
}
@media only screen and (max-width: 600px) {
.article_tags .order-menu {
	width: 100%
}
.article_tags .order-menu select {
	width: 100%
}
}
@media only screen and (max-width: 600px) {
.article_tags .order-menu {
	margin-top: 0
}
.article_tags .order-menu .title {
	margin: 5px 0
}
}
.action-menu-container .title {
	margin: 20px 0 15px 0
}
.action-menu-container .title>span {
	display: block;
	font-size: 16px;
	padding: 2px 5px 2px 8px;
	border-left: 6px solid #e0dfd3;
	line-height: 1.0;
	font-weight: normal
}
.action-menu-container .item-list {
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	float: none;
	font-size: 14px;
	float: none;
	margin-bottom: 0;
	float: none
}
.action-menu-container .item-list img {
	margin: 0 2px -3px 0;
	width: 14px
}
.action-menu-container .item-list img.tag-place {
	width: 12px
}
.action-menu-container .item-list span {
	margin-right: 6px
}
.action-menu-container .item-list a {
	color: #555555
}
.action-menu-container .item-list a:hover {
	color: #41a5bb
}
.action-menu-container .item-list img {
	width: 12px;
	margin: 0 3px -2px 0
}
.action-menu-container .item-list>li {
	margin-right: 13px;
	margin-left: 0;
	margin-bottom: 11px;
	float: left
}
.action-menu-container .item-list>li:first-child {
	margin-left: 0
}
.action-menu-container .item-list>li>a {
	display: block;
	white-space: normal;
	background-color: #e0dfd3;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear
}
.action-menu-container .item-list>li>a:hover {
	background: #e0dfd3
}
.action-menu-container .item-list>li>a span {
	margin-right: 0
}
.action-menu-container .item-list>li .active {
	display: block;
	margin-right: 0;
	white-space: normal;
	background-color: #0096a7;
	color: white;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear
}
@media only screen and (max-width: 600px) {
.action-menu-container .title {
	margin: 5px 0;
	font-weight: normal;
	line-height: 1.0
}
.action-menu-container .title>span {
	display: inline;
	padding: 0;
	margin-bottom: 0;
	border-left: none;
	font-size: 14px
}
.action-menu-container .title:after {
	content: ":";
	margin-right: 3px;
	font-size: 10px
}
.action-menu-container select {
	display: block;
	width: 100%
}
}
.area-menu-container .title {
	margin: 20px 0 15px 0
}
.area-menu-container .title>span {
	display: block;
	font-size: 16px;
	padding: 2px 5px 2px 8px;
	border-left: 6px solid #e0dfd3;
	line-height: 1.0;
	font-weight: normal
}
.area-menu-container .item-list {
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	float: none;
	font-size: 14px;
	float: none;
	margin-bottom: 0;
	float: none
}
.area-menu-container .item-list img {
	margin: 0 2px -3px 0;
	width: 14px
}
.area-menu-container .item-list img.tag-place {
	width: 12px
}
.area-menu-container .item-list span {
	margin-right: 6px
}
.area-menu-container .item-list a {
	color: #555555
}
.area-menu-container .item-list a:hover {
	color: #41a5bb
}
.area-menu-container .item-list img {
	width: 12px;
	margin: 0 3px -2px 0
}
.area-menu-container .item-list>li {
	margin-right: 13px;
	margin-left: 0;
	margin-bottom: 11px;
	float: left
}
.area-menu-container .item-list>li:first-child {
	margin-left: 0
}
.area-menu-container .item-list>li>a {
	display: block;
	white-space: normal;
	background-color: #e0dfd3;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear
}
.area-menu-container .item-list>li>a:hover {
	background: #e0dfd3
}
.area-menu-container .item-list>li>a span {
	margin-right: 0
}
.area-menu-container .item-list>li .active {
	display: block;
	margin-right: 0;
	white-space: normal;
	background-color: #0096a7;
	color: white;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear
}
@media only screen and (max-width: 600px) {
.area-menu-container .title {
	margin: 5px 0;
	font-weight: normal;
	line-height: 1.0
}
.area-menu-container .title>span {
	display: inline;
	padding: 0;
	margin-bottom: 0;
	border-left: none;
	font-size: 14px
}
.area-menu-container .title:after {
	content: ":";
	margin-right: 3px;
	font-size: 10px
}
.area-menu-container select {
	display: block;
	width: 100%
}
}
.sidebar-elements {
	padding: 0 !important;
	margin-bottom: 15px;
	font-size: 14px
}
.sidebar-elements a {
	white-space: normal !important;
}
.sidebar-elements #subnavi li {
	margin-left:0;
}
.sidebar-elements #subnavi .bob_none {
	border-bottom:none;
}
.sidebar-elements #subnavi { width:100%; }
.sidebar-elements #subnavi a {
	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
}
.sidebar-elements #subnavi li a {
	display:block;
	background:url(../pri_common/icon_arrow02.png) 5% 1em no-repeat;
	padding:10px 0 10px 15%;
	color:#333;
}
.sidebar-elements #subnavi li a:hover {
	background:url(../pri_common/icon_arrow02.png) 5% 1em no-repeat #E5E5E5;
}
.sidebar-elements #subnavi li a.cat_lar {
	background:url(../pri_common/icon_arrow02.png) 5% 1.4em no-repeat #CFCFCF;
	padding:15px 0 15px 15%;
}
.sidebar-elements #subnavi li a.cat_lar:hover {
	background:url(../pri_common/icon_arrow02.png) 5% 1.4em no-repeat #C0C0C0;
}
.sidebar-elements #subnavi li ul li a {
	background:url(../pri_common/icon_arrow02.png) 15% 1em no-repeat;
	padding-left:25%;
}
.sidebar-elements #subnavi li ul li a:hover {
	background:url(../pri_common/icon_arrow02.png) 15% 1em no-repeat #DDD;
}
.sidebar-elements #subnavi li ul li ul li a {
	background:url(../pri_common/icon_arrow02.png) 25% 1em no-repeat;
	padding-left:35%;
}
.sidebar-elements #subnavi li ul li ul li a:hover {
	background:url(../pri_common/icon_arrow02.png) 25% 1em no-repeat #E5E5E5;
}
@media only screen and (min-width: 1080px) {
.sidebar-elements #subnavi a {
	border-bottom:1px solid #CCC;
	border-top:1px solid #FFF;
}
.sidebar-elements #subnavi li a {
	width:234px;
	display:block;
	background:url(../pri_common/icon_arrow02.png) 10px 1em no-repeat;
	padding:10px 0 10px 25px;
	color:#333;
}
.sidebar-elements #subnavi li a:hover {
	background:url(../pri_common/icon_arrow02.png) 10px 1em no-repeat #DDD;
}
.sidebar-elements #subnavi li a.cat_lar {
	background:url(../pri_common/icon_arrow02.png) 10px 1.4em no-repeat #CFCFCF;
	padding:15px 0 15px 25px;
	color:#333;
}
.sidebar-elements #subnavi li a.cat_lar:hover {
	background:url(../pri_common/icon_arrow02.png) 10px 1.4em no-repeat #C0C0C0;
}
.sidebar-elements #subnavi li ul li a {
	width:224px;
	background:url(../pri_common/icon_arrow02.png) 20px 1em no-repeat;
	padding-left:35px;
}
.sidebar-elements #subnavi li ul li a:hover {
	background:url(../pri_common/icon_arrow02.png) 20px 1em no-repeat #DDD;
}
.sidebar-elements #subnavi li ul li ul li a {
	width:214px;
	background:url(../pri_common/icon_arrow02.png) 30px 1em no-repeat;
	padding-left:45px;
}
.sidebar-elements #subnavi li ul li ul li a:hover {
	background:url(../pri_common/icon_arrow02.png) 30px 1em no-repeat #DDD;
}
}
.sidebar-elements .news_block {
	margin-bottom: 10px;
	background-color: #EAEAEA;
	padding:0;
	margin: 0 0 20px 0
}
.sidebar-elements .news_block .topics-date {
	padding:3px 10px 1px;
	background:#DDDDDD;
	margin-bottom:5px;
}
.sidebar-elements .news_block ul li.topics {
	padding:10px 10px 20px;
	margin-left: 0px
}
.sidebar-elements .news_block ul li.topics .topics-title {
	padding: 5px 0 0 0;
}
@media only screen and (max-width: 1080px) {
.sidebar-elements .news_block ul li.topics {
	padding-bottom: 20px;
}
}
.sidebar-elements .news_block ul li.topics a {
	color: #333
}
.sidebar-elements .news_block ul li.topics a:hover {
	color: #1EB9E6
}
.sidebar-elements .news_block ul li.topics .topics_title {
	padding: 0 0 0 14px
}
.sidebar-elements .news_block ul li.topics .topics_title img {
	width: 53px
}
.sidebar-elements .news_block ul li.topics .topics_title p {
	padding: 0;
	margin: 0;
	font-size: 13px
}
.sidebar-elements .news_block ul li.topics .rank_thumbnail {
	width: 100%;
	margin: 0 0 0 -5px;
	position: relative;
}
.sidebar-elements .news_block .title {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 18px;
	padding-bottom: 8px;
	font-weight: normal;
}
.sidebar-elements .news_block .title img {
	width: 15px;
	margin: 7px 7px 0 3px
}
@media only screen and (max-width: 600px) {
	.sidebar-elements .news_block .topics-imgs {
		width: 49%;
		margin-right: 2%;
		float: left;
	}
	.sidebar-elements .news_block ul li.topics .topics-title {
		width: 49%;
		float: left;
	}
}
@media only screen and (max-width: 375px) {
	.sidebar-elements .news_block .topics-imgs {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.sidebar-elements .news_block ul li.topics .topics-title {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 600px) {
.sidebar-elements .news_block .wide-pc {
	display: none
}
}
@media only screen and (min-width: 600px) {
.sidebar-elements .news_block .narrow-pc {
	display: none
}
}
@media only screen and (max-width: 600px) {
.sidebar-elements .news_block .narrow-pc .thumbnail {
	width: 100%
}
.sidebar-elements .news_block .narrow-pc .topics-text {
	float: left
}
.sidebar-elements .news_block .narrow-pc .topics-text .rank-icon {
	padding: 0
}
.sidebar-elements .news_block .narrow-pc .topics-text .rank-icon img {
	width: 20%
}
.sidebar-elements .news_block .narrow-pc .topics-text .topics-title {
	width: 100%;
	font-size: 13px
}
.sidebar-elements .news_block .narrow-pc .topics-text .participation {
	text-align: left
}
}
@media only screen and (max-width: 600px) {
.sidebar-elements .news_block .narrow-pc .thumbnail {
	width: 30%;
	margin-right: 10px;
	float: left
}
.sidebar-elements .news_block .narrow-pc .topics-text {
	width: 66%
}
.sidebar-elements .news_block .narrow-pc .topics-text .rank-icon {
	padding: 0
}
.sidebar-elements .news_block .narrow-pc .topics-text .rank-icon img {
	width: 60px
}
.sidebar-elements .news_block .narrow-pc .topics-text .topics-title {
	font-size: 15px
}
.sidebar-elements .news_block .narrow-pc .topics-text .participation {
	text-align: left
}
}
.tags-list {
	float: none;
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	padding-bottom: 0;
	font-size: 14px;
	margin-bottom: 0;
	float: none
}
.tags-list img {
	margin: 0 2px -3px 0;
	width: 14px
}
.tags-list img.tag-place {
	width: 12px
}
.tags-list span {
	margin-right: 6px
}
.tags-list a {
	color: #555555
}
.tags-list a:hover {
	color: #41a5bb
}
.tags-list img {
	width: 12px;
	margin: 0 5px -2px 0
}
.tags-list>li {
	margin-right: 13px;
	margin-left: 0;
	margin-bottom: 11px;
	float: left
}
.tags-list>li:first-child {
	margin-left: 0
}
.tags-list>li>a {
	display: block;
	white-space: normal;
	background-color: #e0dfd3;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear
}
.tags-list>li>a:hover {
	background: #e0dfd3
}
.tags-list>li>a span {
	margin-right: 0
}
.tags-list>li .active {
	display: block;
	margin-right: 0;
	white-space: normal;
	background-color: #0096a7;
	color: white;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear
}
@media only screen and (max-width: 600px) {
.tags .action-menu {
	padding: 10px
}
.tags .action-menu .action-menu-container {
	border: 1px solid #cdcabf;
	border-radius: 3px;
	margin: 10px 0 40px 0
}
.tags .action-menu h3 {
	font-size: 18px;
	padding: 10px 0 10px 10px;
	background-color: #E8E7DA
}
.tags .action-menu ul li {
	margin-left: 0;
	border-top: 1px solid #cdcabf
}
.tags .action-menu ul li a {
	display: block;
	margin: 10px
}
.tags .action-menu ul li a img {
	width: 18px;
	margin: 0 4px -4px 0
}
.tags .action-menu ul li.selected p {
	margin: 10px;
	font-weight: bold
}
.tags .action-menu ul li.selected p img {
	width: 18px;
	margin: 0 4px -4px 0
}
.tags .action-menu .active {
	display: block;
	margin: 0 auto;
	background-color: #d8d5c7
}
.tags .action-menu .active a {
	font-size: 16px
}
}
@media only screen and (max-width: 600px) {
.tags .area-menu {
	padding: 10px
}
.tags .area-menu .area-menu-container {
	border: 1px solid #cdcabf;
	border-radius: 3px;
	margin: 10px 0 40px 0
}
.tags .area-menu h3 {
	font-size: 18px;
	padding: 10px 0 10px 10px;
	background-color: #E8E7DA
}
.tags .area-menu ul li {
	margin-left: 0;
	border-top: 1px solid #cdcabf
}
.tags .area-menu ul li a {
	display: block;
	margin: 10px
}
.tags .area-menu ul li a img {
	width: 18px;
	margin: 0 4px -4px 0
}
.tags .area-menu ul li.selected p {
	margin: 10px;
	font-weight: bold
}
.tags .area-menu ul li.selected p img {
	width: 18px;
	margin: 0 4px -4px 0
}
.tags .area-menu .active {
	display: block;
	margin: 0 auto;
	background-color: #d8d5c7
}
.tags .area-menu .active a {
	font-size: 16px
}
}
.tags .order-menu {
	width: 300px;
	color: #949285;
	height: 40px;
	line-height: 40px
}
.tags .order-menu dt, .tags .order-menu dd {
	display: inline-block
}
.tags .order-menu .item:after {
	content: " / ";
	margin: 0 5px
}
.tags .order-menu .active {
	color: #333;
	font-weight: bold
}
.tags-show a {
	white-space: normal !important
}
.tags-show .area-desc-more {
	cursor: pointer;
	display: none
}
.tags-show .container {
	margin-bottom: 0
}
.tags-show .header-description {
	margin: 0 0 40px 0
}
@media only screen and (min-width: 601px) {
.tags-show .header-description .area-desc-map-container {
	margin-top: 40px
}
.tags-show .header-description .area-desc-map-container .area-desc, .tags-show .header-description .area-desc-map-container .area-desc-more {
	padding-top: 5px;
	margin-top: 1rem;
	padding: 5px 4% 0;
	line-height: 1.5
}
.tags-show .header-description .area-desc-map-container .map {
	font-weight: bold;
	padding-right: 4%
}
.tags-show .header-description .area-desc-map-container .map .map-title {
	display: block;
	padding-bottom: 5px
}
.tags-show .header-description .area-desc-map-container .map .locationinfo img {
	display: block;
	width: 100%
}
}
@media only screen and (max-width: 600px) {
.tags-show .header-description {
	margin-bottom: 10px
}
.tags-show .header-description .area-desc-map-container {
	padding: 0 10px
}
.tags-show .header-description .area-desc-map-container .map {
	margin: 20px 0 0
}
.tags-show .header-description .area-desc-map-container .map .map-title {
	font-weight: bold;
	display: block;
	padding-bottom: 5px
}
.tags-show .header-description .area-desc-map-container .map img {
	width: 100%
}
.tags-show .header-description .area-desc-map-container .area-desc, .tags-show .header-description .area-desc-map-container .area-desc-more {
	margin-top: 10px;
	font-size: 13px
}
}
.tags-show .header-description .caption-container {
	position: relative !important
}
.tags-show .header-description .caption-container .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px;
	background: rgba(0,0,0,0.7);
-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#b2000000, EndColorStr=#b2000000);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#b2000000, EndColorStr=#b2000000);
	color: #ffffff
}
.tags-show .header-description .caption-container .caption .title {
	color: #ffffff;
	filter: Alpha(opacity=0.9);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9
}
.tags-show .header-description .caption-container .caption .description {
	color: #ffffff
}
@media only screen and (min-width: 601px) {
.tags-show .header-description .caption-container .caption {
	padding: 10px 40px 10px
}
.tags-show .header-description .caption-container .caption .main_title_big, .tags-show .header-description .caption-container .caption .main_title_sub, .tags-show .header-description .caption-container .caption .description {
	color: #FFFFFF
}
.tags-show .header-description .caption-container .caption .main_title_big {
	font-size: 34px;
	margin-right: 30px
}
.tags-show .header-description .caption-container .caption .main_title_sub {
	font-size: 22px
}
}
@media only screen and (max-width: 600px) {
.tags-show .header-description .caption-container .caption {
	padding: 7px;
	position: absolute !important
}
.tags-show .header-description .caption-container .caption .title {
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 2px
}
.tags-show .header-description .caption-container .caption .main_title_big, .tags-show .header-description .caption-container .caption .main_title_sub, .tags-show .header-description .caption-container .caption .description {
	color: #FFFFFF
}
.tags-show .header-description .caption-container .caption .main_title_big {
	font-size: 20px;
	margin-right: 20px;
	display: inline-block
}
.tags-show .header-description .caption-container .caption .main_title_sub {
	font-size: 30px;
	display: inline-block
}
.tags-show .header-description .caption-container .caption .description {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.3
}
}
.tags-show .header-description .caption-container .caption:not(:target) {
	filter: none;
	-ms-filter: none
}
.tags-show .header-description .action-menu {
	text-align: center;
	margin: 20px 0 10px;
	float: none
}
.tags-show .header-description .action-menu .action-nav {
	float: none;
	width: 100%;
	margin: 0 auto;
	color: #666
}
.tags-show .header-description .action-menu .action-nav .action-nav-item {
	width: 20%;
	float: left;
	margin: 0 -1px 0 0;
	border-left: 1px solid #d8d5c7
}
.tags-show .header-description .action-menu .action-nav .action-nav-item:first-child {
	border-left: none
}
.tags-show .header-description .action-menu .action-nav .action-nav-item .action_nav_list {
	font-weight: bold
}
.tags-show .header-description .action-menu .action-nav .action-nav-item a {
	display: block;
	padding: 7px 0;
	font-size: 1.2em;
	color: #333
}
.tags-show .header-description .action-menu .action-nav .action-nav-item a:hover {
	color: #41a5bb
}
.tags-show .header-description .action-menu .action-nav .action-menu-icon {
	margin-right: 5px;
	vertical-align: bottom;
	width: 18px
}
.tags-show .header-description .action-menu .action-nav .caption {
	font-size: 12px
}
@media only screen and (max-width: 1080px) {
.tags-show .header-description .action-menu .action-nav .caption {
	padding: 0 10px;
	margin-top: 5px;
	display: block;
	font-size: 0.7em
}
}
@media only screen and (max-width: 600px) {
.tags-show .header-description .action-menu .action-nav .caption {
	display: inline;
	font-size: 12px
}
}
.tags-show .header-description .action-menu .active a {
	background-color: #d8d5c7
}
@media only screen and (max-width: 600px) {
.tags-show .header-description .action-menu {
	text-align: left
}
.tags-show .header-description .action-menu .action-menu-container {
	margin: 10px 0 0;
	padding: 0 10px
}
.tags-show .header-description .action-menu .action-nav {
	float: none;
	width: auto;
	margin: 0 auto;
	background-color: #e8e7db;
	padding: 5px
}
.tags-show .header-description .action-menu .action-nav .action-nav-item {
	float: none;
	border-bottom: solid 1px #d8d5c7;
	margin: 0;
	width: auto;
	border-left: none
}
.tags-show .header-description .action-menu .action-nav .action-nav-item a {
	margin: 0 auto;
	padding: 20px 0;
	font-size: 16px;
	font-color: #333333
}
.tags-show .header-description .action-menu .action-nav .action-nav-item a:hover {
	background-color: #d8d5c7
}
.tags-show .header-description .action-menu .action-nav .action-nav-item .active {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 16px;
	background-color: #d8d5c7
}
.tags-show .header-description .action-menu .action-nav .action-nav-item img {
	width: 14px;
	margin-right: 8px;
	margin-left: 10px;
	vertical-align: bottom
}
}
.tags-show .header-description .area-description {
	margin: 10px 0
}
.tags-show .likers-recommend-articles {
	margin: 0;
	padding: 20px 0 50px;
	background-color: #e6e5da;
	text-align: center;
	border-top: 1px solid #e6e5da \9;
	background-color: 1px solid #f1efe3 \9
}
.tags-show .likers-recommend-articles .sub-title {
	font-size: 0.8em
}
.tags-show .likers-recommend-articles h1 {
	font-size: 1.4em
}
.tags-show .likers-recommend-articles .detail-container .link-title {
	font-size: 0.8em;
	line-height: 1.5
}
.tags-show .likers-recommend-articles .detail-container .link-description {
	font-size: 0.8em;
	padding-bottom: 10px
}
@media only screen and (max-width: 600px) {
.tags-show .likers-recommend-articles .detail-container .left-list {
	display: none
}
}
.tags-show .likers-recommend-articles .go-detail a {
	white-space: normal !important;
	padding: 0 !important
}
.tags-show .likers-recommend-articles .title {
	background: url(/assets/base/tags/area_line_ttl-431bd4835fbf093565601bf42f241346.png) repeat-x center;
	font-size: 26px;
	margin: 20px 0 30px
}
.tags-show .likers-recommend-articles .title span {
	background-color: #E6E5DA;
	padding: 0 20px
}
@media only screen and (max-width: 600px) {
.tags-show .likers-recommend-articles {
	padding: 10px;
	text-align: left
}
.tags-show .likers-recommend-articles .title {
	font-size: 18px;
	margin: 0 0 10px;
	text-align: center
}
.tags-show .likers-recommend-articles .title span {
	background-color: #E6E5DA;
	padding: 0 5px
}
.tags-show .likers-recommend-articles .articles-all-btn {
	margin-top: 15px
}
.tags-show .likers-recommend-articles .articles-all-btn a {
	text-align: center;
	display: block;
	font-size: 14px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.tags-show .likers-recommend-articles .articles-all-btn a:hover {
	background-color: #b3b1a1
}
}
.tags-show .likers-recommend-articles:nth-child(2n-1) {
	background-color: #f1efe3
}
.tags-show .likers-recommend-articles:nth-child(2n-1) .title span {
	background-color: #f1efe3
}
.tags-show .tag-articles {
	margin-top: 30px
}
@media only screen and (max-width: 600px) {
.tags-show .tag-articles {
	padding: 10px;
	margin-top: 0px
}
}
.tags-show .side-bar-container {
	margin-top: 30px
}
@media only screen and (min-width: 601px) {
.tags-show .side-bar-container {
	width: 24%;
	margin-right: 1%
}
}
.tags-show .side-bar-container .side-bar-box {
	background-color: #e8e7db;
	border-radius: 4px;
	padding: 10px;
	margin: 0 0 20px 0
}
@media only screen and (max-width: 600px) {
.tags-show .side-bar-container {
	margin-top: 0
}
}
.tags-show .area-back {
	padding: 0 0 10px 0
}
.tags-show .area-back a {
	background: url(/assets/base/icon/_b-arrow-icon-ed03b4fb442101d8887a3f163d4844b0.png) left center no-repeat;
	padding-left: 13px
}
@media only screen and (max-width: 600px) {
.tags-show .area-back {
	padding: 10px
}
.tags-show .area-back a {
	background: url(/assets/base/icon/_b-arrow-icon-ed03b4fb442101d8887a3f163d4844b0.png) left center no-repeat;
	padding-left: 13px
}
}
.tags-show .loading-container {
	margin-top: 30px;
	text-align: center
}
.tags-show-action .tags-area-menu {
	margin-top: 20px;
	padding: 0;
	line-height: 1.5
}
@media only screen and (max-width: 600px) {
.tags-show-action .tags-area-menu {
	margin-top: 10px
}
}
.tags-show-action .header-description .area-menu-container {
	padding: 0 10px
}
.tags-show-action .header-description .area-desc-map-container {
	margin: 20px auto 0;
	padding: 0;
	width: 90%;
	float: none
}
.tags-show-action .header-description .area-desc-map-container .area-desc, .tags-show-action .header-description .area-desc-map-container .area-desc-more {
	padding: 0 10px;
	line-height: 1.5
}
@media only screen and (max-width: 600px) {
.tags-show-action .header-description .area-desc-map-container .area-desc, .tags-show-action .header-description .area-desc-map-container .area-desc-more {
	font-size: 13px
}
}
.tags-recommend_articles {
	width: auto;
	margin: 0 auto;
	text-align: left;
	float: none
}
.tags-recommend_articles li {
	margin-left: 0
}
.tags-recommend_articles a {
	white-space: normal !important;
	padding: 0 !important
}
.tags-recommend_articles .rec-article .description-container .catch-title a {
	font-size: 22px;
	font-weight: bold;
	color: #333000
}
.tags-recommend_articles .rec-article .description-container .detail-container .link-title {
	font-size: 16px
}
.tags-recommend_articles .rec-article .description-container .detail-container .link-title-container {
	line-height: 1.2
}
.tags-recommend_articles .rec-article .description-container .detail-container .link-title-container .link-description {
	padding-bottom: 10px;
	font-size: 12px;
	color: #555555
}
.tags-recommend_articles .rec-article .description-container .detail-container .left-list {
	float: left
}
.tags-recommend_articles .rec-article .description-container .detail-container .left-list .namara-like {
	color: #555555;
	font-size: 11px;
	padding-bottom: 5px
}
.tags-recommend_articles .rec-article .description-container .detail-container .left-list .namara-like .num {
	font-size: 15px;
	font-weight: 700
}
@media only screen and (max-width: 600px) {
.tags-recommend_articles .rec-article .description-container .detail-container .left-list {
	display: none
}
}
.tags-recommend_articles .rec-article .description-container .users {
	width: 150px
}
.tags-recommend_articles .rec-article .description-container .users .user-img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
@media only screen and (min-width: 601px) {
.tags-recommend_articles .article-set {
	margin-bottom: 20px
}
.tags-recommend_articles .rec-article {
	margin-right: 20px
}
.tags-recommend_articles .rec-article .key-visual {
	margin-bottom: -6px
}
.tags-recommend_articles .rec-article .detail-container {
	background-color: #ffffff;
	padding: 15px 20px
}
.tags-recommend_articles .rec-article .detail-container .users .user-item {
	margin-left: 3%
}
.tags-recommend_articles .rec-article .link-title-container {
	margin: 0 0 5px 0
}
.tags-recommend_articles .rec-article .link-title-container .link-title {
	font-size: 18px;
	font-weight: bold;
	margin: 0
}
.tags-recommend_articles .rec-article .go-detail {
	float: right
}
}
@media only screen and (max-width: 600px) {
.tags-recommend_articles .article-set>.border {
	border-top: solid 1px #e4e2d3
}
.tags-recommend_articles .article-set>.border:first-child {
	border-top: none
}
.tags-recommend_articles .rec-article {
	position: relative;
	background-color: #ffffff;
	padding: 10px 2%
}
.tags-recommend_articles .rec-article .thumbnail-container {
	display: inline-block !important;
	vertical-align: top;
	width: 30%
}
.tags-recommend_articles .rec-article .thumbnail-container a {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 0
}
.tags-recommend_articles .rec-article .description-container {
	display: inline-block;
	width: 65%;
	padding: 0 0 0 2%
}
.tags-recommend_articles .rec-article .description-container li {
	float: left
}
.tags-recommend_articles .rec-article .sub-title {
	font-size: 12px
}
.tags-recommend_articles .rec-article .description-container .catch-title {
	line-height: 1.2
}
.tags-recommend_articles .rec-article .description-container .catch-title a {
	font-size: 18px
}
.tags-recommend_articles .rec-article .detail-container .link-title-container {
	margin: 3px 0 0 0;
	width: 95%;
	font-size: 12px;
	line-height: 1.2
}
.tags-recommend_articles .rec-article .detail-container .link-title-container .link-title {
	font-size: 12px
}
.tags-recommend_articles .rec-article .link-description {
	display: none
}
.tags-recommend_articles .rec-article .namara-like {
	font-size: 11px;
	margin-bottom: 5px
}
.tags-recommend_articles .rec-article .namara-like .num {
	font-weight: bold
}
.tags-recommend_articles .rec-article .users .user-item {
	width: 15%;
	margin-left: 5%
}
.tags-recommend_articles .rec-article .go-detail {
	position: absolute;
	right: 10px;
	top: 40%
}
.tags-recommend_articles .rec-article .go-detail li {
	float: none
}
.tags-recommend_articles .rec-article .go-detail .icon {
	width: 15px
}
}
@media only screen and (min-width: 601px) {
.tags-recommend_article_more {
	margin-top: 40px
}
.tags-recommend_article_more a {
	font-size: 18px;
	color: #FFF;
	background-color: #969587;
	padding: 20px 50px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.tags-recommend_article_more a:hover {
	background-color: #b3b1a1
}
.tags-recommend_article_more .hide-desktop {
	display: none
}
.tags-recommend_article_more .hide-mobile {
	display: inline
}
}
@media only screen and (max-width: 600px) {
.tags-recommend_article_more {
	margin-top: 15px
}
.tags-recommend_article_more a {
	text-align: center;
	display: block;
	font-size: 16px;
	color: #FFF;
	background-color: #969587;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.tags-recommend_article_more a:hover {
	background-color: #b3b1a1
}
.tags-recommend_article_more .hide-desktop {
	display: inline
}
.tags-recommend_article_more .hide-mobile {
	display: none
}
}
.tags .main-facebook-twitter-buttons {
	display: inline;
	float: right;
	margin: 10px 0 0
}
.tags .main-facebook-twitter-buttons .fb-like {
	display: inline-block;
	width: 110px !important
}
.tags .main-facebook-twitter-buttons .fb-like>span {
	margin-right: 0
}
.tags .main-facebook-twitter-buttons .twitter-button {
	display: inline-block
}
.tags .main-facebook-twitter-buttons [id^='twitter-widget-'] {
	width: 105px !important
}
.users {
	padding: 0 10px
}
.users h1 {
	text-align: center
}
.users .user_prof_wrap {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 30px 10px 160px;
	text-align: center
}
@media only screen and (max-width: 1080px) {
.users .user_prof_wrap {
	padding: 30px 10px
}
}
.users .user_prof_wrap .user_image {
	display: inline-block;
	margin-right: 30px
}
.users .user_prof_wrap .user_image img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 120px
}
@media only screen and (max-width: 1080px) {
.users .user_prof_wrap .user_image {
	display: block;
	text-align: center;
	margin-right: 0px
}
}
.users .user_prof_wrap .user_name {
	display: inline-block;
	font-size: 2.8em;
	margin-top: 36px;
	margin-bottom: 5px;
	line-height: 1.2;
	vertical-align: top
}
@media only screen and (max-width: 1080px) {
.users .user_prof_wrap .user_name {
	margin-top: 5px;
	display: block;
	text-align: center
}
}
.users .user_prof_wrap .signout {
	margin-top: -150px;
	text-align: right
}
@media only screen and (max-width: 1080px) {
.users .user_prof_wrap .signout {
	margin-top: 0;
	float: none;
	text-align: center
}
.users .user_prof_wrap .signout a {
	font-size: 14px;
	padding: 4px 8px
}
}
.edit_user {
	padding-top: 30px;
	text-align: center;
	max-width: 580px;
	margin: 0 auto
}
.edit_user .input {
	margin-top: 5px
}
.edit_user .input input {
	display: inline-block;
	width: 400px;
	padding: 5px;
	font-size: 14px
}
.edit_user .control-label {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 8px
}
.edit_user .control-label:after {
	content: ":";
	margin-left: 3px
}
.edit_user .btn {
	font-size: 14px;
	margin: 20px auto 0;
	background: #80858a;
	border: none;
	color: #ffffff;
	padding: 5px 30px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: background-color 150ms ease-out;
	-moz-transition: background-color 150ms ease-out;
	transition: background-color 150ms ease-out
}
.edit_user .btn:hover {
	background-color: #9da2a8;
	color: #fff;
	text-decoration: none
}

/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
	/*width: 100% !important;*/
}

div.sns .fb_iframe_widget {
	width:117px !important;
}


@media only screen and (max-width: 1080px) {
.edit_user {
	padding-top: 10px;
	padding-bottom: 20px
}
.edit_user .input input {
	width: 92%
}
}
.users_namara_ttl {
	padding: 0 10px 10px;
	font-size: 21px
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.fancybox-opened {
	z-index: 8030
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	box-shadow: 0 10px 25px rgba(0,0,0,0.5)
}
.fancybox-outer, .fancybox-inner {
	position: relative
}
.fancybox-inner {
	overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url("//d3kltrram76q8c.cloudfront.net/images/base/modal/fancybox_sprite.png")
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("//d3kltrram76q8c.cloudfront.net/images/base/modal/fancybox_loading.gif") center center no-repeat
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040
}
.fancybox-prev {
	left: 0
}
.fancybox-next {
	right: 0
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}
.fancybox-nav:hover span {
	visibility: visible
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}
.fancybox-lock {
	overflow: hidden !important;
	width: auto
}
.fancybox-lock body {
	overflow: hidden !important
}
.fancybox-lock-test {
	overflow-y: hidden !important
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("//d3kltrram76q8c.cloudfront.net/images/base/modal/fancybox_overlay.png")
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}
.fancybox-opened .fancybox-title {
	visibility: visible
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0,0,0,0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}
.fancybox-title-inside-wrap {
	padding-top: 10px
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #333;
	background: rgba(0,0,0,0.8)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url("//d3kltrram76q8c.cloudfront.net/images/base/modal/fancybox_sprite@2x.png");
	background-size: 44px 152px
}
#fancybox-loading div {
	background-image: url("//d3kltrram76q8c.cloudfront.net/images/base/modal/fancybox_loading@2x.gif");
	background-size: 24px 24px
}
}
.specials h1 {
	padding: 30px 0 10px
}
.specials h2 {
	font-size: 22px;
	margin: 0 0 5px 0
}
.specials ul {
	margin-top: 10px;
	border-top: 1px #ccc dotted
}
.specials ul>li {
	margin-left: 0px;
	padding: 25px 0px;
	border-bottom: 1px #ccc dotted
}
.specials ul>li .specials-image {
	float: left;
	width: 30%;
	padding-right: 20px
}
.specials ul>li .specials-image a {
	white-space: normal
}
.specials ul>li .specials-image img {
	width: 100%
}
.specials ul>li .specials-text {
	float: left;
	width: 65%;
	text-size: 12px
}
.specials ul>li .specials-text a {
	font-weight: bold
}
.specials ul>li .specials-text a:hover {
	color: #41a5bb
}
.specials ul>li .specials-text p {
	font-size: 13px
}
@media only screen and (max-width: 600px) {
.specials h1 {
	padding: 0;
	font-size: 20px
}
.specials ul>li .specials-image {
	float: none;
	width: 100%;
	padding: 0 0 10px 0
}
.specials ul>li .specials-text {
	float: none;
	width: 100%
}
.specials ul>li .specials-text h2 {
	line-height: 1.3
}
}

.articles .pankuzuList.tiled {
	font-size:11px;
}
#articlebody h1.topic {
	font-size: 13px;
	color: #89AD25;
	display:inline-block;
}
#articlebody h2.inner_articleTitle {
border-left: 5px solid #1EB9E6;
border-bottom: 1px dotted #CCC;
padding-left: 15px;
padding-bottom: 5px;
}
#articlebody h3 {
	color: #1EB9E6;
	font-size: 114%;
}
#articlebody .section {
	margin-bottom: 30px;
}
#articlebody .caption {
	display: block;
  font-size: 85%;
  text-align: center;
}
#articlebody .imgR .caption,
#articlebody .imgL .caption {
	margin-top: 10px;
}
#articlebody span.itemPostDate {
	display:block;
	text-align:right;
}
#articlebody p, #articlebody span {
	line-height: 1.8;
}
#articlebody p {
	margin-right:20px;
	overflow:hidden;
	width:100%;
}
.itemText ul li,
.cke_box ul li {
	list-style-type:disc;
	margin-left:1.5em;
	float:none;
}
.itemText ol,
.cke_box ol {
	margin-left:0;
}

.itemText ol li,
.cke_box ol li {
	list-style-type:decimal;
	margin:0 0 0 1.5em;
}

.Indent1 {
	text-indent:3em;	
}
.Indent2 {
	text-indent:6em;	
}
.Indent3 {
	text-indent:9em;	
}
.Indent4 {
	text-indent:12em;	
}
.Indent5 {
	text-indent:15em;	
}
@media only screen and (max-width: 600px) {
#articlebody p {
	margin-right:0;
}
}
#main #pankuzu {
	font-size:13px;
}
#main .block {
	padding:30px;
}
#main a:link		{ color: #1EB9E6; text-decoration:underline; }
#main a:visited	{ color: #1EB9E6; text-decoration:underline; }
#main a:hover		{ color: #1EB9E6; text-decoration: none; }
#main a:active	{ color: #1EB9E6; text-decoration:none; }


#main .section {
	margin-bottom:30px;
}
#main h2 {
	border-top:2px solid #CFCFCF;
	background:#EFEFEF;
	padding:20px 25px;
}
#main h3 {
	color:#1EB9E6;
	margin-bottom:10px;
}
#main h4 {
	border-left:5px solid #1EB9E6;
	border-bottom:1px dotted #AAA;
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom:10px;
}
#main p {
	margin-bottom:10px;
}
#main img {
	max-width:100%;
	height:auto !important;
	margin:0 auto;
	text-align: center;
	display: block;
}
#main [class*="grid-"] {
	margin-right:10px;
}

#main .w200 { width:200px; }
#main .w250 { width:250px; }
#main .w300 { width:300px; }
#main .w350 { width:350px; }
#main .w400 { width:400px; }
#main .w450 { width:450px; }
#main .w500 { width:500px; }

/* table */
#main table {
	vertical-align:top;
}
#main table.tbl_faq th {
	font-size:18px;
	color:#AAA;
	font-weight:bold;
}
#main table.tbl_faq td.ans {
	color:#1EB9E6;
	font-weight:bold;
	padding-right:10px;
}
#main table.tbl_type01 {
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
}
#main table.tbl_type01 td,
#main table.tbl_type01 th {
	padding:10px 13px;
}
#main table.tbl_type01 tr th {
	background:#F0F0F0;
}
#main table.tbl_type01 tr td, 
#main table.tbl_type01 tr th {
	border-bottom:1px dotted #CCC;
	vertical-align:top;
}
#main table.tbl_type01 tr.bon td {
	border-bottom:none;
}
#main ul, #main ol {
	margin-left:0;
}


/* list */
#main ul.link_type01 li a {
	display:inline-block;
	background:url(../pri_common/icon_arrow01.png) 0 0.3em no-repeat;
	padding-left:15px;
	clear:both;
	margin:0 0 0.5em 0;
	color:#777;
}
#main ul.link_type01 li:hover {
	text-decoration:none;
	color:#AAA;
}

#main ul.list_type01 li {
	background:url(../pri_common/icon_list01.gif) 0 0.5em no-repeat;
	padding-left:15px;
	clear:both;
	margin:0 0 0.5em 0;
	display:block;
}

#main ul.list_type01 li ul li {
	background:url(../pri_common/icon_list02.gif) 0 0.5em no-repeat;
	padding-left:15px;
	clear:both;
	margin:0 0 0.5em 0;
	display:block;
}

/* ================================================================
		intro
================================================================ */
#main.intro [class*="grid-"] {
	margin-right:0;
}

/* ================================================================
		idea
================================================================ */
#main.idea p.ttl_bk {
	background:#666;
	color:#FFF;
	text-align:center;
	padding:10px;
	margin-bottom:5px;border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
}

/* ================================================================
		jukou
================================================================ */
#main.jukou .A dt {
	float:left;
	clear:left;
	width:20px;
	font-size:140%;
	color:#AAA;
}
#main.jukou .A dd {
	padding-left:35px;
	margin-bottom:50px;
}

/* ================================================================
		intro
================================================================ */
#main.intro ul li {
	float:left;
	width:200px;
	margin:0 10px;
	height:250px;
}
#main.intro .item .panel table.btnbox th {
	text-align:center;
	font-size:124%;
	font-weight:bold;
	vertical-align:middle;
}
#main.intro .item .panel table.btnbox td {
	padding-top:5px;
}
#main.intro .item .panel table.btnbox th a {
	display:block;
	background:url(../pri_common/bg_btn01.jpg) 0 0 no-repeat;
	color:#333;
	padding:10px;
	margin:0;
	border:1px solid #AAA;
	line-height:0.8;
	font-size:15px;
	text-decoration:none;
}
#main.intro .item .panel table.btnbox th.line1 a {
	padding:22px;
}
#main.intro .item .panel table.btnbox th a:hover {
	background:url(../pri_common/bg_btn01_o.jpg) 0 0 no-repeat;
	color:#333;
}
@media only screen and (min-width: 895px) {
#main.intro .section {
	width:660px;
	margin:0 auto;
}
}
@media only screen and (max-width: 900px) {
#main.intro .section {
	width:440px;
	margin:0 auto;
}
}
@media only screen and (max-width: 600px) {
#main.intro .section {
	width:345px;
	border-bottom:1px solid #AAA;
}
#main.intro li.item  {
	float:none;
	width:325px;
	margin:0 auto;
}
#main.intro li.item .panel table.btnbox th a {
	line-height:1.8;
}
}


/* ================================================================
		greeting
================================================================ */
#main.greeting span.profileBox {
	padding:20px;
	font-size:11px;
	background:#E0E0E0;
	margin:0 auto;
	display: block;
}

/* ================================================================
		staff
================================================================ */
#main.staff .section {
	border-bottom:1px dotted #CCC;
	padding-bottom:30px;
}
#main.staff [class*="grid-"] {
	margin:0 0 0 10px;
}

@media only screen and (max-width: 640px) {
#main.staff table.tbl_type01 tr {
	clear:both;
	display:block;
}
#main.staff table.tbl_type01 td,
#main.staff table.tbl_type01 th {
	display:block;
}
#main.staff table.tbl_type01 td {
	border-bottom:none;
}
#main.staff table.tbl_type01 .td1 {
	padding:10px 0 0;
	height:auto;
	width:100%;
}
#main.staff table.tbl_type01 .td2 {
	padding:0 0 8px;
	height:auto;
	width:100%;
}
#main.staff table.tbl_type01 .td3 {
	padding:0 0 10px;
	clear:both;
	display:block;
	height:auto;
	border-bottom:1px dotted #CCC;
}
}

/* ================================================================
		costepnavi
================================================================ */
#main.costep_navi h3 {
	text-align:center;
}

#main.costep_navi .navitxt {
	background:url(../pri_images/bg_costepnavi.jpg) 0 0 repeat;
	padding:20px 25px;
	position:relative;
}
#main.costep_navi .navitxt .fusen {
	position:absolute;
	top:-20px;
	right:-15px;
}
#main.costep_navi .check img {
	display:inline-block;
	text-align:right;
	margin-top:20px;
}


/*=======news=====*/
h2.beforePublished{
	background:#FFCCCC;
	border:#FF0000 solid 1px;
	color:#FF0000;
	text-align: center;
	padding:2px;
	margin:20px 0;
}

/* ================================================================
		10th_contents
================================================================ */
/* 記事一覧ページ
------------------------------- */
#tenth_contents .tiled {
	width: 100%;
}
#tenth_contents .item {
	width: 100%;
}
#tenth_contents .article_text_box {
	padding-left: 110px;
}
#tenth_contents .item .article_image_box {
	float: left;
	margin: 0 3% 0 0;
	width: 10%;
}
#tenth_contents .item .listinfo {
	float: right;
	width: 87%;
	padding: 0;
	margin: 0;
}
#tenth_contents .articles-style {
	margin-bottom: 20px;
}
#tenth_contents .panel {
}
#tenth_contents .panel a {
}
.bottom_pager {
	margin: 20px 0;
}
.bottom_pager span,
.bottom_pager a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #aaa !important;
}
.bottom_pager span {
	background-color: #333;
	color: #fff;
}
.bottom_pager span.pageNext,
.bottom_pager span.pageMAX,
.bottom_pager span.pagePrev,
.bottom_pager span.pageMIN {
	border: none !important;
	padding: 0;
	background-color: transparent;
	color: #333;
}
.sort {
	float: none;
	font-size: 85%;
	margin: 0 0 20px;
	text-align: center;
}
.sort li a {
	background: #e3e3e3;
	color: #333;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.sort li a:hover {
	background: #ccc;
}
div.pico_breadcrumbs {
	font-size: 95%;
	margin-bottom: 20px;
	padding: 0 0 3px;
	border-bottom: 1px #aaa solid;
}
div.slider_10th {
	margin-bottom: 20px;
}
div.slider_10th img {
	height: auto;
	width: 100%;
}

/* 記事ページ
------------------------------- */
#tenth_article .nameBox {
	margin-bottom: 30px;
	width: 70%;
}
#tenth_article .nameBox .name {
	font-size: 124%;
	font-weight: bold;
}
#tenth_article .imgL {
	float: left;
	margin: 0 3% 3% 0;
	width: 30%;
}
#tenth_article .imgL img {
	height: auto !important;
	margin: 0;
	width: 100% !important;
}
#tenth_article .imgR {
	float: right;
	margin: 0 0 3% 3%;
	text-align: center;
	width: 30%;
}
#tenth_article .imgR img {
	height: auto !important;
	margin: 0;
	width: 100% !important;
}
#tenth_article sup {
  font-size: 10px;
  vertical-align: super;
}

/* 同じカテゴリの記事表示 */
#tenth_contentslist li {
	display: block;
	width: 100%;
}
#tenth_contentslist .article_image_box {
	float: left;
	margin-right: 3%;
}
#tenth_contentslist .article_text_box {
	float: right;
	width: 85%;
}
#tenth_contentslist .listinfo {
	float: right;
	width: 85%;
}


/* 静的ページ（10年の歩み）
------------------------------- */
#pico_10th_body h2.page_ttl {
	border-top: 2px solid #CFCFCF;
  background: #EFEFEF;
	color: #333;
  padding: 20px 25px;
}
#pico_10th_body h2 {
	color: #1EB9E6;
	font-size: 151%;
	margin-bottom: 20px;
}
#pico_10th_body h3 {
	border-left: 5px solid #1EB9E6;
  border-bottom: 1px dotted #AAA;
	font-size: 114%;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#pico_10th_body p {
	line-height: 1.8em;
}
#pico_10th_body .endBox {
	margin: 20px 0;
}
#pico_10th_body .endBox .gr_writer {
	text-align: right;
}
#pico_10th_body .endBox .gr_name {
	font-size: 114%;
	font-weight: bold;
}

#pico_10th_body sup {
	font-size:10px;
	vertical-align:super;
}
#pico_10th_body .prev,
#pico_10th_body .next {
	cursor:pointer;
	padding:8px;
	background:#DDD;
}
#pico_10th_body .prev:hover,
#pico_10th_body .next:hover {
	color:#666;
	background:#EEE;
}


/* 写真ページ
------------------------------- */
#photo_contents #articles-elements-mobile .item .panel .article_image_box {
	width: 100%;
}
.container #photo_contents ul#photo_contents_list {
	letter-spacing:-.4em;
}
.container #photo_contents ul#photo_contents_list li[class*="grid-"] {
	float:none;
	margin:0;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
.container #photo_contents ul#photo_contents_list li[class*="grid-"] .article_image_box {
	height:150px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
}
.container #photo_contents ul#photo_contents_list li[class*="grid-"] .article_cat {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	background:#18B9E4;
	color:#FFF;
	padding:2px 5px;
	font-size:13px;
}
.container #photo_contents ul#photo_contents_list li[class*="grid-"] .article_cat a {
	color:#FFF;
}
.container #photo_contents ul#photo_contents_list li[class*="grid-"] section {
	width:90%;
	margin:0 auto;
}
.menu_photo_list {
	margin-bottom:30px;
}
.menu_photo_list ul {
	text-align:center;
	float:none;
	letter-spacing:-.4em;
}
.menu_photo_list ul li.first {
	border-left:1px solid #CCC;
}
.menu_photo_list ul li {
	display:inline-block;
	margin:0;
	width:17%;
	text-align:center;
	padding:5px 0;
	border-right:1px solid #CCC;
	float:none;
	font-size:13px;
	letter-spacing:normal;
}


@media only screen and (max-width: 767px) {
.storynavi a,
.storynavi b {
	border-right: 1px solid #aaa;
	padding: 0 10px;
}
.storynavi a:last-child {
	border-right: none;
}
/* 記事一覧ページ
------------------------------- */
#tenth_contents h2.page_ttl {
	border-top: 2px solid #CFCFCF;
  background: #EFEFEF;
	color: #333;
  padding: 20px 25px;
}
#tenth_contents .item .article_image_box {
	float: left;
	margin: 0 3% 0 0;
	width: 20%;
}
#tenth_contents .item .listinfo {
	float: right;
	width: 77%;
	padding: 0;
	margin: 0;
}
/* 写真ページ
------------------------------- */
.container #photo_contents ul#photo_contents_list li[class*="grid-"] .article_image_box {
	height:100px;
	overflow:hidden;
}
}
@media only screen and (min-width: 640px) {
.sort li {
	display: inline-block;
}
.sort li a {
	display: inline-block;
}

}
@media only screen and (max-width: 640px) {
	
/* 記事一覧ページ
------------------------------- */
#tenth_contents .item {
	margin: 20px 0;
	padding: 0 2%;
	width: 96%;
}
#tenth_contents .item .listinfo {
	width: 69%;
}
#tenth_contents .article_text_box {
	margin-bottom: 10px;
	padding-left: 0;
}
.sort li {
	display: inline-block;
	margin: 0 5px 5px;
}
.sort li a {
	display: inline-block;
}


/* 記事ページ
------------------------------- */
#tenth_article .nameBox {
	width: 100%;
	text-align: center;
}
#tenth_article .imgR,
#tenth_article .imgL {
	width: 90%;
	margin: 0 5% 3%;
}

/* 同じカテゴリの記事表示 */
#tenth_contentslist #articles-elements-mobile .item {
	padding: 0;
}
#tenth_contentslist {
	margin-top: 20px;
}
#tenth_contentslist .article_image_box {
	margin-right: 3% !important;
	width: 27% !important;
}
#tenth_contentslist .article_text_box {
	width: 65%;
}
#tenth_contentslist .listinfo {
	width: 70%;
}
#tenth_contentslist .article_text_box {
	margin-bottom: 10px;
}

/* 写真ページ
------------------------------- */
.container #photo_contents ul#photo_contents_list li[class*="grid-"] .article_image_box {
	height:inherit;
	overflow:inherit;
}
.menu_photo_list ul li.first {
	border-left:1px solid #CCC;
}
.menu_photo_list ul li {
	display:inline-block;
	margin:0;
	width:19%;
	border-right:1px solid #CCC;
	font-size:12px;
	letter-spacing:normal;
}

}

/* ================================================================
		サイエンスカフェ
================================================================ */

/* 段組用スタイル
------------------------------- */
.column_wrap { font-size: 0; }
/*-- column margin ----------*/
.column_marginS { margin: 0 -10px; }
.column_marginS .unit_box {
	margin: 0 10px 10px;
}
.column_marginM { margin: 0 -30px; }
.column_marginM .unit_box {
	margin: 0 30px 30px;
}
.column_marginL { margin: 0 -50px; }
.column_marginL .unit_box {
	margin: 0 50px 50px;
}
/*-- column unit ---------*/
.column_pc_1unit {
	display: inline-block;
	width: 8.33%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_2unit {
	display: inline-block;
	width: 16.66%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_3unit {
	display: inline-block;
	width: 25%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_4unit {
	display: inline-block;
	width: 33.32%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_5unit {
	display: inline-block;
	width: 41.65%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_6unit {
	display: inline-block;
	width: 50%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_7unit {
	display: inline-block;
	width: 58.33%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_8unit {
	display: inline-block;
	width: 66.66%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_9unit {
	display: inline-block;
	width: 74.99%;
	font-size: 1.5rem;
}
.column_pc_10unit {
	display: inline-block;
	width: 83.32%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_11unit {
	display: inline-block;
	width: 91.65%;
	font-size: 1.5rem;
	vertical-align:top;
}
.column_pc_12unit {
	display: inline-block;
	width: 100%;
	font-size: 1.5rem;
	vertical-align:top;
}

@media screen and (max-width: 640px) {
	/*-- column margin ----------*/
	.column_marginS { margin: 0; }
	.column_marginS .unit_box { margin: 0; }
	.column_marginM { margin: 0; }
	.column_marginM .unit_box { margin: 0; }
	.column_marginL { margin: 0; }
	.column_marginL .unit_box { margin: 0; }
	/*-- column unit ---------*/
	.column_sp_1unit {
		display: inline-block;
		width: 8.33%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_2unit {
		display: inline-block;
		width: 16.66%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_3unit {
		display: inline-block;
		width: 25%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_4unit {
		display: inline-block;
		width: 33.32%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_5unit {
		display: inline-block;
		width: 41.65%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_6unit {
		display: inline-block;
		width: 50%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_7unit {
		display: inline-block;
		width: 58.33%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_8unit {
		display: inline-block;
		width: 66.66%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_9unit {
		display: inline-block;
		width: 74.99%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_10unit {
		display: inline-block;
		width: 83.32%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_11unit {
		display: inline-block;
		width: 91.65%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.column_sp_12unit {
		display: inline-block;
		width: 100%;
		font-size: 1.65rem;
		vertical-align:top;
	}
	.unit_box { margin: 0!important; }
}

/* 静的ページ（10年の歩み）と同じスタイル
------------------------------- */

#pico_good_design_body h2.page_ttl {
	border-top: 2px solid #CFCFCF;
  background: #EFEFEF;
	color: #333;
  padding: 20px 25px;
}
#pico_good_design_body h2 {
	color: #1EB9E6;
	font-size: 151%;
	margin-bottom: 20px;
}
#pico_good_design_body h3 {
	border-left: 5px solid #1EB9E6;
  border-bottom: 1px dotted #AAA;
	font-size: 114%;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#pico_good_design_body p {
	line-height: 1.8em;
}
#pico_good_design_body .endBox {
	margin: 20px 0;
}
#pico_good_design_body .endBox .gr_writer {
	text-align: right;
}
#pico_good_design_body .endBox .gr_name {
	font-size: 114%;
	font-weight: bold;
}

#pico_good_design_body sup {
	font-size:10px;
	vertical-align:super;
}
#pico_good_design_body .prev,
#pico_good_design_body .next {
	cursor:pointer;
	padding:8px;
	background:#DDD;
}
#pico_good_design_body .prev:hover,
#pico_good_design_body .next:hover {
	color:#666;
	background:#EEE;
}

/** banner setting
===================================*/
/*#side_bar .banner_index {
	background: url(/costep/uploads/good_design/sciencecafe/bg_banner.png) no-repeat center;
	background-size: cover;
	padding: 20px 0;
}
#side_bar .banner_index span {
	display: block;
	text-align: center;
	color: #FFFFFF;
	background: rgba(51, 51, 51, 0.7);
}*/
#side_bar .banner_index_image {
	width: 100%;
}

/** p setting
===================================*/
#pico_good_design_body p { margin-bottom: 20px;}
#pico_good_design_body p.edu_program_image {
	float:right;
	margin: 0 0 0 10px;
}
@media screen and (max-width: 640px) {
#pico_good_design_body p.edu_program_image {
	float:none;
	margin: 10px;
	text-align: center;
}
}

/** ul setting
===================================*/
#pico_good_design_body ol.list_type01 { margin: 0;}

#pico_good_design_body ol.list_type02 {
	margin: 0;
	color: #18B9E4;
}

#pico_good_design_body ul.list_type01 li {
    background: url(../pri_common/icon_list01.gif) 0 0.5em no-repeat;
    padding-left: 15px;
    clear: both;
    margin: 0 0 0.5em 0;
    display: block;
}

#pico_good_design_body ul.list_type01 li ul li {
    background: url(../pri_common/icon_list02.gif) 0 0.5em no-repeat;
    padding-left: 15px;
    clear: both;
    margin: 0 0 0.5em 0;
    display: block;
}

#pico_good_design_body ul.link_type01 {
	clear:both;
}

#pico_good_design_body ul.link_type01 li a {
    display: inline-block;
    background: url(../pri_common/icon_arrow01.png) 0 0.3em no-repeat;
    padding-left: 15px;
    clear: both;
    margin: 0 0 0.5em 0;
    color: #777;
}

#pico_good_design_body ul.list_type02 { list-style-type: none; }

#pico_good_design_body ul.list_type02 li { 
	padding-left: 15px;
	margin: 0 0 0.5em 0;
	color: #1EB9E6;
	display: block;
}
/** table setting
===================================*/
#pico_good_design_body table.tbl_type01 {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
	background: white;
	border-collapse: collapse;
	border-spacing: 0;
	color: #333333;
	margin: 15px 0;
	width: 100%;
}

#pico_good_design_body table.tbl_type01 tr th,
#pico_good_design_body table.tbl_type01 tr td {
    border-bottom: 1px dotted #CCC;
    vertical-align: top;
	padding: 10px 13px;
	background: #F0F0F0;
}

#pico_good_design_body table.tbl_type01 tr th { width: 20%; }

#pico_good_design_body table.tbl_type01 tr td {
	background: #FFF;
}

@media screen and (max-width: 640px) {
	#pico_good_design_body table.tbl_type01 tr th { width: inherit; }
}

#pico_good_design_body table.tbl_type02 {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
	border-collapse: collapse;
	border-spacing: 0;
	color: #333333;
	width: 100%;
}

#pico_good_design_body table.tbl_type02 tr th,
#pico_good_design_body table.tbl_type02 tr td {
    vertical-align: top;
	padding: 10px 13px;
}

#pico_good_design_body table.tbl_type02 tr th { width: 10%; }
#pico_good_design_body table.tbl_type02 tr td:nth-child(2) { width: 25%; }

#pico_good_design_body table.tbl_type02 tr:nth-child(odd) {background: #F0F0F0; }
#pico_good_design_body table.tbl_type02 tr:nth-child(even) {background: #FFF; }

@media screen and (max-width: 640px) {
	#pico_good_design_body table.tbl_type02 tr th { width: inherit; }
	#pico_good_design_body table.tbl_type02 tr td:nth-child(2) { width: inherit; }
	
	#pico_good_design_body table.tbl_type02 tr:nth-child(odd) th, #pico_good_design_body table.tbl_type02 tr:nth-child(odd) td { border-bottom: 1px solid #FFFFFF; }
	#pico_good_design_body table.tbl_type02 tr:nth-child(even) th, #pico_good_design_body table.tbl_type02 tr:nth-child(even) td { border-bottom: 1px solid #F0F0F0; }
	
	#pico_good_design_body table.tbl_type02 tr th,
	#pico_good_design_body table.tbl_type02 tr td {
		display: block;
	}
}

/** staff box setting
===================================*/
#pico_good_design_body .staff {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 30px;
}

#pico_good_design_body .staff .right {
    float: right;
    width: 150px;
    margin-bottom: 5px;
}

#pico_good_design_body .staff .right img {
  width: 200px;
  border: 5px solid #1EB9E6;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
}

#pico_good_design_body .staff dl dt {
    font-size: 167% !important;
}

#pico_good_design_body .staff dd {
    padding: 5px 0;
    margin: 10px 0;
    color: #00B9E7;
    border-bottom: 1px solid #00B9E7;
    border-top: 1px solid #00B9E7;
}

@media screen and (max-width: 640px) {
	#pico_good_design_body .staff .right { 
		float: none;
		margin: 0 auto;
	}
	#pico_good_design_body .staff dl dt {
		text-align: center;
	}
}

/** flyer img setting
===================================*/
#pico_good_design_body .gallery {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
#pico_good_design_body .gallery img {
	width: 190px;
	height: inherit;
	margin-bottom: 5px;
	border: 2px solid #CCCCCC;
}
#pico_good_design_body .gallery:hover img {
	border: 2px solid #00B9E7;
}
.fancybox-title-float-wrap .child {
	white-space: normal !important;
}
@media screen and (max-width: 640px) {
	#pico_good_design_body .gallery img {
		width: inherit;
		height: inherit;
	}
}

/** flyer caption setting
===================================*/
#pico_good_design_body .image_caption {
	font-size: 12px;
	line-height: 1.2;
}

#pico_good_design_body .image_caption .caption_number {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 3px;
	padding: 0 2px;
	border-radius:2px;
	font-size: 10px;
	background-color: #1EB9E6;
	color: #FFFFFF;
}

#pico_good_design_body .image_caption .caption_name {
	display: inline-block;
	margin-top: 3px;
	font-size: 11px;
}

/** 日本語、英語切り替えボタン
===================================*/
#pico_good_design_body .btn_lang { text-align: right; }
#pico_good_design_body .btn_lang a {
	display: inline-block;
	padding: 5px 13px;
	background: #1899DB;
	color: #FFF;
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-moz-transition:  background-color .2s linear; /* Firefox 4 */
	-o-transition:  background-color .2s linear; /* Opera */	
	font-size: 108%;
}
#pico_good_design_body .btn_lang a:hover { background: #5ACBEC; }

/* ================================================================
		pico
================================================================ */

.pico_body { background:#FFF; padding:15px 20px; }
.pico_body .ind_body p{text-indent:1em;}
.pico_body ol li {
	list-style-type:decimal;
	margin-left:1.8em;
}
.div.pico_breadcrumbs { font-size:77% !important; }
.pico_body img {
	max-width:100%;
	height:inherit;
}

/* ================================================================
		formmail
================================================================ */
#formmail h2 {
	border-top: 2px solid #CFCFCF;
	background: #EFEFEF;
	padding: 20px 25px;
}


#formmail p,
#formmail table {
	margin-bottom:15px;
	width: 100%;
}

#formmail .button {
	text-align: center;
	background: none;
	padding: 0;
	margin: 15px auto 0;
	left: 50%;
	display: block;
}

#formmail .comp p{
	text-align:center;
}
#formmail .comp {
	text-align:center;
}

#formmail th {
	text-align: left;
	padding: 5px 10px;
	width: 200px;
	font-weight: normal;
	background-color: #E1E1E1;
	border: 1px solid #CECECE;
	border-collapse: collapse;
}
#formmail td {
	text-align: left;
	padding: 5px 10px;
	font-weight: normal;
	background-color: #F3F3F3;
	border: 1px solid #CECECE;
	border-collapse: collapse;
}

#formmail a:link {
	color: #1EB9E6;
	text-decoration: underline;
}
#formmail a:visited {
	color: #1EB9E6;
	text-decoration: underline;
}
#formmail a:hover {
	color: #1EB9E6;
	text-decoration: none;
}
#formmail a:active {
	color: #1EB9E6;
	text-decoration: underline;
}


/* ================================================================
		enquete　応募フォーム
================================================================ */
.enqueteTbl th, .enqueteTbl td {
	border:1px solid #CCC;
	padding:8px;
}
.enqueteTbl th {
	background:#E0E0E0;
	font-weight:bold;
}
.enqueteTbl td.head {
	background:#F5F5F5;
}

/* ================================================================
		管理画面
================================================================ */
.login {
	width:500px;
	margin:20px auto;
	border-collapse:separate;
	padding:10px;
}

.login #login_ttl {
	background:#DDDDDD;
	color:#555;
	padding:8px;
	margin-bottom:15px;
	font-weight:bold;
	text-align:center;
}

.login .head,
.login .odd,
.login .even {
	padding:10px 20px;
} 

.login .head {
	width:120px;
}

#let_post {
	font-size: 169%;
	font-weight: bold;
}
.editBox {
	background: #FFF;
}
.editBox table th {
	background: #CCC;
}
.editBox table td.head {
	background: #EEE;
	width: 120px;
}
.editBox table td, .editBox table th {
	border: 1px solid #CCC;
	padding: 10px;
}

/* 入力エディタ */
form#storyform {
	float:left;	
}
/* ================================================================

		clearfix

================================================================ */
#main .section,
#main.intro .articles-style,
#main ul,
.sabcat_ul,
.clearfix{ /zoom : 1; }
#main .section:after,
#main ul:after,
#main.intro .articles-style:after,
.sabcat_ul:after,
.clearfix:after{ content : ''; display : block; clear : both; }