/*
Theme Name: Pages-ink
Theme URI: http://pages.ink
Author: the WordPress team
Author URI: http://pages.ink
Description: simple so simple.suport smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pages-ink
*/

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body,
button,
input,
select,
textarea {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	font-size:15px;
	line-height: 1.6em;
	letter-spacing:0.1em;
	color:#3e3e3e;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
p{}
b,strong{font-weight: bold;}
dfn, cite, em, i {}
blockquote {}
address {}
pre {}
small {font-size: 75%;}
big {font-size: 125%;}

/*--------------------------------------------------------------
2.0 Element
--------------------------------------------------------------*/
a {
text-decoration:none;
color:#3e3e3e;/*#c80000;*/
}
a:visited {}
a:hover,
a:focus,
a:active {
}

hr {
	background-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	border: 0 none;
	height: 1px;
	margin: 22px 0;
}
hr.fade-right {
	background-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	border: 0 none;
	height: 1px;
	margin: 22px 0;
}
hr.fade-left {
	background-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -webkit-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	border: 0 none;
	height: 1px;
	margin: 22px 0;
}
strong{
	font-weight:bolder;
}

/*--------------------------------------------------------------
PARTS DESIGN
--------------------------------------------------------------*/
#btn_gotop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#btn_gotop i {
	display:block;
	font-size:200%;
}
#btn_gotop a {
    background: rgba(100,100,100,0.5);
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#btn_gotop a:hover {
    text-decoration: none;
    background: #999;
}

/* BODY & WRAP
--------------------------------------------------------------*/
body{
	background-color:#fff;
	min-width:1000px;
	position: relative;
}
.inner{
	width:980px;
	margin:0 auto;
}
.inner > img{
	width: 100%;
	height: auto;
	display: block;
    margin: 0;
}

/* Common columns definitions */
.col1, .col1p, .col2, .col2p, .col3, .col3p, .col4, .col4p, .col5, .col5p, .col6, .col6p, .col7, .col7p, .col8, .col8p, .col9, .col9p, .col10, .col10p, .col11, .col11p, .col12, .col12p {
  float: left;
  box-sizing: border-box;
  word-break:break-all;
  word-wrap:break-word;
  overflow:hidden;
}
.col1{width: 8.33%;}
.col2{width: 16.66%;}
.col3{width: 25%;}
.col4{width: 33.33%;}
.col5{width: 41.67%;}
.col6{width: 50%;}
.col7{width: 58.33%;}
.col8{width: 66.67%;}
.col9{width: 75%;}
.col10{width: 83.33%;}
.col11{width: 91.67%;}
.col12{width: 100%;}

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
        margin: 0;
}

/*--------------------------------------------------------------
SITE HEADER
--------------------------------------------------------------*/
#site-header{
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid #E7E7E7;
	width:100%;
	height: 120px;
	min-height: 30px;
	position:absolute;
	top:0;
	left:0;
	margin-bottom:15px;
}
#top-bar{
	background: #A60000;
	color:#fff;
	font-size: 10px;
	height: 30px;
}
#site-copy{
	line-height: 30px;
}
#top-bar ul{
	float:right;
}
#top-bar ul li{
	display: inline-block;
	line-height: 30px;
	font-size:12px;
	font-weight: 500;
}
#top-bar ul li a{
	color:#fff;
	padding:2px 10px;
	background:#fff;
	color: #666;
}
#top-bar ul li a i{
	color:#A60000;
}
	
#site-header #site_id{
	display:block;
	width:300px;
	float:left;
}
#site-header #site_id a{
	display:block;
	width:300px;
	height:70px;
	margin-top:10px;
	background-image: url('../images/site_id.svg');
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -999em;
	overflow: hidden;
}
#header_background{
	width:100%;
	height:130px;
}

/*--------------------------------------------------------------
SITE NAVIGATION
--------------------------------------------------------------*/
#site-navi{
	display:block;
	float:right;
}
#site-navi ul li{
	display:inline-block;
	font-size:14px;
	padding:0 5px;
}
#site-navi ul li a{
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	height: 90px;
	line-height: 90px;
	display: block;
	position: relative;
	margin-right: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#site-navi ul li a.active{
	border-bottom-color: #A60000;
	border-bottom-width: 4px;
}
#site-navi ul li:hover a:before{
	position: absolute;
	bottom: 2px;
	left: 0;
	line-height: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	content: "\f0d8";
	font-family: 'FontAwesome';
}

