/*
Theme Name: medical_fee2014
Theme URI: http://www.iwac.jp
Description: レスポンシブ対応の2カラムテーマ
Version: 1.0
Author: Kameyama
Author URI: http://iWac.jp
*/

@charset "utf-8";

/*------------------------------
reset
------------------------------*/


/*----------layout----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0px;padding:0px;} 
table { border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;} 
li{list-style:none;} 
caption,th{text-align:left;}
q:before,q:after {ontent:'';} 
abbr,acronym { border:0;} 
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

.clearboth{clear:both;}



/*----------font----------*/
h1,h2,h3,h4,h5,h6 {font-size:110%; font-weight:bold;} 
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

html {
	font-size:62.5%;
}

/*----------clearfix----------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}
.iwac {
	font-family:Impact;
}
/*------------------------------
sider
------------------------------*/
.sidr{
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:15px;
	background:#333;
	color:#fff;
	/*-webkit-box-shadow:inset 0 0 5px 5px #222;
	-moz-box-shadow:inset 0 0 5px 5px #222;
	box-shadow:inset 0 0 5px 5px #222*/
}
.sidr .sidr-inner{
	padding:0 0 15px
}
.sidr .sidr-inner>p{
	margin-left:15px;
	margin-right:15px
}
.sidr.right{
	left:auto;right:-260px
}
.sidr.left{
	left:-260px;
	right:auto
}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
	font-size:11px;
	font-weight:normal;
	padding:0 15px;
	margin:0 0 5px;
	color:#fff;
	line-height:24px;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:linear-gradient(#4d4d4d,#1a1a1a);
	/*-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
	box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)*/
}
.sidr p{
	font-size:13px;
	margin:0 0 12px
}
.sidr p a{
	color: #fff;/*rgba(255,255,255,0.9)*/
}
.sidr>p{
	margin-left:15px;
	margin-right:15px
}
.sidr ul{
	display:block;
	margin:0 0 15px;
	padding:0;
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #4d4d4d
}
.sidr ul li{
	display:block;
	margin:0;
	line-height:48px;
	border-top:1px solid #4d4d4d;
	border-bottom:1px solid #1a1a1a
}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
	border-top:none;
	/*line-height:49px*/
	background: #777;
}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{
	/*-webkit-box-shadow:inset 0 0 15px 3px #222;
	-moz-box-shadow:inset 0 0 15px 3px #222;
	box-shadow:inset 0 0 15px 3px #222*/
}
.sidr ul li a,.sidr ul li span{
	padding:0 15px;
	display:block;
	text-decoration:none;
	color:#fff
}
.sidr ul li ul{
	border-bottom:none;
	margin:0
}
.sidr ul li ul li{
	line-height:40px;
	font-size:13px
}
.sidr ul li ul li:last-child{
	border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
	border-top:none;
	/*line-height:41px*/
}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{
	/*-webkit-box-shadow:inset 0 0 15px 3px #222;
	-moz-box-shadow:inset 0 0 15px 3px #222;
	box-shadow:inset 0 0 15px 3px #222*/
}
.sidr ul li ul li a,.sidr ul li ul li span{
	color:#fff;/*rgba(255,255,255,0.8);*/
	padding-left:30px
}
.sidr form{
	margin:0 15px
}
.sidr label{
	font-size:13px
}
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{
	width:100%;
	font-size:13px;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 0 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	border:none;
	background:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.6);
	display:block;
	clear:both
}
.sidr input[type=checkbox]{
	width:auto;
	display:inline;
	clear:none
}
.sidr input[type=button],.sidr input[type=submit]{
	color:#333;
	background:#fff
}
.sidr input[type=button]:hover,.sidr input[type=submit]:hover{
	background:rgba(255,255,255,0.9)
}

/*--------------------------
style
-----------------------------*/
/*--Text------------------------------------------------------------*/

