@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
	line-height: 1.5;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 98%;
	background:transparent;
}

body{
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

nav ul{list-style:none;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none;
}
	
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
}
a:focus{
    outline:none;
}

del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

li {
	list-style-type: none;
}

/* common style */
body {
	margin: 30px 0 0;
}
p {
	margin-top: 0em;
	margin-bottom: 1em;
}
form {
	margin: 0 0 40px;
}

/* clearfix add 2013/04/12 */
* html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

th {
	padding: 8px;
}
td {
	padding: 8px;
}

/* parts style */
.parts {
	margin: 0 0 15px;
}

.free {
	margin: 0 10px 15px;
}

.image img {
	width: 80%;
	max-width: 330px;
	display: block;
	margin: 0 auto 10px;
}
/* add at 2013/04/12 */
html>/**/body .image img {
    max-width: inherit\9;
}

.heading {
	padding: 7px;
}
.text,
.textimage {
	margin: 0 10px 15px;
}
.textimage img {
	width: 80%;
	max-width: 330px;
	display: block;
	margin: 0 auto 10px;
}
/* add at 2013/04/18 */
html>/**/body .textimage img {
    max-width: inherit\9;
}

.textimage_l img {
	float: left;
	margin: 0 10px 0 0;
	width: 150px;
}

.textimage_r img {
	float: right;
	margin: 0 0 0 10px;
	width: 150px;
}

.headingtext .heading {
	margin: 0 0 15px;
}


.table2 {
	margin: 0 0 15px 8px;
}
.table2 table {
	width: 95%;
}
.table2 th {
	width: 120px;
	text-align: left;
}


.qa{
	margin: 0 10px 15px;
}
.qa_inner {
	margin: 0 0 25px;
	padding: 0 0 15px;
}
.qa_inner:last-child {
	border-bottom: none;
}
.qa .question {
	padding: 5px 0 0 44px;
	min-height: 48px;
}
.qa .answer {
	padding: 5px 0 0 44px;
	min-height: 60px;
}

.hti_inner {
	margin: 0 10px 25px;
	padding: 0 0 15px;
}
.hti span {
	font-weight: bold;
	margin: 0 0 5px;
	display: block;
}
.hti img {
	width: 90%;
	max-width: 360px;
	display: block;
	margin: 0 0 10px;
}
/* add at 2013/04/18 */
html>/**/body .hti img {
    max-width: inherit\9;
}

.linkimage {
	margin: 0 10px;
}
.linkimage a {
	display: block;
	width: 90px;/* 2013/04/04 add */
	float: left;
	margin: 0 8px 8px 0;
}
.linkimage li {/* 2013/04/09 add */
	display: block;
	width: 90px;
	float: left;
	margin: 0 8px 8px 0;
}
.linkimage img {
	display: block;
	width: 90px;/* 2013/04/04 add */
	height: 90px;/* 2013/04/04 add */
}
.linkimage span {
	display: block;
	font-size: 80%;
}


.contactbanner {
	margin: 0 10px 15px;
	padding: 25px 0;
}
.contactbanner p .title {
	font-weight: bold;
	display: block;
	font-size: 120%;
}
.contactbanner p .inqtext {
	display: block;
}
.contactbanner .contactbanner_text_wrap a {
	border-radius: 5px;
	width: 200px;
	height: 35px;
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 15px auto 0;
	padding: 13px 0 0;
	font-weight: bold;
}
.contactbanner_img_wrap {
	text-align: center;
}
.contactbanner a span {
	margin: 14px 0 0;
	display: block;
}

.explanation {
	margin: 10px 0 15px 10px;
}

.formparts {
	margin: 0 10px 30px;
}
.formparts select {
	position: relative;
}
.formparts .example {
	display: block;
	font-size: 85%;
}
.radiobtn label {
	margin: 0 8px 0 0;
}

.require {
	padding: 3px;
	font-size: 80%;
	margin: 0 0 0 8px;
	border-radius: 3px;
}

.label {
	margin: 0 0 10px;
}
.t_box_short {
	width: 70%;
}
input[type=text]{
	height: 30px;
}

.textarea textarea {
	width: 95%;
}

.monthday .select_month {
	width: 60px;
}
.monthday .select_day {
	width: 60px;
}

.hourmin .select_hour {
	width: 60px;
}
.hourmin .select_min {
	width: 60px;
}

