/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Typography
	#Buttons
	#Generic Styles
	#Separators
	#Nav
	#Intro
	#Work
	#Services
	#About
	#Contact
	#Media Queries
	#Font-Face */


/* #Typography
================================================== */

/*
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
}

h1 {
	color: #434343;
	font-size: 60px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 150;
	margin-bottom: 70px;
}

h1.small {
	font-size: 90px;
	margin-bottom: 40px;
}

h2 {
	font-size: 60px;
	font-weight: 700;
	color: #434343;
	text-transform: uppercase;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 80px;
}

span.lines {
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}

h3 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 600;
	color: #434343;
}

h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #434343;
	text-transform: uppercase;
}
*/
h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	/*font-weight: 600;*/
	font-weight:normal;
	text-transform: uppercase;
}

p, body {
	/* font-family: 'Source Sans Pro', sans-serif; */
	/* font-family: serif,"ＭＳ 明朝"; */
	/* font-size: 16px; */
	font-weight: 400;
	/* line-height: 23px; */
	color: #000;
}

.dark-bg p, .dark-bg {
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5 {
}



/* #Buttons
================================================== */

.button1,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	/*background: #ba0d00;*/
	background: #227449;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 6px 10px;
	font-family: "ＭＳ 明朝",serif;
}
.button1,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	/*background: #750400;*/
	background: #185937;
}
/*
.button1:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #3a3a3a;
	background: #e8e8e8;
	border: 0;
}*/

.button1:active,
button1:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	color: #3a3a3a;
	background: #e8e8e8;
	border: 0;
}

.signup .button2 {
	color: #3a3a3a;
}

.button2 {
	background: #e8e8e8;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	padding: 6px 10px;
	font-family: "ＭＳ 明朝",serif;
}

.button2:hover {
	color: #e8e8e8;
	background: #3a3a3a;
	border: 0;
}

.button2 a {
	color: inherit;
	text-decoration: none;
}

/* Fix for odd Mozilla border & padding issues */
.button1::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}



/* #Generic Styles
================================================== */

.action {
	margin-top: 50px;
	padding: 40px 0 0 0;
	text-align: center;
	border-top: 1px solid #d3d3d3;
}

.action p {
	font-size: 22px;
	font-weight: 600;
	color: #515151;
}

.dark-bg .action p {
	color: #ececec;
}



/* #Separators
================================================== */

p.separator {
	font-size: 30px;
	font-weight: 600;
	font-style: italic;
	line-height: 38px;
	text-transform: uppercase;
	position: relative;
	z-index: 200;
	text-align: center;
	padding-top: 240px;
}
.home p.separator {
	padding-top:0;
}
#separator1 {
	width: 100%;
	height: 500px;
	position: relative;
}
#magazine-top #separator1{
	margin-bottom:40px;
}
#separator1 .bg {
	/*background: url(../images/bg2.jpg) repeat center;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	background: url(../images/bg2.jpg) no-repeat center;*/
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
}

#separator1 .bg2 {
	/*background: url(../images/bg2.jpg) repeat center;
	background: url(../images/bg2.jpg) no-repeat center;*/
}


#separator1 .bg3 {
	/*background: url(../images/bg3.jpg) repeat center;
	background: url(../images/bg3.jpg) no-repeat center;*/
}

#separator1 .bg4 {
	/*background: url(../images/bg4.jpg) repeat center;
	background: url(../images/bg4.jpg) no-repeat center;*/
}

#separator1 .bg5 {
	/*background: url(../images/bg5.jpg) repeat;
	background: url(../images/bg5.jpg) no-repeat;
	background-position: 50% 55%;*/
}



