@charset "utf-8";
/* CSS Document */

@import url('http://www.optronics.co.jp/css/footer.css');

body {
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	background: #ffffff;
	min-width: 1040px;
}
.width970{
	width: 970px;
	margin-right: auto;
	margin-left: auto;	
}
.inner-content{
	width: 1040px;
	margin-right: auto;
	margin-left: auto;	
}
.aligncenter{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.red{
	color: #ff0000;
}

/* --- header --- */

#header{
    clear: both;
    min-height: 143px;
    padding: 24px 0 12px;
    background: #990000;
    border-top: solid 1px #a41c1c;
    border-bottom: solid 1px #790000;
    box-sizing: border-box;
}
#header #logo {
	float: left;
	width: 207px;
	margin: 20px 16px 0 0;
}
#header .bnrArea {
	width: 366px;
	float: left;
	margin: 12px 16px 0 0;
}
#header #head_bnr_w100{
    width: 100px;
    float: left;
    margin: 12px 0 0;
}
#header .region {
	width: 319px;
    float: right;
}
#header .region .sitemeta{
    color: #ffffff;
    font-size: 14px;
    line-height: 1.3;
	text-align: right;
    margin: 0 0 -18px;
}
#header .region .sitemeta strong{
    font-size: 16px;
}
#header .region .sitemeta span{
    font-size: 13px;
	margin: 0 0 0 4px;
}
#header .region .sitemeta span.reader{
	display: block;
    font-size: 14px;
}

/* search block in header */

#block-search-form {
	width: 216px;
	float: right;
    padding-top: 24px;
}
#block-search-form .form-type-textfield {
	float: left;
	height: 27px;
	padding-left: 15px;
	background: #ffffff;
	-moz-border-radius: 14px 0px 0px 13px;
	-webkit-border-radius: 14px 0px 0px 13px;
	border-radius: 14px 0px 0px 13px;
	overflow: hidden;
}
#block-search-form .form-type-textfield input {
	width: 174px;
	height: 27px;
	color: #000000;
	line-height: 30px;
	padding: 0;
	margin: 0;
	border: 0 none;
	background: #ffffff;
}
#block-search-form .form-actions {
	float: left;
	background: #ffffff;
	-moz-border-radius: 0px 14px 13px 0px;
	-webkit-border-radius: 0px 14px 13px 0px;
	border-radius: 0px 14px 13px 0px;
	overflow: hidden;
}
#block-search-form .form-submit {
	width: 27px;
	height: 27px;
	display: block;
	padding: 0;
	text-indent: -9999px;
	border: 0 none;
	background: url(../images/icon/search.png) no-repeat center left;
	cursor: pointer;
	overflow: hidden;
}
#globalSocialBtn {
	float: right;
    padding-top: 24px;
}
#globalSocialBtn ul {
	margin: 0;
	padding: 0;
	float: left;
}
#globalSocialBtn li {
	float: left;
	display: block;
	padding: 0 0 0 12px;
}
#globalSocialBtn a {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
}
#globalSocialBtn .globalSocialBtnFacebook a {
	background: url(../images/icon/fb.png) no-repeat left top;
}
#globalSocialBtn .globalSocialBtnTwitter a {
	background: url(../images/icon/twitter.png) no-repeat left top;
}

#header .languageSelect {
	clear: both;
    width: 250px;
    float: right;
    font-size: 0;
    text-align: right;
    padding: 10px 0 0;
}
#header .languageSelect p.gtitle{
    display: block;
    float: right;
    color: #ffffff;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0;
    padding: 7px 0 0;
}
#google_translate_element{
    width: 132px;
    float: right;
}

/* under_header */

#under_header{
	clear: both;
	padding: 0 0 0 8px;
	background: #d9d9d9;
	border-bottom: solid 1px #c6c6c6;
}
#menu-header {
	position: relative;
	z-index: 350;
}
#menu-header ul {
	display: table;
	width: 100%;
}
#menu-header ul li {
	display: table-cell;
	padding: 0;
}
menu-header ul li:first-child {
}
#menu-header ul li a {
	display: block;
	color: #333;
	font-size: 14px;
	padding: 16px 20px;
	text-align: center;
	text-decoration: none;
	position: relative;
}
#menu-header ul li:last-child a{
	border-right: none;
}
#menu-header li a:hover {
	color: #990000;
}
#menu-header li.current-menu-item a {
	font-weight: bold;
	color: #ae0000;
}

/* Doesn't work in IE */

#menu-header ul li.hover,
#menu-header ul li:hover {
	color: black;
	position: relative;
}
#menu-header li.hover a {
	color: black;
}
#menu-header ul ul {
	display: none;
	position: absolute;
	top: 46px;
	left: 0px;
	z-index: 10000;
}
#menu-header ul li:hover ul.sub-menu {
	display: block;
}
#menu-header ul ul li {
	display: block;
	width: 220px;
	height: auto;
	font-weight: normal;
	padding: 2px 0 0 !important;
	margin: 0;
	overflow: hidden;
}
#menu-header ul ul li:first-child {
	padding: 3px 0 0 !important;
}
#menu-header ul ul li a {
	display: block;
	color: #FFFFFF !important;
	padding: 12px 12px;
	background: rgba(0,0,0,0.7);
	text-align: left;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}
#menu-header ul ul li a:hover {
	color: #FFFFFF;
	background: rgba(0,0,0,0.9);
}
#menu-header ul ul li.current-menu-item a {
	color: #FFFFFF !important;
}

/* ----- rensai mega navi ----- */

#mega-navigation{
    width: 100%;
    padding: 20px 0 8px;
    box-sizing: border-box;
    background: #f2f2f2;
    position: absolute;
    top: 190px;
    left: 0;
    z-index: 500;
}
#mega-navigation ul.rensaiBnrList{
	margin: 0 0 8px;
}
#mega-navigation ul.rensaiBnrList li{
    width: 251px;
    float: left;
    margin: 0 0 12px 12px;
}
#mega-navigation ul.rensaiBnrList li:nth-child(4n+1){
	clear: both;
	margin-left: 0;
}
#mega-navigation ul.rensaiBnrList li a{
    display: block;
    color: #333333;
    text-decoration: none;
}
#mega-navigation ul.rensaiBnrList li a:hover{
	opacity: 0.5;
}
#mega-navigation ul.rensaiBnrList li img{
	vertical-align: middle;
}
#mega-navigation ul.rensaiBnrList li .thumb{
    float: left;
    background: #333333;
    box-sizing: border-box;
    border: solid 1px #333333;
    overflow: hidden;
}
#mega-navigation ul.rensaiBnrList li .text{
    float: left;
}
#mega-navigation ul.rensaiBnrList li .text p.catchcopy{
    line-height: 1.4;
    margin: 0 0 4px;
}
#mega-navigation ul.rensaiBnrList li .text p.title{
    font-weight: bold;
    line-height: 1.3;
}

#mega-navigation ul.rensaiBnrList li .text{
	width: 179px;
}
#mega-navigation ul.rensaiBnrList li .thumb{
    width: 64px;
    height: 64px;
    margin: 0 8px 0 0;
}
#mega-navigation ul.rensaiBnrList li .text p.catchcopy{
	font-size: 13px;
}
#mega-navigation ul.rensaiBnrList li .text p.catchcopy br{
	display: none;
}
#mega-navigation ul.rensaiBnrList li .text p.title{
    font-size: 14px;
}
#mega-navigation .btns{
    font-size: 0;
	text-align: center;
    margin: 0 0 12px;
}
#mega-navigation .btns a{
    display: inline-block;
    width: 180px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0 0 12px;
    padding: 10px 0;
    background: #00478b;
    border-radius: 29px;
}
#mega-navigation .btns a:first-child{
	margin-left: 0;
}
#mega-navigation .btns a:hover{
	background: #ff6600;
}
.modalLayer{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 190px;
    z-index: 50;
    background: rgba(0,0,0,0.4);
}