.submitbtn input {
	width: 210px;
	height: 50px;
	margin: 30px auto;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	font-size: 100%;
}
.submitbtn2 input {
    width: 130px;
    height: 40px;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    font-size: 100%;
}
.submitbtn2 .send {
    float: right;
    margin: 0 20px 0 0;
}
.submitbtn2 .back {
    float: left;
    margin: 0 0 0 20px;
}
.inquiry_comp_text {
    margin: 15px 0 200px 15px;
}
.form_error {
	margin: 0;
}

.form_error > p {
    margin: 0 0 0 10px;
}

.icon_link {
	padding: 8px;
}
.icon_link div {
	width: 90px;
	float: left;
	margin: 0 10px 0 0;
}
.icon_link a {
	width: 100%;
	display: block;
	text-decoration: none;
}
.icon_link span {
	display: block;
	margin: 0 0 8px;
	width: 100px;
	font-size: 85%;
	text-align: center;
}
.icon_link img {
	width: 90px;
	height: 90px;
	margin: 8px 0 0 8px;
}

.menu a {
	display: block;
	height: auto;
	text-decoration: none;
}
/* add 2013/04/12 */
* html .menu a {
	zoom: 1;
}
*+html .menu a {
	zoom: 1;
}
.menu a:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.menu a img {
	width: 40px;
	height: 40px;
	margin: 5px 0 5px 5px;
	float: left;
	display: block;
}
.menu a span {
	display: block;
	float: left;
	margin: 14px 0 5px 12px;
	width: 70%;
}

.news .newstitle {
	height: 32px;
}
.news .newstitle h3 {
	width: 110px;
	padding: 7px 0 0;
	float: left;
	margin: 0 0 0 10px;
}
.news .newstitle span a {
	display: block;
	float: right;
	width: 92px;
	margin: 7px 5px 0 0;
	text-indent: -5000px;
}
.news li {
	padding: 0;
}
.news li a {
	text-decoration: none;
	padding: 11px;
	display: block;
}
.news .news_article_title {
	display: block;
}
.news .news_article_date {
	display: block;
}
.copyright {
	font-size: 75%;
	font-style: normal;
	margin: 0 10px 15px;
}

/* add 2013/04/22 */
.movie {
	height: 240px;
}
.movie iframe {
    width: 100%;
    height: 100%;
}

/* under page style */
.undertitle {
	height: 30px;
	text-align: center;
	padding: 8px 0 0;
	color: #FFF;
	font-weight: bold;
}

/* blog page style*/
.article_list {
	border-collapse: collapse;
}
.article_list a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
.article_list h2 {
	width: 92%;
}

.pagenation {
	margin: 20px 0 0;
}
.pagenation .pagenation_num {
	text-align: center;
	display: block;
	margin: 0 0 10px;
}
.pagenation ul {
	width: 85%;
	margin: 0 auto;
}
.pagenation li {
	width: 13%;
	float: left;
	margin: 0 0 0 2px;
}
.pagenation li:first-child {
	margin: 0;
}

.pagenation li.rwd,
.pagenation li.fwd {
	width: 33%;
}
.pagenation li.rwd .unavailable,
.pagenation li.fwd .unavailable,
.pagenation li.first .unavailable,
.pagenation li.last .unavailable {
	opacity: 0.35;
}
.pagenation li a {
	display: block;
	height: 100%;
	/*padding: 8px 0;*/
	text-decoration: none;
}
.pagenation li span {
	display: block;
	margin: 0 auto;
}

.pagenation li.first {
	border-radius: 5px 0 0 5px;
}
.pagenation li.first a span {
	text-indent: -5000px;
}
.pagenation li.rwd a span {
	width: 50px;
	text-align: right;
}
.pagenation li.fwd a span {
	width: 50px;
}

.pagenation li.last {
	border-radius: 0 5px 5px 0;
}
.pagenation li.last a span {
	text-indent: -5000px;
}

.bloglist .title {
	margin: 0 0 2px 10px;
}

.blogcat {
	margin: 25px 0 15px;
	padding: 20px 0;
}
.blogcat .blogcat_title,
.blogcat .blog_m_acv_title {
	width: 90%;
	margin: 0 auto 15px;
}

.blogcat span {
	padding: 0;
	display: block;
}
.blogcat .cat {
	width: 80%;
	margin: 0 auto;
}

