@charset "utf-8";
/*
Theme Name: ton_cms_7_sm
Theme URI: http://www.total-office-net.com
Description: トータルオフィスネット
Author: TotalOfficeNet
*/

/* CSS Document */
/*///////////////
赤
 #FF0000 = rgb(255,0,0)
 #A60000 = rgb(166,0,0)
オレンジ
 #FF7400 = rgb(255,116,0)
 #A64B00 = rgb(166,75,0)
緑
 #00CC00 = rgb(0,204,0)
 #008500 = rgb(0,133,0)
///////////////*/

/* ++++++ タグリセット ++++++ */
html, body, 
ul, ol, li, dl, dt, dd, 
h1, h2, h3, h4, h5, h6, 
div, p, blockquote, 
th, td, 
form, fieldset, input, textarea, 
pre {
	margin: 0;
	padding: 0;
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
img {
	border: 0;
}

/* ++++++ 共通設定 ++++++ */
body {
	font-size: 13px;
}
a {
	color: #A60000;
}
a:hover {
	color:#FF7400;
}
p, ul, li {
	line-height: 1.5em;
}
small {
	font-size: 12px;
}
blockquote {
	margin: 10px 5px;
	padding: 0.5em;
	background-color: #FFCC99;
	border: 1px solid #666666;
}
.contents blockquote p {
	margin: 0;
}
pre {
	padding: 0.5em 0 0.5em 20px;
	border: 1px solid #2679e0;
	overflow: scroll;
}
textarea, input {
	padding: 3px;
	font-size: 12px;
}
/* ++++++ id,class ++++++ */
.cboth {
	clear: both;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.post_date, .post_category {
	text-align: right;
	line-height: 1.2em;
	font-size: 12px;
}

.post_category {
	margin: 0 0 5px 0;
}
.comments_date {
	margin: 0 0 5px 0;
	padding: 5px 0;
	line-height: 1.2em;
	font-size: 12px;
}
.post_tags {
	clear: both;
	margin: 0 0 5px 0;
	padding: 3px 0;
	text-align: right;
	line-height: 1.2em;
	font-size: 12px;
}
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
}
.entry-content img {
	margin: 5px;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}
blockquote {
	padding: 1em;
	margin-bottom: 1em;
	background-color: #eeeeee;
}
input, textarea {
	width: 95%;
}
th, td {
	line-height: 1.3em;
}
.entry-content {
	max-width: 100% !important;
	margin: 5px 0;
	padding: 0 3px;
}

/* ++++++ header ++++++ */
#header {
	margin: 0 auto;
	max-width: 900px;
}

/* ++++++ title ++++++ */
.title div#blog-title, .title div#tel-number, .title div#phs-number {
	width: 100%;
	text-align: center;
}
.title div#blog-title img, .title div#tel-number img, .title div#phs-number img {
	width: 100%;
}
.title div#blog-title img {
	max-width: 410px;
}
.title div#tel-number img {
	max-width: 247px;
}
.title div#phs-number img {
	max-width: 231px;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
nav#side-nav {
	display: none;
}
nav#header-nav {
	margin: 5px 0 5px 10px;
	overflow: hidden;
}
nav#header-nav ul {
	margin: 0;
	padding: 0;
}
nav#header-nav ul li {
	float: left;
	width: 49%;
	background-color: #A60000;
	border-bottom: 2px solid white;
	line-height: 3em;
	text-align: center;
}
nav#header-nav ul li#menu-item-13, nav#header-nav ul li#menu-item-14 {
	background-color: #32540a;
}
nav#header-nav ul li#menu-item-11, nav#header-nav ul li#menu-item-15 {
	background-color: #99851F;
}
nav#header-nav ul li:hover {
	background-color: #FF7400;
}
nav#header-nav ul li a {
	color: white;
	text-decoration: none;
}
nav#header-nav ul li a:hover {
	color: white;
	text-decoration: none;
}
nav#header-nav ul li:nth-child(even) {
	width: 49%;
	margin-left: 1px;
}
nav#header-nav ul li#menu-item-77 {
	width: 100%;
	border-right: none;
}
nav#header-nav ul li a{
  display: block;
  width: 100%;
}

div.header-image img {
	width: 100%;
}

div#stage {
	overflow: hidden;
	margin: 0 auto;
	max-width: 900px;

}
div#contents, div#sidebar {
	margin: 5px;
	padding: 5px 0 10px;
}
div#contents section {
	margin-bottom: 5px;
	overflow: hidden;
}

/* ++++++ breadcrumb ++++++ */
.breadcrumb {
	margin: 10px 0;
}

/* ++++++ contents ++++++ */
#contents h1 {
	position: relative;
	padding: 0.2em 0.5em;
	background: -webkit-linear-gradient(to right, #A60000, #ffc994);
	background: linear-gradient(to right, #A60000, #ffc994);
	color: white;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}
#contents h2 {
	padding: 0.2em 0.5em;
	background-color: #A60000;
	color: white;
	margin: 10px 0 5px;
}
#contents h3 {
	color: #A60000;
	padding: 0.2em 0.5em;
	border-bottom: 3px solid #A60000;
	margin: 10px 0 5px;
}
#contents h4 {
	color: #A60000;
	padding: 0.2em 0.5em;
	border-bottom: 2px dotted #A60000;
	margin: 5px 0 5px;
}