/* 陷ｷ?ｽ蟆?坡蠕鯉ｿｽ郢晏現繝｣郢晢ｿｽ*/
#separator1 .bg11 {
	background: url(../images/bg11.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 .bg12 {
	background: url(../images/bg12.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 .bg21 {
	background: url(../images/bg21.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 .bg22 {
	background: url(../images/bg22.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 .bg31 {
	background: url(../images/bg31.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
	background-size: cover;
	-webkit-background-size: cover;
}
#separator1 .bg32 {
	background: url(../images/bg32.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 .bg41 {
	background: url(../images/bg41.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 .bg42 {
	background: url(../images/bg42.jpg) left top no-repeat;
	background-position: 50% 55%;
	margin: 0 -500%;
	padding: 0 500%;
	height: 500px;
}
#separator1 p.separator img{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-900px;
}

html {overflow:auto;}
body {overflow-x: hidden; position: relative; min-width: 1024px;}






/* #Nav
================================================== */

nav {
	background: #000;
	width: 100%;
	position: relative;
	z-index: 1000;
	text-align: center;
	height: 40px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}

nav ul {
	padding-top: 5px;
}

nav ul li {
	display: inline;
	border-right: 1px solid #454951;
	padding: 6px 10px;
	margin: 0;
}

nav ul li:first-child {
	border-left: 1px solid #454951;
}

nav #subMenuSelect li:first-child {
	border-left:none;
}
nav #subMenuSelect li:last-child {
	border-right:none;
}

nav a {
	font-family: "ＭＳ 明朝",serif;
	font-size: 13px;
	color: #FFF;
	font-weight: 300;
	text-decoration: none;
	font-weight:bold;
}

nav a:visited {
	color: #FFF;
}

nav a:hover {
	color: #FFF;
}



/* #Intro
================================================== */

#intro {
	width: 100%;
	height: 575px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#intro h1 {
	color: #FFF;
}

#intro .bg1 {
	background: url(../images/wave2.png) 0 0 repeat;
	background-position: 0 0 !important;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 575px;
}

.title {
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 300;
	padding-top: 70px;
}

.intro-line {
	position: relative;
	z-index: 150;
	border-top: 1px solid #ededed;
	width: 670px;
	margin: 0 auto 50px auto;
}

.title p {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	position: relative;
	z-index: 150;
}

.social-intro {
	margin-top: 45px;
	position: relative;
	z-index: 150;
}

.social-intro ul li {
	display: inline;
	margin: 0 5px;
}

.social-intro a {
	opacity: 0.7;
}

.social-intro a:hover {
	opacity: 1;
}



/* #Work
================================================== */

.bg {
	position: relative;
	background-color: #FFF;
	z-index: 300;
	padding-top: 1px;
	padding-bottom: 40px;
	overflow: hidden;
}

.dark-bg {
}

.flexslider {
	margin-top: 40px;
}

p.mid-text {
	margin-top: 40px;
}

/* expanded portfolio item */

.flexslider2 {
	margin-top: 0;
}

p.s-proj-title {
	font-size: 24px;
	font-weight: 600;
	color: #505050;
	text-transform: uppercase;
	padding-bottom: 4px;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 10px;
}

p.s-proj-type {
	font-size: 20px;
	color: #505050;
	padding-bottom: 4px;
	border-bottom: 1px solid #d3d3d3;
}

.flexslider2 {
	max-height: 370px !important;
}

/* end expanded portfolio item */

/* filterable portfolio */

.filter {
	margin-top: 30px;
	margin-bottom: 20px;
}

.filter ul {
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 5px;
}

.filter ul li {
	display: inline;
}

.filter ul li {
	margin-right: 15px;
}

.filter a {
	/* font-family: 'Source Sans Pro', sans-serif; */
	font-family: "ＭＳ 明朝",serif;
	font-size: 16px;
	font-weight: 400;
	color: #565656;
	text-decoration: none;
	text-transform: uppercase;
}

a.selected {
	background: #4b4b4b;
	padding: 2px 5px;
	/* color: #fff; */
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:	-moz-transform, opacity;
	  -ms-transition-property:	 -ms-transform, opacity;
	   -o-transition-property:	  -o-transform, opacity;
		  transition-property:		 transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}

/* expanded portfolio item */



.portfolio {
	text-align: center;
}

.filterable_portfolio {
	text-align: center;
}

p.proj-title {
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d3d3d3;
	text-transform: uppercase;
}

p.proj-desc {
	margin-bottom: 35px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d3d3d3;
}

/* hover overlay */

.image {
	position: relative;
}

.hoverimage {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	width: 100%;
	height: 98%;
}

.hoverimage img.icn1 {
	top: 70px;
	left: 80px;
	position: absolute;
	z-index: 300;
	opacity: 0.7;
}

.hoverimage img.icn2 {
	top: 70px;
	left: 145px;
	position: absolute;
	z-index: 300;
	opacity: 0.7;
}

.overlay-img {
	background-color: gray;
	opacity: 0.75;
	height: 100% !important;
	width: 100%;
}

.hoverimage img.icn1, .hoverimage img.icn2 {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.hoverimage img.icn1:hover, .hoverimage img.icn2:hover {
	opacity: 1;
}

.image:hover .hoverimage {
	display: block;
}

.sixteen .hoverimage {
	height: 99.5%;
}

.sixteen .hoverimage img.icn1 {
	left: 43%;
	top: 45%;
}

.sixteen .hoverimage img.icn2 {
	left: 50%;
	top: 45%;
}

.eight .hoverimage {
	height: 98.5%;
}

.eight .hoverimage img.icn1 {
	left: 160px;
	top: 38%;
}

.eight .hoverimage img.icn2 {
	left: 221px;
	top: 38%;
}

.four .hoverimage img.icn1 {
	left: 45px;
	top: 30%;
}

.four .hoverimage img.icn2 {
	left: 106px;
	top: 30%;
}

.four .hoverimage {
	height: 97%;
}


/* #Services
================================================== */

#services {
	background: url(../images/bg-dark.jpg) repeat;
	position: relative;
	z-index: 300;
	padding-top: 40px;
	padding-bottom: 40px;
}

.serv-list {
	text-align: center;
	margin-top: 60px;
}

.serv-list h4 {
	margin-bottom: 50px;
}

.serv-list p {
	margin-top: 35px;
}

.pricing {
	text-align: center;
	margin-bottom: 20px;
}

.pricing h3 {
	margin-top: 70px;
	margin-bottom: 60px;
}

p.p-name {
	background: url(../images/price-name-bg.jpg) repeat;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 0 8px 0;
	margin: 0;
	color: #fff;
}

p.p-price {
	background: url(../images/price-bg.jpg) repeat;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	padding: 20px 0 16px 0;
	margin: 0;
}

span.p-small {
	font-size: 14px;
	color: #a0a0a0;
}

.pricing ul {
	background: url(../images/price-feat-bg.jpg) repeat;
	margin: 0;
}

.pricing ul li {
	font-size: 14px;
	text-transform: uppercase;
	color: #d7d7d7;
	border-bottom: 1px solid #333333;
	padding: 10px 0;
	margin: 0;
}

.signup {
	padding: 14px 0;
	margin-bottom: 30px;
}

.signup button2 {
	margin: 0;
}

.signup {
	background: url(../images/price-bg.jpg) repeat;
}



/* #About
================================================== */

.skills {
	margin-top: 30px;
}

.skills h3 {
	text-align: center;
	margin-bottom: 30px;
}

.skills p {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	line-height: 18px;
}

.skill-bg {
	background: #e5e5e5;
	position: relative;
	width: 100%;
	height: 31px;
	margin-bottom: 15px;
}

.skill1 {
	background: #d1d1d1;
	width: 63%;
	height: 31px;
}

.skill2 {
	background: #c8c7c7;
	width: 72%;
	height: 31px;
}

.skill3 {
	background: #bdbdbd;
	width: 77%;
	height: 31px;
}

.skill4 {
	background: #b3b2b2;
	width: 85%;
	height: 31px;
}

.skill5 {
	background: #a9a8a8;
	width: 90%;
	height: 31px;
}


.team {
	margin-top: 60px;
	text-align: center;
}

.team h3 {
	margin-bottom: 50px;
}

p.t-name {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #424242;
	margin-top: 15px;
	margin-bottom: 0;
}

p.t-type {
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	color: #707070;
	margin-bottom: 10px;
}

.team ul {
	margin-bottom: 10px;
}

.team ul li {
	display: inline;
	margin: 0 3px;
}

.team ul a:hover {
	opacity: 0.7;
}



/* #Contact
================================================== */

#contact {
	position: relative;
	z-index: 300;
}
#contact a {
	text-decoration: none;
}
#contact  #page-intro p {
	padding:20px 50px 0 0px;
	line-height:1.5;
}
#contact .contact-box{
	width:885px;
	margin-left:-22px;
}




/*** contact form ***/

.done {
	font-family: "ＭＳ 明朝",serif;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 10px;
	display: none;
}

.contact-form {
	position: relative;
	z-index: 300;
	margin-top: 20px;
	margin-left: 20px;
	width:400px;
	float:left;
}

.contact-form p {
	font-family: sans-serif,"ＭＳ 明朝",serif;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 2px;
}


.contact-form input {
	width: 65%;
	height: 20px;
	margin-bottom: 10px;
	padding-left: 4px;
	font-family: "ＭＳ 明朝",serif;
	font-weight: 400;
	font-size: 16px;
	border-color:#e4e0d8;
}

.contact-form textarea {
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: "ＭＳ 明朝",serif;
	font-weight: 400;
	font-size: 16px;
	width: 98%;
	border-color:#e4e0d8;
	line-height:1.5;
}

.contact-form input.submit-button {
	/*background: #c62222;*/
	background: #227449;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 0;
	padding: 3px 4px 0 4px;
	font-family: sans-serif,"ＭＳ 明朝",serif;
	width: 60px;
	height: 24px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	behavior: url(./PIE/PIE.htc);position:relative;
}

.contact-form input.submit-button:hover {
	color: #fff;
	border: 0;
	/*background:#750400;*/
	background: #185937;
	text-decoration:none;

}
#contact .company-information{
	float:right;
}
.contact-info {
	margin-top: 30px;
	margin-left: 10px;
	width:420px;
}

.company-information .contact-info h6 {
	font-family:serif;
	font-size:17px;
	font-weight:bold;
	margin-bottom:15px;
}
.company-information .contact-info span{
	padding-bottom:7px;
	width:100%;
	display:block;
	font-size:13px;
	font-family:sans-serif;
}
.contact-info img {
	vertical-align: middle;
	margin-right: 10px;
}
.company-information .contact-info iframe{
	margin-top:12px;
	border:1px solid #e4e0d8;
	padding:10px;
}
.company-information .contact-info small a{
	/*color:#c62222;*/
	color: #227449;
}
.social {
	padding-top: 15px;
}

.social ul li {
	display: inline;
	margin-right: 5px;
}

.social img:hover {
	opacity: 0.7;
}


/* #Wordpress related css
================================================== */

.wp-caption {
	max-width: 100%;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding: 6px 2px 0;
}
.wp-caption-text {
	font-size: 11px;
	padding: 0 4px 5px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
}
.alignright a:visited{
	color:#000;
}
.sticky {
}
.single-navigation {
	position: relative;
	z-index: 1000;
}
.single-navigation .prev {
	float: left;
}
.single-navigation .next {
	float: right;
}
.gallery-caption {

}

.single h2 {
}
.container .single a{
}
.container .blog h2{
	margin-bottom:30px;
	margin-left:-20px;
}

p.singlemeta {
	text-align: center;
	margin-bottom: 30px;
	font-size: 21px;
}

form#contactform input {
	width: 125px;
}
#respond label {
	display: none;
	float: none;
	height:0px;
}
#respond input, #respond textarea, #respond select {
	width: 254px;
	padding: 7px 13px;
	border: 1px solid #ddd;
	margin: 0px 28px 0px 0;
	font:12px 'Open Sans', Arial, Helvetica, sans-serif;
	line-height:20px;
	float:left;
}
textarea#comment, input#author, input#email, input#url {
}
#respond textarea {
	width: 93% !important;
}
#respond input:focus, #respond textarea:focus {
	border: 1px solid #000;
}
#respond input {
	margin-bottom: 15px !important;
}
#respond fieldset {
	padding-left:0px;
}
#respond legend {
	padding:7px 10px;
	font-weight:bold;
	color:#000;
	border:1px solid #eee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:0 !important;
	margin-bottom:20px;
}
#respond span.required {
	padding-left:28px;
	margin-left:-28px;
}

li.comment {
	color: #707070;
	margin-bottom: 10px;
	padding-left: 11px;
	clear: both;
}

ol.commentlist {
	margin-left: 0;
	list-style-type: none;
}

ol.commentlist a {
	text-decoration: none;
	font-size: 13px;
}

ol.commentlist a:hover {
	text-decoration: underline;
}

.commentlist .avatar {
	float: left;
	margin: 3px 0 0;
}
.commentlist .no-wrap {
	margin-left: 110px;
	margin-top: 10px;
}

.no-wrap .meta {
	font-size: 16px;
	color: #000;
}

.no-wrap p {
	margin-bottom: 12px;
	font-size: 14px;
}

li.bypostauthor {
}

.tags {
	padding: 5px 0 15px;
}

.tags a {
	text-transform: none;
	text-decoration: none;
	color: inherit;
}