.cat li {
	width: 125px;
	float: left;
	margin: 0 0 8px;
}
.cat li a {
	padding: 0 0 0 18px;
	display: block;
	height: 100%;
}

.m_archive_select {
	margin: 0 0 15px;
    padding: 15px 0;
}
.m_archive_select_inner {
	width: 90%;
	margin: 0 auto;
}
.m_archive_select span {
	margin: 0 10px 0 0;
}
.m_archive_select select {
	position: relative;
}

.cat_archive_select {
	padding: 15px 0;
	margin: 0 0 15px;
}
.cat_archive_select_inner {
	width: 90%;
	margin: 0 auto;
}
.cat_archive_select span {
	margin: 0 10px 0 0;
}
.cat_archive_select select {
	position: relative;
}

.blog_search {
	margin: 0 0 15px;
	padding: 15px 10px;
}
.blog_search form {
	margin: 10px 0;
}
.blog_search .blog_search_input input {
	width: 68%;
	height: 30px;
	-webkit-appearance: none;
	appearance: none;
}
.blog_search .blog_search_submit input {
	width: 80px;
	height: 30px;
	-webkit-appearance: none;
	appearance: none;
}


/* blog detail page */
.article {
	margin: 0;
}
.detail-title {
	background-repeat: no-repeat;
	background-position: 9px 11px;
	margin: 0 0 15px;
    padding: 6px 0 6px 26px;
}
.entry-body {
	margin: 0 15px 25px;
}
.entry-text {
	margin: 0 0 20px;
}
.snsbtn {
	margin: 0 10px 15px;
}
.sns {
	margin: 0 15px 30px;
}

.article_nav {
	width: 310px;
	margin: 0 auto 30px;
}
.article_nav a {
	display: block;
	height: 36px;
	text-decoration: none;
}

/* add at 20130415 */
.article_nav_to_previous,
.article_nav_to_previous_unavailable {
	float: left;
	width: 100px;
	margin: 0 0 0 5px;
	border-radius: 5px;
}
.article_nav_to_previous span,
.article_nav_to_previous_unavailable span {
	margin: 7px 0 0 22px;
}
.article_nav_to_list {
	float: left;
	width: 90px;
	margin: 0 0 0 5px;
	text-align: center;
	border-radius: 5px;
}
.article_nav_to_list span {
	margin: 7px 0 0 0;
}
.article_nav_to_next,
.article_nav_to_next_unavailable {
	float: right;
	width: 100px;
	margin: 0;
	border-radius: 5px;
}
.article_nav_to_next span,
.article_nav_to_next_unavailable span {
	margin: 7px 0 0 20px;
}
.article_nav a {
	border-radius: 5px;
	display: block;
	height: 36px;
	text-decoration: none;
}

.article_nav a span {
	display: block;
}
.article_nav_to_previous_unavailable,
.article_nav_to_next_unavailable {
	opacity: 0.35;
}
.entry-date {
	font-size: 85%;
	margin: 0 15px 3px;
	text-align: right;
}
.entry-author {
	font-size: 85%;
	margin: 0 15px 3px;
	text-align: right;
}



/* tab content change */
.tab span {
	display: block;
	width: 130px;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	padding: 5px;
	text-align: center;
}
.cat_wrap {
	margin: 0 0 50px;
}

.tab {
	padding: 0 0 0 10px;
}
.tab li {
	margin: 0 5px 0 0;
	padding: 0px;
	line-height: 115%;
	height: 35px;
	float: left;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
	font-size: 80%;
	list-style-type: none;
}
.tab2 li {
	width: 47%;
}
.tab3 li {
	width: 30%;
}

.tab li:last-child{
	margin: 0;
}

.tab li a {
	display: block;
	width: 92%;
	height: 32px;
	margin: 0 auto;
	padding-top: 8px;
	text-decoration: none;
}
.changetext {
	margin: 0 0 50px;
	display: block;
}

.tab-inner {
	margin: -1px 0 20px;
	padding: 15px 5px 5px;
}
.tab-inner img {
	width: 65%;
	display: block;
	margin: 0 auto 15px;
}
.tab-inner p {
	margin: 0 0 15px;
}
.hidden {
	display: none;
}

/* open close */
.display {
	margin: 0 auto 15px;
	width: 97%;
}
.displayBox {
	display: none;
	padding: 10px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}