/* --- content --- */

#head_bnr_area{
    width: 1040px;
    margin: 24px 0 0;
    text-align: center;
}
.head_bnr{
    width: 1040px;
    margin: 24px 0 0;
    text-align: center;
}
.head_bnr.pr{
	background: transparent !important;
}

/* ----- footer ----- */

#sitemap{
	padding: 40px 0 28px !important;
}
#sitemap iframe{
    width: 960px;
    margin: 0 auto;
}

#footer{
	color: #424242;	
	padding: 24px 0;
    margin: 48px auto 0;
	background: #ebebeb;
	border-top: solid 1px #c6c6c6;
}
#footNav li{
	height: 13px;
	float: left;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1;
	padding: 0 12px;
	border-left: solid 1px #424242;
}
#footNav li:first-child{
	border-left: none;
}
#footNav li a{
	color: #282828;
	text-decoration: none;
}
#footNav li a:hover{
	text-decoration: underline;
}


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

	breadcrumb

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

#breadcrumb {
    font-size: 13px;
    padding: 24px 0;
}
#breadcrumb ul li {
	display: inline-block;
	margin-left: 8px;
}
#breadcrumb ul li:first-child {
	margin-left: 0;
}
#breadcrumb ul li a {
	color: #990000;
}
#breadcrumb ul li br{
	display: none;
}

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

	layout

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

#content{
	float: left;
	width: 816px;
}

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

	top content(head)

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

#top_head{
    padding: 24px 0 0;
	margin: 0 0 8px;
}
#topic{
	width: 480px;
	float: left;
}
#topic .nivo-caption{
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 8px;
}
#latest_news{
	width: 240px;
	float: left;
	margin: 0 24px;
	padding: 0;
}
#latest_news h1{
	font-size: 1em;
	color: #828181;
	margin: 0;
}
#latest_news ul li{
	margin: 0;
	border-top: dashed 1px #b7b6b6;
}
#latest_news ul li:first-child{
	border-top: none;
}
#latest_news ul li a{
	display: block;
	padding: 12px 8px;
	text-decoration: none;
}
#latest_news ul li a:hover{
	background: #f2f2f2;
}
#latest_news ul li .prtag{
    color: #ffffff;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    padding: 0 4px 0 0.4em;
    background: #00478b;
}
#latest_news ul li .postTitle{
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
}
#latest_news ul li .time{
	font-size: 12px;
	color: #828181;
}

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

	movie

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

#movie{
	width: 272px;
	float: left;
}
#movie h1{
	clear: both;
	font-size: 14px;
	color: #3c3c3c;
	padding: 8px 12px;
	margin: 0;
	border-bottom: solid 1px #FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(#eaeaea, #d9d9d9);
	background: -moz-linear-gradient(#eaeaea, #d9d9d9);
	background: -o-linear-gradient(#eaeaea, #d9d9d9);
	background: -ms-linear-gradient(#eaeaea, #d9d9d9);
	background: linear-gradient(#eaeaea, #d9d9d9);
}
#movie ul{
	background: #ebebeb;
	padding: 8px 12px;
}
#movie ul li{
	margin: 8px 0 0;
	padding: 8px 0 0;
	border-top: dashed 1px #8a8a8a;
}
#movie ul li:first-child{
	margin-top: 0;
	padding-top: 0;
	border: none;
}
#movie ul li h2.widgettitle{
	font-size: 13px;
	line-height: 1.4;
	margin: 0 0 8px;
	padding: 0 2px;	
}

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

	top content

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

#left{
	width: 200px;
	float: left;
	margin-right: 24px;
}
#newpost h1,
#ranking h1,
#rensai h1{
	color: #828181;
	font-size: 1em;
	line-height: 1;
	padding: 0;
}
#ranking h3{
	display: none;
}
#newpost ul,
#ranking ol,
#rensai ul{
	margin: 0 0 16px;
	padding: 0;
}
#newpost ul li,
#ranking ol li,
#rensai ul li{
	margin: 0;
	border-top: dashed 1px #b7b6b6;
}
#newpost ul li:first-child,
#ranking ol li:first-child,
#rensai ul li:first-child{
	border-top: none;
}
#newpost ul li a,
#ranking ol li a,
#rensai ul li a{
	display: block;
	padding: 12px 0;
	text-decoration: none;
}
#newpost ul li a:hover,
#ranking ol li a:hover,
#rensai ul li a:hover{
	background: #f2f2f2;
}
#newpost ul li a .thumb,
#ranking ol li a .thumb,
#rensai ul li a .thumb{
	width: 64px;
	height: 64px;
	overflow: hidden;
	float: left;
    text-align: center;
	border: solid 1px #cccccc;
	box-sizing: border-box;
    position: relative;
}
#newpost ul li a .thumb img,
#ranking ol li a .thumb img,
#rensai ul li a .thumb img{
/*	min-width: 64px;
	min-height: 64px;*/

	width: auto;
    height: auto;
    /* width: 64px; */
    height: 64px;
    max-width: inherit;
    display: block;
/*    margin: 0 -51px;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;*/

}
#newpost ul li a .textarea,
#ranking ol li a .textarea,
#rensai ul li a .textarea{
	width: 128px;
/*	height: 64px;*/
	float: right;
}
#newpost ul li a .time,
#ranking ol li span,
#rensai ul li a .time{
	font-size: 11px;
	color: #828181;
	padding: 12px 0 8px;
}
#newpost ul li .postTitle,
#rensai ul li .postTitle{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
/*	max-height: 4.2em;*/
}
#ranking ol li{
	color: #999;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif !important;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	list-style-type: decimal;
	list-style-position: inside;
}
#ranking ol li a,
#ranking ol li:nth-child(6){
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-style: normal;
}
#ranking ol li a{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
#ranking ol li:nth-child(6){
	font-size: 14px;
	padding: 12px 0;
	list-style-type: none !important;
}
#ranking ol li:nth-child(6) a{
	font-size: 16px;
}
#rensai .category{
	display: inline-block;
	font-size: 13px;
	margin: 0 0 2px;
}

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

	top news(top middle area)

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

