    /*
    Theme Name: Sangyo Web
    Description:日刊産業新聞のテーマです
    Theme URI: http://www.japanmetal.com/wordpress/wp-content/themes/sangyo-web
    Author: Eiji Nakajima
    Author URI: http://www.japanmetal.com
    Version: 1.0
    License: ライセンス
    License URI: ライセンスの URL
    */

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption,data-header {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.item{background-color:#FBFFEE;
width:200px;
}
td{
border:1px solid #ccc;
padding:5px;
font-size:0.9em;
}

.item-2{background-color:#FFF4F4;
width:200px;
}


caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

.honbun .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}



/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #000066;
}
a:visited {
	text-decoration: none;
	color: #000066;
}
a:hover {
	text-decoration: underline;
	color: #000066;
}
a:active {
	text-decoration: underline;
	color: #000066;
}


/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

.icon {
	font-family: iconfont;
	font-weight: normal;
}

.icon-download:before {
	content: "\00ed";
}
.icon-customize:before {
	content: "w";
}
.icon-iphone:before {
	content: "T";
}


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto;
}

body {
background-color:#fff;
min-width:1200px;
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 100%;


}


/* ------ Header ------ */

header {
	width: 100%;
	background-color: #F2F5FF;
margin:0;
padding:0;
}

#header-inner {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#header-inner ul li{
	float:left;
padding:0 10px 8px 10px;
}

#header-in {
clear:both;
	width: 100%;
	height:149px;
	background-image: url(images/head-back.png);
}

#header-inner2 {
	width: 1082px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}



#data-header-inner {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#data-header-inner ul li{
	float:left;
padding:0 10px 8px 10px;
}

#data-header-in {
clear:both;
	width: 100%;
	height:149px;
	background-image: url(images/head-back.png);
}

#data-header-inner2 {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#tagline {
	float: right;
max-width:65%;
	padding-top: 10px;
	line-height: 130%;
	font-size: 75%;
	font-weight:bold;

}

#tagline1st {
	float: right;
margin:0;
padding:0;

}

#tagline ul.sita{
padding:5px;
margin-top:10px;

background-image:url(images/sitabtn-back.png);
background-repeat:repeat-x;
overflow:hidden;
border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */

}

#tagline ul.sita a{

	text-decoration: none;
	color: #fff;
}

#tagline ul.sita li {
float:left;
padding:2px 10px 5px 25px;
}

#breadcrumb ul{
font-size:80%;
text-decoration: none;
margin:0 0 3px 0;
border:1px solid #ccc;
overflow:hidden;

}

#breadcrumb ul li{
float:left;
text-decoration: none;
border:none;
}

ul.sita li.company {
background-image:url(images/mark-company.png);
background-repeat:no-repeat;
}

ul.sita li.book {
background-image:url(images/mark-book.png);
background-repeat:no-repeat;

}

ul.sita li.paper {
background-image:url(images/mark-paper.png);
background-repeat:no-repeat;

}

ul.sita li.homepage {
background-image:url(images/mark-homepage.png);
background-repeat:no-repeat;

}

ul.sita li.kijiriyo {
background-image:url(images/mark-kijiriyo.png);
background-repeat:no-repeat;

}

#tagline ul.ue{

}



#tagline ul.ue a{
	text-decoration: none;
	color: #1D3958;
}

#tagline ul.ue li {
float:left;
background-image:url(images/ue-mark.png);
background-repeat:no-repeat;
padding:2px 10px 5px 25px;
}





#logo {
	padding: 7px;
}

#logo a {
	
	
}

#logo img{

}


#myBannernavi{
margin: 0;  
  padding: 0;  

}

#myBannernavi ul{
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}

#myBannernavi li{
  float: left;  
  width: 306px;  
  margin: 0 1px 0 1px;  
  padding: 0; 
}


#myBanner2 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 306px;
    background-image: url(images/banner_binran.png);
    padding-top: 70px;
    text-align: center;
    margin: 0px;
}

#myBanner2 a:hover {
    background-image: url(images/banner_binran2.png);
}


#myBanner a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 306px;
    background-image: url(images/banner_pd.png);
    padding-top: 70px;
    text-align: center;
    margin: 0;
}

#myBanner a:hover {
    background-image: url(images/banner_pd2.png);
}



ul#member_btn{
  list-style-type: none;  
  margin: 0 0 0 5%;  
  padding: 0;  
}

#member_btn li{
  float: left;  
}


/* センタリングさせるために必要なCSS [ここから] */
.centering {
	overflow: hidden;
	position: relative;
text-align:center;
}

.centering ul {
	float: left;
	left: 40%;
	position: relative;
}

.centering ul li {
	float: left;
	left: -40%;
	position: relative;
}
/* センタリングさせるために必要なCSS [ここまで] */

#dc_btn_bk{
padding:10px;
background-image:url(images/dc_btn_bk.png);
background-repeat:none;
}

#gnav {
	clear: both;
	width: 100%;
height:5em;
	margin: 0 auto;
	
	*zoom: 1;
	background-color:#A8A8B7;

border-radius: 2px; /* CSS3 */
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 4px; /* Safari,Chrome */

}

#gnav nav {
padding:17px 10px;
margin: 0 auto;

}

#gnav nav ul#menu {
margin: 0 auto;		
width:100%;

}

#gnav nav ul#menu ul{
position:absolute;
z-index:2;

}




#gnav nav ul#menu li {
	float: left;

}


#gnav nav ul#menu li.tekko a{

	display: block;
width:90px;


		
}

#gnav nav ul#menu li.hitetsu a{

	display: block;
width:90px;


		
}

#gnav nav ul#menu li a{

	display: block;

	padding: 8px 20px 7px;
	border-left: solid 1px #F2F5FF;;


	font-size: 12px;

		
}

#gnav nav ul#sub {
posision:relative;

display:none;
	font-size: 11px;
}

#gnav nav ul#sub li{
float:none;
width:120px;
	padding: 0 5px;
line-height:16px;
background-color:#ccc;

}


#gnav nav ul#sub li a{
	font-size: 11px;
	display: block;

	padding: 2px 5px;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-bottom: solid 1px #444;



		
}



#gnav nav ul li.top{

	border-top:3px solid #FFF;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;
		
}

#gnav nav ul li.tekko{
	border-top:3px solid #0040FF;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.hitetsu{
	border-top:3px solid #CC6699;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.tokushu{
	border-top:3px solid #D96D00;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}