body {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.green {
 color :#27ae60;
}
.sea {
 color :#16a085;
}
.orange {
 color :#e67e22;
}

.kome { 
 font-size: 90%;
}
.clear {
 clear :both;
}
.dark {
 color: #354b60;
}
.red {
 color: #ff0000;
}
.gray {
 color: #666;
}
.f95 {
 font-size: 95%;
}
.f110 {
 font-size: 110%;
}
.f120 {
 font-size: 120%;
}
.f130 {
 font-size: 130%;
}
.f140 {
 font-size: 140%;
}
.f150 {
 font-size: 150%;
}
.f200 {
 font-size: 200%;
}
.bold {
 font-weight: bold;
}

.txtcenter { 
  text-align: center;
}

.txtright {
  text-align: right;
}
 

/*--Link------------------------------------------------------------*/

a,
a:link {
	color: #2980b9
}

a:visited {
	color: #1C587F;
}

a:hover,
a:active {
	color: #0E2C40 ;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*-------------------------------------------------------------
all
---------------------------------------------------------------*/
body {
	background-color: #f6f6f6;
}

#header {
	width: 100%;
	background: #fff;
　　　　position: relative;
}
/*-- mobile navi --*/
#mobileNavi {
	width: 100%;
	height: 48px;
	padding: 4px 0;
	background: #27ae60;
}
mobileNavi {
 *display: none;
}
#mobileNavi > a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

#mobileNavi > a:hover {
	text-decoration: none;
	color: #fff;
}

#right_menu {
	display: block;
	float: right;
	margin-right: 4px;
	height: 48px;
	width: 124px;
	background: #2c3e50;
	margin-left: 4px;
	text-align: center;
	border-radius: 3px;
}

#right_menu > span {
	float: right;
	position: relative;
	top: 12px;
	right: 6px;
}

#right_menu:hover,
#right_menu:active {
	background: #34495e;
}
	

#globalNvi {
	background: #27ae60; /* Show a solid color for older browsers */
	/*background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));  older webkit syntax 
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;*/
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0;
	width: 100%;
}
#globalNvi ul {
	font-size: 16px;
	list-style: none;
	margin: 0;/* 0 0 -0.8125em;*/
	padding-left: 0;
}
#globalNvi li {
	float: left;
	position: relative;
	border-left: 1px #ecf0f1 dotted;
}

#globalNvi li:last-child {
	border-right: 1px #ecf0f1 dotted;
}

#globalNvi li ul li,
#globalNvi li ul li:last-child {
	border: none;
}
#globalNvi a {
	color: #fff;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#globalNvi ul ul {
	/*-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	/*top: 3.333em;*/
	left: 0;
	width: 188px;
	z-index: 99999;
}
#globalNvi ul ul ul {
	left: 100%;
	top: 0;
}
#globalNvi ul ul a {
	background: #27ae60;
	border-top: 1px dotted #ecf0f1;
	color: #eee;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
}
#globalNvi li:hover > a,
#globalNvi a:focus {
	background: #2ecc71;
}
#globalNvi ul ul :hover > a {
	background: #2ecc71;
}
#globalNvi li:hover > a,
#globalNvi a:focus {
	/*background: #f9f9f9;  Show a solid color for older browsers */
	/*background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	/*background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);*/
	color: #fff;
}
#globalNvi ul li:hover > ul {
	display: block;
}
#globalNvi .current-menu-item > a,
#globalNvi .current-menu-ancestor > a,
#globalNvi .current_page_item > a,
#globalNvi .current_page_ancestor > a {
	font-weight: bold;
}

/*-- global navi 
#globalNvi {
	background: #333;
	width: 100%;
}
	* html #globalNvi ul {
		zoom: 1;
	}

	*+html #globalNvi ul {
		zoom: 1;
	}

#globalNvi ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#globalNvi ul li {
	display: block;
	position: relative;
	float: left;
	margin:0;
	line-height:38px;
}

#globalNvi ul li a {
	padding:0 15px;
	display:block;
	text-decoration:none;
	color:#fff;
}

#globalNvi ul li {
	border-left: 1px #666 solid;
}

#globalNvi ul li:last-child {
	border-right: 1px #666 solid;
}


#globalNvi ul li a:hover {
	text-decoration:none;
	color:#fff;
	background: #777;
}--*/
/*----------------*/
#header {
	background: #fff;
}