.page-template-blog-php h2, .category h2 {
}

.pic {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D2D2D2;
	margin-bottom: 5px;
	margin-top: 15px;
	padding: 3px;
	z-index: 99;
}

.proj-img {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.proj-img a {
	background: url("../images/zoom.png") no-repeat scroll 50% 50% transparent;
	display: inline-block;
	height: 100%;
	position: absolute;
	top: -500px;
	width: 100%;
	z-index: 10;
}

.proj-img a {
	background: url("../images/zoom.png") no-repeat scroll 50% 50% transparent;
	display: inline-block;
	height: 100%;
	position: absolute;
	top: -500px;
	width: 100%;
	z-index: 10;
}

.proj-img i {
	background: none repeat scroll 0 0 #493636;
	display: block;
	font-style: normal;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-indent: -9000px;
	top: 0;
	width: 100%;
	z-index: 9;
}

.quote-nav-left, .quote-nav-right {
	float: left;
}

.quote-slider {
	margin-left: 35px;
	max-width: 100%;
}

.panel {
	width: 100%;
}

p.quoter {
	color: #493636;
	font: 700 10px 'Source Sans Pro',Arial,Helvetica,sans-serif;
	padding: 0 0 7px;
	text-transform: uppercase;
	margin-top: -13px;
}

.quote-nav-left a, .quote-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none;
}
.quote-nav-right a {
	background: url("../images/bg-coda-right.jpg") no-repeat scroll 0 0 transparent;
	height: 19px;
	margin-left: -19px;
	margin-top: 10px;
	padding: 0;
	text-indent: -9000px;
	width: 19px;
}

.quote-nav-left a {
	background: url("../images/bg-coda-left.jpg") no-repeat scroll 0 0 transparent;
	height: 19px;
	margin-left: 0;
	margin-top: 30px;
	padding: 0;
	text-indent: -9000px;
	width: 19px;
}

.twitter_small {
	width:46px;
	height:46px;
	float:left;
	margin-top: -8px;
	background:url(../images/bg-twitter.png) no-repeat left top;
}

.twitter_small a {
	text-indent:-9000px;
	text-decoration:none;
	width:46px;
	height:46px;
	display:block;
}

.twitter2_small {
	width:16px;
	height:16px;
	float:left;
	margin: 5px 0 15px 15px;
	background:url(../images/bg-twitter2.png) no-repeat left top;
}

.twitter2_small a {
	text-indent:-9000px;
	text-decoration:none;
	width:16px;
	height:16px;
	display:block;
}
.twitter2_small a:hover {
	background:url(../images/bg-twitter2Hover.png) no-repeat left top;
}

.facebook_small {
	width:16px;
	height:16px;
	float:left;
	margin: 5px 0 5px 15px;
	background:url(../images/bg-facebook.png) no-repeat left top;
}

.facebook_small a {
	text-indent:-9000px;
	text-decoration:none;
	width:16px;
	height:16px;
	display:block;
}

.facebook_small a:hover {
	background:url(../images/bg-facebookHover.png) no-repeat left top;
}

.dribble_small {
	width:16px;
	height:16px;
	float:left;
	margin: 5px 0 15px 15px;
	background:url(../images/bg-dribble.png) no-repeat left top;
}

.dribble_small a {
	text-indent:-9000px;
	text-decoration:none;
	width:16px;
	height:16px;
	display:block;
}

.dribble_small a:hover {
	background:url(../images/bg-dribbleHover.png) no-repeat left top;
}

.flickr_small {
	width:16px;
	height:16px;
	float:left;
	margin: 5px 0 15px 15px;
	background:url(../images/bg-flickr.png) no-repeat left top;
}

.flickr_small a {
	text-indent:-9000px;
	text-decoration:none;
	width:16px;
	height:16px;
	display:block;
}

.flickr_small a:hover {
	background:url(../images/bg-flickrHover.png) no-repeat left top;
}

.vimeo_small {
	width:17px;
	height:16px;
	float:left;
	margin: 5px 0 15px 15px;
	background:url(../images/bg-vimeo.png) no-repeat left top;
}

.vimeo_small a {
	text-indent:-9000px;
	text-decoration:none;
	width:17px;
	height:16px;
	display:block;
}

.vimeo_small a:hover {
	background:url(../images/bg-vimeoHover.png) no-repeat left top;
}

ul.list {
	display:block;
	position:relative;
	padding:0px;
	margin-bottom:-1px;
	list-style-type: none;
}
ul.float {
	float:left;
	width:50%;
	list-style-type: none;
}
ul.list li {
	padding:4px 0px 5px 0;
	width:auto;
	border-bottom:1px solid #ddd;
}
ul.float li {
	margin-right:20px;
}
ul.bullet li {
	padding:4px 0px 5px 21px;
	background:url(../images/list-dot.jpg) no-repeat 1px 13px;
}
ul.check li {
	padding:4px 0px 5px 21px;
	background:url(../images/list-check.png) no-repeat 1px 11px;
}

.post {
	margin-bottom: 15px;
}
.post h3, .sidebar h3 {
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 9px;
}

.post h3 a {
	font-weight: normal;
	text-decoration: none;
}

.post p.line2nd {
	color: #7F7F7F;
	font-size: 15px;
	line-height: normal;
	margin-bottom: 11px;
}

.wp-caption-text {
margin-bottom: 0 !important;
}

.wp-caption {
text-align: center !important;
}

nav select {
	display: none;
}

/*
@media (max-width: 960px) {

	nav ul	 {
		/* display: none; */
	}
/*
	nav select {
		color: #000000;
		display: inline-block;
		margin-top: 8px;
		position: relative;
	}
}
*/

.padding-bottom {
	padding-bottom: 10px;
}

.sidebar h3 {
	font-weight: normal;
	margin-bottom: 15px;
}

.page h2 {
}

.page-template-default h2, .page-template-page-full-php h2 {
	margin-bottom: 20px;
	margin-left:-19px;
}

.container .column, .container .columns {
	max-width: 100%;
}



/* --- all --------------------- */
#wrapper{
	text-align:left;
}
.position-middle{
	width:1120px;
	margin:0 auto;
}
.text-bold{
	font-weight:bold;
}
/* --- global menu --------------------- */
ul.menu{/*margin-left:10px;*/width:990px;}
#mainMenuCover{
	width:990px;
	margin:0 auto;
}
#subMenuCover{
	width:990px;
	margin:0 auto;
}
.home #subMenuCover{
	margin:-20px auto 0;
	padding-bottom:-20px;
}
#magazine-top #subMenuCover{
	margin:-20px auto 0;
}
#magazine-top .small-button a{
	behavior: url(./PIE/PIE.htc);position:relative;
}
.page-id-198 #subMenuCover,
.page-id-200 #subMenuCover,
.page-id-1087 #subMenuCover,
.page-id-489 #subMenuCover,
.page-id-404 #subMenuCover,
.page-id-491 #subMenuCover,
.page-id-1266 #subMenuCover,
.page-id-114 #subMenuCover,
.page-id-202 #subMenuCover,
.category-8 #subMenuCover,
.category-63 #subMenuCover,
.single-post #subMenuCover,
.page-id-395 #subMenuCover,
.page-id-397 #subMenuCover,
.page-template #subMenuCover{
	margin:-20px auto 0;
}
.page-id-131 #subMenuCover{
	margin:0 auto;
}