#gnav nav ul li.shinseihin{
	border-top:3px solid #D90000;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.obei{
	border-top:3px solid #6DD900;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.asia{
	border-top:3px solid #FFD24D;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.tag-topics{
	border-top:3px solid #104000;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.topics{
	border-top:3px solid #104000;

}

#gnav nav ul li.soba{
	border-top:3px solid #4DD2FF;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}

#gnav nav ul li.fuho{
	border-top:3px solid #646473;
	background-image:url(images/btn-back.png);
background-repeat:repeat-x;

}


#gnav nav ul#menu li a:link,
#gnav nav ul#menu li a:visited {

	color: #333;
	text-decoration: none;
}

#gnav nav ul#sub li a:link,
#gnav nav ul#sub li a:visited {
	background-color: #555;
width:107px;
	color: #fff;
	text-decoration: none;
}

#gnav nav ul#sub li a:hover {
	background-color: #444;
	color: #fff;
	text-decoration: none;
}

/* ------ Mainvisual ------ */
.attachment-70x70{
float:left;
margin-right:5px;
}

.attachment-120x120{
float:left;
margin-right:5px;
}

.attachment-90x90{
float:left;
width:90px;
margin-right:2px;
}

.attachment-240x240{
float:left;
margin:0 20px 10px 0;
}

.attachment-150x9999{
margin:0 auto;
	width: 140px;
border:3px solid #fff;
}

.attachment-100x9999{
margin:0 auto;
}

.attachment-290x9999{
margin-right:5px;
}

li.paper{
padding:0 3px 0 6px;
}


#mainvisual {
	width: 100%;
	overflow: hidden;
}

#mainvisual .img {
	width: 1280px;		/* 画像の幅 */
	margin-left: -640px;	/* -(画像の幅÷2) */
	padding-left: 50%;
}


/* ------ Bread Crumb ------ */

#bread-crumb {
	width: 100%;
	padding: 10px 0;
	background-image: url(images/body_bg.gif);
}

#bread-crumb ul {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#bread-crumb ul li {
	float: left;
	*float: none;
	*display: inline;
	padding: 0 15px 0 18px;
	font-size: 67%;
	line-height: 160%;
	background: url(images/breadcrumb_bg.gif) no-repeat left center;
	*zoom: 1;
}

#bread-crumb ul li:first-child {
	padding-left: 0;
	background-image: none;
}


/* ------ Contents ------ */

#contents {
	width: 1080px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}

#page-title {
	width: 100%;
	padding: 20px 0 40px;
	font-size: 160%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

#left-column {
	float: left;
	width: 781px;
	padding-bottom: 20px;
	overflow: hidden;
	*zoom: 1;
}

.column3 article {
	float: right;
	width: 618px;
	margin-bottom: 3px;
	background-color:#fff;

}

article section {
	padding: 5px 10px 30px;
	border-top: solid 1px #ddd;
	margin-bottom:5px;
	font-size:90%;
}

article section.headline{
	background-image:url(images/headline-back.png);
	background-repeat:no-repeat;
	padding-top:0px;
}



article section.headline2{
	clear:both;
}