#contents {
	background: #fff;
	padding: 10px 0;
}

#footer {
	background: #27ae60;
	color: #fff;
	width: 100%;
	min-height: 60px;
}

#footer footer {
	padding: 10px 0 ;
	font-size: 90%;
}

#footer a,
#footer a:link {
	color: #ff0;
	text-decoration: none;
}

#footer a:visited {
	color: #ff0;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
	text-decoration: underline;
}

#medical #footer a,
#medical #footer a:link {
	color: #34495e;
	text-decoration: none;
}

#medical #footer a:visited {
	color: #34495e;
	text-decoration: none;
}

#medical #footer a:hover,
#medical #footer a:active {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
	text-decoration: underline;
}
#footer .copy {
	clear:both;
}

/*ie*/
#footer {
 *height: 100px;
 height: 100px\9;
}

#footer >div {
 *padding: 10px;
 padding: 10px\9;
}

#footer {
 *position :relative;
 position :relative\9;
}
#footer .copy {
 *position:absolute;
 position:absolute\9;
 *top: 75px;
*left: 10px;
top:75px\9;
left:10px\9;
}
#jump {
	display: block;
	position: fixed;
	z-index: 999;
	bottom: 30px;
	right: 10px;
	width: 100px;
	padding: 10px;
	font-size: 12px;
	color: #ecf0f1;
	background: #333;
	border-radius: 4px;
}

#jump a {
	color: #ecf0f1;
	text-decoration: none;
}

#jump a:hover {
	color: #ecf0f1;
	text-decoration: none;
}
.prArea {
 text-align:center;
}
.prArea li {
 padding: 0 4px!important;
 float: left;
}
.correct {
	color: #c0392b;
}
.correctday {
	color: #c0392b;
	font-size: 70%;
	margin: 0 0.5em;
}
.erase {
	color: #bdc3c7;
	text-decoration: line-through;
}
/*20150108*/
#column1 p {
 line-height: 1.7;
}
#column1 article h2,
#column1 article h3 {
 margin: 30px 0 20px;
} 

/*-------------------------------------------------------------
boxlist boxtitle
---------------------------------------------------------------*/
.boxtitle {
 line-height: 1.2;
 padding: 4px 6px;
 color: #2c3e50;
}

.boxlist li {
 padding-left: 0!important;
  line-height: 1.3;
}

.boxlist {
 margin-bottom: 10px;
}

.boxlist li a {
 display: block;
 padding: 4px 10px;
 background: #34495e;
 border-radius: 4px;
 color: #fff;
 text-decoration: none;
}

.boxlist li a:hover {
 background: #2c3e50;
 color: #fff;
 text-decoration: underline;
}
/*-----------------------*/
.tagcloud a {
 padding-right: 0.5em;
}
/*-----------------------*/
h3.widget-title {
 border-left: 4px #27AE60 solid;
 
 padding-left: 0.5em;
}
/*-----------------------*/
panel-grid .panel-grid-cell {
　padding-left: 0!important;
  padding-right: 0!important;
}
/*-------------------------------------------------------------
---------------------------------------------------------------*/
.boxRed {
 background: #FCD6D2;
 padding: 0.5em;
}

.boxBlue {
 background: #CFEAFB;
 padding: 0.5em;
}

.boxGreen {
 background: #BDF9D7;
 padding: 0.5em;
}

.boxOrange {
 background: #FCE89A;
 padding: 0.5em;
}

.boxGray {
 background: #d6d6d6;
 padding: 0.5em;
}
.fontRed {
 color: #e74c3c;
}
.fontGreen {
 color: #27ae60;
}
.fontOrange {
 color: #e67e22;
}

#contents article {
 margin-bottom: 30px;
}

#contents article p,
#contents article ul,
#contents article dl,
#contents article table {
	margin-bottom: 1em;
}

#contents article ul li {
 margin-left: 1em;
 margin-bottom: 0.5em; 
}

#contents article .list1 {
 padding: 0.5em;
 border: 5px #bdc3c7 solid:
}