.page-id-16 dt, .page-id-21 dt {
	margin: 5px 0;
	background: url(images/faq_q.gif) 0 0 no-repeat;
	padding: 15px 0 5px 60px;
	min-height: 30px;
}
.page-id-16 dd, .page-id-21 dd {
	margin: 5px 0;
	background: url(images/faq_a.gif) 0 0 no-repeat;
	padding: 15px 0 5px 60px;
	min-height: 30px;
	border-bottom: 5px solid #A60000;
}

/* ++++++ navi_link ++++++ */
.navi_link { /*次の記事へ*/
	margin: 5px 0;
	line-height: 2em;
	font-size: 12px;
}
.wrapper-single .navi_link {
	border-top: 1px solid #666;
}
.post_link { /*次ページへ*/
	margin: 5px 0px;
	line-height: 2em;
	font-size: 12px;
}
.page_link p {
	margin: 5px 0;
	font-size: 12px;
}

/* ++++++ widget ++++++ */
.widget_mycategoryorder ul {
	margin: 5px 0 5px 10px;
}
.widget_mycategoryorder ul li {
	margin: 3px 0;
	padding: 0 0 0 25px;
	line-height: 22px;
	background: url(images/allow_1.gif) 0 0 no-repeat;
}
li#recent-posts-3 {
	margin-bottom: 10px;
}
.widget_recent_entries ul {
	list-style-type: circle;
	margin-left: 10px;
}
.widget_recent_entries ul li {
	margin: 0 0 0 15px;
}
.widget_categories ul li a {
	text-decoration: none;
}

li#search input {
	max-width: 250px;
}
li#search input#s {
	max-width: 500px;
	margin-bottom: 10px;
}

#side-qrcode {
	text-align: center;
}
#rss {
	padding: 0 0 0 15px;
	background: url(./images/rss.png) 0px 0px no-repeat;
}

/* ++++++ footer ++++++ */
footer{
	clear: both;
}

/*==========================================
 ページトップへのスタイル
===========================================*/
a#pagetopBtn {
	width: 40px;
	height: 22px;
	padding: 3px;
	position: fixed;
	color: white;
	font-size: 0.8em;
	text-align: center;
	border: 2px solid #FF7400;
	background-color: #434343;
	bottom: 13px;
	right: 73px;
	text-decoration: none;
	line-height: 1em;
}
a:hover#pagetopBtn {
	background-color: black;
	color: red;
	text-decoration: none;
}

.footer-box {
	clear: both;
	padding: 5px;
	background: #a60000;
	color: #FFF;
	overflow: hidden;
}
.footer-inner {
	margin: 0 auto;
	padding: 5px;
	width: 900px;
	background: #a60000;
}
#footer-nav a {
	color: white;
	text-decoration: none;
}
#footer-nav li {
	display: inline;
	float: left;
	line-height: 1em;
}
#footer-nav li a:hover {
	color: #FF7400;
}
#footer-nav li.menu-item-1019, #footer-nav li.menu-item-1018 {
	padding: 0 5px;
}
#footer-nav li.menu-item-1020 {
	padding: 0 0 0 5px;
}
#footer-nav li.menu-item-1018, #footer-nav li.menu-item-1020 {
	border-left: 1px solid white;
}
.copy-right {
	clear: both;
	line-height: 1.5em;
}

/* ++++++ コメント ++++++ */
.com p {
	margin: 0;
	padding: 5px;
	background-color: #FFB273;
}
p.tb-url {
	padding: 5px;
	border: 1px solid #666;
}
.tb ul {
	padding: 0 0 0 20px;
	list-style-type: disc;
}
.tb li {
	padding: 2px 0;
}
.comments_form {
	margin: 5px 0;
}
.comments_form p {
	margin: 0;
}
textarea#comment {
	width: 500px;
}


/* ++++++ トップページ ++++++ */
.top-page a {
	text-decoration: none;	
}