article section.category-news-t{
	background-image:url(images/cate-head-t.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-pr{
	background-image:url(images/cate-head-pr.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-npaper{
	background-image:url(images/cate-head-p.png);
	background-repeat:no-repeat;
	padding-top:30px;
}



article section.category-news-h{
	background-image:url(images/cate-head-h.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-ss{
	background-image:url(images/cate-head-ss.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-to{
	background-image:url(images/cate-head-to.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-o{
	background-image:url(images/cate-head-o.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-s{
	background-image:url(images/cate-head-s.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-f{
	background-image:url(images/cate-head-f.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-a{
	background-image:url(images/cate-head-a.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.tagarc{
	background-image:url(images/cate-head-cate.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.sear{
	background-image:url(images/cate-head-sear.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.page,article section.jmbook,article section.jminfo,article section.backnum{
	background-image:url(images/cate-head-cont.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-news-ss{
	background-image:url(images/cate-head-ss.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.book{
	background-image:url(images/books-back.png);
	background-repeat:no-repeat;
	padding-top:35px;
	clear:both;
}

article section.links{
	background-image:url(images/links-back.png);
	background-repeat:no-repeat;
	padding-top:35px;
	clear:both;
}

article section.popular{
	background-image:url(images/popular-back.png);
	background-repeat:no-repeat;
	padding-top:35px;
	clear:both;
}

article section.tag-topics{
	background-image:url(images/cate-head-topi.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-topics{
	background-image:url(images/cate-head-topi.png);
	background-repeat:no-repeat;
	padding-top:30px;
}


article section.tag-eq{
	background-image:url(images/cate-head-eq.png);
	background-repeat:no-repeat;
	padding-top:30px;
}

article section.category-eq{
	background-image:url(images/cate-head-eq.png);
	background-repeat:no-repeat;
	padding-top:30px;
}


article section.popular ol li{
line-height:1em;
margin-top:0.5em; margin-bottom:0.5em;
}

article section.category{
	background-image:url(images/category-back.png);
	background-repeat:no-repeat;
	padding-top:40px;
}

article section.category ul{
	clear:both;
	
}



article section:first-child {
	border-top: none;

}


.upday{
	position:relative;
	top:-29px;
	left:300px;
	color:#fff;
	font-size:60%;
	margin:0;
	padding:0;
	height:5px;
}

.updaytop{
	clear:both;
	position:relative;
	top:-40px;
	left:300px;
	color:#fff;
	font-size:60%;
	margin:0;
	padding:0;
	height:5px;
}

.date-back{

color:#fff;
font-size:80%;
font-weight:bold;
margin:2px 0 0 0;

background-color:#999;
padding:2px 0 2px 5px;

}

.date-back2{

color:#fff;
font-size:80%;
font-weight:bold;
margin:5px 0;
background-color:#999;
padding:4px 0 4px 5px;
}

.date-back-top{

color:#000;
font-size:80%;
margin:0;
	background-image:url(images/ntop-top.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}

.date-back-hitetsu{

color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-hitetsu.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}

.date-back-hitetsu2{

color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-color:#EFDFF0;
padding:2px 0 2px 5px;
}

.date-back-tetsu{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-image:url(images/ntop-tetsu.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}

.date-back-tetsu2{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-color:#D2E6EC;
padding:2px 0 2px 5px;
}


.date-back-pr{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-image:url(images/ntop-pr.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}

.date-back-pr2{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-color:#67B3FF;
padding:2px 0 2px 5px;
}

.date-back-special{

color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-special.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}

.date-back-special2{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-color:#D19552;
padding:2px 0 2px 5px;
}


.date-back-topics{

color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-topics.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}


.date-back-saizensen{
height:22px;
color:#000;
font-size:80%;
margin:0 0 0 0;
	background-image:url(images/ntop-saizensen.png);
	background-repeat:no-repeat;
padding:10px 0 2px 5px;
}

.date-ns-taisaku{
color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-ns.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}


.date-ns-taisaku2{
color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-ns.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}


.date-antiv{
color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-antiv.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}


.date-antiv2{
color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-color:#FFDC73;
padding:2px 0 2px 5px;
}


.date-2man{
color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-2man.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}


.date-2man2{
color:#000;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-2man.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}



.date-back-eq{

color:#fff;
font-size:80%;
margin:0 0 5px 0;
	background-image:url(images/ntop-eq.png);
	background-repeat:no-repeat;
padding:2px 0 2px 5px;
}


.date-back-eq2{

color:#fff;
font-size:80%;

margin:0 0 5px 0;
	background-color:#7D0000;
padding:2px 0 2px 5px;
}

.date-back-topics2{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-color:#ADD079;
padding:2px 0 2px 5px;
}

.date-back-saizensen2{

color:#000;
font-size:80%;

margin:0 0 5px 0;
	background-color:#ff6e02;
padding:2px 0 2px 5px;
}


ul.top-saizensen li{
background-color:#FEF0CF;
}

ul.top-nstaisaku li{
background-color:#FEF0CF;
}

.art-btn{
	float:left;
	width:30%;
	height:40px;
	padding:0 10px;
	border-bottom:1px dotted #666;
	margin-bottom:5px;
}

.art-btn ul li{
	float:left;
	border:none;
}

.art-btn-right{
	float:left;
	width:63%;
	height:40px;
	padding:0 10px;
	border-left:1px dotted #666;
	border-bottom:1px dotted #666;
}


.art-btn-right ul li{
	float:left;
	border:none;
}

.art-icon{
clear:both;
border-top:1px dotted #999;
overflow : hidden;
margin-bottom:10px;
}

.art-icon ul{
	float:right;
}

.art-icon ul li{
	float:left;
	border:none;
}

 ul.dataindex{
width:100%;

}
 ul.dataindex li{
	width:27%;
	float:left;
	border:none;
margin:0;
padding:0;
}

col.doller {
  background-color: #dce6f1;
}
col.pond {
  background-color: #F1DCF1;
}
col.euro {
  background-color:#EAF0DD;
}

.art-cate{
	clear:both;
	overflow : hidden;

}

.art-cate span{
	border:1px solid #666;font-size:75%;padding:0 3px;
}

.paperdetail{
	margin-bottom:10px;
	width:100%;
	border:1px solid #999;
}

.papers{
	overflow : hidden;
	margin:0 auto;
	width:300px;
	border:1px;
}

.papers div{
	float:left;
}

.papers div.hida{
	margin-right:15px;
}

article section h1 {
	width:100%;
	margin:0 5px 10px 0;
font-weight:bold;
padding-left:3px;
}

article section.category-news-t h1{

border-left: 10px solid #0C49FF;
border-bottom:1px solid #0C49FF;

}

article section.category-pr h1{

border-left: 10px solid #67B3FF;
border-bottom:1px solid #67B3FF;

}



article section.category-news-h h1{
font-weight:bold;
border-left: 10px solid #CC6699;
border-bottom:1px solid #CC6699;
padding-left:3px;
}

article section.category-news-ss h1{
font-weight:bold;
border-left: 10px solid #4DD2FF;
border-bottom:1px solid #4DD2FF;
padding-left:3px;
}

article section.category-news-to h1{
font-weight:bold;
border-left: 10px solid #D96D00;
border-bottom:1px solid #D96D00;
padding-left:3px;
}

article section.category-npaper h1{
font-weight:bold;
border-left: 10px solid #062C39;
border-bottom:1px solid #062C39;
padding-left:3px;
}



article section.category-news-o h1{
font-weight:bold;
border-left: 10px solid #6DD900;
border-bottom:1px solid #6DD900;
padding-left:3px;
}

article section.category-news-s h1{
font-weight:bold;
border-left: 10px solid #D90000;
border-bottom:1px solid #D90000;
padding-left:3px;
}

article section.category-news-a h1{
font-weight:bold;
border-left: 10px solid #FFD24D;
border-bottom:1px solid #FFD24D;
padding-left:3px;
}

article section.category-news-f h1{
font-weight:bold;
border-left: 10px solid #646473;
border-bottom:1px solid #646473;
padding-left:3px;
}



article section.tagarc h1{
font-weight:bold;
border-left: 10px solid #023686;
border-bottom:1px solid #023686;
padding-left:3px;
}

article section.category-topics h1{
font-weight:bold;
border-left: 10px solid #104000;
border-bottom:1px solid #104000;
padding-left:3px;
}

article section.tag-topics h1{
font-weight:bold;
border-left: 10px solid #104000;
border-bottom:1px solid #104000;
padding-left:3px;
}



article section.category-eq h1{
font-weight:bold;
border-left: 10px solid #7d0000;
border-bottom:1px solid #7d0000;
padding-left:3px;
}

article section.tag-eq h1{
font-weight:bold;
border-left: 10px solid #7d0000;
border-bottom:1px solid #7d0000;
padding-left:3px;
}

article section.backnum h1{
font-weight:bold;
border-left: 10px solid #023686;
border-bottom:1px solid #023686;
padding-left:3px;
}

article section.page h1,article section.jmbook h1,article section.jminfo h1{
font-weight:bold;
border-left: 10px solid #023686;
border-bottom:1px solid #023686;
padding-left:3px;
margin-bottom:10px;
}

article section h2 {
	padding: 30px 0 20px;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: solid 1px #fff;
}

#contents-title {
	padding: 10px 0 20px;
	font-size: 130%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: none;
}

article section p {
	font-size: 90%;
	line-height: 160%;
	color: #333;
}

article section.post div.honbun {
overflow:hidden;
margin-bottom:30px;
}


.honbun p {
	font-size:1.1em;
	line-height: 160%;
	color: #333;
margin:10px 0 30px 0;
}


article section.post h2 {
	padding:0;
	margin:15px 0;
	font-size:120%;
}

article section.headline div {
float:left;
width:50%;
}

article section ul {
margin-bottom:7px;
}

article section ul li {
padding-top:15px;
padding-bottom:15px;
margin-top:2px;
line-height:120%;

}



table div ul li{
border-bottom:none;
}

article section.headline ul.cate li {

border-bottom:none;

}



article section.headline ul.topnews li {
border-bottom:none;
background-color:#F1E0E0;
}

article section.headline2 p {
padding:5px;
border-bottom:1px solid #eee;
margin-bottom:2px;
}


.news-t{
border-bottom:1px dotted #999;
overflow:hidden;
}

.pr{
border-bottom:1px dotted #999;
overflow:hidden;
}

.topics{
border-bottom:1px dotted #999;
overflow:hidden;
}

.eq{
border-bottom:1px dotted #999;
overflow:hidden;
}

.member{
border-left:3px solid #D96D00;
overflow:hidden;
}

.npaper{
border-left:3px solid #062C39;
overflow:hidden;
}

.jmbook{
overflow:hidden;
}

ul.top-hitetsu{
border-right:1px dotted #eee;
overflow:hidden;
}

ul.top-special{
border-right:1px dotted #eee;
overflow:hidden;
}

ul.top-tetsu{
border-right:1px dotted #eee;
overflow:hidden;
}

ul.top-pr{
border-right:1px dotted #eee;
overflow:hidden;
}

ul.top-eq{
border-right:1px dotted #eee;
overflow:hidden;
}

.news-h{
border-bottom:1px dotted #999;
overflow:hidden;
}

.news-to{
border-bottom:1px dotted #999;
overflow:hidden;
}



.news-s{
border-bottom:1px dotted #999;
overflow:hidden;
}

.news-o{
border-bottom:1px dotted #999;
overflow:hidden;
}

.news-a{
border-bottom:1px dotted #999;
overflow:hidden;
}

.news-so{
border-bottom:1px dotted #999;
overflow:hidden;
}

.news-f{
border-bottom:1px dotted #999;
overflow:hidden;
}


article section ul.cate {
width:100%;
word-break: keep-all;
height:auto;
    background-color:#fff;  
	font-size: 90%;
	line-height: 140%;
	color: #333;
padding:10px 0;
overflow:auto;
border-bottom:1px dotted #666;
margin-bottom:7px;
}



ul.cate li {
	float: left;

border:none;

}

ul.cate li a{
display:block;
}


article section ul.cate li.tetsu {
background-image:url(images/cate-list-t.png);
background-repeat:no-repeat; 
background-position: left center;
margin-left:5px;padding:2px 0 2px 10px;
}

article section ul.cate li.tetsutop {
color:#fff;
background-image:url(images/cate-ti-back-t.png);
background-repeat:no-repeat;
background-position: left center;
margin:0;
padding:3px 0 2px 10px;
width:142px;
height:16px;
}

article section ul.cate li.hitetsutop {
color:#fff;
background-image:url(images/cate-ti-back-h.png);
background-repeat:no-repeat;
background-position: left center;
margin:0;
padding:3px 0 2px 10px;
width:142px;
height:16px;
}



article section ul.cate li.hitetsu {
background-image:url(images/cate-list-h.png);
background-repeat:no-repeat; 
background-position: left center;
margin-left:5px;padding:2px 0 2px 10px;
height:16px;
width:auto;
}


article section ul.cate li.hitetsu2 {
background-image:url(images/cate-list-h2.png);
background-repeat:no-repeat; 
background-position: left center;
margin-left:5px;padding:2px 0 2px 10px;
height:16px;
width:auto;
}

article section ul.cate li.share {

margin:0 2em 25px 0;
padding:2px 0 2px 10px;
}

article section ul.cate li.links {
border:1px dotted #555;

background-repeat:no-repeat; 
background-position: left center;
margin-left:5px;padding:2px 3px 2px 3px;
}

article section ul.book-ind {
width:100%;
height:auto;
    background-color:#fff;  
	font-size: 90%;
	line-height: 140%;
	color: #333;
padding:10px 0;
overflow:auto;
margin:0px;
}



ul.book-ind li {
	float: left;
border:none;
margin:0px;
padding:5px;
}









.table-data2{
border:1px solid #999;
width:100%;

}

.table-data2 th{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
text-align:center;
}

.table-data2 td{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
}


.table-form{
border:1px solid #999;
width:100%;

}

.table-form th{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
text-align:center;
}

.table-form td{
border:1px solid #999;
border-collapse:collapse;
padding:10px;
}

.hissu{
font-weight:bold;
color:#cc0000;
}

.table-densi{
border:1px solid #999;
width:100%;

}

.table-densi thead{
background-color:#bfcfff;
font-weight:bold;
}


.table-densi th{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
background-color:#DDE6FF;
text-align:center;
}

.table-densi td{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
text-align:center;

}

.table-statis{
border:1px solid #999;
width:100%;
margin-bottom:20px;
font-size:95%;
line-height:110%;
}

.table-statis caption{
color:#fff;
font-weight:bold;
background-color:#88A6FF;
padding:5px;
}

.table-statis tfoot{
background-color:#FFEFBF;
font-weight:bold;
}

.table-statis thead{
background-color:#bfcfff;
font-weight:bold;
}


.table-statis th{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
background-color:#DDE6FF;
text-align:center;
}

.table-statis td{
border:1px solid #999;
border-collapse:collapse;
padding:3px;
text-align:center;
}

table.mc-1 {  
	width:100%;
	border:1px solid #ddd;
}  

table.mc-1 td{  
	border:1px solid #ddd;
	border-collapse:collapse;
	padding:5px;
} 

table.mc-2 {  
	width:100%;
	padding:5px;
}  



.column-set {
	width: 730px;
	*margin-bottom: 30px;
	overflow: hidden;
	*zoom: 1;
}

.column1 {
	float: left;
	width: 210px;
	margin: 0 30px 30px 0;
}

section .third {
	margin-right: 0;
}

.column1 .icon-l {
	margin-bottom: 20px;
	text-align: center;
	font-size: 80px;
	line-height: 80px;
	color: #000;
}

.column1 h3 {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

.column1 p {
	font-size: 83%;
}

.box {

	background-color: #fff;
	border:1px solid #eee;
	margin-bottom: 5px;
	padding: 5px 0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.box_black {

	background-color: #74a115;
	margin-bottom: 5px;
	padding: 5px 0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

article .box h2 {
	padding: 20px 0 10px;
	border-top: none;
}

article .box p {
	font-size: 83%;

}

.news-box {
	font-size: 83%;
	color: #333;
	line-height: 160%;
}

.news-box dt {
	float: left;
	width: 10em;
}

.news-box dd {
	margin-left: 10em;
}

.btn {
	width: 250px;
	height: 40px;
	margin: 20px auto 0;
	padding: 5px;
	background-color: #ccc;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	border-bottom: solid 1px #fff;
	font-size: 90%;
}

.btn a {
	display: block;
	width: 250px;
	height: 40px;
	border-bottom: solid 1px #800;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 0px #700;
	text-shadow: 0px -1px 0px #700;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.btn a:link,
.btn a:visited {
	color: #fff;
	text-decoration: none;
	background: url(images/bg_gradient.png) repeat-x #c00;
	background: -moz-linear-gradient(top, #c00, #900);
	background: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#900));
	background: -webkit-linear-gradient(top, #c00, #900);
	background: linear-gradient(to bottom, #c00, #900);
}
.btn a:hover,
.btn a:active {
	color: #fff;
	text-decoration: none;
	background: url(images/bg_gradient.png) repeat-x #d00;
	background: -moz-linear-gradient(top, #d00, #a00);
	background: -webkit-gradient(linear, left top, left bottom, from(#d00), to(#a00));
	background: -webkit-linear-gradient(top, #d00, #a00);
	background: linear-gradient(to bottom, #d00, #a00);
}

table#pricetbl{
border:1px solid #aaa;
width:100%;
}

table#financetbl{
border:1px solid #aaa;
width:100%;
}

table#pricetbl td{
border:1px solid #aaa;
padding:2px;
border-collapse:collapse;
}

table#financetbl td{
border:1px solid #aaa;
padding:5px;
border-collapse:collapse;
font-size:0.8em;
line-height:1em;
}

table#dctbl{
border:1px solid #fff;
width:100%;
}

table#dctbl td{
border:1px solid #fff;
padding:8px 2px 8px 3px;
border-collapse:collapse;
line-height:1em;
}

table#sodctbl{
border:1px solid #fff;
width:50%;
}

table#sodctbl td{
border:1px solid #fff;
padding:10px;
border-collapse:collapse;
line-height:1em;
font-size:0.85em;
}

table#datbl{
border:1px solid #ccc;
width:100%;
}

table#datbl td,th{
border:1px solid #ccc;
padding:4px 1px 4px 1px;
border-collapse:collapse;
line-height:1em;
}

table.datbl{
border:1px solid #ccc;
}

table.datbl td,th{
border:1px solid #ccc;
padding:4px 5px 4px 5px;
border-collapse:collapse;
line-height:1em;
}

table.htmd{
border:1px solid #ccc;
font-size:0.8em;
}

table.htmd td,th{
border:1px solid #ccc;
padding:2px 4px;
border-collapse:collapse;
line-height:1em;
}

.dc-txt{
font-weight:bold;
color:#fff;
}

.huto{
font-weight:bold;
color:#000;
}

.dc-title-bk{
background-image:url(images/dc_title_bk.png);
}

.dc-soba-title-bk{
background-image:url(images/dc_soba_bk.png);
}

.dc-kodoku-title-bk{
background-image:url(images/dc_kodoku_bk.png);
}

.dc-txt-nihon{
background-image:url(images/dc_nihon.png);
}

.dc-txt-beikoku{
background-image:url(images/dc_beikoku.png);
}

.dc-txt-chugoku{
background-image:url(images/dc_chugoku.png);
}

.dc-txt-kokusai{
background-image:url(images/dc_kokusai.png);
}

.dc-txt-soba{
background-image:url(images/dc_soba.png);
}

.dc-txt-kozai{
background-image:url(images/dc_kozai.png);
}

.dc-txt-genryo{
background-image:url(images/dc_genryo.png);
}

.dc-txt-lme{
background-image:url(images/dc_lme.png);
}

.dc-txt-tatene{
background-image:url(images/dc_tatene.png);
}

.dc-txt-nfsoba{
background-image:url(images/dc_nfsoba.png);
}

.dc-txt-nfdata{
background-image:url(images/dc_nfdata.png);
}


.dc-txt-sihyo{
background-image:url(images/dc_sihyo.png);
}

.dc-txt-todaysoba{
background-image:url(images/dc_todaysoba.png);
}

table#ttstbl{
border:1px solid #aaa;
width:100%;
font-size:70%;
}

table#ttstbl td{
border:1px solid #aaa;
padding:1px;
border-collapse:collapse;
}


table.datalist-h{
border:1px solid #aaa;
width:100%;
}

table.datalist-h td{
border:1px solid #aaa;
padding:3px;
border-collapse:collapse;
font-size:75%;
}

table.datalist-t{
border:1px solid #aaa;
width:100%;
}

table.datalist-t td{
border:1px solid #aaa;
padding:1px;
border-collapse:collapse;
font-size:75%;
}

table.data-keisiki{
border:1px solid #aaa;
width:100%;
}

table.data-keisiki td{
border:1px solid #aaa;
padding:3px;
border-collapse:collapse;
}

table.data-price{
border:1px solid #0080C0;
width:100%;
}

table.data-price td{
border:1px solid #0080C0;
padding:3px;
border-collapse:collapse;
}

table.data-price2{
border:1px solid #FF6633;
width:100%;
}

table.data-price2 td{
border:1px solid #FF6633;
padding:3px;
border-collapse:collapse;
}

#topbg{
background-color:#73B9FF;
}

#topbg2{
background-color:#ECC6D9;
}


.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}


ul.my-archive-index li {
  overflow:hidden; /* float container */
  padding:.5em 0;
} 
ul.my-archive-index li a{float:left;} /* yearly */
ul.my-archive-index li ul{
  overflow:hidden; /* float container */
  padding-left:1em;
}
ul.my-archive-index li ul li{
  float:left;
  padding:0 0 0 1em;
}

ul.my-archive-index ul {
border-bottom:1px solid #BCA781;
} 

ul.my-archive-index a {
text-decoration:none;
font-size:0.8em;
} 

/* ------ Local Navi ------ */

#lnav {
	float: left;
	width: 160px;
	margin-right: 3px;


}

#lnav nav.simensample, 
#lnav nav.tieup{
	background-image: url(images/sam_lnav-back.png);
background-repeat:repeat-x;
	margin-bottom: 3px;
	padding: 0 0 3px 0;
	border-top: none;


}


#lnav nav.tieup{
	background-image: url(images/lnav-back.png);
background-repeat:repeat-x;
	margin-bottom: 3px;
	padding: 0 0 3px 0;
	border-top: none;


}



#lnav nav.simensample {


}

#lnav nav.soba {
border:1px solid #99A8CA;
margin-bottom:3px;
background-color:#fff;
}

#lnav nav.other {
border:1px solid #99A8CA;
margin-bottom:3px;
background-color:#fff;

}

#lnav nav.tieup {



}




#lnav nav div.simenti,
#lnav nav div.tieupti{
text-align:center;
width:100%;
border-bottom:1px solid #fff;
overflow:hidden;
}

#lnav nav div.sobati,
#lnav nav div.otherti{
text-align:center;
width:100%;
background-color:#04297E;
overflow:hidden;
}

#lnav nav div.g{
text-align:center;
margin:0;
width:100%;
border:none;
}

#lnav nav div.g-col{
text-align:center;
margin:4px 0 2px 0;
width:100%;
border:none;
}

#lnav nav.other {


}

#lnav nav ul {
	margin-top: 5px;
}


#lnav nav ul li {
	border-top: solid 1px #99A8CA;
	margin-bottom:0px;
}

#lnav nav ul li:first-child {
	border-top: none;
}

#lnav nav ul li a {
	display: block;
	text-align: center;
	margin-bottom:5px;


}

#lnav nav ul li.text a {
	display: block;
	text-align: left;
	padding: 10px 30px 10px 5px;
	font-size: 76%;
	color: #04297E;
	line-height: 150%;
	margin-bottom:0px;
	text-decoration: none;

	background: url(images/icon_arrow_02.gif) no-repeat right center;
}

#lnav nav ul li.tetsu-soba {



}

#lnav nav ul li.hitetsu-soba {

}
#lnav nav ul li.data-sell {

}
#lnav nav ul li:first-child a {
	border-top: none;
}

#lnav nav ul li a:hover,
#lnav nav ul li a:active,
#lnav nav ul li.current a {
	

}

#lnav nav div.adv{
	background-image:none;
}

.adv{
margin:0 auto;
text-align:center;
}


p.cap01{
float:left;
width:250px;
font-size:75%;
font-weight:bold;
color:#666;
margin-right:10px;
}


/* ------ Right Column ------ */

#right-column {
	float: right;
	width: 297px;
	padding-bottom: 20px;
}

#right-column .box {



}

#right-column .inq {
padding-top:10px;
	background-image: url(images/inq-back.png);
background-repeat:no-repeat;

}

#right-column .osirase {
	background-image: url(images/osirase-back.png);
background-repeat:no-repeat;
padding-top:40px;
}

#right-column .osusume {
	background-image: url(images/osusume-back.png);
background-repeat:no-repeat;
padding-top:40px;
}