ul.menu li{float:left;display:-moz-inline-box;display: inline-block;}
ul.menu li.s{float:right;color:#FFF;border-right:none;}
ul.menu li a{display:block;width:100%;height:100%;}
ul.menu li ul.sub{display:none;margin:0px;text-align:left;position:absolute;}
ul.menu{zoom:1;}
ul.menu li.a{width:43px;}
ul.menu li.b{width:87px;}
	ul.menu li.b div{width:87px;}
ul.menu li.c{width:95px;}
	ul.menu li.c div{width:100px;}
ul.menu li.d{width:57px;}
	ul.menu li.d div{width:65px;}
ul.menu li.e{width:153px;}
	ul.menu li.e div{width:170px;}
ul.menu li.f{width:125px;}
	ul.menu li.f div{width:138px;}
ul.menu li.g{width:185px;}
	ul.menu li.g div{width:190px;}
ul.menu li.s{width:*;}
ul.menu li.h{border-right:none;}
div.since{font-size:10px;color:#FFF;}

ul.bottomMenu{text-align:left;/*margin-left:170px;*/width:930px;}
.subMenuSelectCover{
	width:930px;
	margin:0 auto;
}
	.subMenuSelectCover li{
		border-right:1px solid #dadada;
	}
		.subMenuSelectCover li:last-child{
		border-right:0;
	}
#subMenuSelect li a,
#subMenuSelect li a:hover,
#subMenuSelect li a:visited{
	text-decoration:none;
}
ul.bottomMenu li{color:#000;display: -moz-inline-box;display: inline-block;float:left;}
ul.bottomMenu li.s{float:right;color:#000;border-right:none;}
ul.bottomMenu li a{display:block;width:100%;height:100%;}
ul.bottomMenu li ul.sub{display:none;margin:0px;text-align:left;position:absolute;}
ul.bottomMenu{zoom:1;}
#subPageNavi{background-color:#FFF;}
#subPageNavi a{color:#000;font-weight:bold;}

div.submenu{
	width:1180px;
	background-color: #212C44;
	display:none;
	box-shadow: 1px 1px 5px #aaa;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	position:absolute;
	z-index:1000;
	width:100%;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	color:#FFF;
	padding-bottom:8px;
}
div.submenu a, a:visited {color:#FFF;text-decoration:none;}
div.submenu a:hover {color:#ABD2F4;}

div.submenu ul.menu li{padding: 3px 15px 0px;}
div.submenu ul.menu li:first-child{}
div.submenu ul.menu li a{padding:3px 0px 3px 0px;}

#intro-lower {
	width: 100%;
	height: 510px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
#intro-sublower {
	width: 100%;
	height: 130px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.page-id-198 #intro-sublower,
.page-id-200 #intro-sublower ,
.page-id-1087 #intro-sublower ,
.page-id-489 #intro-sublower ,
.page-id-404 #intro-sublower ,
.page-id-491 #intro-sublower ,
.page-id-1266 #intro-sublower ,
.page-id-114 #intro-sublower ,
.page-id-202 #intro-sublower ,
.category-8 #intro-sublower ,
.category-63 #intro-sublower ,
.single-post #intro-sublower ,
.page-id-395 #intro-sublower ,
.page-id-397 #intro-sublower ,
.page-template #intro-sublower{
	width: 100%;
	height: 130px;
	text-align: center;
	overflow: hidden;
	position: relative;
}



#intro-sublower .bg-lower {
	background: url(../images/wave2.png) 0 0 repeat;
	background-position: 0px 0px !important;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 180px;
}
#intro-lower .bg-t-lower {
	background: url(../images/tsuribito-top.jpg) no-repeat;
	background-position:center bottom !important;
	background-size: cover;
	-webkit-background-size: cover;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 514px;
}
#intro-lower .bg-b-lower {
	background: url(../images/basser-top.jpg) no-repeat;
	background-position: center top !important;
	background-size: cover;
	-webkit-background-size: cover;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 514px;
}
#intro-lower .bg-f-lower {
	background: url(../images/ff-top.jpg) no-repeat;
	background-position: center top !important;
	background-size: cover;
	-webkit-background-size: cover;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 514px;
}
#intro-lower .bg-n-lower {
	background: url(../images/na-top.jpg) no-repeat;
	background-position: center bottom !important;
	background-size: cover;
	-webkit-background-size: cover;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 514px;
}
#intro-lower .sub_page_logo {
	position:absolute;
	top:20px;
	left:50px;
	z-index:200;
}
#intro-sublower .sub_page_logo {
	position:absolute;
	left:50%;
	z-index:200;
	margin-left:-488px;
}
.page-id-198 #intro-sublower .sub_page_logo,
.page-id-200 #intro-sublower .sub_page_logo,
.page-id-1087 #intro-sublower .sub_page_logo,
.page-id-489 #intro-sublower .sub_page_logo,
.page-id-404 #intro-sublower .sub_page_logo,
.page-id-491 #intro-sublower .sub_page_logo,
.page-id-1266 #intro-sublower .sub_page_logo,
.page-id-114 #intro-sublower .sub_page_logo,
.page-id-202 #intro-sublower .sub_page_logo,
.category-8 #intro-sublower .sub_page_logo,
.category-63 #intro-sublower .sub_page_logo,
.single-post #intro-sublower .sub_page_logo,
.page-id-395 #intro-sublower .sub_page_logo,
.page-id-397 #intro-sublower .sub_page_logo,
.page-template #intro-sublower .sub_page_logo{
	position:absolute;
	left:50%;
	z-index:200;
	margin-left:-488px;
}
.archive #imgFish,
.page-template #imgFish{
	/*left:50% !important;
	margin-left:325px;*/
}
.corner-head h2{
	float:left;
}
.corner-head .small-button{
	float:right;
}

/* --- title-h2 --------------------- */
h2{
	margin-left:-20px;
	font-size:30px;
	color: #000 !important;
	font-family: "ＭＳ 明朝",serif;
	line-height:60px;
	padding-bottom:5px;
}
#magazines h2{
	margin-bottom:7px;
}
#books h2{
	margin-bottom:0;
}
#special h2{
	padding-bottom:0;
}
#contact h2{
	padding-bottom:0;
}

/* --- title-h3 --------------------- */
h3{
	height:40px;
	font-family: "ＭＳ 明朝",serif;
	line-height:1;
	border-bottom:1px dotted #ccc;
	font-size:20px;
	color: #000 !important;
}
/* --- title-h4 --------------------- */
h4{
	margin:50px 0 0 0px;
	font-family: "ＭＳ 明朝",serif;
	line-height:1;
	font-size:17px;
	color: #000 !important;
}
	.home h4{
		margin-top:22px;
	}
.page-id-1266 h4{
	margin-top:40px;
	}
/* --- column1 --------------------- */
.t_one{
	width:910px;
	text-align:left;
	line-height:2;
	font-size:13px;
	color:#000;
}
.t_one a{
	text-decoration:none;
	/*color:#c62222;*/
	color: #227449;
}
.t_one a:hover{
	text-decoration:none;
	/*color:#c62222;*/
	color: #227449;
}
.t_one strong a{
	text-decoration:none;
	/*color:#c62222;*/
	color: #227449;
}
.t_one strong a:hover{
	text-decoration:none;
	/*color:#c62222;*/
	color: #227449;
}
.page-id-404 .t_one{
	width:890px;
	margin-left:20px;
}
/* --- column2 --------------------- */
	.t_two1_left{
		width:420px;
		float:left;
	}
	.t_two1_right{
		width:420px;
		float:right;
	}
/* --- colum3-1 --------------------- */
	.t_two2_left{
		width:295px;
		float:left;
	}
	.t_two2_right{
		width:555px;
		float:right;
	}
	.editors-desk .t_two2_right{
		margin-right:6px;
	}
/* --- colum3-1 --------------------- */
	.t_two3_left{
		width:555px;
		float:left;
	}
	.t_two3_right{
		width:295px;
		float:right;
	}
/* --- title-h5 --------------------- */
.title-h5-4{
	width:910px;
	margin-bottom:30px;
	font-size:13px;
	font-family: "ＭＳ 明朝",serif;
	line-height:1.5;
	background-color:#fff;
}
.title-h5-4 th,td{
	border:0px solid #000;
	padding-left:10px;
	padding-right:10px;
	table-layout: fixed;
	width:150px;
	background-color:#fff;
}
.title-h5-4 td{
	margin-top:10px;
}

/* --- line-s --------------------- */
	.line-title{
		border-bottom:1px dotted #000;
		height:5px;
		width:870px;
	}
	.line-s{
		border-bottom:1px dotted #000;
		height:5px;
		width:900px;
		margin:30px 0 0 0px;
	}

/* --- citation1 --------------------- */
.citation1{
	width:850px;
	margin-bottom:30px;
	font-size:13px;
	font-family: "ＭＳ 明朝",serif;
	line-height:1.5;
	border:1px solid #e9eef4;
	background-color:#f8fdff;
	padding:10px;
	color:#445d8e;
}
/* --- citation2 --------------------- */
.citation2{
	width:850px;
	margin-bottom:30px;
	font-size:13px;
	font-family: "ＭＳ 明朝",serif;
	line-height:1.5;
	border:1px solid #dfe6f0;
	background-color:#fff;
	padding:10px;
	color:#7b7b7b;
}

/* --- column4-1 --------------------- */
.column4-1{
	width:910px;
	margin-bottom:30px;
	text-align:left;
	font-family: "ＭＳ 明朝",serif;
	line-height:1.5;
	font-size:13px;
}
	.column4-1 ul{
		margin-left:-40px;
	}
	.column4-1 li{
		float:left;
		width:195px;
		margin-left:34px;
	}
		.photo-4{
			width:185px;
			border:1px solid #999;
			padding:5px;
		}
