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

/* CSS Document */
/*///////////////
#
#	MainColor => #db1919 (赤)
#	SubColor => #a0a0a0 (灰色)
#	SubColor => #22ac38 (イエローグリーン)
#
///////////////*/

/* ++++++ タグリセット ++++++ */
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 {
	text-align: center;
	font-size: 13px;
	background: #FFF url(images/background.gif) repeat-x;
	color: #535353;
}
a {
	color: #db1919;
}
a:hover, td a:hover {
	color:#055555;
}
p, ul, li {
	line-height: 1.5em;
}
.center p {
	margin: 0 0 1em 0;
	padding: 0 5px;
}
small {
	font-size: 12px;
}
blockquote {
	margin: 10px 5px;
	padding: 0.5em;
	background-color: #fff8e6;
	border: 1px solid #535353;
}
.center 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 ++++++ */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	text-align: center;
}
.cboth	{
	clear: both;
}
.post_info {
	padding: 3px 0;
	line-height: 1.2em;
	font-size: 12px;
	text-align: right;
}
.post_tags {
	clear: both;
	margin: 0 0 5px 0;
	padding: 3px 0;
	text-align: right;
	line-height: 1.2em;
	font-size: 12px;
}

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

/* ++++++ header ++++++ */
.header {
	text-align: left;
	border-top: 3px solid #8e0808;
}

/* ++++++ title ++++++ */
.title {
	height: 60px;
}
.title-box {
	margin: 0 auto;
	width: 900px;
	height: 60px;
	background: url(images/title.gif) 0 0 no-repeat;
}
.title-box a {
	display: block;
	width: 900px;
	height: 60px;
	text-indent: -9999px;
}

.header-tips {
	margin: 3px auto;
	width: 900px;
	height: 20px;
}
#sns {
	float: right;
}
.center-list #sns {
	float: none;
}
/* ++++++ header-image ++++++ */
.header-image {
	margin: 0 auto;
	width: 900px;
	height: 300px;
	background: url(images/top_image.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

/* ++++++ header-image ++++++ */
.header-sub-image {
	margin: 0 auto;
	width: 900px;
	height: 300px;
	background: url(images/sub_image.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

/* ++++++ globalnavi ++++++ */
.menu {
	background-color: #ED7A7A;
	background: url(images/menu_back.gif) 0 0 repeat-x;
}
.menu-menu-container {
	margin: 0 auto;
	width: 900px;
	height: 40px;
}
.menu-menu-container li a {
	text-indent: -9999px;
}
.menu-menu-container ul li {
	width:130px;
	height:40px;
	position:relative;
	float:left;
}
.menu-menu-container ul li#menu-item-814 {
	width:120px;
}
.menu-menu-container ul li a {
	display: block;
	width:130px;
	height:40px;
	background:  url(images/menu.gif) 0 0 no-repeat;
}
.menu-menu-container ul li#menu-item-814 a {
	width:120px;
}
li#menu-item-816 a{background-position: -120px 0;}
li#menu-item-819 a{background-position: -250px 0;}
li#menu-item-815 a{background-position: -380px 0;}
li#menu-item-817 a{background-position: -510px 0;}
li#menu-item-821 a{background-position: -640px 0;}
li#menu-item-818 a{background-position: -770px 0;}

li#menu-item-814 a:hover{background-position: 0px -40px;}
li#menu-item-816 a:hover{background-position: -120px -40px;}
li#menu-item-819 a:hover{background-position: -250px -40px;}
li#menu-item-815 a:hover{background-position: -380px -40px;}
li#menu-item-817 a:hover{background-position: -510px -40px;}
li#menu-item-821 a:hover{background-position: -640px -40px;}
li#menu-item-818 a:hover{background-position: -770px -40px;}

/* ++++++ slide ++++++ */
.slide {
	margin: 5px 0;
	height:270px;
	background: url(images/main_image_back.jpg) 0 0 repeat-x;
}

.slide_inner {
	margin: 0 auto;
	padding: 10px 0;
	width: 900px;
	height: 250px;
}


/* ++++++ home ++++++ */
.home a {
	text-decoration: none;
}
.home h2#info-title {
	margin: 0;
	padding: 0;
	height 35px;
	width: 450px;
	line-height: 35px;
	background: url(images/info-title.gif) 0 0 no-repeat;
	border: none;
	text-indent: -9999px;
}
.home .center-box {
	padding: 0;
}
.home .information {
	float: left;
	width: 450px;
}
.home .information ul {
	padding: 5px 10px 5px 20px;
}

.home .social_twitter {
	float: left;
	padding: 0 10px;
}
.center .social_twitter h4 {
	border: none;
	color: #6ED76E;
}

.home .social_google {
	float: left;
}

.home .social_facebook {
	float: right;
	padding: 0 0 10px;
}

/* ++++++ wrapper ++++++ */
.wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

/* ++++++ center ++++++ */
.center {
	float: right;
}
.center {
	float: none;
	overflow: hidden;
}
.center_title {
	padding: 10px 0 0 0;
	background: url(images/contents_h1_top.gif) top no-repeat;
}
.center h1 {
	margin: 0 0 5px 0;
	padding: 0 20px 10px 20px;
	background: url(images/contents_h1_bottom.gif) 0 bottom no-repeat;
	line-height: 25px;
	font-size: 20px;
	color: #fff;
}
.column_1 {
	width: 900px;
}
.column_2 {
	width: 700px;
}
.center-list h2 {
	margin: 0 0 5px 0;
	padding: 0 10px;
	line-height: 30px;
	font-size: 18px;
	background-color: #63C1C1;
	border-top: 5px solid #055555;
	border-bottom: 5px solid #055555;

}
.center-box-inner-contents h2 {
	padding: 0 10px;
	border : 2px solid #8e0808;
	border-left : 12px solid #8e0808;
	background: none;
}
.center-box h2 a {
	color: #055555;
	text-decoration: none;
}
.center-box h2 a:hover {
	color: #DB1919;
}

.center h3 {
	margin: 5px 0;
	padding: 0 10px;
	border-left: 7px double #6ED76E;
	line-height: 1.5em;
	font-size: 16px;
}
.center h4 {
	margin: 5px 0;
	padding: 0 5px;
	line-height: 15px;
	border-bottom: 1px solid #8e0808;
	font-size: 14px;
	color: #535353;
}
.center-box {
	clear: both;
	padding: 0 0 0 10px;
}

.center-box-inner ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
	list-style-type: circle;
}
.center-box-inner ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
	list-style-type: decimal;
}