#right-column .data {
	background-image: url(images/data-back.png);
background-repeat:no-repeat;
padding-top:40px;
}

#right-column .data table{
width:90%;
font-size:76%;
border:1px solid #999;
margin:0 auto 5px auto;
}

#right-column .data table th{
text-align:center;
padding:2px;
}

#right-column .data table th.blueti{
color:#37536F;
}

#right-column .data table th.pinkti{
color:#CC6699;
}

#right-column .data table td{
border:1px solid #999;
border-collapse:collapse;
padding:2px;

}

#right-column .data table td.blue{
background-color:#DDE5EE;
}

#right-column .data table td.pink{
background-color:#F4E1EB;
}

#right-column .box h2 {
	padding: 20px 0 10px;
	font-weight: bold;
	color: #000;
}

#right-column .box p {
	font-size: 76%;
	line-height: 160%;
	color: #333;
	margin-left:10px;
}

#right-column .osirase ul {
    zoom: 1;  
    overflow: hidden;  
width:90%;
	font-size: 76%;
	line-height: 160%;
	color: #333;
	margin:0 auto;
border:1px solid #CAD5E7;

}

#right-column .osirase ul li{
    margin-top: -1px;  
    padding: 4px;  
    border-top: 1px dotted #CAD5E7;  
}