/* --- link button --------------------- */
.small-button .button{
font-size:15px;
/*background:#ba0d00;*/
background: #227449;
display:inline-block;
padding:9px 33px;
color:#ffffff;
text-decoration:none;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:none;
cursor:pointer;
margin:10px 10px 0 0;
vertical-align: middle;
behavior: url(./PIE/PIE.htc);position:relative;
}
.small-button a{
	font-weight:bold;
}
.container .small-button{
	float:right;
}
#magazine-top .container .main-image .small-button{
	float:none;
}

.large-button .button{
font-size:20px;
/*background:#ba0d00;*/
background: #227449;
display:inline-block;
padding:10px 150px;
color:#ffffff;
text-decoration:none;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:none;
position:relative;
cursor:pointer;
margin:10px 10px 0 0;
vertical-align: middle;
behavior: url(./PIE/PIE.htc);position:relative;
}
.button:hover{
	/*background:#750400;*/
	background: #185937;
	color:#fff;
	text-decoration:none;
	behavior: url(./PIE/PIE.htc);position:relative;
}
/* --- second-column1 --------------------- */
.second-column1{
	width:870px;
	margin-bottom:30px;
	text-align:left;
	border:1px solid #999;
	padding:5px;
}
/* --- column2-1 --------------------- */
	.column2-1-photo{
		float:left;
		border:1px solid #999;
		padding:5px;
	}
	.column2-1-info{
		float:right;
		width:425px;
	}
/* --- column2-2 --------------------- */
	.column2-2-info{
		float:left;
		width:425px;
	}
	.column2-2-photo{
		float:right;
		border:1px solid #999;
		padding:5px;
	}
/* --- pagelink --------------------- */
.page-link{
	width:910px;
	margin:0 auto;
	padding:35px 0 0 30px;
	text-align:center;
	font-family:sans-serif,serif,"ＭＳ 明朝";
	line-height:1.5;
	font-size:13px;
	height:5px;
}
.page-link li{
	float:left;
	width:190px;
	text-align:center;
	border-right:1px solid #000;
}

.page-link li a{
	/*color:#bf190a;*/
	color: #227449;
	text-decoration:none;
	font-weight:normal;

}
.page-link li a:hover{
	font-weight:normal;
}
.page-link li:last-child{
	border-right:0 solid #000;
	margin-right:0;
	padding-right:0;
}
.page-id-404 .page-link{
	margin-bottom:50px;
}
.page-id-114 .page-link{
	padding-top:15px;
}
.top-news{
	position:absolute;
	padding:10px;
	margin:10px;
	top:400px;
	left:50%;
	z-index:300;
	width:490px;
	height:140px;
	font-size:12px;
	margin-left:-505px;
}
.top-news p{
	margin:0 0 15px;
	font-family:sans-serif;
	font-size:13px;
	height:10px;
	line-height:1.5;
	display:block;
}
.top-news p a,
.top-news p a:hover,
.top-news p a:visited{
	text-decoration:none;
	display:inline-block;
	font-weight:normal;
	float:left;
	width:250px;
}
.top-news p span{
	width:90px;
	float:left;
	display:block;
}
.top-news a{
	color:#154375;
	text-decoration:none;
}
.top-news a:visited{
	color:#154375;
}

/* --- 20130301 written--------------------- */
table.default th { background:#f7f6f2;color:#4b2b02;text-align:center; }
table.default { border:1px solid #e6dfd5; }
table.default th,table.default td{ padding:10px;border:1px solid #e6dfd5;}
.page-id-404 table.default td{padding:0;}
dl dt { clear:both;width:120px;float:left;font-weight:bold;padding-bottom:15px; }
dl dd { width:300px;float:left;padding-bottom:15px;  }
ul.normal { list-style-type: disc;margin-left:15px; }
ul.normal li,ul.inner li{ padding-bottom:5px; }
ul.inner { list-style-type: circle; }

/* top magazine
================================================== */
#magazine{
	width:910px;
	height:100%;
	padding-bottom:50px;
}
	#magazine .thumblist{
		width:600px;
		float:left;
		font-size:12px;
	}
		#magazine .thumblist ul{
			margin-left:-20px;
		}
		#magazine .thumblist li{
			float:left;
			height:240px;
			margin-bottom:33px;
			margin-left:20px;
		}
			#magazine .thumblist li .logo{
				padding-bottom:10px;
			}
			#magazine .thumblist li .mag-info{
				width:270px;
				margin-left:10px;
			}
			#magazine .thumblist li .mag-info .thumb-image{
				float:left;
			}
			#magazine .thumblist li .mag-info .thumb-info{
				float:left;
				margin-left:15px;
				width:170px;
			}
				#magazine .thumblist li .mag-info .thumb-info div{
					padding-bottom:9px;
				}
				#magazine .thumblist li .mag-info .thumb-info .publish-date{
					font-weight:bold;
				}
				#magazine .thumblist li .mag-info .thumb-info .title{
					padding-top:0;
					text-align:left;
					line-height:21px;
					padding-bottom:0;
				}
				#magazine .thumblist li .mag-info .thumb-info .more-info{
					/*background:url(../../../../cover/images/images-cover-archive/buttons-more.png) no-repeat;*/
					background-position:left;
					height:12px;
					line-height:1;
					width:80px;
					text-align:left;
					padding-left:21px;
					padding-top:11px;
				}
					#magazine .thumblist li .mag-info .thumb-info .more-info.more_index1{
						padding-top:11px;width: 90px;position:absolute;left:-114px;top:0px;
					}
					#magazine .thumblist li .mag-info .thumb-info .more-info.more_index2{
						padding-top:11px;width: 90px;position:absolute;left:-114px;top:23px;
					}
				#magazine .thumblist li .mag-info .thumb-info .more-info a{
					text-align:center;
					/*color:#c62222;*/
					color: #227449;
					font-weight:bold;
					/*text-decoration:underline;*/
					display:block;
					line-height:13px;
					width:100px;
					border: solid 1px #185937;
					padding: 3px;
					height: 12px;
				}

	#magazine .main-image{
		width:258px;
		float:right;
	}
		#magazine .main-image .image-box img{
			border:1px solid #e6e2da;
			padding:8px 8px 30px 8px;
		}
		#magazine .main-image .flip-button{
			height:20px;
			padding-top:10px;
		}
		#magazine .main-image .flip-button ul{
			width:60px;
			margin:0 auto;
			height:10px;
		}
		#magazine .main-image .flip-button ul li{
			float:left;
			margin-left:5px;
		}

/* #top books
================================================== */
.book-list{
	}
		.book-list ul{
			margin-left:-25px;
		}
		.book-list li{
			width:200px;
			float:left;
			margin-left:25px;
			margin-bottom:50px;
			height:450px;
		}
		.book-cover{
			border:1px solid #e4e0d8;
			padding:8px;
			display:table-cell;
			text-align:center;
			vertical-align:middle;
		}
		.book-cover img{
			margin:auto 0;
			vertical-align:middle;
		}
		.book-list li .book-title,.more-info{
			margin-top:12px;
		}
		.page-id-114 .book-list li .book-title,.more-info{
			margin-top:0;
		}
		#books .book-list li .more-info{
			/*padding-top:18px;*/
		}
			#books .book-list li .more-info.more_index1{
				padding-top:11px;width: 90px;position:absolute;left:-95px;top:7px;
			}
			#books .book-list li .more-info.more_index2{
				padding-top:11px;width: 90px;position:absolute;left:-95px;top:33px;
			}
		#books .book-list li .more-info a{
			padding-top:2px;
		}
		.book-list .book-title{
			font-size:12px;
			font-weight: bold;
			padding-bottom:8px;
		}
		#backnumber_area .book-list .book-title{
			padding-bottom:0;
		}
		#backnumber_area .book-list .book-info{
			margin-top:0;
		}
		.book-list .book-price{
			font-size:12px;
			font-weight: bold;
			padding-bottom:8px;
		}
		.book-list .book-info{
			font-size:12px;
			color:#000;
			height:70px;
			line-height:21px;
		}
		.book-list .more-info{
			/*background:url(../../../../cover/images/images-cover-archive/buttons-more.png) no-repeat;*/
			background-position:left bottom;
			padding-left:20px;
			width:80px;
			height:15px;
		}
		#book-archive .book-list .more-info{
			padding-top:50px;
		}
			.book-list .more-info a{
				/*text-decoration:underline;*/
				/*color:#bf0e06;*/
				color: #227449;
				font-weight:bold;
				font-size:12px;
				display:block;
			}