.displayBox img {
	width: 80%;
}
.a_button {
	-webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}
.a_button .sec_title {
	margin: 0 0 2px;
	width: 75%;
	text-align: left !important;
	padding: 7px 7px 6px;
}
.close {
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.map {
	width: 100%;
	margin: 0 auto 30px;
}

/* sns button add at 2013/04/18 */
#line {
	margin: 0 0 3px;
}
#facebook {
	margin: 0 0 3px;
}
#twitter {
}


/* notfound add at 2013/04/10 */
.notfoundPage .text {
	width: 300px;
	margin: 0 auto 15px;
}
.notfoundPage .button {
	width: 300px;
	margin: 0 auto 30px;
}
.notfoundPage .button button {
	padding: 3px 6px;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}




/* jquery-jcflick */
.flickContainer{overflow:hidden;position:relative;z-index:10}.flickContainer .flickWrapper{position:relative;z-index:1}.flickContainer .flickWrapper .flickCol{float:left}.flickWrapper:after,.flickBtn:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0.1em;line-height:0}.flickWrapper,.flickBtn{zoom:1}.lamp_def{display:inline-block;width:10px;height:10px;margin:0 4px;background:#eee;overflow:hidden}.lamp_cur{background-color:#000 !important}

.flick_btn_next,
.flick_btn_back{display:block;/*padding:4px 8px*/}

.flick_btn_next{float:right}.flick_btn_back{float:left}.pointer{cursor:pointer !important;background-color:#eee}#flickMain .flickContainer{_width:950px;max-height:320px;_height:320px}#flickMain .flick_btn_next{padding-right:15px;background:url(/public/resources/common/images/icon_right.png) no-repeat right center}#flickMain .flick_btn_back{padding-left:15px;background:url(/public/resources/common/images/icon_left.png) no-repeat left center}#flickMain .pointer{cursor:pointer !important}#flickMain .btnFalse{background:transparent !important}.flickCol a.noHighlight{-webkit-tap-highlight-color:rgba(0,0,0,0)}

@media only screen and (max-width: 580px)
{
#flickMain .flickContainer{height:100%}
.lamp_def{display:inline-block;width:10px;height:10px;margin:0 2px}
}


.flickCol p span {
	display: block;
}
.flickBtn span {
	width: 35px;
	height: 30px;
	text-indent: -5555px;
}
.flick_btn_next {
	background: url("../images/jcflick/btn_jcflick_n.png") no-repeat;
}
.flick_btn_back {
	background: url("../images/jcflick/btn_jcflick_p.png") no-repeat;
}


/*
 * photoswipe.css
 */

body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #000;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url("../images/photoswipe/loader.gif") no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url("../images/photoswipe/error.gif") no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url("../images/photoswipe/icons.png");
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url("../images/photoswipe/icons@2x.png");
	}
}


/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2012 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.2 (jPlayer 2.2.0)
 * Date: 22nd October 2012
 */

div.jp-audio,
div.jp-audio-stream,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
	border:1px solid #009be3;
	background-color:#eee;
}
div.jp-audio-stream {
	width:182px;
}
div.jp-video-270p {
	width:480px;
}
div.jp-video-360p {
	width:640px;
}
div.jp-video-full {
	/* Rules for IE6 (full-screen) */
	width:480px;
	height:270px;
	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
div.jp-video-full div div {
	z-index:1000;
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
}

div.jp-video-full div.jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1001; /* 1 layer above the others. */
}

div.jp-video-full div.jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
}

div.jp-interface {
	position: relative;
	background-color:#eee;
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-audio-stream div.jp-type-single div.jp-interface {
	height:80px;
}

div.jp-video div.jp-interface {
	border-top:1px solid #009be3;
}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	width:440px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	padding:7px 20px 0 10px;
}

div.jp-audio-stream ul.jp-controls {
	width: 142px;
	padding:20px 20px 0 20px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
	margin-bottom: 0px;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
}

a.jp-play {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}

a.jp-stop, a.jp-previous, a.jp-next {
	width:28px;
	height:28px;
	margin-top:6px;
}

a.jp-stop {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -83px no-repeat;
	margin-left:10px;
}

a.jp-stop:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}

a.jp-previous {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -112px no-repeat;
}
a.jp-previous:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}

a.jp-next {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -141px no-repeat;
}
a.jp-next:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}