#right-column .osusume {

    overflow: hidden;  
width:100%;
	font-size: 90%;
	line-height: 160%;
	color: #333;
	margin:0 auto;

margin-bottom:5px;
}



#right-column .box .tel {
	clear:both;
	margin-top: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #c00;
	text-align: center;
	line-height: 100%;
}

#right-column .btn {
	width: auto;
	height: 30px;
	margin: 10px auto 0;
	border-radius: 20px;
}

#right-column .btn a {
	width: auto;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	border-radius: 15px;
}

#right-column .ad {
	margin-bottom: 20px;
	padding: 10px 0 0;
border:1px solid #ddd;
}

#right-column .ad li {
	padding-bottom: 10px;
	text-align: center;
}


.box dl{
width:90%;
margin:0 auto;
}

#searchform1 {  
    position: relative;  
}  
#s  {  
    width: 160px;  
    height: 20px;  
    background: url(images/search.png) no-repeat 8px 3px;  
    border: 1px solid #CCC;  
    padding: 0px 2px 2px 26px;  
}  
#searchBtn1 {  
    position: absolute;  
    top: 4px;  
    left: 195px;  
}  



 


/* ------ Footer ------ */

footer {
	width: 100%;

}

#footer-inner {
	width: 100%;
	margin: 0 auto;
	background: url(images/foot1-back.png);
}