#contents article .list1 dd span {
 padding: 0 0.5em;
 background: #2c3e50;
 margin-right: 10px;
 color: #fff;
 border-radius: 2px;
 text-decoration: none;
}
#contents article dl dt {
 margin-left: 1em;
 font-weight: bold;
}

#contents article dl dd {
 margin-left: 2em;
 margin-bottom: 0.5em;
}

#contents article h1{
	font-size: 150%;
	font-weight: bold;
}

#contents article h2,
#contents article h3,
#contents article h4,
#contents article h5,
#contents article h6 {
	font-size: 120%;
	font-weight: bold;
}

#contents article .title {
	font-size: 150%;
	margin-bottom: 16px;
	margin: 0.5em 0;
	color: #2c3e50;
}

#contents article .title a {
	color: #34495e;
	text-decoration: underline;
}

#contents article .title a:hover {
	color: #2980b9;
	text-decoration: underline;
}

#contents .wp_social_bookmarking_light {
	padding-bottom: 1em!important;
}
#contents .wp_social_bookmarking_light .wsbl_facebook_like {
	margin-top: -3px!important;
}
#contents article .cal {
	font-size: 13px;
	float: left;
	margin-right: 1em;
}
	* html #contents article section ul {
		zoom: 1;
	}

	*+html #contents article section ul {
		zoom: 1;
	}

#contents article section ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#contents article .cat,
#contents article .tag,
#contents article .column-writer {
	font-size: 12px;
	float: left;
	margin-right: 1em;
}

#contents article .cat a {
	padding: 0 0.5em;
	background: #2980b9;
	color: #fff;
	border-radius: 2px;
        text-decoration: none;
}

#contents article .cat a:hover {
	background: #3498db;
	text-decoration: none;
}

#contents article .tag a {
	padding: 0 0.5em;
	background: #f39c12;
	color: #fff;
	border-radius: 2px;
	text-decoration: none;
}

#contents article .tag a:hover {
	background: #f1c40f;
	text-decoration: none;
}
#contents article .column-writer a {
	padding: 0 0.5em;
	background: #c154ab;
	color: #fff;
	border-radius: 2px;
	text-decoration: none;
}
#contents article .column-writer a:hover {
	background: #fb6fdf;
	text-decoration: none;
}

#comments {
	padding: 10px;
	width: 96%;
	margin: 20px auto;
	background: #f6f6f6;
}

#comments .comments-title {
	margin: 0.5em 0;
	padding-left: 0.5em;
	border-left: 4px #f17600 solid;
}
	
#comments .commentmetadata {
	font-size: 90%;
}

#contents article dl.list01 {
 width: 90%;
 paddong: 5px 10px;
 border: 10px solid #d6d6d6;
}

#contents article dl.list01 dt {
 border-top: 1px #d6d6d6 dotted;
}

#contents article dl.list01 dt.first {
 border-top: none;
}

#comments form p {
	margin-bottom: 0.5em;
}
.nav-below li {
 width :40%;
 margin: 0 0 0 20px;
}

.nav-below li .mark {
  padding: 0 6px;
  margin: 0 6px 2px;
  width: 16px;
  height: 16px;
  background: #27AE60;
  border-radius: 8px;
  color: #fff; 
}
.nav-below li .mark a {
  text-decoration: none;
}
.nav-below li .mark a :hover {
  text-decoration: none;
}
.nav-below li a {
  display: block;
  font-size: 90%;
}
/*-------------------------------------------------------------
archive
---------------------------------------------------------------*/
#column1 .archive .taxList dt {
	clear: both;
	padding-top: 15px;
}
#column1 .archive .taxList dd {
	font-size: 90%;
	margin: 0 0 0 20px;
}
#column1 .archive .taxList dd ul {
	margin: 0;
}
#column1 .archive .taxList dd ul li{
	display: block;
	float: left;
	padding: 0 10px 0 0;
	font-size: 90%;
	margin: 0;
}
#column1 .archive .taxList dd ul li a {
	background: #16a085;
	text-decoration: none;
	color: #ffffff;
	border-radius: 2px;
	padding: 0 4px;
}
#column1 .archive .taxList dd ul li a:hover {
	background: #1abc9c;
}
#column1 .archive .taxList dd ul li li a {
	background: #f39c12;
	padding: 0 4px;
}
#column1 .archive .taxList dd ul li li a:hover {
	background: #f1c40f;
}