/* #top dvd
================================================== */

#dvd{
	width:1000px;
	height:100%;
	padding-bottom:50px;
}
	#dvd ul{
		width:1000px;
	}
	#dvd ul li{
		float:left;
		margin-left:30px;
		width:425px;
		margin-bottom:25px;
		padding-top:15px;
	}
	#dvd ul .odds{
		margin-left:0;
	}
		#dvd li .clip{
			border:1px solid #e6e2da;
			padding:6px;
			display:table-cell;
			text-align:center;
			vertical-align:middle;
		}
			#dvd li .clip img{
				margin:auto 0;
				vertical-align:middle;
			}
		#dvd li .about-dvd{
			width:435px;
			height:170px;
			padding-top:15px;
		}
			#dvd li .about-dvd .dvd-cover{
				float:left;
				border:1px solid #e6e2da;
				padding:8px;
				display:table-cell;
				text-align:center;
				vertical-align:middle;
			}
				#dvd li .about-dvd .dvd-cover img{
					margin:auto 0;
					vertical-align:middle;
					padding-top:5px;
				}
			#dvd li .about-dvd .dvd-info{
				float:left;
				width:290px;
				height:150px;
				margin-left:20px;
			}
				#dvd li .about-dvd .dvd-info .dvd-title{
					font-weight:bold;
					font-size:12px;
					margin-bottom:8px;
				}
				#dvd li .about-dvd .dvd-info .casts-price{
					font-size:12px;
				}
					#dvd li .about-dvd .dvd-info .casts-price p{
						height:40px;
					}
				#dvd .sold-out{
					color:#ff5b40;
					font-size:12px;
				}
				#dvd .more-info{
					/*background:url(../../../../cover/images/images-cover-archive/buttons-more.png) no-repeat;*/
					background-position:left bottom;
					padding-left:20px;
					width:80px;
					height:15px;
				}
					#dvd .more-info.more_index1{
						padding-top:11px;width: 90px;position:absolute;left:-95px;top:-11px;
					}
					#dvd .more-info.more_index2{
						padding-top:11px;width: 90px;position:absolute;left:-95px;top:15px;
					}
					#dvd .more-info a, a:visited{
						/*text-decoration:underline;
						color:#bf0e06;*/
						color: #227449;
						font-weight:bold;
						font-size:12px;
						display:block;
					}
					#backnumber_area .more-info{
						/*background:url(../../../../cover/images/images-cover-archive/buttons-more.png) no-repeat;*/
						   background-position:left bottom;
						padding-left:20px;
						width:65px;
						height:15px;
					}
					#backnumber_area .more-info.more_index1{
						padding-top:11px;width: 90px;position:absolute;left:-95px;top:9px;
					}
					#backnumber_area .more-info.more_index2{
						padding-top:11px;width: 90px;position:absolute;left:-95px;top:35px;
					}
					#book-archive .book-list .more-info.more_index1{
						padding-top:11px;width: 90px;position:absolute;left:-95px;top:40px;
					}
					#book-archive .book-list .more-info.more_index2{
						padding-top:11px;width: 90px;position:absolute;left:-95px;top:65px;
					}
					
					#backnumber_area .more-info a{
						/*color:#bf0e06;*/
						color: #227449;
						text-decoration:underline;
						font-weight:bold;
						font-size:12px;
						display:block;
					}

#newbook_area{margin-top:20px;margin-bottom:80px;}
#backnumber_area{margin-top:20px;margin-bottom:80px;}

.subtitle{
			margin-left:5px;
			font-size:15px;
		}

/* #footer
================================================== */
#footer{
	border-top:1px solid #ebebeb;
	height:65px;
	width:100%;
	font-size:11px;
	color:#404040;
}
	#footer .footer-wrap{
		width:980px;
		margin:25px auto 0;
	}
		#footer .footer-wrap .copyright{
			float:left;
		}
		#footer .footer-wrap .footer-menu{
			float:right;
		}
			#footer .footer-wrap .footer-menu li{
				float:left;
				margin-left:40px;
			}
				#footer .footer-wrap .footer-menu li a{
					text-decoration:none;
					color:#404040;
				}

				#footer .footer-wrap .footer-menu li a{
					text-decoration:none;
					color:#404040;
				}






/* #blog
================================================== */
.bg{
	font-family:arial;
}
.bg .blog{
	width:910px;
}

	#side-menu{
		float:left;
		width:200px;
	}
		.bg .blog .category-section h5{
			width:100%;
			height:20px;
			padding-bottom:20px;
			border-bottom:1px dotted #696969;
			margin-bottom:25px;
			font-size:14px;
		}
		.category-section{
			margin-bottom:50px;
		}
		.category-section  ul{
			margin-left:10px;
		}
		.category-section li{
			background:url(../../../../cover/images/images-cover-archive/sec-book-li.jpg) no-repeat;
			background-position:left;
			padding-left:25px;
			font-size:12px;
			margin-bottom:20px;
		}
			.category-section li a{
				text-decoration:none;
				color:#000;
				font-weight:normal;
			}
				.category-section li a:hover,
				.category-section li a:visited{
					font-weight:normal;
				}
			.category-section .selected a{
				color:#be0404;
			}
		#side-menu .rss{
			padding-top:20px;
		}
	#blog-main{
			width:680px;
			margin-left:15px;;
			float:right;
	}
		#blog-main .blog-post{
			margin-bottom:40px;
			color:#000;
		}
		#blog-main .blog-post .blog-title{
			width:100%;
			height:20px;
			padding-bottom:20px;
			border-bottom:1px dotted #696969;
			margin-bottom:25px;
			font-size:19px;
			font-family:serif;
		}
		#blog-main .blog-post .blog-text{
			font-size:12px;
			line-height:2;
		}
		#blog-main .blog-post .read-back{
			font-size:13px;
			line-height:2;
		}
			#blog-main .blog-post .blog-text a{
				text-decoration:none;
				/*color:#c62222;*/
				color: #227449;
			}
			#blog-main .blog-post .blog-text .small-button a{
				text-decoration:none;
				color:#fff !important;
			}
		#blog-main .blog-post .with-postphoto{
			width:100%;
			padding:25px 0;
		}
			#blog-main .blog-post .with-postphoto .post-photo{
				float:left;
				border:1px solid #e6e2da;
				text-align:center;
			}
				#blog-main .blog-post .with-postphoto .post-photo img{
					padding:5px;
				}
			#blog-main .blog-post .with-postphoto p{
				float:left;
				margin-left:20px;
				width:445px;
			}
		#blog-main .blog-post .blog-postbtm{
			width:100%;
			height:20px;
			border-top:1px dotted #696969;
			text-align:right;
			font-size:12px;
			padding-top:10px;
			margin-top:30px;
		}
			#blog-main .blog-post .blog-postbtm .post-category{
				color:#be0404;
				text-decoration:none;
			}
			#blog-main .blog-post .blog-postbtm .post-date{
				margin-left:10px;
			}
		#blog-main #blog-pager{
			padding-bottom:30px;
		}
		#blog-main #blog-pager a{
			color:#be0404;
			text-decoration:none;
			font-size:11px;
		}
			#blog-main #blog-pager .previous{
				display:block;
				width:90px;
				height:15px;
				background:url(../../../../cover/images/images-cover-archive/sec_blog_previous.jpg) no-repeat;
				background-position:left;
				padding-left:15px;
				float:left;
			}
			#blog-main #blog-pager .next{
				display:block;
				width:90px;
				height:15px;
				background:url(../../../../cover/images/images-cover-archive/sec_blog_next.jpg) no-repeat;
				background-position:right;
				padding-right:10px;
				float:right;
			}
			#blog-main .pagination a{
				color: #000;
				font-size:12px;
				text-decoration: none;
			}

			h6{
				font-family:sans-serif;
			}


#touchMenu{
	z-index:1000;
}
#touchMenu nav ul li a,
#touchMenu nav ul li a:hover,
#touchMenu nav ul li a:visited{
	text-decoration:none;
	display:block;
	height:17px;
}
/* archive globalmenu submenu------------------------------------------------- */
#touchMenu .submenu li div a{
	font-family:serif;
	font-weight:bold;
}

/* globalmenu sns twitter facebook------------------------------------------------- */
#touchMenu #mainMenuSelect .s img{
	margin-left:5px;
}

/* backnumber white menu ------------------------------------------------- */
.bg #subPageNavi-sticky-wrapper #subPageNavi ul li a:hover{
	text-decoration:none;
}