/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:19px;
	height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../images/jplayer/jplayer.blue.monday.seeking.gif");
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:18px;
	height:15px;
	margin-top:12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
    margin-left: 33px;
    margin-top: 53px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
	margin-left:10px;
}

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
	margin-left: 56px;
    margin-top: 53px;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top:12px;
	margin-top:0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}

div.jp-video a.jp-volume-max {
	left: 134px;
}

a.jp-mute {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -79px -170px no-repeat;
}
a.jp-volume-max {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
	top:65px;
	left:141px;
}
div.jp-audio-stream div.jp-volume-bar {
	top:37px;
	left:92px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
div.jp-volume-bar-value {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}

/* @end */

/* @group current time and duration */

/*
div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
}
*/
div.jp-audio div.jp-time-holder {
	position:absolute;
	top:35px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width:60px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}

div.jp-video div.jp-current-time {
	margin-left:20px;
}
div.jp-video div.jp-duration {
	margin-right:20px;
}

/* @end */

/* @group playlist */

div.jp-title {
	font-weight:bold;
	text-align:center;
}

div.jp-title,
div.jp-playlist {
	width:100%;
	background-color:#ccc;
	border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
	border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	font-size:.72em;
}

div.jp-title li {
	padding:5px 0;
	font-weight:bold;
}
div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}

div.jp-playlist li div {
	display:inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #333;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#0d88c1;
}
span.jp-artist {
	font-size:.8em;
	color:#666;
}

/* @end */

div.jp-video-play {
	width:100%;
	overflow:hidden; /* Important for nested negative margins to work in modern browsers */
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	margin-top:-270px;
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	margin-top:-360px;
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;

	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;

	background: url("../images/jplayer/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("../images/jplayer/jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}





div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top:10px;
	width:100px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

a.jp-full-screen {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -310px no-repeat;
	margin-left: 20px;
}

a.jp-full-screen:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -60px -310px no-repeat;
	margin-left: 20px;
}

a.jp-restore-screen:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("../images/jplayer/jplayer.blue.monday.jpg") -90px -270px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */

.image_media {
	margin-bottom: 20px;
}
.ytube {
	margin-bottom: 20px;
}
.jp-audio {
	margin-bottom: 5px;
}

.image_media .flickCol{
    height:480px;
    width:100%;
    position: relative;
    display:block;
}

.tab-inner .tab_tiny img {
    width: auto;
}
.tab-inner .tab_tiny:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content: " ";
}
.displayBox .accordion_tiny img {
    width: auto;
}
.displayBox .accordion_tiny:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content: " ";
}

/* add 20190131 kom */

/*blog一覧*/
.pagenation ul:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both}
.pagenation li{
	text-align: center;
    padding: 8px 20px;
	width:auto;}
.pagenation li a{
	opacity: 0.35;}
.monthly_archives ul.cat li a{
	display:inline;}
.monthly_archives .monthly_list{
	margin-bottom:20px;}
	
/*blog記事*/
#blogArea .article_nav span{
	border: 1px solid #616161;
	color: #616161;
	border-radius: 5px;
	display: block;
	height: 30px;
	text-decoration: none;
	float:left;
	margin-left:5px;
	padding: 10px 10px 0 10px;}
#blogArea .article_nav span a{
	display: block;
	border:none;
	float:left;}
#blogArea .article_nav span.prev a{
	margin: 0 0 0 10px;
	float:right;}
#blogArea .article_nav span.next a{
	margin: 0 10px 0 0;}
#blogArea .article_nav span.list a{
	margin:0 20px;}
#blogArea .article_nav span.prev:empty,
#blogArea .article_nav span.next:empty{
	display:none;}
#blogArea .articleWrap .data span{
	color: #808080;
	margin-left:15px;}
	
/*サイトマップ*/
.sitemap104 .free{
	max-width: 330px;
	margin: 0 auto;
	text-align: center;}
.sitemap104 .free .box{
	/*display:inline-block;*/
	text-align:left;}
.sitemap104 .menuWrap{
		margin-bottom:15px;}
.sitemap104 .menuWrap .subMenu{
	margin-left:30px;}
.sitemap104 .menuWrap a{
color: #639DBA;}

/*404*/
.page404 h3 img{
	max-width:300px;}
.page404 .menuWrap{
	margin:5px 0 10px 0;}
.page404 .menuWrap a {
    color: #639DBA;}