#column1 .archive .taxList .subject a {
	background: #16a085;
	text-decoration: none;
	color: #ffffff;
	border-radius: 2px;
	padding: 0 4px;
	margin-right: 5px;
	font-size: 90%;
}

#column1 .archive .taxList .subject a:hover {
	background: #1abc9c;
}
#column1 .archive .taxList .subject a.qa_medical {
	background: #F39C12;
}
#column1 .archive .taxList .subject a.qa_medical:hover {
	background: #F1C40F;
}
#column1 .archive .taxList .subject a.qa_dental {
	background: #3498DB;
}
#column1 .archive .taxList .subject a.qa_dental:hover {
	background: #65B8ED;
}
#column1 .archive .taxList .subject a.qa_dispensing {
	background: #D25ABE;
}
#column1 .archive .taxList .subject a.qa_dispensing:hover {
	background: #E985D9;
}

/*-------------------------------------------------------------
pager
---------------------------------------------------------------*/
.nav-below span a {
	/*background:#333333;*/
	padding:5px 10px;
	border-radius:4px;
	color:#27AE60;
	text-decoration:none;
	font-weight:bold;
	border: 1px solid #27AE60;
}
.nav-below span a:hover {
	/*background:#747474;*/
	text-decoration:none;
	opacity: 0.7;
}
/*-------------------------------------------------------------
---------------------------------------------------------------*/
.youtubeArea  {
	position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.youtubeArea iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}


/*-------------------------------------------------------------
---------------------------------------------------------------*/
#column2 aside {
	font-size: 90%;
}

#column2 aside .widget-container h2,
#column2 aside .widget-container h3,
#column2 aside .widget-container h4,
#column2 aside .widget-container h5,
#column2 aside .widget-container h6 {
	margin-top: 20px;
}

#column2 aside .widget-container ul li {
	position: relative;
	margin: 6px 0;
	padding: 0 0 0 24px;
	/*background:  url(http://giants-fan.net/img/icon.gif) 0 0 no-repeat;*/
}

#column2 aside .prbox div {
	margin: 5px;
}

/*-------------------------------------------------------------
for ie7 ie8
---------------------------------------------------------------*/
#header {
        *height: 100px;
	*padding: 5px 0;
        *height: 100px\9;
	*padding: 5px 0\9;
}

#header header  {
	*width: 960px;
	*margin: 0 auto;
         width: 960px\9;
	 margin: 0 auto\9;
}

#header .logoArea {
	*width: 25%;
         width: 25%\9;
}

#header .head_pr {
	*width: 75%;
	*float: right;
　　　　*position: absolute;
        *top: 5px;
        width: 75%\9;
	float: right\9;
}

#mobileNavi {
	*display: none;
        display: none\9;
}
#globalNvi ul {
	*width: 960px;
	*margin: 0px auto;
	*padding:  0;
	width: 960px\9;
	margin: 0px auto\9;
	padding:  0\9;
}
#contents {
	*overflow: hidden;
	*width: 960px;
	*margin: 0 auto;
	overflow: hidden\9;
	width: 960px\9;
	margin: 0 auto\9;
}
#viewArea {
	*width: 960px;
	*margin: -10px auto 0;
        width: 960px\9;
	margin: -10px auto 0\9;
}
#column0 {
	*padding: 0 20px;
        padding: 0 20px\9;
}
#column1 {
	*background: #fff;
	*padding: 6px 20px 20px;
	*float: left;
	*width: 599px;
	*border-right: 1px #27ae60 dotted;
	background: #fff\9;
	padding: 6px 20px 20px\9;
	float: left\9;
	width: 599px\9;
	border-right: 1px #27ae60 dotted\9;
}
#column2 {
	*background: #fff;
	*padding: 6px 10px 20px;
	*float: right;
	*width: 300px;
        background: #fff\9;
	padding: 6px 10px 20px\9;
	float: right\9;
	width: 300px\9;
}
#footer footer {
	*width: 960px;
	*margin: 0 auto;
        width: 960px\9;
	margin: 0 auto\9;
}
/*--------------------------------------------------------------------

--------------------------------------------------------------------*/
.jim20140905 .column-1 {
	width: 20px!important;
}