#centerNews{
    width: 592px;
    float: left;
}
#topnews{
	height: 961px;
}
#topnews h1{
	font-size: 14px;
	color: #828181;
	margin: 0 0 12px;
	letter-spacing: 0.1em;
}
#topnews #tabs{
    width: 592px;
    position: relative;
}
#topnews #tabs .menu{
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	list-style: none;
	text-align: center;
	margin: 0 2px;
	padding: 8px 14px 7px;
    background: #787878;
	cursor: pointer;
}
#topnews .menu:first-child {
    margin-left:0;
}
#topnews #tabs .active {
	color: #3c3c3c;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(#eaeaea, #d9d9d9);
	background: -moz-linear-gradient(#eaeaea, #d9d9d9);
	background: -o-linear-gradient(#eaeaea, #d9d9d9);
	background: -ms-linear-gradient(#eaeaea, #d9d9d9);
	background: linear-gradient(#eaeaea, #d9d9d9);
}
#topnews #tabs .hover {
	color: #FFFFFF;
	font-weight: bold;
	background: #990000;
}
#topnews #tabs .content {
    padding-bottom: 40px;
    background: #ffffff;
    border: #dadada 4px solid;
    position: absolute;
    top: 29px;
    left: 0;
}
#topnews h2{
	clear: both;
	font-size: 14px;
	color: #3c3c3c;
	padding: 7px 16px 4px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(#eaeaea, #d9d9d9);
	background: -moz-linear-gradient(#eaeaea, #d9d9d9);
	background: -o-linear-gradient(#eaeaea, #d9d9d9);
	background: -ms-linear-gradient(#eaeaea, #d9d9d9);
	background: linear-gradient(#eaeaea, #d9d9d9);
}
#topnews ul{
	background: #ffffff;
	margin: 0 0 32px;
}
#topnews ul li{
	clear: both;
	margin: 0;
	border-top: dashed 1px #b7b6b6;
}
#topnews ul li:first-child{
	border-top: none;
}
#topnews #tabs .content a {
	display: block;
	text-decoration: none;
	padding: 16px;
	background: #FFF;
	position: relative;
}
#topnews #tabs .content a:hover {
	background: #f5f5f5;
}
#topnews ul li .prtag{
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    padding: 0 4px 0 0.4em;
    background: #00478b;
    position: absolute;
    top: 16px;
    left: 16px;
}
#topnews ul li .thumbnail{
	float: left;
	width: 160px;
	margin: 0 16px 0 0;
}
#topnews ul li .thumbnail img{
	display: block;
	width: auto;
	height: auto;
	max-width: 160px;
	max-height: 120px;
	margin: 0 auto;
}
#topnews ul li .post{
	float: left;
	width: 376px;
}
#topnews ul li .post p{
	height: 6em;
	font-size: 13px;
	line-height: 1.5;
	overflow: hidden;
}
#topnews  ul li h1{
	color: #254a73;
    height: 1.4em;
    line-height: 1.4;
    margin: 0 0 8px;
    background: url() !important;
    overflow: hidden;
}
#topnews ul li .time{
	display: block;
	font-size: 12px;
	color: #828181;
	margin: 0 0 8px;
}
#topnews ul li p{
	color: #121212;
	margin: 0;
}
#topnews #tabs .content .summary{
	display: block;
	width: 552px;
	color: #3c3c3c;
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
    position: absolute;
    bottom: 16px;
    left: 16px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(#eaeaea, #d9d9d9);
	background: -moz-linear-gradient(#eaeaea, #d9d9d9);
	background: -o-linear-gradient(#eaeaea, #d9d9d9);
	background: -ms-linear-gradient(#eaeaea, #d9d9d9);
	background: linear-gradient(#eaeaea, #d9d9d9);
}
#topnews #tabs .content .summary:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #d9d9d9));
	background: -webkit-linear-gradient(#d9d9d9, #eaeaea);
	background: -moz-linear-gradient(#d9d9d9, #eaeaea);
	background: -o-linear-gradient(#d9d9d9, #eaeaea);
	background: -ms-linear-gradient(#d9d9d9, #eaeaea);
	background: linear-gradient(#d9d9d9, #eaeaea);
}

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

	top centerbnr_area

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

#centerbnr_area{
    clear: both;
    width: 100%;
    margin: 0 0 24px;
}
#centerbnr_area .middle-bottom-bnr,
#centerbnr_area .footerbanner{
	margin: 0 0 16px;
}
#centerbnr_area a{
	display: block;
	text-align: center;
}
#centerbnr_area img{
}


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

		sidebar

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

#sidebar #movie{
	width: 200px;
	float: none;
	margin: 0 0 12px;
}
#sidebar #movie h1{
	clear: both;
	font-size: 14px;
	color: #3c3c3c;
	padding: 4px 12px;
	border-bottom: solid 1px #FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(#eaeaea, #d9d9d9);
	background: -moz-linear-gradient(#eaeaea, #d9d9d9);
	background: -o-linear-gradient(#eaeaea, #d9d9d9);
	background: -ms-linear-gradient(#eaeaea, #d9d9d9);
	background: linear-gradient(#eaeaea, #d9d9d9);
}
#sidebar #movie ul{
	background: #ebebeb;
	padding: 0px 10px 1px;
}
#sidebar #movie ul li{
	padding-top: 7px;
	margin-bottom: 3px;
	border-top: dashed 1px #8a8a8a;
	display: none;
}
#sidebar #movie ul li:first-child{
	border: none;
	display: block;
}
#sidebar #movie ul li .widgettitle{
	font-size: 11px;
	line-height: 1.5;
	padding: 0;
}
#sidebar #movie ul li iframe{
	width: 100%;
}

/* ----- freeside ----- */

#sidebar{
	float: right;
	width: 200px;
}
#sidebar h3{
	display: none;
}
#sidebar aside{
    position: relative;
    margin: 12px 0 0;
}
#sidebar aside.read40:after,
#sidebar aside.middlebanner:after,
#sidebar aside.smallbanner:after,
aside.single-ads-bnr:after,
.postbanner:after{
	content: "PR";
	display: block;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 2px 4px 2px 6px;
	position: absolute;
    right: 1px;
    top: 1px;
    background: rgba(102,102,102,0.5);
}
#sidebar aside a{
	display: block;
	text-align: center;
}
#sidebar aside.textbanner{
    margin: 0;
	border-top: dashed 1px #cccccc;
}
#sidebar aside.textbanner:first-child{
	border-top: none;
}
#sidebar aside.textbanner a{
	display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    padding: 12px 8px;
}
#sidebar aside.textbanner a:hover{
	background: #f2f2f2;
}
#sidebar aside.textbanner a:before{
    content: "PR";
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    padding: 0 4px 0 0.4em;
    margin: 0 6px 0 0;
    background: #00478b;
}

#sidebar .free-side{
	text-align: center;
}
#sidebar .free-side h2{
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	padding: 6px 12px;
	margin: 0;
	background: #990000;
}
#sidebar .free-side a{
	display: block;
	color: #000000;
	padding: 12px 8px;
	text-decoration: none;
	background: #ffffff;
	border: solid 1px #990000;
}
#sidebar .free-side .thumbnail{
	display: table-cell;
	width: 174px;
	height: 150px;
	text-align: center;
	text-decoration: none;
}
#sidebar .free-side .thumbnail img{
	max-width: 150px;
	max-height: 150px;
}
#sidebar .free-side .title{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin: 8px 0 0;
}
#sidebar aside .adEntry{
	text-align: center;
}
aside .adEntry{
    font-size: 14px;
}
aside .adEntry a{
	display: inline !important;
	text-align: inherit !important;
}

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

	page(固定ページ)
	single(記事ページ)

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

#content .entry-header,
#content .archive-header{
	margin-bottom: 24px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d9d9d9), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(#eaeaea, #d9d9d9);
	background: -moz-linear-gradient(#eaeaea, #d9d9d9);
	background: -o-linear-gradient(#eaeaea, #d9d9d9);
	background: -ms-linear-gradient(#eaeaea, #d9d9d9);
	background: linear-gradient(#eaeaea, #d9d9d9);
}
#content .entry-header{
	margin-bottom: 24px;
}
#content .archive-header,
#content .archive-meta img{
	margin-bottom: 12px;
}
#content .entry-header h1.entry-title,
#content .archive-header h1.archive-title{
	color: #3c3c3c;
	font-size: 20px;
    line-height: 1.3;
}
#content h2.archive-subtitle{
	font-size: 18px;
	padding: 0 0 8px;
	margin: 0 0 24px;
	border-bottom: solid 2px #cccccc;
}
#content .entry-header{
	padding: 20px 16px 12px;
	margin-bottom: 24px;
}
#content .archive-header{
	padding: 16px;
	margin-bottom: 16px;
}
#content .archive-meta a{
	display: block;
	margin: 0 0 12px;
	background: #333333;
}
#content .archive-meta a img{
	margin: 0 !important;
    vertical-align: top;
}
#content .archive-meta a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#content .archive-meta p{
	margin: 0 !important;
}
#content .archive-meta .category-meta-text{
    padding: 0 0 20px;
    margin: 0 0 24px;
    border-bottom: dashed 1px #cccccc;
}
#content .archive-meta .category-meta-text p{
    font-size: 15px;
    line-height: 1.6;
}
#content .rensaiHalf .archive-meta{
    width: 338px;
    float: left;
    text-align: left;
    margin: 0 0 16px 24px;
}
#content .rensaiHalf .archive-meta:nth-child(2n+1){
	clear: both;
	margin-left: 0;
}
#content .rensaiHalf .archive-meta:last-child{
	margin-bottom: 40px;
}
#content .rensaiHalf .archive-meta a{
    margin: 0 0 6px;
	background: transparent;
    box-sizing: border-box;
}
#content .rensaiHalf .archive-meta .category-meta-text{
    padding: 0;
    margin: 0;
    border: none;
}
#content .rensaiHalf .archive-meta .category-meta-text p{
    font-size: 13px;
    line-height: 1.4;
}