footer nav {
	text-align: center;
padding:10px 0;
}

footer #copyright {
	text-align: center;
	background-color:#0059B2;
	padding:10px 0;
	
}

#copyright ul li{
	color:#fff;
	
}

footer ul li {
	display: inline-block;
	*display: inline;
	*margin-bottom: 12px;
	padding: 0 10px 0 15px;
	line-height: 100%;
	font-size: 67%;
	color: #999;
	border-left: solid 1px #ccc;
	*zoom: 1;
}

footer ul li:first-child {
	border-left: none;
}

#footer-inner nav ul li a{
color:#fff;
}

	.jmlinkti {
		font-weight:bold;
color:#660000;
margin-top:5px;
border-bottom:1px dotted #660000;
	}


/*カレンダー*/
#wp-calendar{width:90%;margin:0 auto;font-size:85%;}
#wp-calendar table{width:90%;border:1px solid #000;}
#wp-calendar th{border:1px solid #8A744A;background-color:#BCA781;color:#fff;padding:3px;}
#wp-calendar thead{}
#wp-calendar td{border:1px solid #8A744A;border-collapse:collapse;background-color:#E2DBC9;padding:5px;}
.pad{border:none;}
#wp-calendar tfoot td{border:none;background-color:#fff;}
td#today{background-color:#CFC1A7;}