/*-------------------------------------------------------------
media screen
---------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 479px) {
#header {
	height: auto;
}
#header .logoArea {
}

#header .head_pr {
	display: none;
}
#globalNvi {
	display: none;
}

#viewArea {
	width: 100%;
	margin: -10px auto 0;
}

#column0 {
	padding: 0 10px;
}

#column1 {
	background: #fff;
	padding: 6px 10px 20px;
}

#column2 {
	background: #fff;
	padding: 6px 10px 20px;
}
 
/**/}

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

@media screen and (min-width: 480px) and (max-width: 768px) {
html body　{
	width: 100%;
	min-width: 480px; 
}

#header {
	height: auto;
}
#header .logoArea {
}

#header .head_pr {
	clear: both;
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
}

#mobileNavi {
	display: none;
}

#viewArea {
	width: 100%;
	margin: -10px auto 0;
}

#column0 {
	padding: 0 10px;
}

#column1 {
	background: #fff;
	padding: 6px 10px 20px;
}

#column2 {
	background: #fff;
	padding: 6px 10px 20px;
}

/**/}

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

@media screen and (min-width: 769px) and (max-width: 1279px) {
html body {
	width: 100%;
	min-width: 960px;
}
#header {
	height: 100px;
	padding: 5px 0;
}

#header header  {
	width: 960px;
	margin: 0 auto;
}

#header .logoArea {
	width: 25%;
}

#header .head_pr {
	width: 75%;
	float: right;
}

#mobileNavi {
	display: none;
}
/*
#right_menu { 
	display: none;
}
#navi .sidr {
	display: block;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#navi .sidr.left {
	left: 0px;
}
#navi ul li {
	display: block;
	float: left;
}
*/
#globalNvi ul {
	width: 960px;
	margin: 0px auto;
	padding:  0;
}

#contents {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#content {
	margin-top: 54px;
}
#viewArea {
	width: 960px;
	margin: -10px auto 0;
}
#column0 {
	padding: 0 20px;
}

#column1 {
	background: #fff;
	padding: 6px 20px 20px;
	float: left;
	width: 599px;
	border-right: 1px #27ae60 dotted;
}
.qa_article {
	width: 50%;
	float: left;
}
#column2 {
	background: #fff;
	padding: 6px 10px 20px;
	float: right;
	width: 300px;
}

#column2 aside {
}

#footer footer {
	width: 960px;
	margin: 0 auto;
}
}
/******************* 20170629 tanaka write ***************************/
#contents article .columntag a {
	margin-right: 0.5em;
	}
#contents article .listleft li {
	margin-left: 0;
}
.photoarea {
	width: 30%;
}
.photo {
	float: left;
}
.photo img {
	padding-top: 1em;
	width: 92%;
	height: 195px;
	object-fit: cover;
}
.others {
	width: 70%;
	float: left;
}
.breadcrumbs {
	font-size: 12px;
	margin-bottom: 2em;
}
.column-all {
	background-color: #eeeeee;
	width: 100%;
	color: #323232;
	margin-bottom: 1.5em;

}
.column-all h1 {
	padding: 0.2em 0 0.2em 0.5em;
}
.more {
	background: url(images/drop_20.png) no-repeat right 3px;
	display: block;
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
}
.thumbarea img {
	width: 100%;
	height: 270px;
	object-fit: cover;
}
.writerphoto {
	float: left;
	width: 20%;
}
.writerothers {
	float: left;
	width: 80%;
}
.writerphoto img {
	width: 90%;
}
#column1 article .writername {
	margin-top: 0;
	font-size: 130%;
	font-weight: bold;
}
.columnWriter {
	margin-bottom: 1em;
	width: 100%;
}
/****** social btn *******/
#contents .wp_social_bookmarking_light .wsbl_facebook_like {
	margin-top: 0px!important;
}
.wsbl_twitter{
	width: 61px;
}
.wsbl_facebook_like{
	width: 89px;
}
.wsbl_facebook_like iframe{
	max-width: none !important;
	margin: 0px 5px 0px 0 !important;
}
.wsbl_facebook_like span{
	vertical-align: top !important;
}
.wsbl_pinterest a{
	border: 0px !important;
}
.wsbl_google_plus_one{
	width: 32px;
}
.wsbl_evernote{
	width: 60px;
}
.wsbl_pocket{
	width: 100px;
}
/****** page navi *******/
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 6px;
	margin: 3px;
	color: #27AE60;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #27AE60;
	background: #27AE60;
	color: #ffffff;
}
/****** post navi column *******/
.nav-below .previous-column a {
	background: #646464;
	border-radius: 4px;
}
.nav-below .previous-column a:hover {
	background: #858484;
}
.nav-below .column-next a {
	background: #646464;
	border-radius: 4px;
}
.nav-below .column-next a:hover {
	background: #858484;
}
/******************* 20170629 tanaka writeここまで ***************************/