#content .entry-header h1.entry-title{
	margin-bottom: 8px;
}
#content .entry-header .catchcopy {
    font-size: 14px;
	margin: 0 0 8px;
}
#content .entry-header .entry-meta{
	color: #666666;
	font-size: 13px;
	line-height: 1.8;
	padding: 0;	
}
#content .entry-header .entry-meta .category ul,
#content .entry-header .entry-meta .category li{
	display: inline;
}
#content .entry-header .entry-meta .author,
#content .entry-header .entry-meta .subgenre{
	margin-right: 10px;	
}
#content .entry-header .entry-meta .author br,
#content .entry-header .entry-meta .subgenre br{
	display: none;
}
#content .entry-header .entry-meta .time{
	padding-right: 12px;
	margin-right: 4px;
	border-right: solid 1px #999999;
}
#content .entry-header .entry-meta .category a{
	display: inline-block;
	color: #990000 !important;
	margin-left: 4px;
}
#content .entry-header .entry-meta .subgenre{
	padding-right: 12px;
	border-right: solid 1px #999999;
}
#content .entry-content p,
#content .entry-content table{
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 1.8em;
}
/*
#content .entry-content p:before,
#content .entry-content p:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 	
}
*/
#content .entry-content h4{
	font-size: 16px;
	margin: 0 0 12px;
}
#content .entry-content h5{
	font-size: 14px;
	margin: 0 0 8px;
}
#content footer.entry-meta{
	clear: both;
	padding: 16px;
	margin: 0 auto 24px;
	background: #e5e5e5;
	border-top: solid 1px #dddddd;
}
#content footer.entry-meta .wp_social_bookmarking_light{
    width: 50%;
    float: left;
    padding: 10px 0 0 !important;
}
.wp_social_bookmarking_light_clear{
	display: none;
}
#content footer.entry-meta .listPageLink{
    width: 126px;
    float: right;
}
#content footer.entry-meta .listPageLink a{
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 12px 0;
    background: #00478b;
    border-radius: 42px;
}
#content footer.entry-meta .listPageLink a:hover{
	background: #ff6600;
}


.postbottomBnr{
	clear: both;
}
.postbanner{
    display: inline-block;
    width: auto;
	margin: 0 0 32px;
    background: transparent !important;
    position: relative;
}

/* ----- 連載カテゴリ ----- */

article#publication{
}
article#publication header.entry-header{
	background: #00478b;
}
article#publication header.entry-header h1.entry-title{
    color: #ffffff;
}
article#publication header.entry-header .entry-meta{
    color: #ffffff;
	position: relative;
}
#content article#publication .entry-header .entry-meta .category a{
    color: #66ccff !important;
}
article#publication header.entry-header .entry-meta .tag_rensai{
    color: #00478b;
    font-size: 14px;
    font-weight: bold;
    padding: 0 16px;
    background: #ffffff;
    border-radius: 2px;
    position: absolute;
    right: 0;
    bottom: 0;
}
#content article#publication footer.entry-meta{
	background: #00478b !important;
}

/* float setting */

.leftimages{
	float: right;
	width: 180px;
	display: block;
}
.righttxt{
	float: left;
	width: 612px;
	font-size: 15px;
	line-height: 1.6;
	display: block;
}
#content .entry-content .simple img{
	display: inline-block;
	margin: 0 24px 16px 0 !important;
}


#content .entry-content .image{
	width: 240px;
}
#content .entry-content .half{
	width: 396px;
	text-align: center;
	margin: 0 0 16px;
}
#content .entry-content .half img{
	display: block;
}
#content .entry-content .onethird{
	width: 256px;
	margin: 0 0 24px 24px;
}
#content .entry-content .onethird:nth-child(3n+1){
	margin-left: 0;
}
#content .entry-content .half,
#content .entry-content .simple,
#content .entry-content .image,
#content .entry-content .onethird,
#content .entry-content .onethird p,
.wp-caption-text,
figure.leftimage figcaption{
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
}
#content .entry-content .simple{
    display: block;
}
#content .entry-content .half img,
#content .entry-content .simple img,
#content .entry-content .image img,
#content .entry-content .onethird img,
figure.leftimage img{
	margin: 0 0 8px;
}
figure img{
	width: 100%;
}
figcaption{
	text-align: left;
}
figcaption.center{
	text-align: center;
}
figcaption.right{
	text-align: right;
}

.wp-caption-text{
	margin-top: 3px;
	width: 180px !important;
}
.aligncenter .wp-caption-text{
	width: 220px !important;
}

.gallery dl, .gallery dl dt, .gallery dl dd{
	display: inline;	
}
.gallery dl{
	padding-right: 10px;
}
figure.leftimage{
	clear: both;
	float: left;
	width: 240px;
	margin: 0 16px 24px 0;
	padding: 0;
	display: block;
}
figure.leftimage img{
	width: 240px !important;
	height: auto !important;
}
figure.leftimage a.simple{
	display: block;
	margin: 4px 0;
}
figure.leftimage figcaption{
	margin: 0 0 4px;
}
figure.rightimage{
	clear: both;
	float: right;
	width: 240px;
	margin: 0 0 0 16px;
	padding: 0;
	display: block;
}
figure.rightimage img{
	width: 240px !important;
	height: auto !important;
}

.rightText{
    width: 560px;
    float: right;
}
.leftText{
    width: 560px;
    float: left;
}


br.clear{
	clear: both;
}
#content .entry-content .text{
	width: 480px;
}
#content .entry-content .left{
	float: left;
}
#content .entry-content .right{
	float: right;
}
#content .related-product{
	margin-top: 20px;
}
#content .related-product h1{
	border-bottom: solid 1px #CCCCCC;
	margin: 0 0 10px;
}

/* ----- single-ads-bnr (ページ内広告バナー) ------ */

aside.single-ads-bnr{
	clear: both;
    display: inline-block;
	margin: 24px 0;
	background: transparent !important;
	position: relative;
}
aside.single-ads-bnr h3{
	display: none;
}


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

	archive article post loop

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

.post-count{
	font-size: 15px;
	text-align: right;
	margin: 0 0 16px;
}

#content.post-archive article{
	padding: 24px 0 24px;
	border-bottom: dashed 1px #b7b6b6;
}
#content.post-archive .archive-meta>article.pr {
    margin: 0 0 24px;
    border-bottom: none;
}
#content.post-archive .entry-thumbnail{
	float: left;
	width: 192px;
	height: 144px;
	overflow: hidden;
	text-align: center;
    border: solid 1px #cccccc;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