/* ++++++ left ++++++ */
.left {
	float: left;
	width: 200px;
	padding: 10px 0;
}
#sidebar ul {
	padding-left: 20px;
}
#sidebar ul li {
	list-style-type: circle;
}
.left .social_twitter {
	padding: 10px 0;
}
.left .social_google {
	padding: 0 0 10px 0;
}
.left li h2 {
	padding: 0 10px 5px 10px;;
	width: 180px;
	height: 35px;
	line-height: 35px;
	background: url(images/side_h2.gif) 0 0 no-repeat;
	color: #fff;
	font-size: 14px;
}
li#recent-posts-3 {
	padding-bottom: 10px;
}
/* ++++++ breadcrumb ++++++ */
.breadcrumb {
	margin: 10px;
}

/* ++++++ navi_link ++++++ */
.navi_link {
	margin: 10px;
	line-height: 2em;
	border-top: 2px solid #a0a0a0;
}
.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;
}

/* ++++++ footer ++++++ */
.return_top {
	margin: 0 auto;
	padding: 5px;
	width: 900px;
	height: 15px;
}
.return_top a {
	float: right;
	display: block;
	width: 100px;
	height: 15px;
	background: url(images/to_top.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.footer{
	clear: both;
	text-align: left;
	color: #ED7A7A;
}
.footer a {
	text-decoration: none;
	color: #ED7A7A;
}
.footer a:hover {
	color: #ffffff;
}
.footer-box {
	clear: both;
	border-top: 3px solid #000;
	background-color: #8e0808;
	overflow: hidden;
}
.footer-box-inner {
	margin: 0 auto;
	width: 900px;
}
.footer-box-inner_1 {
	float: left;
	padding: 5px;
	width: 200px;
}
.footer-box-inner_2 {
	float: right;
	padding: 5px;
	width: 680px;
	text-align: right;
}
.footer-box-inner_2 li {
	display:inline;
	padding:0 10px;
}
li.page-item-85 {
	border-left:2px solid #fff;
}
#rss {
	padding: 0 0 0 15px;
	background: url(images/rss.png) 0 5px no-repeat;
}
address {
	text-align: right;
	font-style: normal;
}
#powered_by {
	text-align: right;
	font-style: normal;
	font-size: 0.8em;
}


/* ++++++ タグ，検索 ++++++ */
.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 {
	padding: 10px 0 10px 10px;
}
.wpcf7 input, .wpcf7 textarea {
	width: 380px;
}
.wpcf7 input.wpcf7-submit {
	width: 50px;
}


li#search-3 label.screen-reader-text {
	display: none;
}
li#search-3 input#s {
	width: 145px;
}


#wp-table-reloaded-id-2-no-1, #wp-table-reloaded-id-3-no-1 {
	width: 680px;
	font-size: 13px;
}

/* ++++++ 会社概要／お問い合わせ ++++++ */
#aboutus table, #inquiry table {
	margin: 5px 5px 15px 5px;
}
#aboutus table th, #aboutus table td, #inquiry table th, #inquiry table td {
	padding: 5px;
	border: 1px solid #000;
}
#aboutus table th {
	width: 100px;
	background-color: #8E0808;
	color: #FFF;
}
#aboutus table td {
	width: 580px;
}
#inquiry table th {
	width: 200px;
	background-color: #8E0808;
	color: #FFF;
}
#inquiry table td {
	width: 480px;
}

td.table-portfolio {
	padding: 5px;
	border: 2px solid #077207;
	text-align: center;
}