/*--------------------------------------------------------------
SITE FOOTER
--------------------------------------------------------------*/
#site-footer{
	min-height:300px;
	background:#A60000;
	color:#fff;
	padding-top:36px;
	font-size: 12px;
}
#site-footer a{
	color:#fff;
}
#site-footer .site_info h3{
	width:200px;
	height:70px;
	background-image: url('../images/site_id.svg');
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom:15px;
}
#site-footer .site_info p{
	line-height:18px;
}
#site-footer .site_map a{
	display:block;
	max-width:200px;
	padding:5px;
	border-bottom: 1px #fff dotted;
}
.copyright{
	text-align: center;
	margin-top:50px;
}
.sub-footer{
	background:#EE6557;
	color: #fff;
	padding:10px 0px;
}
.sub-footer p.tel{
	font-size: 26px;
	padding:10px 0px;
}
.sub-footer p.fax{
	margin-bottom:20px;
}
.sub-footer a.mail{
	display: inline-block;
	background:#fff;
	color:#A60000;
	padding:15px 10px;
}
.sub-footer h5{
	text-align: center;
	margin-bottom:10px;
}

/*--------------------------------------------------------------
SECTION
--------------------------------------------------------------*/
.section_title{
	text-align:center;
}

.lead_img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/*--------------------------------------------------------------
TOP SECTION FEATURES
--------------------------------------------------------------*/
.topsection_service{padding:40px 0px;}
.topsection_service > header{}
.topsection_service > header h1.section_title{
	margin-bottom:36px;
}
.topsection_service > header p.lead{
	margin:0 auto;
	margin-bottom:54px;
	font-size:24px;
	line-height:1.6em;
	text-align:center;
	/*color:#A60000;*/
}
.topsection_service_list article{
	padding:0px 7px;
	position: relative;
}
.topsection_service_list article h3{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:40px;
	line-height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	font-size:20px;
	color:#A60000;
}
.topsection_service_list article p{
	font-size:.85em;
	line-height:1.5em;
	margin-top:5px;
	font-weight: 400;
}
.topsection_service > footer{}

/*--------------------------------------------------------------
TOP SECTION PET
--------------------------------------------------------------*/
.topsection_pet{padding:50px 0px;
	background: #EE6557;/*rgba(255, 0, 0, 0.2);*/
	color:#fff;
}
.topsection_pet .col7{
	padding-left:20px;
}
.topsection_pet .col7 h3{
	border-bottom: 2px #fff dotted;
	padding-bottom:10px;
	font-size: 21px;
	margin:10px 0px;
	margin-bottom:15px;
}
.topsection_pet .col7 h3 span{
	display: block;
	font-size: 12px;
	margin-top:10px;
}
.topsection_pet .col7 h4{
	font-size: 18px;
}