#content.post-archive .entry-thumbnail img{
	display: block;
	max-height: 144px;
	margin: 0 auto;
}
#content.post-archive .entry-thumbnail .prtag{
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    padding: 0 4px 0 0.4em;
    background: #00478b;
    position: absolute;
    top: 0;
    left: 0;
}
#content.post-archive .post-content,
#content.post-archive .entry-summary{
	float: right;
	width: 600px;
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 12px;
}
#content.post-archive .entry-header{
	padding: 0;
	margin: 0 0 12px;
	background: transparent !important;
}
#content.post-archive .entry-header .entry-title{
	font-size: 18px;
}
#content.post-archive .entry-meta{
	color: #828181;
	font-size: 13px;
	line-height: 1.5;
	padding: 0;	
}
#content .entry-meta .category ul,
#content .entry-meta .category li{
	display: inline;
}
#content.post-archive .entry-meta .author,
#content.post-archive .entry-meta .subgenre{
	margin-right: 10px;	
}
#content.post-archive .entry-meta .author br,
#content.post-archive .entry-meta .subgenre br{
	display: none;
}
#content.post-archive .time{
	padding-right: 12px;
	border-right: solid 1px #999999;
}
#content.post-archive .category a{
	display: inline-block;
	color: #990000;
	margin-left: 4px;
}
#content.post-archive .subgenre{
	padding-right: 12px;
	border-right: solid 1px #999999;
}


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

	post-links-navigation

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

.page-links{
	text-align: center;
    margin: 24px 0;
}
.page-links span,
.page-links a{
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 2px;
}
.page-links a span span{
	display: table-cell;
	color: #ffffff;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	background: #999999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.page-links a span span:hover{
	background: #121212;
}
.page-links span span{
	display: table-cell;
	color: #ffffff;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	background: #990000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.page-links .page-links-title{
	width: 4em;
}
.page-links .page-links-title span{
	color: #121212;
	width: 4em;
	height: 40px;
	vertical-align: middle;
	background: transparent;
}

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

	post-navigation

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

.post-navigation{
	margin: 0 0 24px;
}
.post-navigation .prev-post,
.post-navigation .next-post{
	width: 50%;
	min-height: 1em;
}
.post-navigation .prev-post{
	float: right;
	text-align: right;
}
.post-navigation .next-post{
	float: left;
	text-align: left;
}
.post-navigation .prev-post a{
	border-left: solid 1px #cccccc;
}
.post-navigation .next-post a{
	border-right: solid 1px #cccccc;
}
.post-navigation a,
.post-navigation  a{
	display: table-cell;
	width: 384px;
	height: 3em;
	font-size: 15px;
	line-height: 1.5;
	vertical-align: middle;
	padding: 12px;
}
.post-navigation a:hover,
.post-navigation a:hover{
	background: #f2f2f2;
}

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

	Default style for WP-PageNavi plugin

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

.wp-pagenavi{
	clear: both;
	min-height: 34px;
	text-align: center;
	margin: 32px 0 24px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

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

	search

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

.searcherror{
	margin-top: 15px;
	background-color: #ebebeb;
	border: 1px solid #c6c6c6;
	padding: 20px;
}
.searcherror p{
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	font-weight: bold;
}
.searcherror #block-search-form {
	float: left;
	width: 350px;
}
.searcherror #block-search-form .form-type-textfield input {
	width: 300px;
	color: #000;
}
#latest_news.searcherror{
	width: 100%;
	background-color: #FFF;
	border: none;
	border-bottom: dashed 1px #b7b6b6;
	margin-bottom: 30px;
	padding: 30px 0 30px 0;
}
#latest_news.searcherror h1{
	font-size: 14px;
	color: #828181;
}
#latest_news.searcherror ul li{
	border-top: dashed 1px #b7b6b6;
	padding: 10px 0;
}
#latest_news.searcherror ul li:first-child{
	border-top: none;
}
#latest_news.searcherror ul li a{
	text-decoration: none;
}

.loginArea{
	clear: both;
}

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

	sameCategoryPost

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

#relatedPost{
	padding: 16px 20px 8px;
	margin: 0 0 24px;
	background: #fffae2;
	border: solid 1px #ffe7b9;
}
#sameCategoryPost{
	margin: 0 0 12px;
}
#relatedPost ul li{
	width: 247px;
	float: left;
	margin: 0 0 16px 16px;
}
#relatedPost ul li .thumb{
	display: table-cell;
	width: 245px;
	height: 160px;
	border: solid 1px #cccccc;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#relatedPost ul li .thumb img{
	width: 245px;
	height: auto;
	max-height: 160px;
	display: block;
	margin: 0 auto;
	line-height: 1;
	vertical-align: top;
}
#sameCategoryPost h1,
#relatedPost h1{
	font-size: 20px;
	margin: 0 0 12px;
}
#sameCategoryPost ul li{
	width: 192px;
	float: left;
	margin: 0 0 16px 16px;
}
#sameCategoryPost ul li .thumb{
	width: 192px;
	height: 132px;
	text-align: center;
	border: solid 1px #cccccc;
	overflow: hidden;
}
#sameCategoryPost ul li .thumb img{
	max-width: 192px;
	max-height: auto;
}
#sameCategoryPost ul li:nth-child(4n+1),
#relatedPost ul li:nth-child(3n+1){
	clear: both;
	margin-left: 0;
}
#sameCategoryPost ul li .postDeteal,
#relatedPost ul li .postDeteal{
	margin: 8px 0 0;
}
#sameCategoryPost ul li .postDeteal .title,
#relatedPost ul li .postDeteal .title{
    display: block;
    min-height: 4.2em;
    color: #454545;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 4px;
}
#sameCategoryPost ul li .postDeteal .author,
#relatedPost ul li .postDeteal .author{
    display: block;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 8px 0 4px;
}
#sameCategoryPost ul li .postDeteal .date,
#relatedPost ul li .postDeteal .date{
	display: block;
	color: #999999;
	font-size: 13px;
	line-height: 1.4;
	margin: 4px 0 0;
}

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

	commons area

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

#expo,
#careerChange{
	width: 396px;
	margin: 0 0 16px;
}
#expo{
	float: left;
}
#careerChange{
	float: right;
}
#pickupProduct h1,
#eventSeminar h1,
#expo h1,
#careerChange h1{
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	padding: 12px 16px;
	margin: 0 0 12px;
	background: #990000;
}
#pickupProduct ul li,
#eventSeminar ul li,
#expo ul li,
#careerChange ul li{
	margin: 12px 0 0;
}
#pickupProduct ul li:first-child,
#eventSeminar ul li:first-child,
#expo ul li:first-child,
#careerChange ul li:first-child{
	margin-top: 0;
}
#pickupProduct ul li h2,
#eventSeminar ul li h2,
#expo ul li h2,
#careerChange ul li h2{
	display: none;
}
#pickupProduct ul li a,
#eventSeminar ul li a,
#expo ul li a,
#careerChange ul li a{
	display: block;
}
#pickupProduct ul li img,
#eventSeminar ul li img,
#expo ul li img,
#careerChange ul li img{
	width: 100%;
	height: auto;
}


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

	commons area

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

#pickupProduct,
#eventSeminar{
	width: 396px;
}
#eventSeminar ul{
    min-height: 366px;
	margin: 0 0 12px;
}
#pickupProduct{
	float: left;
	margin: 0 0 24px;
}
#eventSeminar{
	float: right;
	margin: 0 0 24px;
}