/*-----------------------------------------------------	*/
/*	for - 1151px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1151px) {

body {
	background: url(images/body_bg.gif);
min-width:980px;
}

#header-inner,#data-header-inner {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#header-inner2,#data-header-inner2 {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#gnav nav {
padding:17px auto;
margin: 0 auto;

}

#gnav nav ul#menu li a{

	display: block;

	padding: 8px 17px 7px;
	border-left: solid 1px #333;
	border-right: solid 1px #111;

	font-size: 83%;

		
}

#gnav nav ul#sub li{
float:none;
	padding: 0 3px;
	font-size: 80%;
background-color:#ccc;
}


#gnav nav ul#sub li a{

	display: block;
width:10em;
	padding: 0 3px;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-bottom: solid 1px #444;

	font-size: 83%;

		
}

    img {
        max-width: 100%;
        height: auto;
        
        }

#contents {
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}

.column3 article {
	float: right;
	width: 518px;
	margin-bottom: 3px;
	background-color:#fff;

}



#left-column {
	float: left;
	width: 681px;
	padding-bottom: 20px;
	overflow: hidden;
	*zoom: 1;
}



/*-----------------------------------------------------	*/
/*	for - 1200px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1200px) {


	#logo {
	
	}



	#logo a {
		margin: 0 auto;

	}
#logo img{
max-width:200px;
}

#logo2 img{
max-width:50px;
}
}

/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

	#header-inner {
		width: 100%;
	}



	#tagline {
		float: none;
		padding: 15px 0 5px;
		text-align: center;
	}

	#logo {
		padding: 0 0 15px;
	}

	#logo a {
		margin: 0 auto;

	}
#logo img{
max-width:200px;
}

	#gnav nav {
		width: 100%;
	}

	#gnav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
	}

	#gnav nav ul li {
		float: left;
		width: 20%;
		*width: 19.9%;
	}

	#gnav nav ul li a {
		display: block;
		padding: 8px 0 6px;
		text-align: center;
		border-left: solid 1px #111;
		border-right: solid 1px #333;
		border-bottom: solid 1px #111;
		border-top: solid 1px #333;
	}

	#page-title {
		padding: 20px 0 20px;
	}

	.column3 article {
		float: none;
		width: 100%;
	}

	.column1 {
		width: 45.5%;
		margin-right: 4%;
	}

	#lnav {
		float: none;
		width: 100%;
	}

	#lnav nav ul li a {
		font-size: 83%;
	}

	.column3 #right-column-inner {
		width: 105%;
		margin-left: 0;
	}

	#right-column .box,
	.column3 #right-column .box {
		width: 50%;
		margin-right: 4%;
		padding: 0 3% 15px;
	}

	#right-column .ad,
	.column3 #right-column .ad {
		width: 50%;
		padding: 10px 2% 0;
	}

}




/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {

	.box {
		padding: 0 20px 20px;
	}

	#page-title {
		padding: 10px 0 10px;
		font-size: 140%;
	}

	#contents-title {
		font-size: 110%;
	}

	.btn {
		width: auto;
	}

	.btn a {
		width: auto;
	}

	.column-set {
		width: 100%;
		*margin-bottom: 0;
	}

	.column1 {
		float: none;
		width: 100%;
	}

	.box {
		margin-bottom: 20px;
	}

	.news-box dt {
		float: none;
		width: auto;
	}

	.news-box dd {
		margin: 0 0 10px 0;
	}

	#right-column {
		*margin-bottom: 0;
	}

	#right-column-inner,
	.column3 #right-column-inner {
		width: 100%;
	}

	#right-column .box,
	.column3 #right-column .box {
		float: none;
		width: auto;
		margin-right: 0;
		padding: 0 20px 20px;
	}

	#right-column .box p {
		font-size: 83%;
	}

	#right-column .box .tel {
		font-size: 150%;
	}

	#right-column .btn {
		height: 40px;
		margin: 10px auto 0;
		border-radius: 25px;
		font-size: 90%;
	}

	#right-column .btn a {
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}

	#right-column .ad,
	.column3 #right-column .ad {
		margin-right: 0;
		padding: 10px 10px 0;
	}

}
	}


#left-columnnp1{
background-image:url(images/chara_back.png);
padding:100px 0;
text-align:center;
}

#left-columnnp2{
background-color:#f8cee0;
padding:50px 0;
text-align:center;
}

ch_main {
  display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

ch_main div.animal {
border:3px solid #fff;
white-space: nowrap;
background-color:#fff799;
  border-radius: 30px;
padding:25px;

  margin: 5% 0;
}

div.animal table{
text-align:left;
margin-top:20px;
border:none;
}

div.animal table td{
border:none;
}

div.animal table td.bb{
font-weight:bold;

}










content{
    box-sizing: border-box;

}
content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 40%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}

.modal__content img.sis { width: 20%;height: 20%; }

.kiziriyouPDFbtn{display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #f76617 0%, #f76617 100%);
  transition: .4s;
  font-weight: normal;}
.kiziriyouPDFbtn:hover{background-image: linear-gradient(45deg, #f8803f 0%, #f8803f 100%);}


.nikkei{display: inline-block;
  padding: 7px 20px;
  border-radius: 10px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #81a0cc 0%, #81a0cc 100%);
  transition: .4s;
  font-weight: normal;
  text-align:center;
  width: 16em;
  margin: 0 auto;}

.nikkei:hover{background-image: linear-gradient(45deg, #acbfdd 0%, #acbfdd 100%);}

.kijiriyou_hov a{color:#fff;}
.kijiriyou_hov a:hover{text-decoration:none;}
.nikkei_hov a{color:#fff;}
.nikkei_hov a:hover{text-decoration:none;}
.nikkei_hov{text-align: center;}


/*お問い合わせフォーム*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-weight: bold;
 font-size:12px;
 color:#fff;
 padding-right:5px;
 width:30%;
 background:#546474;
 border:solid 1px #fff;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:9px;
 width:9px;
 padding:0 3px;
 background:#c1541c;
 color:#fff;
 border-radius:10px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:9px;
 width:9px;
 padding:0 3px;
 background:#018a9a;
 color:#fff;
 border-radius:10px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-namehuri"],
.wpcf7 input[name="zip"],
.wpcf7 input[name="pref"],
.wpcf7 input[name="city"],
.wpcf7 input[name="addr"],
.wpcf7 input[name="your-industry"],
.wpcf7 input[name="your-department"],
.wpcf7 input[name="your-company"],
.wpcf7 input[name="your-faxnumber"],
.wpcf7 input[name="your-number"],
.wpcf7 input[name="your-date"],
.wpcf7 input[name="email-591"],
.wpcf7 input[name="your-subject"],
.wpcf7 input[name="chara-name"],
.wpcf7 input[name="your-url"]
 {
        width: 80%;
        height: 35px;
    background: #fff !important; /* 背景色 */
    border: solid 1px #eee;/* 枠線 */
     color: #666;
    border-radius: 0.1em;   /* 角丸 */
    padding: 0.5em;          /* 内側の余白量 */
    font-size: 1em;          /* 文字サイズ */
    line-height: 1.2;        /* 行の高さ */
}