/*--------------------------------------------------------------
TOP SECTION RECORD
--------------------------------------------------------------*/
.topsection_record{
	background-color: #ffffff;
	background-image: url(http://www.transparenttextures.com/patterns/notebook-dark.png);
	padding:50px 0px;
	}
.topsection_record > header{}
.topsection_record > header h1.section_title{
	margin-bottom:32px;
}
.topsection_record_list p{
	font-size:12px;
	text-align:center;
}
.topsection_record > footer{}

/*--------------------------------------------------------------
TOP SECTION CONTACT
--------------------------------------------------------------*/
.topsection_contact{padding:50px 0px;background:#A60000;color:#fff;}
.topsection_contact > header{}
.topsection_contact > header h1.section_title{
	font-size:22px;
	margin-bottom:16px;
}
.topsection_contact .inner > p{
	text-align: center;
	margin-bottom:25px;
}
.topsection_contact .contact_tell{
	font-size: 35px;
	text-align: center;
	padding-top:40px;
}
.topsection_contact .contact_tell span{
	font-size: 18px;
	padding-top:20px;
}
.topsection_contact a.contact_mail span{
	display: block;
	padding:20px 20px;
	text-align: center;
	background-color: #fff;
	font-size: 24px;
}
.topsection_contact a.contact_mail p{
	display: block;
	padding:20px 20px;
	text-align: center;
	background-color: #fff;
	border-top: 1px #A60000 solid;
	color:#A60000;
	font-size: 18px;
}
.topsection_contact a.contact_mail p i{
	font-size: 24px;
}
.topsection_contact > footer{}

/*--------------------------------------------------------------
TOP SECTION SHOWROOM
--------------------------------------------------------------*/
.topsection_showroom{padding-top:60px;}
.topsection_showroom > header{}
.topsection_showroom > header h1.section_title{
	font-size:24px;
	color:#A60000;
	margin-bottom:20px;
}
.topsection_showroom > header p.lead{
	margin-bottom:10px;
	font-size:16px;
	line-height:1.6em;
	text-align:center;
}
.topsection_showroom .showroom_info{
	text-align:center;
	margin-bottom:40px;
}
.topsection_showroom > footer{
	margin-top:40px;
}

/*--------------------------------------------------------------
CORDINATE
--------------------------------------------------------------*/
.section_cordinate_header{}
.section_cordinate_header > header{margin-bottom:60px;}
.section_cordinate_header h1{
	margin:20px 0px;
	font-size:1.8em;
	color:#A60000;
}
.section_cordinate_header .col8{
	padding-left:30px;
	font-size:.95em;
}
.section_cordinate_header .col4{
	padding:35px;
}
.section_cordinate_header > footer{}

.section_cordinate_menu{padding-top:60px;}
.section_cordinate_menu > header{}
.section_cordinate_menu > header h1{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_cordinate_menu h1{}
.section_cordinate_menu > footer{
	text-align:center;
	font-size:1.5em;
	line-height:1.8em;
}
.cordinate_menu_list{margin-bottom:50px;}
.cordinate_menu_list article{
	position: relative;
	padding:0px 10px;
}
.cordinate_menu_list article h3{
	position:absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:30px;
	line-height: 30px;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
	font-size:18px;
	letter-spacing: normal;
	color:#A60000;
}
.cordinate_menu_list article p{
	font-size:.85em;
	line-height:1.5em;
	margin-top:5px;
}

.section_cordinate_record{padding:60px 0px;}
.section_cordinate_record > header{}
.section_cordinate_record > header h1{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_cordinate_record h1{}
.section_cordinate_record > footer{
	text-align:center;
	font-size:1.5em;
	line-height:1.8em;
}
.cordinate_record_list{}

.cordinate_record_list > a{
	display:block;
	height:150px;
	float:left;
	margin:0 15px;
	text-align: center;
}
.cordinate_record_list > a img{
	height:150px;
	margin:0 auto;
}
.cordinate_record_list > a p{
	font-size:12px;
	text-align: center;
}

/*--------------------------------------------------------------
INTERIOR
--------------------------------------------------------------*/
.section_interior_header{}
.section_interior_header > header{margin-bottom:60px;}
.section_interior_header h1{
	margin:20px 0px;
	font-size:1.8em;
	text-align:center;
	color:#A60000;
}
.section_interior_header .lead{
	text-align:center;
	font-size:.95em;
}
.section_interior_header > footer{}


.section_interior_menu{padding-top:60px;}
.section_interior_menu > header{}
.section_interior_menu > header .section_title{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_interior_menu h1{}
.section_interior_menu > footer{
	text-align:center;
	font-size:1.5em;
	line-height:1.8em;
}
.section_interior_menu > footer span{
	font-size:.6em;
}
.interior_menu_list{margin-bottom:50px;}
.interior_menu_list article{
	position: relative;
	padding:0px 5px;
	font-size:.85em;
	line-height:1.5em;
	margin-top:5px;
}
.interior_menu_list article h3{
	position:absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:30px;
	line-height: 30px;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
	font-size:18px;
	letter-spacing: normal;
	color:#A60000;
}
.interior_menu_list article p{
	padding-top:5px;
	margin-bottom:10px;
}
.interior_menu_list article span{
	display: block;
	font-size:10px;
}

/*--------------------------------------------------------------
REFORM
--------------------------------------------------------------*/
.section_reform_header{}
.section_reform_header > header{margin-bottom:60px;}
.section_reform_header h1{
	margin:20px 0px;
	font-size:1.8em;
	text-align:center;
	color:#A60000;
}
.section_reform_header p.lead{
	text-align:center;
}
.section_reform_header .col8{
	padding-left:30px;
	font-size:.95em;
}
.section_reform_header > footer{}

.section_reform_menu{padding-top:60px;}
.section_reform_menu > header{}
.section_reform_menu > header h1.section_title{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_reform_menu h1{}
.section_reform_menu > footer{
	text-align:center;
	font-size:1.5em;
	line-height:1.8em;
}
.reform_menu_list{margin-bottom:50px;}
.reform_menu_list article{
	position: relative;
	padding:0px 5px;
	font-size:.85em;
	line-height:1.5em;
	margin-top:5px;
}
.reform_menu_list article h3{
	position:absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:30px;
	line-height: 30px;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
	font-size:18px;
	letter-spacing: normal;
	color:#A60000;
}
.reform_menu_list article p{
	padding-top:5px;
}

.section_reform_record{padding:60px 0px;}
.section_reform_record > header{}
.section_reform_record > header h1{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_reform_record h1{}
.section_reform_record > footer{
	text-align:center;
	font-size:1.5em;
	line-height:1.8em;
}
.reform_record_list{}

.reform_record_list > a{
	display:block;
	height:150px;
	float:left;
	margin:0 10px;
	text-align: center;
}
.reform_record_list > a img{
	height:150px;
	margin:0 auto;
}

.reform_record_list > a p{
	font-size:12px;
	text-align: center;
}

/*--------------------------------------------------------------
PET
--------------------------------------------------------------*/
.section_pet_header{}
.section_pet_header > header{margin-bottom:60px;}
.section_pet_header h1{
	margin:20px 0px;
	font-size:1.8em;
	text-align:center;
	color:#A60000;
}
.section_pet_header p.lead{
	text-align:center;
}
.section_pet_header .col8{
	padding-left:30px;
	font-size:.95em;
}
.section_pet_header > footer{}

.section_pet_menu{padding-top:60px;}
.section_pet_menu > header{}
.section_pet_menu > header h1.section_title{
}
.section_pet_menu h1{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_pet_menu > footer{
	text-align:center;
	font-size:1.5em;
	line-height:1.6em;
}
.pet_menu_list{margin-bottom:50px;}
.pet_menu_list article{
	position: relative;
	padding:0px 5px;
	font-size:.85em;
	line-height:1.5em;
	padding:15px 0px;
	border-bottom:1px #ccc dotted;
}
.pet_menu_list article h3{
	line-height: 30px;
	text-align: center;
	font-size:18px;
	letter-spacing: normal;
	background:#EE6557;
	color:#fff;
}
.pet_menu_list article p{
	padding:5px 0px;
}
.pet_menu_list article p a{
	color:#A60000;
}
.pet_menu_list article > div{
	padding:0px 20px;
}
.pet_menu_list article h4{
	margin-top:20px;
	font-size:18px;
	color:#A60000;
}
.pet_menu_list article h5{
	margin:10px 0px;
	font-size:18px;
	color:#0c03ac;
}

/*--------------------------------------------------------------
ABOUT
--------------------------------------------------------------*/
.section_about_header{}
.section_about_header > header{margin-bottom:60px;}
.section_about_header h1{
	margin:20px 0px;
	font-size:1.8em;
	text-align:center;
	color:#A60000;
}
.section_about_header .lead{
	text-align:center;
	font-size:.95em;
}
.section_about_header > footer{}

.section_about{padding-top:60px;}
.section_about > header{}
.section_about > header .section_title{
	text-align:left;
	font-size:20px;
	border-left:5px #A60000 solid;
	border-bottom:1px #A60000 solid;
	padding-left:15px;
	padding-bottom:5px;
	margin-bottom: 15px;
}
.section_about_content{
	padding:10px 20px;	
}
.section_about_content table{
	width: 90%;
}
.section_about_content table th{
	padding:7px 10px;
	border-bottom:1px #999 dotted;
}
.section_about_content table td{
	padding:7px 10px;
	border-bottom:1px #999 dotted;
}
.section_about > footer{
}

.section_about_message{padding-top:60px;}
.section_about_message > header{}
.section_about_message > header .section_title{
	text-align:center;
	font-size:24px;
	color:#A60000;
	margin-bottom: 35px;
}
.section_about_message_content p{
	padding:20px 35px;
}

.section_about_works{}
.section_about_works > header{}
.section_about_works > header .section_title{
	text-align:left;
	font-size:20px;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_about_works ul{
	padding:10px 20px;
}
.section_about_works ul li{
	padding:4px 0px;
}
.section_about_works > footer{
}

.section_about_history{padding-top:60px;}
.section_about_history > header{}
.section_about_history > header .section_title{
	text-align:left;
	font-size:20px;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_about_history table{
	width: 90%;
	margin-bottom:50px;
}
.section_about_history table th{
	width:120px;
	padding:7px 20px;
	border-bottom:1px #999 dotted;
}
.section_about_history table td{
	padding:7px 7px;
	border-bottom:1px #999 dotted;
}
.section_about_history > footer{
}

/*--------------------------------------------------------------
OTHERS
--------------------------------------------------------------*/
.section_makers{padding-top:60px;}
.section_makers > header{}
.section_makers > header h1.section_title{
	text-align:left;
	font-size:1.2em;
	border-left:5px #A60000 solid;
	padding-left:15px;
	margin-bottom: 15px;
}
.section_makers h1{}
.maker_text{
	padding:20px 40px;
	background-color: #e5e5e5;
	background-image: url(http://www.transparenttextures.com/patterns/notebook-dark.png);
	margin-bottom:25px;
	font-size:15px;
}
.section_makers > footer{}

.maker_marks {
	padding:10px 40px;
	}
.maker_marks a{
	display:inline-block;
	padding:5px 10px;
	background: #fff;
	}
.maker_marks img{
	height:40px;
}