#pickupProduct a,
#eventSeminar a,
#expo ul li a,
#careerChange ul li a{
	display: table;
	color: #000000;
	text-decoration: none;
}
#pickupProduct li .thumb,
#eventSeminar li .thumb,
#expo ul li a .thumb,
#careerChange ul li a .thumb{
	display: table-cell;
	vertical-align: middle;
	width: 102px;
	height: 102px;
	line-height: 1;
	border: solid 1px #cccccc;	
}
#pickupProduct li .thumb img,
#eventSeminar li .thumb img,
#expo ul li a .thumb img,
#careerChange ul li a .thumb img{
	min-width: 102px;
	height: auto;
	vertical-align: text-bottom;
}
#pickupProduct li .text,
#eventSeminar li .text,
#expo ul li a .text,
#careerChange ul li a .text{
	width: 276px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
}
#pickupProduct li .text .catchcopy{
	display: block;
	color: #666666;
	font-size: 13px;
	line-height: 1.3;
	margin: 0 0 4px;
}
#pickupProduct li .text .title,
#eventSeminar li .text .title{
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 4px;
}
#expo ul li a .text .title,
#careerChange ul li a .text .title{
	display: block;
	font-size: 14px;
	line-height: 1.3;
	margin: 0 0 4px;
}
#expo ul li a .text .title b,
#careerChange ul li a .text .title b{
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px;
}
#pickupProduct li .text .c_name{
	display: block;
	color: #666666;
	font-size: 14px;
	line-height: 1.4;
	text-align: right;
}
#eventSeminar li .text .period{
	display: block;
	color: #666666;
	font-size: 13px;
	line-height: 1.4;
}
#pickupProduct .buyers a,
#eventSeminar .listLinkBtn a{
	display: block;
	line-height: 1;
	padding: 0;
	border: solid 1px #cccccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;	
}
#pickupProduct .buyers a:hover,
#eventSeminar .listLinkBtn a:hover{
	border: solid 1px #cc0000;
}
#pickupProduct .buyers img,
#eventSeminar .listLinkBtn img{
	width: 396px;
	height: auto;
	vertical-align: bottom;
}
#pickupProduct .buyers a:hover img,
#eventSeminar .listLinkBtn a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

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

		event

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


.eventTable table{
	width: 100%;
	font-size: 15px;
	line-height: 1.6;
}
.eventTable table th{
	color: #004ea1;
	width: 140px;
	text-align: left;
}

.freeText{
	margin: 16px 0;
	padding-left: 146px;
}

#eventList{
	margin: 0 0 40px;
}
#eventList li{
	font-size: 14px;
	margin: 16px 0 0;
	padding: 16px 0 0;
	border-top: solid 1px #cccccc;
}
#eventList li:first-child{
	padding-top: 0;
	border-top: none;
}
#eventList li h2{
	display: none;
}
#eventList li header{
	display: table;
	width: 100%;
	height: 64px;
	margin: 0 0 16px;
}
#eventList li header .thumb{
	width: 64px;
	height: 64px;
	border: solid 1px #cccccc;
	display: table-cell;
	vertical-align: middle;
}
#eventList li header .thumb img{
	width: 100%;
	height: auto;
}
#eventList li header p{
    line-height: 1 !important;
	margin: 0 !important;
}
#eventList li .title{
	display: table-cell;
	height: 64px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 12px;
	padding-left: 12px;
	vertical-align: middle;
}
#eventList .eventTable{
	margin: 0 0 12px;
}
#eventList .eventTable table th{
	width: 144px;
}
#eventList .eventTable table td a{
}
#eventList p{
	font-size: 15px;
	line-height: 1.5;	
}

/* ---- event cart sample ----- */

#settlement_cart{
}
#settlement_cart .shopping_cart{
    padding: 20px;
    margin: 0 0 20px;
    border: solid 1px #cccccc;
    background: #f2f2f2;
    box-sizing: border-box;
}
#settlement_cart h2{
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 8px;
    margin: 0 0 12px;
    border-bottom: solid 1px #cccccc;
}
#settlement_cart table{
	margin: 0 !important;
}
#settlement_cart table th{
    padding: 2px 8px;
	background: #e5e5e5;
    box-sizing: border-box;
}
#settlement_cart table th.wspsc_cart_item_name_th{
    width: 520px;
}
#settlement_cart table th.wspsc_cart_qty_th{
}
#settlement_cart table th.wspsc_cart_price_th{
    width: 120px;
}
#settlement_cart table td{
	padding: 12px 6px 0;
}
#settlement_cart table td a{
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
}
#settlement_cart table tr.wpspsc_checkout_form{
}
#settlement_cart table tr.wpspsc_checkout_form td{
    text-align: center;
}
#settlement_cart table tr.wpspsc_checkout_form td input.wp_cart_checkout_button{
    display: block;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.05em;
    margin: 0 auto;
    padding: 8px 40px;
    border: none;
    border-radius: 4px;
    background: #990000;
    cursor: pointer;
}

.event_contact{
    margin: 0 0 40px;
}
.event_contact h5{
}
.event_contact dl{
    margin: 0 0 12px;
    border: solid 1px #cccccc;
    border-top: none;
    background: #f2f2f2;
}
.event_contact dl dt,
.event_contact dl dd{
    float: left;
    font-size: 13px;
    line-height: 1.4;
    padding: 12px;
    border-top: solid 1px #cccccc;
    box-sizing: border-box;
}
.event_contact dl dt{
    clear: both;
    width: 300px;
}
.event_contact dl dd{
    width: 514px;
    background: #ffffff;
    border-left: solid 1px #cccccc;
}
.event_contact dl dd span.wpcf7-list-item{
    display: block;
    margin: 6px 0 0;
}
.event_contact dl dd span.wpcf7-list-item.first{
    margin-top: 0;
}
.event_contact dl dd input{
    padding: 2px;
}
.event_contact dl dd textarea{
    padding: 2px;
}
.event_contact .submit{
    margin: 24px auto 0;
}
.event_contact .submit input{
	display: block;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.05em;
    margin: 0 auto;
    padding: 16px 40px;
    border: none;
    border-radius: 4px;
    background: #990000;
    cursor: pointer;
}

#eventList li dl.cart_area{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 0 0 12px;
	border-bottom: dashed 1px #cccccc;
}
#eventList li dl.cart_area dt,
#eventList li dl.cart_area dd{
    float: left;
    padding: 12px 0;
    border-top: dashed 1px #cccccc;
	box-sizing: border-box;
}
#eventList li dl.cart_area dt{
    width: 498px;
    clear: both;
    font-size: 18px;
    line-height: 1.4;
}
#eventList li dl.cart_area dd.price{
    width: 170px;
    font-size: 18px;
    line-height: 1.2;
    text-align: right;
    padding-right: 24px;
}
#eventList li dl.cart_area dd.price small{
	font-size: 13px;
}
#eventList li dl.cart_area dd.cart_btn{
    width: 148px;
    float: right;
    padding: 12px 0;
    text-align: right;
    border-top: dashed 1px #cccccc;
}
#eventList li dl.cart_area dd.cart_btn input{
    width: 100% !important;
    display: block;
    padding: 8px 0;
    font-weight: bold;
}

#bnrarea{
	margin: 24px 0 0;
	padding: 24px 0 0;
	border-top: solid 1px #cccccc;
}
#bnrarea aside{
    width: 192px;
    float: left;
    position: relative;
    margin: 0 0 16px 16px;
}
#bnrarea aside:nth-child(4n+1){
	clear: both;
	margin-left: 0;
}
#bnrarea aside:after{
	content: "PR";
	display: block;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 2px 4px 2px 6px;
	position: absolute;
    right: 1px;
    top: 1px;
    background: rgba(102,102,102,0.5);
}
#bnrarea aside h3{
	display: none;
}
#bnrarea aside a{
	display: block;
}
#bnrarea aside img{
    width: 192px;
	height: auto;
}
#bnrarea aside:last-child .adEntry{
	text-align: right;
}

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

	wp_social_bookmarking_light

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