/* 確認画面*/
input:-webkit-autofill.wpcf7c-conf {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  border: none !important;
  background: #fff !important; }
  input:-webkit-autofill.wpcf7c-conf:focus {
    border: none !important; }

.wpcf7c-conf {
  background: #fff !important;
  border-color: #fff !important; }
  .wpcf7c-conf:focus {
    border-color: transparent !important; }

.wpcf7 textarea{
        width: 80%;
    　　font-size: 1em;
    　　background-color: snow;
        height: 50px !important;
}



.wpcf7 textarea{
        width: 80%;
    　　font-size: 1em;
    　　background-color: snow;
        height: 100px !important;
}

details.kiyaku{
    margin: 20px 20px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
    background: #fff;
}
details.summery{
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
    color: #fff;
    font-weight: bold;
}

details.kiyaku[open] {
    padding: .5em;
}

details.kiyaku[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
}



input[type="submit"]{
  display: block;
  font-size: 100%;
  font-weight: bold;
  background: #12397a;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 4em;
  line-height: 4em;
  padding: 0 4em;
  border-radius: 2px; 
}
input[type="submit"]:hover{
    background: #e1e1e1;
    color: #12397a;
}
input[type="confirm"]{
  display: block;
font-size: 100%;
 font-weight: bold;
  background: #666;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 4em;
  line-height: 4em;
  padding: 0 4em;
  border-radius: 2px; 
}

input[type="confirm"]:hover{
    background: #e1e1e1;
    color: #12397a;
}

.modorubtn5{
    display: block;
  font-size: 100%;
 font-weight: bold;
  margin:2px 20px;
  background: #c3c3c3;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 4em;
  line-height: 4em;
  padding: 0 4em;
  border-radius: 2px; }

.modorubtn5:hover{
    background: #e1e1e1;
    color: #12397a;
}

/* test form */
.soushinbtn55{
  display: block;
  width:250px;
  margin: auto;
  font-size: 100%;
  font-weight: bold;
  background: #12397a;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 4em;
  line-height: 4em;
  padding: 0 4em;
  border-radius: 2px; 
}
.soushinbtn55:hover{
    background: #e1e1e1;
    color: #12397a;
}
.kakuninnbtn55{
  display: block;
font-size: 100%;
 float: left;
 font-weight: bold;
  background: #666;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 4em;
  line-height: 4em;
  padding: 0 4em;
  border-radius: 2px; 
}

.kakuninnbtn55:hover{
    background: #e1e1e1;
    color: #12397a;
}

.modorubtn55{
    display: block;
  font-size: 100%;
    float: left;
 font-weight: bold;
    float: left;
  background: #c3c3c3;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 4em;
  line-height: 4em;
  padding: 0 4em;
  border-radius: 2px; }

.modorubtn55:hover{
    background: #e1e1e1;
    color: #12397a;
}


/* test form */



.follow-me {
  list-style: none;
  margin: 0 0 -8px;
  overflow: hidden;
  padding: 0;
}
.follow-me li {
  float: left;
  margin: 0 8px 8px 0;
  padding: 0;
}
.follow-me li a::before {
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  height: 42px; /* Button height */
  line-height: 42px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 42px; /* Button width */
}

.follow-me li a[href*="twitter.com"]::before        { border-color: #55acee; background-color: #55acee; content: "\f099"; }
.follow-me li a[href*="twitter.com"]:hover::before        { color: #55acee;background-color:#fff; }



/* お問い合わせ⇒サンクスページ　トップへ戻るのボタン */
div.otoiawaseformbtn{
    width:140px;
    height:50px;
    line-height:50px;
    margin: 5px 225px;
}
div.otoiawaseformbtn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#d26900;
    text-align:center;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:2px 2px 0px 0px #DEDEDE ;
}
div.otoiawaseformbtn a:hover{
    background:#d26900;
    color:#fff;
    margin-left:5px;
    margin-top:5px;
    box-shadow:none;
}

div.kakuninbtn{
  border: 1px solid green;
  border-radius: 5px;
  background-color: green;
  padding: 20px;
  text-align: center;
  color: white;
  width: 150px;
}


/* バックナンバー販売 */
div.baknu table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

div.baknu table tr:last-child{
  border-bottom:solid 1px #ddd;
}

div.baknu table th{
  text-align: center;
  background-color:#244765;
  color:#FFF;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  
  font-size:1rem;
  font-weight:bold;
}

div.baknu table th,td{
padding:15px 5px;
}

div.baknu table tr td{
padding:15px 5px;
}

div.baknu_2 table{
  width: 100%;
font-size:1rem;
}

div.baknu_2 table th,div.baknu_2 table td,div.baknu_2 table caption{

padding:10px 5px;
}

div.baknu_2 table th{
font-weight:bold;
text-align:center;
}

div.baknu_2 table th:nth-child(1){
  background-color:#244765;
  color:#FFF;
}


div.baknu_2 table th:nth-child(2){
  background-color:#6a6a68;
  color:#FFF;
}

div.baknu_2 table th:nth-child(3){
  background-color:#872226;
  color:#FFF;
}


div.baknu table tr:nth-child(2) td{
  font-size: 30px;
}

div.baknu_2 table td{
  text-align: center;
  padding: 7px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 155px;
　font-size: 100%;
}

.btn-border-bottom {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0;
  text-decoration: none;
  color: #1489ff;  
}

.btn-border-bottom:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:100%;
  left: 0;
  border-radius: 3px;
  background:#1489ff;
  transition: .2s;
}

.syousaibutton{
  width:40%;
  position: relative;
  display: inline-block;
  padding: .9em 4em;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}

a.syousaibutton {
  font-size:0.9rem;
  color: #fff;
}

.syousaibutton:after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
.syousaibutton:hover {
  background-color: #fff;
  color: #333;
}
.post-contents ..syousaibutton01:hover::after {
  border-left-color: #333;
}


.rpbt_shortcode ul{
margin:0;
padding:0;
list-style:  none;
}

.rpbt_shortcode ul li {
padding:15px 0;
border-bottom:1px dotted #666;
}

.rpbt_shortcode ul li a{
font-size:0.8rem;
text-decoration:none;
color:#403f3f;
}

.rpbt_shortcode ul li a:hover{
text-decoration:underline;
}

time.rpbt-post-date{
font-size:0.7rem;
color:#666;
}

.rpbt_shortcode h3{
padding:10px 0 10px 30px;
background-color:#a0a0a0;
color:#fff;
}