/* #magazine latest issue
================================================== */
.new-feature{
	float:left;
	width:580px;
	margin-right:30px;
}
	.new-feature .magazine-number{
		font-size:15px;
	}
	.new-feature .feature-theme{
		background:url(../../../../cover/images/images-cover-archive/feature.jpg) no-repeat;
		background-position:left top;
		padding:10px 0 10px 65px;
		font-size:24px;
		line-height:35px;
		margin:20px 0 5px;
	}
	.new-feature .feature-text p{
		font-size:12px;
		line-height:2;
		padding:15px 0 0;
		margin:0 0 5px 0;
	}

.main-image{
	float:right;
	width:270px;
	text-align:center;
}
	.main-image .image-box img{
		border:1px solid #e6e2da;
		padding:8px;
	}
	.main-image .see-backnumber{
		background:url(../../../../cover/images/images-cover-archive/buttons_list.png) no-repeat;
		width:194px;
		height:35px;
		text-align:center;
		display:block;
		color:#fff;
		text-decoration:none;
		line-height:33px;
		font-size:16px;
		margin:20px auto 0;
	}

#basser-top .main-image .image-box{
	width:270px;
	height:345px;
}

.pagetop{
text-align:right;
font-family:"ＭＳ 明朝",serif;
font-size:12px;
width:980px;
margin:0 auto;
color:#000;
padding-bottom:15px;
}
.pagetop a{
	text-decoration:none;
	color:#000;
}
.pagetop a:hover{
	color:#000;
	text-decoration:none;
}
#wrapper .container #contents{
	width:910px;
	padding-top:30px;
}
.archive #page-intro{
	padding-top:25px;
}
#wrapper .detail{
	width:100%;
	color:#000;
}
	#book-category{
		width:205px;
		float:left;
	}
	#wrapper .detail #book-category h5{
		width:100%;
		height:20px;
		padding-bottom:20px;
		border-bottom:1px dotted #696969;
		margin-bottom:25px;
		color:#000;
	}
	#magazine-detail{
			width:650px;
			float:right;
	}
		#magazine-detail h2{
			margin-left:0;
			font-size:19px;
		}
		#book-category ul{
			margin-left:10px;
		}
		#book-category ul li{
			background:url(../../../../cover/images/images-cover-archive/sec-book-li.jpg) no-repeat;
			background-position:left;
			padding-left:25px;
			font-size:12px;
			margin-bottom:20px;
		}
			#book-category li a{
				text-decoration:none;
				color:#000;
				font-weight:normal;
			}
				#book-category li a:hover,
				#book-category li a:visited{
					font-weight:bold;
				}
			#book-category .selected a{
				color:#be0404;
			}
			#book-category ul li a.selected,
			.category-section ul li a.selected{
				/*color:#c62222;*/
				color: #227449;
				font-weight:bold;
				text-decoration:none;
			}

#magazine-detail .clip iframe{
	padding-bottom:40px;
}
	#magazine-detail .brief-info{
		width:660px;
		height:280px;
		clear:both;
		margin-top:50px;
		border-bottom:1px dotted #999;
	}
		#magazine-detail .brief-info .book-cover{
			border:1px solid #e6e2da;
			padding:8px;
			text-align:center;
			float:left;
		}
			#magazine-detail .brief-info .book-cover img{
				margin:auto 0;
				vertical-align:middle;
			}
		#magazine-detail .brief-info .about{
			float:right !important;
			width:425px !important;
			font-size:12px;
		}
			#magazine-detail .brief-info .about .book-title{
				font-size:14px;
				margin-bottom:5px;
				color:#000;
			}
			#magazine-detail .brief-info .about .book-info{
				line-height:2;
				padding-bottom:20px;
				color:#000;
				height:70px;
			}
			#magazine-detail .brief-info .about .published{
				line-height:2;
				margin-top:20px;
				padding-bottom:10px;
				color:#000;
				font-weight:bold;
			}
			#magazine-detail .brief-info .about .published p{
				padding-bottom:7px;
			}
			#magazine-detail .brief-info .about .order-book ul{
				margin-left:-5px;
			}
			#magazine-detail .brief-info .about .order-book ul li{
				float:left;
				margin-left:5px;
				background:url(../../../../cover/images/images-cover-archive/button.png) no-repeat;
				width:135px;
				height:35px;
				text-align:center;
			}
				#magazine-detail .brief-info .about .order-book ul li a{
					color:#fff;
					text-decoration:none;
					line-height:10px;
					display:block;
					padding-top:8px;
					width:auto;
				}
	#magazine-detail .detail-text{
		padding-top:30px;
	}
		#magazine-detail .detail-text .feature{
			margin-bottom:30px;
		}
		#magazine-detail .detail-text h5{
			margin-bottom:10px;
			color:#000;
			font-size:15px;
		}
		#magazine-detail .detail-text p{
			line-height:2;
			font-size:12px;
			padding-bottom:30px;
			color:#000;

		}
			#magazine-detail .detail-text p .selected{
				color:#be0404;
				text-decoration:none;
			}
		#magazine-detail .with-image .feature-image{
			float:left;
			border:1px solid #e6e2da;
			width:190px;
			height:250px;
			text-align:center;
			margin-right:40px;
		}
			#magazine-detail .with-image .feature-image img{
				margin:auto 0;
				vertical-align:middle;
				padding-top:10px;
			}
		#magazine-detail .staff{
			width:610px;
			padding:20px;
			border:1px solid #dfe5ee;
			margin-bottom:100px;
		}
			#magazine-detail .staff h6{
				font-size:13px;
				font-weight:bold;
				color:#000;
			}
			#magazine-detail .staff p{
				font-size:12px;
				line-height:2;
			}
			#magazine-detail .staff .work-position{
				color:#1b3c71;
			}

/*繝ｯ繝ｼ繝峨?繝ｬ繧ｹ譖ｸ蠎苓ｲｩ螢ｲ荳ｻ讒倡畑*/
table{border:1px solid #ccc;}
th, td{text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:middle;}
th{height:28px;}
td{height:65px;}

/* --- editor blogs --------------------- */
#editor-blog .t_two2_left img{padding:8px;background:#fff;border:1px solid #e4e0d4;}

/* --- editors desk --------------------- */
.editors-desk .t_one{
	width:880px;
}
.editors-desk img{padding:8px;background:#fff;border:1px solid #e4e0d4;}
.editors-desk .bar-title{font-size:16px;font-family:serif;font-weight:bold;margin-bottom:5px;}
/* --- corporate outline --------------------- */
#company .t_one dl dd{
	width:400px;
}
#company .t_one .normal{
	margin-left:100px;
}

/* #book archive
================================================== */
#wrapper .archive{
	color:#000;
}
		#wrapper .archive #book-category h5{
			width:100%;
			height:20px;
			padding-bottom:20px;
			border-bottom:1px dotted #696969;
			margin-bottom:25px;
			font-weigth:bold;
			color:#000;
		}
		#book-archive{
			width:650px;
			float:right;
		}

		#book-category ul{
			margin-left:10px;
		}
		#book-category li{
			background:url(../../../../cover/images/images-cover-archive/sec-book-li.jpg) no-repeat;
			background-position:left;
			padding-left:25px;
			font-size:12px;
			margin-bottom:20px;
			color:#000;
		}
			#book-category li a{
				text-decoration:none;
				color:#000;
				font-weight:normal;
			}
				#book-category li a:hover,
				#book-category li a:visited{
					font-weight:normal;
				}
			#book-category .selected a{
				color:#be0404;
			}
#book-archive .book-list .book-title{
	height:20px;
	padding-bottom:20px;
}
	#book-archive .book-list{
		font-size:12px;
		line-height:2;
	}
		#book-archive .book-list li{
			margin-left:25px;
			height:485px;
		}
	#book-archive .book-cover{
		border:1px solid #e4e0d8;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		padding:8px;
	}
	li .book-infobox{
		height:155px;
	}
	#book-archive .book-title{
		color:#000;
		font-size:15px;
		font-weight:normal;

	}
	#book-archive .book-price{
		color:#000;
		padding-bottom:6px;
	}
	#book-archive .book-page{
		color:#000;
		padding-bottom:5px;
	}
	#book-archive .book-info{
		color:#000;
		line-height:2;
	}
	#book-archive .book-list .more{
		text-align:right;
		padding-top:10px;
	}
		#book-archive .book-list .more a{
			color:#be0404;
			fon-size:12px;
		}

.page-id-200 .t_one{
	padding-left:20px;
	width:860px;
	}