.wp_social_bookmarking_light{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    height: 23px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
.wsbl_twitter{
    width: 100px;
}

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

	wp members

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

#wpmem_login{
	width: 396px;
	float: left;
	margin: 0 24px 24px 0;
}
#wpmem_reg{
	width: 396px;
	float: left;
	margin: 0 0 24px;
}
#wpmem_reg.onlyThisForm{
	width: 816px;
	float: none;
}
#wpmem_login p,
#wpmem_reg p{
	margin: 0 !important;
}
#wpmem_login fieldset,
#wpmem_reg fieldset{
	width: 376px;
	padding: 12px;
	border: solid 2px #dddddd;
}
#wpmem_login fieldset legend,
#wpmem_reg fieldset legend{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 8px 0 8px;
	background: #ffffff;
}
#wpmem_login fieldset label,
#wpmem_reg fieldset label{
	display: block;
	font-weight: bold;
	margin: 0 0 8px;
}
#wpmem_login fieldset .text,
#wpmem_reg fieldset .text{
	width: auto !important;
	max-width: 360px;
}
#wpmem_login fieldset .div_text,
#wpmem_reg fieldset .div_text{
	display: block;
	margin: 0 0 12px;
}
#wpmem_login fieldset .div_text input,
#wpmem_reg fieldset .div_text input{
	width: 360px;
	padding: 2px;
}
#wpmem_login fieldset .button_div,
#wpmem_reg fieldset .button_div{
	text-align: right;
	margin: 0 0 12px;
}
#wpmem_login fieldset .button_div input,
#wpmem_reg fieldset .button_div input{
	padding: 2px 8px;
}
#wpmem_login fieldset .link-text,
#wpmem_reg fieldset .req-text{
	font-size: 13px;
	magrin: 12px 0 0;
}
#wpmem_login fieldset font.req,
#wpmem_reg fieldset font.req{
	color: #ff0000;
}

/* --- contact --- */

.tableDl dl{
	width: 100%;
	margin: 0 0 16px;
	background: #f2f2f2;
	border: solid 1px #cccccc;
	border-top: none;
}
.tableDl dl dt,
.tableDl dl dd{
	border-top: solid 1px #cccccc;
    box-sizing: border-box;
}
.tableDl dl dt{
	width: 190px;
	float: left;
	padding: 12px 16px;
}
.tableDl dl dt span{
	color: #ff0000;
	font-size: 90%;
	margin-left: 8px;
}
.tableDl dl dd{
	width: 626px;
	min-height: 1em;
	float: left;
	padding: 12px 16px;
	background: #ffffff;
	border-left: solid 1px #cccccc;
}
.tableDl dl input,
.tableDl dl textarea{
	max-width: 90%;
    font-size: 14px;
    line-height: 1.5;
    padding: 2px 4px;
    box-sizing: border-box;
}
.contact #submit input{
	margin: 0 auto 24px;
	text-align: center;
}
.contact #submit input{
	display: block;
	font-weight: bold;
	padding: 16px 40px;
	margin: 0 auto;
}

.event-reg-link a{
	width: 560px;
	display: block;
	line-height: 1;
	padding: 0;
	margin: 0 auto 24px;
	border: solid 1px #cccccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;	
}
.event-reg-link a:hover{
	border: solid 1px #cc0000;
}
.event-reg-link a img{
	width: 560px;
	height: auto;
	vertical-align: bottom;
}
.event-reg-link a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* ----- Simple Membership WP ----- */

.simpleLogin,
.simpleNewRegister{
	padding: 16px 12px;
	margin: 0 0 16px;
	border: solid 2px #cccccc;
}
.simpleLogin{
	width: 372px;
	float: left;
}
.simpleNewRegister{
	width: 372px;
	float: right;
}
.simpleLogin h3,
.simpleNewRegister h3{
	margin: 0 0 16px;
	background: #ffffff;
}
.simpleLogin input.swpm-login-form-submit,
.simpleNewRegister input.swpm-registration-submit{
	display: block;
	margin: 0 auto;
	padding: 4px 16px;
}
.simpleLogin label{
	display: block;
	margin: 0 0 6px;
}
.simpleNewRegister table{
	width: 100% !important;
	max-width: 100%;
}
.simpleNewRegister table td{
	padding: 0 16px 0 0;
}
.simpleNewRegister table td input{
	width: 100% !important;
	max-width: 100%;
}
.simpleLogin .swpm-remember-me{
	display: block;
	margin: 0 0 8px;
}
.swpm-forgot-pass-link,
.swpm-join-us-link{
	line-height: 1.4;
	text-align: right;
}

/* --- 広告 --- */

.movie{
    margin: 0 0 40px;
    text-align: center;
}
.movie iframe{
    padding: 24px;
    background: #000000;
}

div.lang{
}
div.lang p a{
	color: #000000;
}
div.lang p .selected{
    color: #990000;
    font-weight: bold;
}

/* ---------- cost area ----------*/

#cost .cost_table{
	width: 516px;
	float: right;
}
#cost .cost_img{
	width: 300px;
    float: left;
	margin: 10px 0 0;
}
#cost table{
    width: 100%;
	font-size: 22px;
	border-spacing: 10px;
}
#cost table th, #cost table td{
	font-size: 13px;
	line-height: 1.4;
    padding: 12px;
	border: solid 1px #e5e5e5;
}
#cost table th b,
#cost table td b{
	display: block;
	font-size: 14px;
}
#cost table th{
	color: #ffffff;
	background-color: #231815;
}
#cost table td{
	background-color: #FFFFFF;
}
#cost table td small{
	font-size: 16px;
}
#cost table td.price{
	width: 286px;
    font-size: 14px;
    line-height: 1.3;
    text-align: right;
}
#cost table td.price small{
	font-size: 12px;
}
#cost .textbox{
	background: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 40px;
}

dl.enAds_CompanyList{
    border: solid 1px #cccccc;
    border-top: none;
    background: #f6f6f6;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin: 0 0 24px;
}
dl.enAds_CompanyList dt,
dl.enAds_CompanyList dd{
	float: left;
    font-size: 12px;
    line-height: 1.3;
    padding: 4px 8px;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    box-sizing: border-box;
}
dl.enAds_CompanyList dt{
	width: 48px;
    text-align: center;
}
dl.enAds_CompanyList dt:nth-child(4n+1){
	clear: both;
	border-left: none;
}
dl.enAds_CompanyList dd{
	width: 359px;
    background: #ffffff;
}

.entry-btn{
    width: 460px;
    margin: 40px auto;
}
.entry-btn a{
    display: block;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    line-height: 1;
    padding: 24px 0;
    background: url(http://www.optronics.co.jp/promotion/img/share/contact-bg.gif) repeat-x left top;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.entry-btn a:hover{
    background: url(http://www.optronics.co.jp/promotion/img/share/entry-bg-hover.gif) repeat-x left top;
}
/* ---------------------------------*/

#pagetop{
    display: block;
    width: 64px;
    height: 64px;
    position: fixed;
    right: 24px;
    bottom: 40px;
    z-index: 500;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
}
#pagetop a{
    display: block;
	color: #ffffff;
    width: 64px;
    height: 64px;
    background: #000000 url(../images/arrow.png) no-repeat center center;
	background-size: auto 32px;
}
#pagetop a:hover{
    background: #990000 url(../images/arrow.png) no-repeat center center;
	background-size: auto 32px;
}

/* ------ lightbox ------ */

#titleAndCaption .titleText a{
    display: inline-block;
    font-size: 13px;
    padding: 3px;
}
#imageData #imageDetails #controls{
	display: none;
}

/* ----- gallery ----- */