.top-left, .top-center, .top-right {
	margin: 5px;
}
.top-left .top-left-box {
	background-color: #ffe8d5;
	border: 1px solid #ffb2b2;
	overflow: hidden;
	padding: 5px;
}
ul.kaikei_course li {
	background: url(images/red_flag.gif) 0 5px no-repeat;
	padding: 5px 0 5px 50px;
	border-bottom: 1px solid #a0a0a0;
}
.top-left dl {
	width: 265px;
	background: url(images/orangi_stripe.gif) 0 0 repeat-y;
	padding: 10px;
	margin: 5px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
}
.top-left dd ul {
	margin: 10px;
}
.top-center {
	padding: 0;
}
.top-center .top-center-box {
	background-color: #b2f0b2;
	border: 1px solid #b2dab2;
	padding: 5px;
	overflow: hidden;
}
ul.english_course li {
	background: url(images/green_flag.gif) 0 5px no-repeat;
	padding: 5px 0 5px 50px;
	border-bottom: 1px solid #a0a0a0;
}
.top-right .top-right-box {
	overflow: hidden;
}
.top-right dl {
	margin: 5px;
}
.top-right dt {
	clear: left;
	float: left;
	width: 110px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #a0a0a0;
}
.top-right dd {
	margin: 0 0 5px 110px;
	width: 180px;
	border-bottom: 1px solid #a0a0a0;
}
.top-page .top-left, .top-page .top-center {
	color: #a60000;
}
.top-page dl {
	color: #000;
	margin-left: auto;
	margin-right: auto;
}

/* ++++++ トップページ右　サイドバー ++++++ */
.top-right　table.inner-table {
	margin: 0 10px 10px 10px;
}
.top-right tr {
	line-height: 1.5em;
}
.top-right table {
	width: 100%;
	margin-bottom: 0;
}
.top-right td.table-date {
	padding: 5px 0 0 0;
	width: 30%;
	border-bottom: 1px solid #a0a0a0;
	vertical-align: top;
}
.top-right td.table-contents {
	padding: 5px 0 0 0;
	width: 70%;
	border-bottom: 1px solid #a0a0a0;
}
.top-right-box-inner {
	margin: 5px 0;
}
.top-right p {
	text-align: right;
}
#text-3 .textwidget ul {
	padding: 10px 10px 0 10px;
}
h2#title_information, h2#title_special-seminar, h2#title_article, h2#title_blog, h2.widgettitle {
  position: relative;
  padding: 0.2em 0.5em;
  background: -webkit-linear-gradient(to right, #FF7400, #ffc994);
  background: linear-gradient(to right, #FF7400, #ffc994);
  color: white;
  font-weight: lighter;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
	margin-bottom: 5px;
}
.ameblo img {
	width: 100%;
	max-width: 220px;
}


/* ++++++ single ++++++ */
nav.nav-single {
	margin: 10px;
	overflow: hidden;
}

/* ++++++ リンク ++++++ */
#link ul li ul {
	padding: 0 0 0 30px;
	list-style-type: circle;
}
#link ul li ul li {
	padding: 5px 0 10px 0;
}
#link ul li ul li a {
	text-decoration: none;
}

/* ++++++ タグ，検索 ++++++ */
.wrapper-tag .post_date, .wrapper-tag .post_tags, .wrapper-search .post_date, .wrapper-search .post_tags {
	text-align: left;
}
.wrapper-tag .post_date, .wrapper-search .post_date {
	padding: 0 0 0 20px;
}

/* ++++++ コンタクトフォーム ++++++ */
form.wpcf7-form {
	margin: 10px 0 10px 10px;
}
.wpcf7 dd {
	margin: 0 0 5px 0;
}
.wpcf7 input, .wpcf7 textarea {
	max-width: 500px;
}
.page-16 dt, .page-21 dt {
	margin: 5px 0;
	background: url(images/faq_q.gif) 0 0 no-repeat;
	padding: 15px 0 5px 60px;
	min-height: 30px;
}
.page-16 dd, .page-21 dd {
	margin: 5px 0;
	background: url(images/faq_a.gif) 0 0 no-repeat;
	padding: 15px 0 5px 60px;
	min-height: 30px;
	border-bottom: 5px solid #A60000;
}

@media only screen and (min-width: 600px) {
.top-left, .top-center {
	float: left;
	width: 48%;
}
.top-right {
	clear: both;
}
}

@media only screen and (min-width: 895px) {
.title div#blog-title, .title div#tel-number, .title div#phs-number {
	float: left;
}
.title div#blog-title {
	width: 50%;
}
.title div#tel-number {
	width: 25%;
}
.title div#phs-number {
	width: 25%;
}


.title div#tel-number img, .title div#phs-number img {
	margin-top: 5px;
}
nav#header-nav {
	clear: both;
	margin-left: 0;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul#menu-menu li, nav ul#menu-menu li:nth-child(even) {
	float:left;
	width:11%;
	margin: 0;
	border-left: 1px solid white;
}
nav ul#menu-menu a {
	display: block;
	height:2em;
	line-height:2em;
	font-size: 14px;
}
nav ul#menu-menu li#menu-item-1008 {
	border: none;
}
body.page div#contents, body.single div#contents, body.archive div#contents {
	width: 75%;
	margin: 5px 0;
	float: left;
}
body.page div#sidebar, body.single div#sidebar, body.archive div#sidebar {
	float: right;
	margin: 5px 0;
	width: 24%;
}

}

@media only screen and (min-width: 1000px) {
.top-left, .top-center, .top-right {
	width: 32%;
}
.top-right {
	clear: none;
	float: right;
}
#contents h2#title_information {
	margin-top: 0;
}
}