/* #special chief
================================================== */
#chief-corner #tsuribito,
#chief-corner #basser,
#chief-corner #flyfisher,
#chief-corner #northanglers{
	position:relative;
	top:-30px;
	width:100%;
	height:15px;
}
#chief-corner .chief-self{
	width:270px;
	height:260px;
}
#chief-corner .chief-self .photo img{
	border:1px solid #e4e0d8;
	padding:10px;
}
#chief-corner .chief-self .links{
	height:30px;
	padding-top:10px;
}
#chief-corner .chief-self .links .sns{
	float:left;
	width:60px;
	height:30px;
}
#chief-corner .chief-self .links .sns a{
	display:block;
	float:left;
	margin-right:10px;
}
#chief-corner .chief-self .links .see-blog{
	float:right;
	margin-right:15px;
}
#chief-corner .chief-self .links .see-blog a{
	/*color:#bf190a;*/
	color: #227449;
	text-decoration:underline;
	margin-left:10px;
	font-weight: bold;
}
#chief-corner h6{
	font-weight:bold;
}
#all-archive{
	width:910px;
}
	#all-archive h2{
		margin-left:-19px;
	}
	#all-archive .page-intro p{
		padding-left:4px;
	}
.magazine-page .container{
	padding-top:72px;
}
.magazine-page h2{
	margin-left:-20px;
}
#magazine-top #concept{
	padding-top:90px;
	margin-top:-90px;
}
#magazine-top .blog{
	padding-top:16px;

}
.top-news .recieve-mailMagazine{
	clear:both;
	margin-left:90px;
	/*background:url(../../../../cover/images/images-cover-archive/buttons-more.png) no-repeat;*/
	background-position:left;
	padding-left:16px;
	height:18px;
}
.top-news .recieve-mailMagazine a,
.top-news .recieve-mailMagazine a:hover,
.top-news .recieve-mailMagazine a:visited{
	/*color:#c62222;*/
	color: #227449;
	font-weight:bold;
	text-decoration:none;
}
.page-id-1422 input.go-next{
	/*background-color: #c62222;*/
	background-color: #227449;
	color: #fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	behavior: url(./PIE/PIE.htc);position:relative;
}
/* #basser allstar-classic
================================================== */
#basser-allstarclassic{
	width:880px;
	margin-top:-50px;
	padding-top:50px;
}
#basser-allstarclassic h2{
	margin-bottom:0;
}
#basser-allstarclassic h4{
	margin-top:0;
}
#basser-allstarclassic .page-intro .logo{
	float:left;
	margin-left:15px;
}
#basser-allstarclassic .page-intro .discription{
	float:right;
	width:660px;
}
#basser-allstarclassic .page-intro .discription p{
	margin-top:10px;
	font-size:12px;
	line-height:2;
}
#basser-allstarclassic ul.ft-competition-list{
	margin-left:-32px;
	margin-top:20px;
}
#basser-allstarclassic ul.ft-competition-list li{
	float:left;
	margin-left:32px;
	margin-bottom:73px;
}
#basser-allstarclassic ul.ft-competition-list li .book-year{
	margin-top:10px;
}
#basser-allstarclassic ul.ft-competition-list li .book-year,
#basser-allstarclassic ul.ft-competition-list li .book-title{
	font-family:sans-serif;
	font-size:12px;
	line-height:1.5;
}
#basser-allstarclassic ul.ft-competition-list li .more-info{
	text-align:right;
	/*background:url(../../../../cover/images/images-cover-archive/buttons-more.png) no-repeat;*/
	background-position:left;
	padding-left:10px;
	padding-top:0px;
	width:72px;
	margin-top:12px;
}
#basser-allstarclassic ul.ft-competition-list li .more-info a,
#basser-allstarclassic ul.ft-competition-list li .more-info a:hover,
#basser-allstarclassic ul.ft-competition-list li .more-info a:visited{
	/*color:#bf190a;*/
	color: #227449;
	 /*text-decoration:underline;*/
	 font-weight:bold;
	 font-size:12px;
}
/* blog shortcodes css
================================================== */
hr.blog_line{
	border-bottom:1px dotted #ccc;
	border-width:0 0 1px;
	width:678px;
}
.blog_image_frame img{
	padding:8px;
	background:#fff;
	border:1px solid #e4e0d4;
}
.blog_box{
	border:1px solid #eee;
	background:#fff;
	padding:15px;
	margin-bottom:10px;
}
.blog_citation1{
	width:638px;
	font-size:13px;
	font-family:sans-serif,"ＭＳ 明朝",serif;
	line-height:1.5;
	border:1px solid #e9eef4;
	background:#f8fdff;
	padding:20px;
	color:#445d8e;
	margin-bottom:10px;
}
.blog_citation1 p{
	color:#445d8e;
	font-family:sans-serif,"ＭＳ 明朝",serif;
}
.blog_citation2{
	width:638px;
	font-size:13px;
	font-family:sans-serif,"ＭＳ 明朝",serif;
	line-height:1.5;
	border:1px solid #dfe6f0;
	background:#fff;
	padding:20px;
	color:#7b7b7b;
	font-style:italic;
	margin-bottom:10px;
}
/* blog table*/
.blog_table1,
.blog_table2{
	text-align:left;
	font-size:13px;
	line-height:2;
}
table{
	border-collapse:collapse;
	border-spacing: 0;
}
.blog_table1 tr th,td,
.blog_table2 tr th,td{
	border:1px solid #e4e0d6;
	text-align:center;
}

.blog_table1 .table-main,
.blog_table1 .table-others,
.blog_table2 .table-main,
.blog_table2 .table-others{
	background-color:#f7f6f2;
	color:#4a2b00;
	font-weight:bold;
	height:auto;
}
.blog_table1 td,
.blog_table2 td{
	padding:0 5px;
	height:auto;
	background-color:#fff;
}
.blog_table1 .table-main{
	width:320px;
	background-color:#f7f6f2;
	color:#4a2b00;
	font-weight:bold;
}
.blog_table1 .table-others{
	background-color:#f7f6f2;
	color:#4a2b00;
	font-weight:bold;
}
.blog_table2 .table-main{
	width:173px;
	background-color:#f7f6f2;
	color:#4a2b00;
	font-weight:bold;
	height:auto;
}
.blog_table2 .table-others{
	width:140px;
	background-color:#f7f6f2;
	color:#4a2b00;
	font-weight:bold;
	height:auto;
}
.blog_table2 th{
	background-color:#f7f6f2;
	color:#4a2b00;
	font-weight:bold;
	height:auto;
}
.blog_table1, .blog_table2{
	margin-top:10px;
}
#magazine-detail .clip-box{
	padding:8px 0 0 8px;
	border:1px solid #E6E2DA;
	width:628px;
	height:428px;
	margin-bottom:12px;
}

.magazine-list{
	background:url(../../../../wp-content/uploads/2013/03/sec-book-li.jpg) no-repeat;
	background-position:left;
	padding-left:20px;
}
#all-archive .magazine-list{
	background:none;
}
.pagination .leftpag{
	float:left;
}
.pagination .rightpag{
	float:right;
}
h1{
	color:#fff;
}
.more-info{
	background: none !important;
}
.more-info a {
	text-decoration: none !important;
}
.more-info a{
	text-align:center;
	/*color:#c62222;*/
	color: #227449;
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height:13px;
	width:80px;
	border: solid 1px #185937;
	padding: 3px;
	height: 12px;
	border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}
.more-info.detail{
	margin-left: 0px;
}
.more-info.amazon{
	position: absolute;
	top: 0px;
	left: 115px;
}
.more-info.rakuten{
	position: absolute;
	left: 115px;
}
.more-info.yodobashi{
	margin-left: 0px;
}
.ft-competition-list .more-info{
	margin-left: 114px;
}
.book-list .more-info {
	margin-left: -20px;
}
.book-list .more-info.amazon,
.book-list .more-info.rakuten,
.dvd-info .more-info.amazon,
.dvd-info .more-info.rakuten {
	left: 97px;
	position: absolute;
}

.book-list .more-info.yodobashi,
.book-list .more-info.rakuten {
	position: absolute;
	top:23px;	
}
.dvd-info .more-info.yodobashi,
.dvd-info .more-info.rakuten {
	position: absolute;
	top:23px;
}
#backnumber_area .more-info.amazon{
	position: absolute;
	top: 20px;
}
#backnumber_area .more-info.yodobashi,
#backnumber_area .more-info.rakuten {
	position: absolute;
	top:43px;
}
.more-info.detail a,
.ft-competition-list .more-info a{
	background-color: #227449;
	color: #FFF !important;
}