.entry-content .gallery{
    margin: 0 0 64px;
}
.entry-content .gallery:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
}
.entry-content .gallery .gallery-item{
    width: 229px;
    height: 229px;
    float: left;
    margin: 0 0 0 64px;
}
.entry-content .gallery .gallery-item:nth-child(3n+1){
    clear: both;
    margin-left: 0;
}
.entry-content .gallery .gallery-item .gallery-icon{
	width: 229px;
    height: 229px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* ----- home pickup ----- */

#pickup_list{
    position: relative;
    margin: 0 0 28px;
    padding: 20px 0 0;
    border: dashed 1px #c7030b;
}
#pickup_list h3{
    color: #ffffff;
    width: 96px;
    font-size: 15px;
    text-align: center;
    padding: 5px 9px 5px 0;
    background: #c7030b;
    position: absolute;
    top: -1px;
    left: -1px;
}
#pickup_list p.onlylogin{
    font-size: 12px;
    text-align: right;
    margin: 0 32px 16px 0;
    position: absolute;
    top: 13px;
    right: 0px;
}
#pickup_list ul{
    margin: 12px 24px 8px;
}
#pickup_list ul li{
    border-top: dashed 1px #cccccc;
}
#pickup_list ul li:first-child{
    margin-top: 0;
    border-top: none;
}
#pickup_list ul li a{
    display: block;
    color: #000000;
    text-decoration: none;
	padding: 6px 0;
}
#pickup_list ul li a:hover{
	background: #f2f2f2;
}
#pickup_list ul li .date{
    display: block;
    width: 104px;
    float: left;
    color: #666666;
    font-size: 14px;
    line-height: 1.4;
}
#pickup_list ul li p{
    width: 880px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
    margin: 0;
}
#pickup_list ul li p br{
	display: none;
}
#pickup_list .moreview{
    text-align: center;
    margin: 0 0 12px;
}
#pickup_list .moreview a{
    display: block;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.4;
    margin: 0 auto;
    padding: 5px 0;
    width: 300px;
    text-align: center;
    background: #c7030b;
    border: solid 2px #c7030b;
    border-radius: 4px;
}
#pickup_list .moreview a:hover{
    color: #c7030b;
    background: #ffffff;
}


/* ----- calendar - single ----- */

#eventPost{
}
#eventPost .eo-event-meta{
    padding: 8px 20px 12px;
    margin: 0 0 24px;
    border: solid 2px #00478b;
}
#eventPost .eo-event-meta dt{
    width: 72px;
    float: left;
    clear: both;
	color: #00478b;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    margin: 8px 0 0;
}
#eventPost .eo-event-meta dd{
    float: left;
    width: 698px;
    font-size: 15px;
    line-height: 1.5;
    margin: 8px 0 0;
}

#eventPost .freeText{
    padding: 0;
    margin: 0 0 24px;
}

#eventPost .eventDl dl{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 0 0 24px;
    background: #f2f2f2;
    border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#eventPost .eventDl dt,
#eventPost .eventDl dd{
	font-size: 15px;
    line-height: 1.5;
    float: left;
    padding: 10px 16px;
    box-sizing: border-box;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
}
#eventPost .eventDl dt{
	clear: both;
    width: 120px;
}
#eventPost .eventDl dd{
    width: 695px;
    background: #ffffff;
    border-left: solid 1px #cccccc;
}

#eventPost .contact{
    color: #ffffff;
    padding: 20px;
    margin: 0 0 32px;
    background: #00478b;
}
#eventPost .contact p{
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}
#eventPost .contact p b{
}

/* ----- calendar ----- */

#calenderBox{
}
#calenderBox .fc-toolbar{
}
#calenderBox .fc-toolbar h2{
    font-size: 22px;
    font-weight: bold;
    padding: 4px 2px 6px 12px;
    margin: 0 0 10px;
    border-left: solid 8px #990000;
    border-bottom: solid 1px #cccccc;
}
#calenderBox table{
}
#calenderBox table td.fc-widget-header{
    padding: 8px 0 !important;
}
#calenderBox .fc-row:first-child table{
	margin: 0 !important;
}
#calenderBox table td.fc-widget-header table th.fc-day-header{
}
#calenderBox td.fc-day-number{
    font-size: 14px;
    text-align: center;
    padding: 4px 0 0 !important;
}
#calenderBox .eo-fullcalendar-reset.fc-unthemed .fc-today{
    background: #ffff99;
}
#calenderBox table div.fc-content{
    display: inline;
}
#calenderBox table a.fc-event{
    display: block;
    color: #ffffff !important;
    font-size: 13px;
    line-height: 1.4;
    padding: 4px 6px 6px;
    margin: 2px 6px 4px;
    border: none;
    border-radius: 2px;
}
#calenderBox table a.fc-event:hover{
	opacity: 0.5;
}
#calenderBox table a.fc-event:before{
    display: inline-block;
    font-size: 13px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    padding: 0 5px;
    margin: 0 0 4px;
    background: #ffffff;
    border-radius: 2px;
    word-break: break-all;
}
#calenderBox table a.category-seminar:before{
    content: "セミナー";
    color: #0033cc;
}
#calenderBox table a.category-event:before{
	content: "イベント";
    color: #0033cc;
}
#calenderBox table a.category-expo:before{
	content: "展示会";
    color: #ba0000;
}
#calenderBox table a.category-workshop:before{
	content: "ワークショップ";
    color: #eb8d00;
}
#calenderBox table a.category-conference:before{
	content: "会議";
    color: #eb8d00;
}

#calenderBox table a.fc-event .fc-time{
	display: none;
}
#calenderBox table a.fc-event .fc-title{
	display: inline-block;
    max-height: 2.5em;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-all;
}
body .qtip-content {
	font-size: 12px;
    line-height: 1.5;
    text-align: left;
    position: relative;
    padding: 12px 12px 8px;
    overflow: hidden;
    word-wrap: break-word;
}
body .qtip-content br+br{
	display: none;
}
body .qtip-titlebar {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    padding: 8px 12px;
    overflow: hidden;
    border-width: 0 0 1px;
    background: #f2f2f2 !important;
    position: relative;
}

#monthEvent{
    margin: 0 0 48px;
}
#monthEvent h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
    padding: 12px 16px;
    margin: 0 0 12px;
    background: #00478b;
    border-radius: 2px;
}
ul#monthList{
    margin: 0 0 24px;
}
ul#monthList li{
    border-bottom: dotted 1px #cccccc;
}
ul#monthList li a{
	display: block;
    text-decoration: none;
    padding: 12px;
}
ul#monthList li a:hover{
	background: #f2f2f2;
}
ul#monthList li span.date{
    display: block;
    color: #333333;
    font-size: 14px;
    line-height: 1.5;
}
ul#monthList li p.title{
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

/* ----- 404 ----- */

.page404{
	text-align: center;
	padding: 64px 0 !important;
}
.page404 .text404{
	color: #cccccc;
	font-size: 200px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.page404 .title{
	color: #cccccc;
	font-size: 64px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 24px;
}
.page404 .toptext p{
	color: #999999;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px;
}
.page404 .subtext{
	margin: 40px 0;
}
.page404 .subtext p{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 24px;
}
.page404 .solution{
	text-align: center;
}
.page404 .solution p.empha{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 16px;
}
.page404 .solution p{
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 24px;
}

div.wpcf7-response-output{
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 16px 0 24px !important;
    padding: 12px !important;
}

/* ----- センサイト記事 ----- */

.sensait_rss{
    margin: 0 0 40px;	
}
.sensait_rss h3{
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 12px;
    margin: 0 0 4px;
    border-radius: 4px;
    background: rgba(0,144,180,1);
}
.sensait_rss ul{
}
.sensait_rss ul li{
	border-bottom: dotted 1px #666666;
}
.sensait_rss ul li a{
    display: block;
    padding: 12px 8px;
    color: #333333;
    text-decoration: none;
}
.sensait_rss ul li a:hover{
	background: #f2f2f2;
}
.sensait_rss ul li .thumbWrap{
    width: 64px;
    height: 64px;
	float: left;
    margin: 0 16px 0 0;
}
.sensait_rss ul li .thumb{
    width: 64px;
    height: 64px;
    overflow: hidden;
}
.sensait_rss ul li p.des{
	display: none;
}
.sensait_rss ul li .text{
    width: 720px;
    height: 64px;
	float: left;
}
.sensait_rss ul li .text .middle{
	display: table-cell;
    width: 732px;
    height: 64px;
    vertical-align: middle;
}
.sensait_rss ul li .date{
    display: block;
    color: #999999;
    font-size: 14px;
    line-height: 1.5;
}
.sensait_rss ul li p.title{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
}