/******************* 20170822 tanaka write ***************************/
#contents .column_post .column-title {
	font-size: 180%;
	color: #5a5a5a;
}
#contents .column_post h2 {
	font-size: 130%;
	color: #333333;
	border-bottom: 2px solid #27AE60;
}
#contents .column_post h3 {
	color: #333333;
	border-left: 5px solid #27AE60;
	padding-left: 7px;
}

/******************* 20170629 tanaka writeここまで ***************************/
/*-------------------------------------------------------------
---------------------------------------------------------------*/

@media screen and (min-width: 1280px) {
html body {
	width: 100%;
	min-width: 1280px;
}
#header {
	height: 100px;
	padding: 5px 0;
}

#header header  {
	width: 1280px;
	margin: 0 auto;
}

#header .logoArea {
	width: 20%;
}

#header .head_pr {
	width: 80%;
	float: right;
}

#mobileNavi {
	display: none;
}

#globalNvi ul {
	width: 1280px;
	margin: 0px auto;
	padding:  0;
}

#contents {
	overflow: hidden;
	width: 1280px;
	margin: 0 auto;
}
#content {
	margin-top: 54px;
}
#viewArea {
	width: 1280px;
	margin: -10px auto 0;
}
#column0 {
	padding: 0 20px;
}
#column1 {
	float: left;
	width: 919px;
	background: #fff;
	padding: 6px 20px 20px;
	border-right: 1px #27ae60 dotted;
}
.qa_article {
	width: 50%;
	float: left;
}
#column2 {
	float: right;
	width: 300px;
	background: #fff;
	padding: 6px 10px 20px;
}

#column2 aside {
}

#footer footer {
	width:1280px;
	margin: 0 auto;
}
}
/******************* 20170629 tanaka write ***************************/
@media screen and (max-width: 1200px) {
#contents article .archive-title {
	font-size: 120%;
	padding-top: 5px;
	}
.photo img {
	width: 90%;
	height: 185px;
	}
.thumbarea img {
	height: 200px;
	}
}
@media screen and (max-width: 500px) {
	.photo img {
		height: 120px;
	}
	.column-all {
		width: 100%;
	}
	.excerpt {
		display: none;
	}
	#contents article ul {
		margin-bottom: 0.1em;
	}
	#contents article .archive-title {
		font-size: 100%;
	}
	.more{
		font-size: 12px;
	}
	.thumbarea img {
		height: 150px;
	}
	#contents article .column-title {
		font-size: 120%;
	}
	#column1 article .writername {
		font-size: 1em;
	}
	.writerphoto {
		width: 30%;
	}
	.writerothers {
		width: 70%;
	}
	#contents .column_post .column-title {
		font-size: 160%;
	}
}
@media screen and (max-width: 321px) {
	.photo img {
		height: 100px;
	}
	#contents article .archive-title {
		font-size: 90%;
	}
}
/******************* 20170629 tanaka writeここまで ***************************/