/*
Theme Name: itoh-sekizai 9
Theme URI: https://itosekizai.co.jp/
Description: itoh-sekizai theme
Version: 2.9
Author: MOCHIDOME Kazuya
Author URI: https://otsukimi.net/
Tags: 

*/

/* @group reset */

/* basic rules */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,em,address,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
header,footer,address{
	margin:0;
	padding:0;
	border: none;
	outline:0;
	font-size:100%;
	vertical-align:bottom;
	background: transparent;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #333;
}

body{line-height:1.5em; font-size: 0.857em;}
h1,h2,h3{font-size: 1em;}
blockquote, q{quotes: none;}
li{list-style-type: none;}
a{text-decoration: none;}
/* remember to define focus styles */
:focus{
	outline: 0;
}

/* remember to highlight inserts somehow */
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0" in the markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
}

.none{
	display:none!important;
}

.clear{
	clear:both;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}


/* @end basic settings-------- */

/* @group UI */

#mainblock #trust-form table input,
#mainblock #trust-form table textarea{
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

#wrapper label.radio input,
#wrapper label.checkbox input {
  margin-right: 5px;
  padding-right: 5px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 320px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 5px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}



button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.submit-container input,
input.submit,
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn{
	text-decoration: none;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.submit-container input.active,
input.submit.active,
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

#mainblock .submit-container input[name="return-to-input"]{
  color: #333;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.submit-container input,
input.submit,
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.submit-container input:hover,
input.submit,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
input.submit:active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}



label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.label-wood[href],
.badge-wood[href] {
  background-color: #1a1a1a;
}


.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}



[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("img/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}


	
	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

/* @end */

/* @group structure */

body{
	background-image: url(common/bg_paper.png);
}

body{
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: -o-linear-gradient(180deg , rgb(253,243,222) 0%, rgb(254,251,246) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(253,243,222) 0%, rgb(254,251,246) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(253,243,222) 0%, rgb(254,251,246) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(253,243,222) 0%, rgb(254,251,246) 100%);
	background-image: linear-gradient(180deg , rgb(253,243,222) 0%, rgb(254,251,246) 100%);
}

#wrapper{/*★*/
	display:block;
	width:100%;
	text-align:left;
}

#wrapper{
	padding: 0px 0 0 0;
	border-top: 4px solid #503010;
}

#contents{
	clear: both;
	overflow: hidden;
	position: relative;
}

#contents a img {
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

#textband{
	clear: both;
}

#contents #text{
	max-width: 940px;
	overflow: hidden;
	margin: 0 auto 70px auto;
	padding-top: 15px;
}

.page-simple #contents #text{
	min-height: 500px;
}

#contents #contentsarea{
	width: 890px;
	overflow: hidden;
	margin: 10px auto 0;
}

#contents #mainblock{
	float: left;
}



#contents #longmainblock{
	width: 820px;
	float: none;
	margin-left: 50px;
	overflow: hidden;
}

#contents #subblock{
	width: 250px;
	float: right;
}

/* @group isiark */
body#itou-isiark{
	background: url(common/bg_header_isiark.jpg) no-repeat center top;
}

#itou-isiark #maingraphic{
	margin-top: 140px;
	text-align: right;
}

#itou-isiark #contents h1{
	width: 576px;
	height: 457px;
	font-size: 1px;
	text-indent: -9999px!important;
	margin: 0;
	float: right;
	background: url(common/isiark_title.png) no-repeat center center;
	background-size: contain;
}

#itou-isiark #contents #text{
	max-width: 1300px;
	margin: 0 auto 70px auto;
	padding-top: 15px;
}

#itou-isiark #contents #text p{
	max-width: 800px;
	margin: 0 auto 30px auto;
	padding-top: 15px;
}


/* @end */

/* @group ul.workslist */

ul.workslist{
	margin-top: 20px;
	width: 100%;
	max-width: 1180px;
	overflow: hidden;
	margin: 0 auto 60px auto;
	text-align: center;
}

ul.workslist li{
	width: 370px;
	height: 520px;
	margin: 2px 8px 18px 7px;
	padding: 0px 0px 0px 0px;

	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);

	background-color: #fff;
	letter-spacing: normal;
	overflow: hidden;
	text-align: left;
	display: inline-block;
	fGloat: left;
	vertical-align: top;
}

ul.workslist li.u2{
	width: 370px;
	height: 248px;
	margin-bottom: 18px;
	padding: 0;
	vertical-align: top;
}

ul.workslist li.u1{
	width: 178px;
	height: 248px;
	margin: 2px 8px 18px 7px;
	padding: 0;
	vertical-align: top;
}

ul.workslist li .piecephotoarea{
	overflow: hidden;
	margin: 0 0 0 0;
	width: 100%;
	height: 248px;
}

ul.workslist li .piecephotoarea .piecephoto{
	overflow: hidden;
	width: 100%;
	height: 248px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

ul.wGorkslist li .piecephotoarea .piecephoto:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;	
}

ul.workslist li.u1 .piecephotoarea{
	margin: 0  0 0 0;
	height: 158px;
	background-color: #9a9a9a;
}

ul.workslist li.u1 .piecephotoarea .piecephoto{
	height: 118px;
}

ul.workslist li .workstext{
	margin: 35px 15px 0 15px;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

ul.workslist li.u1 .workstext{
	margin: 15px  10px 0 10px;
}

ul.workslist li .workstext h3{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-align: left;
	margin: 0;
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
	margin-top: 0px!important;

}

ul.workslist li .workstext h3 a{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
}


ul.workslist li .workstext .detail{
	margin: 12px 0 0 0;
	font-size: 12px;
	line-height: 1em;
	color: #999;
}

.isiark ul.workslist{
	margin-top: 60px;
	max-width: 1300px;
}

.isiark ul.workslist li{
	width: 260px;
	height: 300px;
	margin: 2px 8px 32px 7px;
	
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);

}

.isiark ul.workslist li .piecephotoarea{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0!important;
}

.isiark ul.workslist li .piecephotoarea .piecephoto{
	width: 100%;
	height: 180px;
}

.isiark ul.workslist li .piecephotoarea a:hover .piecephoto{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	oGpacity: 1;
	fGilter: alpha(opacity=100);
	-Gmoz-opacity:1;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.isiark ul.workslist li .piecephotoarea a:hover{

}

.isiark ul.workslist li .workstext,
.isiark ul.workslist li .workstext h3,
.isiark ul.workslist li .workstext p{
	text-align: center;
	margin: 15px 10px 0 15px;
}

.isiark ul.workslist li .workstext p{
	text-align: center;
	line-height: 1.2em!important;
	font-size: 12px;
	color: #888!important;
	margin-bottom: 15px!important;
}
/* @end */

/* @group basic */
.mobile{
	display: none;
}

.before-exwide{ margin-top: 70px!important; }
.before-wide{ margin-top: 40px!important; }
.before-narrow{ margin-top: 10px!important; }
.before-none{ margin-top: 0px!important; }

.after-exwide{ margin-bottom: 70px!important; }
.after-wide{ margin-bottom: 40px!important; }
.after-narrow{ margin-bottom: 10px!important; }
.after-none{ margin-bottom: 0px!important; }

.bigger{ font-size: 1.4em!important; }
.smaller{ font-size: 0.8em!important; }

/* @end */

/* @group side-bar-type */
#Gwrapper.sidebar #text #mainblock{
	float: left;
}

#wrapper.sidebar #text #subblock{
	margin-top: 120px;
	width: 160px;
	float: right;
	display: none;
}

#wrapper.sidebar #text #subblock ul li{
	width: 100%;
	overflow: hidden;
}

#wrapper.sidebar #text #subblock ul li img{
	wGidth: 100%;
	width: 240px;
	height: auto;
	margin-left: -40px;
}


/* @end */

/* @group Float */

/* 写真のみ左右位置 */

.photoR{
	float: right;
	margin: 0 0 15px 15px;
}

.photoL{
	float: left;
	margin: 0 15px 15px 0;
}

.photoLM{
	float: left;
	margin: 0 10px 10px 8px;
}

.photoCenter{
	margin-bottom: 30px;
}

.photo{
	margin: 5px 0 10px 0;
}

.fR{
	float: right;
}

.fL{
	float: left;
}

/* @end */

/* @group header */

/* header */
#header{
	width: 100%;
}

#header1band{
	width: 100%;

}

#header1{
	width: 985px;
	height: 71px;
	margin: 0 auto;
	oGverflow: hidden;
	background: url(common/bg_header.png) center;
}

#header2band{
	width: 100%;
	mGargin-top: 25px;
}

#header2{
	width: 985px;
	margin: 0 auto;
	height: 50px;
}


div#sitename{
	width: 240px;
	height: 60px;
	float: left;
	margin-top: 5px;
	color: #fff;
}

div#sitename a{
	line-height: 1em;
	display: block;
}

#telnum{
	width: 280px;
	height: 60px;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

#telnum #pctel{
	width: 203px;
	height: 60px;
	float: left;
	margin-right: 0px;
}

#telnum .sns_fb img,
#telnum .sns_inst img{
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 22px;
	margin-right: 5px;
}

#header1 #mobiletel{
	display: none;
}

#header1 #mobile_nav_block{
	display: none;
}

#contents #header a img,
#contents #footband a img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* @group mainmenu */
.backtotop {
    position: fixed;
    right: 55px;
    bottom: 50px;
    z-index: 9000;
	color: #523414;
}    

.backtotop a {
    display: block;
    color: #523414;
    padding: 6px 6px;
    margin: 0;
    text-decoration: none;
    font-size: 50px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
}

.backtotop a .icon-chevron-sign-up {
    color: #9d784f;
	text-shadow: 0px 0px 3px rgba(255,255,255,1);
}

.backtotop a:hover .icon-chevron-sign-up {
    color: #7d5326;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}

#header2 ul#menu-main_nav{/*★*/
	width: 985px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	background: url(common/bg_mainmenu2.png);
	pGosition: absolute;
	bGottom: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}

.ToolKitStyle {
	background-color: #2EC0FE;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}



ul#menu-main_nav li {
	list-style-type: none;
	height: 50px;
	/zoom: 1;
}

ul#menu-main_nav li:first-child{
	margin-left: 15px;
}

ul#menu-main_nav li ul li:first-child{
	margin-left: 0px;
}

ul#menu-main_nav li a {
	display: block;
	text-decoration: none;
	height: 32px;
	padding: 18px 20px 0 20px;
	font-size: 13px;
	line-height: 1em;
	color: #fff;
	font-weight: normal;
}

ul#menu-main_nav li li a {
	color: #000;
}

ul#menu-main_nav li a:hover {
	background-color: #ddd;
}

#header2 ul li.menu-item {
	position: relative; /*z-indexの指定や子要素の基準とするために指定*/
	z-index: 1; /*ドロップダウンしたメニューが隠れないように*/
	float: left; /*親メニューは横1列に並べる*/
}

#header2 ul li ul.sub-menu li.menu-item a{ 
	height: 18px;
	text-align: left;
	font-size: 14px;
	line-height: 1.2em;
	padding: 10px 2px 4px 6px;
	background-image: url(common/bg-menu.png);
	border-top: #ccc solid 1px;
	color: #222;
}

/*マウスオーバー時等にメニューの色を変更*/
#header2 ul li.menu-item a:hover,   /*マウスオーバー時*/
#header2 ul li.current-menu-item a,     /*現在表示されているページのメニュー*/
#header2 ul li.current-menu-parent a,  /*現在表示されているページの親のメニュー*/
#header2 ul li.current-post-ancestor a {
  color: #888;    
}

#header2 ul li.current-menu-item a,     /*現在表示されているページのメニュー*/
#header2 ul li.current-menu-parent a,  /*現在表示されているページの親のメニュー*/
#header2 ul li.current-post-ancestor a {
  color: #fefb00;    
}
 
#header2 ul li.menu-item a:hover {
  background-color: #ddd;  /*マウスオーバー時に背景色を変更*/
}

#header2 ul li.menu-item li a:hover {
  background-color: #333;  /*マウスオーバー時に背景色を変更*/
}


#header2 ul li.menu-item a:hover {
  bGackground-color: #f7babb;  /*マウスオーバー時に背景色を変更*/
  color: #111;
}
 
#header2 ul li ul.sub-menu {
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  top: 50px;
  left: 0;
  border-top: 1px solid #EEE;  /*ボーダートップを指定*/
  width: 300px;
}

#header2 ul li#menu-item-27 ul.sub-menu,
#header2 ul li#menu-item-175 ul.sub-menu{
	width: 380px;
}

#header2 ul li:hover ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

#header2 ul li ul.sub-menu li{
  float: none;  /*サブメニューはフロートさせないので解除*/
  pGadding: 0;  /*親メニューのパディングを解除*/
  height: auto;
}
#header2 ul li ul.sub-menu li a {  
  border: 1px solid #eee;  /*ボーダーの指定*/
  border-top: none;  /*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
  padding: 10px 10px;
  bGackground-color: #FFF;
  color: #666;
  text-align: left;
}
/*サブメニューで現在表示されているページのリンクの色を変更する*/
#header2 ul li ul.sub-menu li.current-menu-item a {
  display: block;
  background-color: #ddd; 
}

/* @end */


/* @end */

/* @group footer */

#footband {
	width: 100%;
	padding-top: 0px;
	background-color: #57391a;
	-moz-box-shadow: 0px -20px 10px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px -20px 10px rgba(255,255,255,0.6);
	box-shadow: 0px -20px 10px rgba(255,255,255,0.6);
	background-image: -o-linear-gradient(180deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: linear-gradient(180deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
}

#toPageToparea #toPageTop{
	width: 150px;
	height: 20px;
	text-align: center;
	margin: 0 auto 3px auto;
	padding-top: 50px;
}

#toPageToparea #toPageTop a{
	font-size: 10px;
	color: #437f00;
	display: block;
	text-align: center;
	text-decoration: none;
}

#toPageToparea #toPageTop a:hover{
	color: #aaa;
}


#foot #footmenublock{
	width: 950px;
	margin: 0px auto 30px auto;
	padding-top: 10px;
	overflow: hidden;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#foot #footblock1,
#foot #footblock2,
#foot #footblock3,
#foot #footblock4,
#foot #footblock5{
	float: left;
	font-size: 12px;
	line-height: 1.6em;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}


#foot #footblock1{
	width: 280px;
	color: #fff;
	padding-right: 20px;
}

#foot #footblock1 #address{
	margin: 5px 0 0 10px;
	color: #fff;
}

#foot #footblock1 #address a{
	color: #fff;
}

#foot #footblock1 #qrline{
	width: 80px;
	margin-left: 20px;
	margin-top: -14px;
}

#foot #footblock2,
#foot #footblock3,
#foot #footblock4,
#foot #footblock5{
	margin-top: 8px;
}


#foot #footblock2{
	width: 180px;
	padding: 0 0 10px 5px;
	border-left: 1px solid #ccc;
}

#foot #footblock3{
	width: 140px;
	padding: 0 0 10px 5px;
	border-left: 1px dotted #ccc;
}

#foot #footblock4{
	width: 140px;
	hGeight: 100px;
	padding: 0 0 10px 5px;
	border-left: 1px dotted #ccc;
}

#foot #footblock5{
	width: 140px;
	padding: 0 0 10px 5px;
	border-left: 1px dotted #ccc;
}

#foot #footcomment{
	border-top: 1px solid #aaa;
	padding-top: 5px;
	width: 930px;
	margin: 0 auto 10px auto;
	color: #fff;
	font-size: 13px;
	line-height: 1.6em;
	text-align: center;
}


#foot #footmenublock li{
	list-style-type: none;
	color: #333;
	margin-right: 5px;
}

#foot #footmenublock li a{
	color: #fff;
	font-weight: normal;
	display: block;
}

#foot #footmenublock li li a{
	font-weight: normal;
	padding-left: 5px;
}

#foot #footmenublock li a:hover,
#foot #footblock1 #address a:hover{
	color: #999;
}

#foot #footblock1 #sitename{
	margin: 0 0 25px 0;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	hGeight: 15px;
}
#foot #footblock1 img.footerTitle{
	margin: 0 0 15px 0;
	font-size: 1.1em;
	font-weight: bold;
	width: 155px;
	height: 65px;
}

#foot #credit{
	width: 880px;
	text-align:center;
	margin:15px auto 0px auto;
	padding-top: 4px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #eee;
}

#foot a{
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#foot address{
	text-decoration: none;
	
}
/* @end */

/* @group subblock */
#subblock li a{display: block;}
#subblock li a:hover{background-color: #ffc5c5;}

/* @end */



/* @end */

/* @group contents */

a:hover img, input.rollbtn:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}


/* @group maingraphic */
#maingraphicband #maingraphic {
	display: block;
	width: 100%;
	max-width: 960px;
	word-break:break-all;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#maingraphicband #maingraphic #notebottom{
	height: 100px;
	background-color: #fff;
	width: 100%;
	color: #000;
	padding: 0px 0px;
	position: absolute;
	bottom: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	oGverflow: hidden;
}

#maingraphicband #maingraphic #pagetitle{
	wGidth: 60%;
	padding: 30px 6px 15px 0px;
	color: #413120;
	text-align: left;
	font: 30px "IwaOMinPro-Th";
	font-size: 30px;
}

#maingraphicband #maingraphic #basicdata{
	width: 25%;
	padding: 6px 10px 0 0px;
	color: #000;
	font-size: 11px;
	float: right;
}

#maingraphicband #maingraphic h1{
	padding: 65px 100px 0 0px;
}

#maingraphicband #maingraphic #notecenterright{
	width: 90%;
	color: #fff;
}




/* @end */

#Gcontents #maingraphicband{
	padding: 0 0 0px 0;
	overflow: hidden;
	-moz-box-shadow:inset 0px -4px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0px -4px 10px rgba(0,0,0,0.2);
	box-shadow:inset 0px -4px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.2);
	box-shadow:inset 0px 4px 10px rgba(0,0,0,0.2);
	background-color: #f9f7f1;
	height: 100px;
}

#contents #maingraphicband{
	margin-top: 10px;
}



#contents #pagetitle2{
	margin: 20px 0 40px 0;
}

#contents #pagetitle2 h1{
	fGont-family: "FOT-ロダン Pro L";
	font-family: "FOT-グレコ Std DB";
	font-size: 28px;
}

#contents h1{
	fGont-family: "FOT-ロダン Pro L";
	font-family: "FOT-グレコ Std DB";
	font-size: 25px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom:30px;
	color: #437f00;
}

#Gcontents #dataarea{
	margin: 0px 0 0px 0;
	oGverflow: hidden;
}

#contents h1#housename{
	margin-bottom: 4px;
	color: #fff;
	font-size: 32px;
	font-family: "FOT-ロダン Pro L";
	font-weight: normal;
	padding: 0;
}

#contents #list a{
	display:block;
	width:150px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

#contents #list a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

#contents .block a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}


#contents #mainblock{
	font-size: 14px;
	line-height: 2.6em;
	margin-bottom:30px;
	color: #413120;
}

#contents #mainblock .block{
	clear: both;
	margin-bottom:20px;
	oGverflow: hidden;
	font-size: 17px;
	line-height: 2.2em;
	margin-bottom:40px;
	color: #413120;
}

#contents #mainblock p{
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom:30px;
	color: #413120;
}

#contents #mainblock a{
	background-color: #e5e1ce;
	padding: 3px 0px 3px 0px;
	overflow: hidden;
}

#contents #mainblock h2{
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 25px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 10px 0 30px 0;
	color: #413120;
}

#contents #mainblock p.caution{
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom:30px;
	color: #777;
}

#contents #text #mainblock .entry .caption{
	margin: -40px 6px 0px 8px;
	display: block;
	color: #314964;
	font-size: 13px!important;
	font: 12px/1.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contents #mainblock a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

#contents .super{
	font-size: 0.75em;
	vertical-align: super;
}

#subblock .sidepanel {
	margin-bottom: 30px;
}

#subblock h3 {
	font-size: 13px;
	color: #437f00;
}

#subblock h3 a{
	color: #437f00;
	display: block;
	padding-bottom: 8px;
	padding-top: 8px;
}

#subblock h3 a:hover{
	background-color: #ffc5c5;
}

#subblock p {
	font-size: 0.9em;
	padding-bottom: 2px;
	color: #8e5f2f;
	margin-bottom: 20px;
}

#contents input{
	background-color: #fff;
}

#contents input.checkbox{
	margin-bottom: 0px;
}

#contents .checkelement label{
	margin-right: 20px;
}

#contents .clearbox{
	overflow: hidden;
}

#contents img.withcap{
	margin-bottom: 3px;
}

.daiku-list  .entry{
	margin-bottom: 80px;	
}

.submessage{
	line-height: 1.3em;
	font-weight: normal;
	font-size: 12px;
}

img.harf{
	width: 49%;
	height: auto;	
}


#map div{
	line-height: 2em;
}

#map .gmnoprint div div img{

}

a#banner_inquiry{
	display: block;
	text-align: center;
}

a#banner_inquiry img{
	text-align: center;
	max-width: 100%;
	margin: 10px auto;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

/* @group type */



.wagata #contents #mainblock h2,
.yokogata #contents #mainblock h2,
.shizenseki #contents #mainblock h2,
.gorintoh #contents #mainblock h2,
.shintoh #contents #mainblock h2,
.design #contents #mainblock h2{
	bGackground-color: #e9e0d0;
	bGorder-left: 5px solid #5b3c1b;
	bGorder-bottom: 1px dotted #a36523;

	background-color: #ffd7b0;
	border-left: 5px solid #e8ac71;
	border-bottom: 1px dotted #9a724b;
	padding: 5px 0 5px 15px;
	margin: 70px 0 15px 0!important;
	font-size: 20px;
	color: #5a3e24;
}


div#gravetypemenubox{
	width: 760px;
	text-align: center;
	background-color: #ebd9c8;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 0 10px 0;
	margin: 50px 0 30px 0;
}


ul#gravetypemenu{
	width: 100%;
	min-width: 280px;
	max-width: 950px;
	text-align: center;
	overflow: hidden;
	margin: 5px auto 0px;
	letter-spacing: -0.3em; /* 文字間を詰めて隙間を削除する */
}

ul#gravetypemenu li{
	width: 120px;
	hGeight: 240px;
	margin: 0 1px 10px 0px;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: 0em; /* 文字間を詰めて隙間を削除する */
}

#contents ul#gravetypemenu li a{
	background-color: #ebd9c8;
}

ul#gravetypemenu li img{
	margin-bottom: 3px;
	width: 100%;
	height: auto;
}

img.photogallerymono{
	margin: 20px 0 20px 0;
}

ul.photogallery{
	width: 100%;
	min-width: 280px;
	max-width: 950px;
	tGext-align: center;
	overflow: hidden;
	margin: 40px auto 0px;
	letter-spacing: -0.3em; /* 文字間を詰めて隙間を削除する */
}

ul.photogallery li{
	width: 42%;
	margin: 0 1px 20px 0px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 0em; /* 文字間を詰めて隙間を削除する */
}

ul.photogallery li img{
	width: 100%;
	height: auto;
}

/* @end */


/* @group defense */
.defense ul#defense_plan{
	width: 100%;
	text-align: center;
}

.defense ul#defense_plan li{
	width: 47%;
	display: inline-block;
	vertical-align: top;
}

.defense #contents #mainblock ul#defense_plan li p{
	width: 90%;
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
}


/* @end */

/* @group recruit */
.recruit table{
	margin: 0 0 60px 0;
	border-top: 1px solid #333;
	width: 80%;
}

.recruit table th,
.recruit table td{
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
	vertical-align: top;
	border-bottom: 1px solid #aaa;
	text-align: left;
}

.recruit table th{
	font-size: 16px;
	line-height: 1.5em;
}

.recruit table th.column1{
	width: 100px;
}


/* @end */

/* @group addition */

.addition #contents #mainblock h3{
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 26px;
	font-weight: normal;
	margin: 100px 0 30px 0;
	text-align: center;
}

.addition #contents #mainblock h4{
	font-size: 20px;
	font-weight: normal;
	margin-left: -10px;
	margin-bottom: 10px;
}

.addition #contents #mainblock #stepexp  p{
	margin-bottom: 0px;
}

.addition #contents #mainblock #stepexp .arrow{
	padding-left: 70px;
	font-weight: bold;
	font-size: 22px;
	color: #888;
	clear: both;
}

.addition #contents #mainblock #stepexp p .steptext{
	dGisplay: inline-block;
	display: block;
	margin-left: 10px;
}

.addition .step {
	dGisplay: inline-block;
	display: block;
	float: left;
	margin-right: 10px;
	width: 160px;
	text-align: center;
	background-color: #ffd994;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	border: #ccc solid 1px;

}


.addition table.simpletable {
	width: 80%;
	margin-left: 10%;
	border-bottom: 1px solid #888;
	background-color: #fff;
	color: #000;
	font-size: 18px;
}

.addition table.simpletable th{
	width: 40%;
	text-align: center;
	background-color: #ffd994;
}

.addition table.simpletable td,
.addition table.simpletable th{
	border-top: 1px solid #888;
}

/* @end */

/* @group point */
.point #contents #mainblock .point{
	margin: 90px 0 10px 0;
	text-align: center;
	line-height: 1.2em;
	font-style: italic;
}

.point #contents #mainblock h2{
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	margin: 0px 0 50px 0;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #111;
	padding-bottom: 20px;
	width: 90%;
	margin-left: 5%;
}

.point #contents #mainblock p{
	text-align: center;
	margin-bottom: 20px;
}



/* @end */

/* @group korokoro */
.korokorolist #maingraphic,
.korokoro #maingraphic{
	height: 200px;
	background-size: cover;
	background-image: url(common/maingraphic_korokoro2.jpg);
}

.korokoro #contents #mainblock{
	float: left;
	width: 70%;
}

.korokoro #contents h1{
	fGont-family: "IwaOMinPro-Th";
	font-family: "FOT-グレコ Std DB";
	font-size: 28px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom:50px;
	color: #333;
}

.korokoro #contents #mainblock .left{
	float: left;
	wGidth: 40%;
	margin: 5px 15px 7px 0;
}

.korokoro #contents #mainblock .lead,
.korokoro #contents #mainblock .lead p{
	margin: 5px 15px 7px 0;
	font-size: 12px;
	line-height: 1.6em;
}

.korokoro #contents #mainblock .lead{
	margin-bottom: 40px;
}

.korokoro #contents #mainblock h3{
	color: #513012;
	margin-bottom: 35px;
	padding-top: 5px;
	font-size: 19px;
	line-height: 1.2em;
	letter-spacing: -1px;
	border-top: 1px solid #513012;
}

.korokoro #contents #mainblock img.korokoro{
	margin-bottom: 15px;
	width: 100%;
	max-width: 570px;
}



.korokoro #contents #subblock{
	width: 25%;
	float: right;
	margin-top: 50px;
}

.korokoro #subblock h2 {
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	margin-top: 40px;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	padding-left: 2px;
	padding-bottom: 4px;
}

.korokoro #subblock ul ul{
	border-top: 1px #aaa solid;
}

.korokoro #subblock li li{
	border-bottom: 1px #aaa dotted;
}

.korokoro #subblock li li a{
	color: #437f00;
	display: block;
	padding: 4px 2px 4px 1px;
	font-size: 13px;
}

.korokoro #subblock li a:hover{
	background-color: #ffc5c5;
}

.korokorolist #lead p{
	width: 90%;
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 60px;
}


.korokorolist ul#korokoro li{
	width: 32%;
	float: left;
	margin: 0 1% 20px 0;
	height: 290px;
}

.korokorolist ul#korokoro li img{
	width: 100%;
	height: auto;
	wGidth: 300px;
	hGeight: 230px;
}

.korokorolist ul#korokoro li h2{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 8px;
	hGeight: 50px;
}



/* @end */

/* @group okamiblog */
.okamiblog #maingraphic{

	background-size: cover;
	background-image: url(common/maingraphic_okamiblog2.jpg);
}



.okamiblog #contents #mainblock{
	float: left;
	width: 70%;
}

.okamiblog #contents #subblock{
	width: 25%;
	float: right;
	margin-top: 50px;
}

.okamiblog #subblock h2 {
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	margin-top: 40px;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	padding-left: 2px;
	padding-bottom: 4px;
}

.okamiblog #subblock ul ul{
	border-top: 1px #aaa solid;
}

.okamiblog #subblock li li{
	border-bottom: 1px #aaa dotted;
}

.okamiblog #subblock li li a{
	color: #437f00;
	display: block;
	padding: 4px 2px 4px 1px;
	font-size: 13px;
}

.okamiblog #subblock li a:hover{
	background-color: #ffc5c5;
}




/* @end */

/* @group removal */
.removal #contents #mainblock h2{
	line-height: 1.2em;
	text-align: center;
}

.removal h2 .small{
	font-size: 18px;
	line-height: 1em;
}


.removal #contents #mainblock h2#removal2{
	text-align: center;
	margin: 60px 0 70px;
}

.addition #contents #mainblock h2,
.defense h3,
.reform h3,
.creaning h3,
.removal h3{
	text-align: center;
	font-family: "FOT-ロダン Pro L";
	letter-spacing: 10px;
	cGolor: #533416;
	color: #533416;

	font-size: 22px;
	font-weight: normal;
	margin: 70px 0 15px 0;
	padding: 6px;
	bGorder-top: 1px #533416 solid;
	bGorder-bottom: 1px #533416 solid;
	background-color: #d7d0a8;

	background-image: -o-linear-gradient(90deg , rgb(253,248,235) 0%, rgb(214,209,168) 50%, rgb(252,247,233) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(253,248,235) 0%, rgb(214,209,168) 50%, rgb(252,247,233) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(253,248,235) 0%, rgb(214,209,168) 50%, rgb(252,247,233) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(253,248,235) 0%, rgb(214,209,168) 50%, rgb(252,247,233) 100%);
	background-image: linear-gradient(90deg , rgb(253,248,235) 0%, rgb(214,209,168) 50%, rgb(252,247,233) 100%);
}



.removal .column h3{
	margin: 20px 0 50px 0;
}

.removal .column{
	border: 1px dotted #ff9b38;
	padding: 10px 15px 25px 15px;
	bGackground-color: #fdfaf5;
	background-color: #fff;
	margin-bottom: 60px;
	overflow: hidden;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.removal #contents #mainblock .column p{
	font-family: "KleePro-M";
	border-top: 1px dotted #888;
	margin-bottom: 40px;
	width: 94%;
	margin-left: 3%;
}

.removal #contents #mainblock .column p .noteline{
	font-family: "KleePro-M";
	border-bottom: 1px dotted #888;
	padding: 2px 0 6px 0;
	line-height: 2em;
}

.removal #contents #mainblock p{
	text-align: center;
}

.removal #contents #mainblock .column p{
	text-align: left;
}

.removal #contents #mainblock p.point{
	margin-left: 95px;
	width: 90%;
	margin: 0 auto 40px;
	overflow: hidden;
	text-align: left;
}

.removal #contents #mainblock .block{
	margin-bottom: 45px;
	overflow: hidden;
}

/* @end */

/* @group equipment */
.equipment #mainblock{
	width: 100%;
}

.equipment #mainblock .photocard{
	width: 300px;
	float: left;
	margin: 0 5px 20px 5px;
	text-align: center;
	line-height: 1.2em;
	font-size: 14px;
}

.equipment #mainblock .photocard.largecard{
	width: 610px;
}

.equipment #mainblock .photocard img{
	margin-bottom: 4px;
}

/* @end */

/* @group creaning */

.cGreaning h3{
	text-align: center;
	font-family: "FOT-ロダン Pro L";
	letter-spacing: 10px;
	color: #533416;
	font-size: 22px;
	font-weight: normal;
	margin: 70px 0 10px 0;
	padding: 3px;
	border-top: 1px #533416 solid;
	border-bottom: 1px #533416 solid;
}


.creaning #plan1,
.creaning #plan2,
.creaning #plan3{
	width: 45%;
	margin-top: 20px;
	margin-right: 3%;
	margin-left: 1%;
	padding-bottom: 30px;
	float: left;
	background-color: #ebe1c2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.creaning #contents #mainblock #plan1 p,
.creaning #contents #mainblock #plan2 p,
.creaning #contents #mainblock #plan3 p{
	margin: 0 15px 15px 15px;
	font-size: 14px;
	line-height: 1.6em;
}

.creaning #contents #mainblock #plan1 h2,
.creaning #contents #mainblock #plan2 h2,
.creaning #contents #mainblock #plan3 h2{
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #fff;
	padding: 15px 10px 0 10px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	text-shadow: rgba(0,0,0,1) 0px 0px 4px;
	letter-spacing: -1px;
}

.creaning #contents #mainblock #plan1 h2{
	height: 250px;
	background: url(common/photo_cleaning_1.jpg) no-repeat center;
	background-size: cover;
}

.creaning #contents #mainblock #plan2 h2{
	height: 250px;
	background: url(common/photo_cleaning_2.jpg) no-repeat center;
	background-size: cover;
}

.creaning #contents #mainblock #plan3 h2{
	background-color: #ae9f79;
	min-height: 100px;
}

.creaning #contents #mainblock table{
	margin: -10px 0 0 15px;
	border-top: 1px solid #aaa;
}

.creaning #contents #mainblock #plan1 table{
	margin-bottom: 20px;
}

.creaning #contents #mainblock strong{
	color: #7c6835;
}

.creaning #contents #mainblock table td{
	padding: 4px 2px 4px 4px;
	margin: 0;
	line-height: 1.4em;
	border-bottom: 1px solid #aaa;
	background-color: #f6edd5;
}

.creaning #contents #mainblock table td.col-1{
	width: 80px;
}


/* @end */

/* @group reform */

.reform #contents #mainblock{
	wGidth: 750px;
	float: none;
}

.reform #contents #mainblock .block{
	bGorder-top: 1px solid #ccc;
	margin-bottom:60px;
	overflow: hidden;
}

.Greform h3{
	text-align: center;
	font-family: "FOT-ロダン Pro L";
	letter-spacing: 10px;
	color: #533416;
	font-size: 22px;
	font-weight: normal;
	margin: 70px 0 10px 0;
	padding: 3px;
	border-top: 1px #533416 solid;
	border-bottom: 1px #533416 solid;
}

.reform #contents #mainblock h2{
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 26px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 30px 0 40px 0;
}

/* @end */

/* @group grave */
.grave h2 img.stepnum{
	margin: 0px 10px -25px 0;
	width: 80px;
	height: 80px;
}

.grave #contents #mainblock p{
	margin-left: 95px;
}

.grave #contents #mainblock .block{
	overflow: hidden;
	margin-bottom: 50px;
}

/* @end */

/* @group graveyard */

.graveyard #contents #mainblock{
	wGidth: 750px;
	float: none;
}

.graveyard #contents h2#grave1,
.graveyard #contents h2#grave2{
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 20px;
	font-weight: normal;
	background-color: #563718;
	color: #fff;
	padding: 4px 0 4px 8px;
	margin-top: 50px;
}

.graveyard #kohhukugrave{
	border: 1px dotted #ff9b38;
	padding: 10px 15px;
	background-color: #fef8ed;
	margin-bottom: 60px;
	overflow: hidden;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.graveyard #kohhukugrave h3{
	border-top: 1px solid #ff9b38;
	border-bottom: 1px solid #ff9b38;
	background-color: #ffddbc;
	font-size: 18px;
	color: #7f4d1c;
	padding-left: 10px;
	margin-top: 50px;
}

.graveyard #kohhukugrave td{
	padding: 4px;
	line-height: 1.5em;
}

.graveyard p{
	overflow: hidden;
}


/* @end */

/* @group quality */
.quality #contents #mainblock{
	wGidth: 750px;
	float: none;
}

.quality #contents #mainblock .block{
	margin-bottom:60px;
	overflow: hidden;
}

.quality #contents #mainblock h2 .small{
	fGont: 18px "IwaOMinPro-Th";
	font-size: 16px;
}

.quality #contents #mainblock img{
	margin-bottom: 14px;
}


/* @end */

/* @group staff */
.staff #contents #mainblock{
	wGidth: 750px;
	float: none;
}

.staff #contents #mainblock .block{
	border-top: 1px solid #ccc;
	margin-bottom:60px;
	overflow: hidden;
}

.staff .leftarea{
	width: 200px;
	float: left;
}

.staff .rightarea{
	margin-left: 200px;
}

.staff #contents #mainblock h2 .role{
	font: 20px "IwaOMinPro-Th";
	font-weight: normal;
	line-height: 1.9em;
}

.staff .leftarea img{
	margin-top: 15px;
	width: 180px;
	height: auto;
}

.staff #contents #mainblock .rightarea p{
	font-size: 15px;
	line-height: 1.8em;
}

/* @end */

/* @group consultation */

.consultation #contents #mainblock{
	width: 750px;
	float: none;
}

.consultation h3{
	color: #935100;
	fGont: 20px "IwaOMinPro-Th";
	font-family: "FOT-ニューロダン ProN DB";
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 14px;
}

.consultation #contents .qa-q{
	padding-top: 10px;
	color: #935100;
	fGont: 30px "IwaOMinPro-Th";
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
	lGetter-spacing: -1px;
}

.consultation #contents .qa-q .title-q{
	padding-top: 0px;
	color: #935100;
	fGont: 50px "IwaOMinPro-Th";
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 42px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-right: 10px;
	line-height: 1em;
}

.consultation .qa-a .qa-a-title{
	color: #6057ad;
	fGont: 26px "IwaOMinPro-Th";
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	display: block;
	line-height: 1.4em;
	lGetter-spacing: -1px;

}

.consultation .qa-a .qa-a-title .title-a{
	color: #6057ad;
	margin-right: 10px;
	fGont: 38px "IwaOMinPro-Th";
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 34px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 1em;
}

.consultation .qa-a{
	margin-bottom: 120px;
}

.consultation #contents #mainblock .column{
	border: 1px dotted #ff9b38;
	padding: 10px 15px;
	background-color: #fef8ed;
	margin-bottom: 60px;
	overflow: hidden;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.consultation #contents #mainblock .column .photonohkotsu{
	width: 140px;
	float: left;
	margin-right: 2px;
	font-size: 13px;
	line-height: 1.4em;
}

.consultation #contents #mainblock .column .photonohkotsu img{
	margin-bottom: 6px;
}

.consultation #contents #mainblock .qa-a p,
.consultation #contents #mainblock .column p{
	line-height: 1.8em;
	font-size: 15px;
}

.consultation #contents #mainblock .readmore{
	float: right;
	width: 120px;
	text-align: center;
	margin: 3px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);

	background-image: -o-linear-gradient(0deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: -moz-linear-gradient(0deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: -webkit-linear-gradient(0deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: -ms-linear-gradient(0deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);
	background-image: linear-gradient(0deg , rgb(149,119,88) 0%, rgb(80,47,12) 100%);	
}

.consultation #contents #mainblock .readmore a{
	background-color: transparent;
	color: #fff;
}

.consultation #contents #mainblock .readmore a:hover{
	color: #ccc;
}


.consultation #contents #mainblock{
	float: left;
}

.consultation #contents #subblock{
	width: 160px;
	float: right;
	margin-top: 140px;
}

.consultation #contents #subblock ul{
	border-top: 1px dotted #888;
}

.consultation #contents #subblock li{
	border-bottom: 1px dotted #888;
}

.consultation #contents #subblock li a{
	display: block;
	padding: 7px 2px 7px 3px;
}


/* @end */

/* @group single-faq */

.single-faq #maingraphic {
	min-height: 250px;
}

.Gsingle-faq #maingraphic {
	display: block;
	width: 100%;
	max-width: 960px;
	min-height: 250px;
	height: auto;
	word-break:break-all;
	margin: 0 auto;
	overflow: hidden;
	background-color: #eee;
	background-size: cover;
}


/* @end */

/* @group inquiry */

.inquiry #textband{
	margin-top: 40px;
}

.inquiry #contents h1,
.thanks #contents h1{
	font-family: "FOT-グレコ Std DB";
	font-size: 40px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 4px;	
	letter-spacing: -1px;
	color: #715624;
}

.thanks #contents h1{
	margin-top: 40px;
}

.inquiry #contents #mainblock form h2 p{
	fGont-family: "FOT-グレコ Std DB";
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 4px;	
	letter-spacing: -1px;
	color: #715624;
}


#mainblock .wpcf7-form h3{
	clear: both;
	font-size: 16px;
	line-height: 1.2em;
	margin: 20px 0 5px 0;
	background-color: #ebedd2;
	padding: 6px 0 8px 14px;
	cGolor: #808080;
	font-weight: normal;
}

#mainblock .wpcf7-form-control-wrap{
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 30px;
}

#mainblock .wpcf7-list-item{
	width: 45%;
	display: block;
	float: left;
	font-size: 17px;
	margin: 0 0 20px 0;
}

#mainblock .wpcf7-list-item .wpcf7-list-item-label{
	color: #666;
}

#contents #mainblock .wpcf7-form p{
	clear: both;
	font-size: 14px;
	line-height: 1.2em;
	margin: 2px 0 15px 0;
	color: #555;
}

#contents #mainblock .wpcf7-text,
#contents #mainblock .wpcf7-textarea{
	width: 70%;
	font-size: 14px;
}

#contents #mainblock .btn{
	width: 40%;
	font-size: 20px;
	height: 50px;
}



/* @end */
/* @group house */
.houseblock{
	margin-bottom: 100px;
}

#contents #mainblock .houseblock h2{
	margin-top: 0px;
}

/* @end */

/* @group page */
.page #maingraphic,
.news #maingraphic,
.okamiblog #maingraphic,
.korokoro #maingraphic{
	display: block;
	width: 100%;
	max-width: 960px;
	min-height: 250px;
	word-break:break-all;
	margin: 0 auto;
	overflow: hidden;
	background-size: cover;
}

.sitepolicy #text #maingraphic{
	height: 50px;
	min-height: 50px;
}

.page #contents h1,
.news #contents h1,
.single-faq #contents h1,
.okamiblog #contents #pagetitle,
.korokoro #contents #pagetitle{
	font-size: 55px;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: -30px;
	margin-bottom:80px;
	cGolor: #437f00;
	color: #503010;
	
	font-family: "FOT-グレコ Std DB";
	letter-spacing: -1px;
	text-shadow: rgba(255,255,255,1) 0px 0px 8px;

	-webkit-text-stroke: 0.2px #000;
	text-shadow: 0 0 1px #aaa, 0 0 2px #ccc, 0 0 3px #eee;
}

/* @end */

/* @group about */
.about #text table{
	margin: 0 0 60px 0;
	border-top: 1px solid #333;
	width: 80%;
}

.about #text table th,
.about #text table td{
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
	vertical-align: top;
	border-bottom: 1px solid #aaa;
}

.about #text table th{
	font-size: 16px;
	line-height: 1.5em;
}

.about #textband #text table td.column-1{
	width: 100px;
	background-color: #f0e9db;
}

.recruit table th.column1{
	width: 100px;
}

.about dl{
	width: 100%;
	margin: 50px 0 60px 0;
	overflow: hidden;
}

.about dl dt{
	clear: both;
	width: 20%;
	float: left;
	font-weight: bold;
	line-height: 1.8em;
	padding-bottom: 30px;
	padding-top: 6px;
}

.about dl dd{
	width: 80%;
	float: right;
	line-height: 1.6em;
	padding-bottom: 30px;
}

.about h3{
	clear: both;
	margin: 60px 0 5px 0;
	line-height: 1.4em;
	font-size: 20px;
}

.about ul#enkaku{
	margin: 0 0 50px 0;
	max-width: 750px;
}

.about ul#enkaku li{
	width: 49%;
	float: left;
	margin: 0 5px 30px 0;
	overflow: hidden;
}

.about ul#enkaku li#h21{
	width: 99%;
	float: left;
	margin: 0 5px 30px 0;
	overflow: hidden;
}


.about ul.accessphoto{
	margin: 0 0 50px 0;
	overflow: hidden;
}

.about ul.accessphoto li{
	width: 30%;
	float: left;
	margin: 0 5px 30px 0;
	overflow: hidden;
}

.about ul.accessphoto li .routetext{
	font-size: 13px;
	line-height: 1.4em;
	height: 35px;
}

.about ul.accessphoto#route2 li .routetext{
	height: 75px;
}


.about ul.accessphoto li img{
	width: 100%;
	height: auto;
	margin: 0 0 3px 0;
}


/* @end */

/* @group medialist */

		div.magBlock {
			width: 100%;
			margin: 0px 0px 70px 20px;
			overflow: hidden;
		}

		div.magBlock ul.magData {
			float: left;
			margin: 0 10px 20px 0;
			width: 170px;
			display: block;
		}

		div.magBlock ul.magData li{
			list-style-position: outside;
			list-style-type: none;
			padding: 2px 0px 2px 0px;
			margin: 0px 0px 0px 0px;
			font-size: 12px;
			line-height: 1.5em;
			border-top: 1px solid #aaa;
		}

		div.magBlock ul.magData li a{
			font-size: 12px;
			line-height: 1.2em;
		}

		div.magBlock div.magContents {
			float: left;
			width: 400px;
			margin: 0 10px 5px 0;

			display: block;
		}

		div.magBlock div.magContents img{
			margin-bottom: 10px;
		}

		div.magBlock .media{
			float: left;
			width: 125px;
		}
		
		div.GmagBlock .magCover{
			float: right;
			margin-left: 0px;
		}

		div#wraper div#contents{
			padding-top: 100px;
			padding-left: 10px;
			padding-bottom: 150px;
		}
		
		
#media li{
	overflow: hidden;
	padding: 10px 0 50px 0;
	border-top: 1px dotted #aaa;
}

#media li h4{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

#contents #media li p{
	font-size: 13px;
	line-height: 1.8em;
}

.medialist .mediathumb{
	width: 200px;
	float: right;
	margin-left: 15px;
}

.medialist .mediathumb img{
	width: 100%;
	height: auto;
}


/* @end */


/* @group single-piece */
.single-piece #contents #text{
	padding-top: 8px;
}

.single-piece #maingraphicband {
	background-size: cover;
	margin-bottom: 20px;
	position: relative;
}

.single-piece #maingraphicband #maingraphic {
	width: 100%;
	max-width: 983px;
	margin: 0 auto;
	position: relative;
	height: 400px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.single-piece #maingraphicband #maingraphic #maindata{
	wGidth: 38%;
	max-width: 400px;
	padding: 6px 8px 8px 8px;
	background-color: rgba(0,0,0,0.5);
	float: none;
	display: block;

  	position: absolute;
  	right: 2%;
	top: 45%;
}



.single-piece #maingraphicband #maingraphic #maindata.righttop{
	top: 2%;
}

.single-piece #maingraphicband #maingraphic #maindata.rightbottom{
	top: 75%;
}

.single-piece #maingraphicband #maingraphic #maindata.left{
  	left: 2%;
}

.single-piece #maingraphicband #maingraphic #maindata.lefttop{
	top: 2%;
  	left: 2%;
}

.single-piece #maingraphicband #maingraphic #maindata.leftbottom{
	top: 75%;
  	left: 2%;
}

.single-piece #contents #text #mainblock .entry,
.single-piece #contents #text #mainblock .entry p{
	width: 100%;
	float: none;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 40px;
}

.single-piece #contents #mainblock .entry img{
	margin-bottom: 6px;
}

.single-piece #contents #catchcopy{
	font-size: 18px;
	font-family: "FOT-ロダン Pro L";
	fGont-weight: bold;
	line-height: 1.2em;
	margin-bottom: 4px;
	color: #fff;
}

.single-piece #wrapper #maingraphicband #maingraphic h1#housename{
	font-size: 32px;
	margin: 0;
}

.single-piece #mainblock a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.single-piece #text #mainblock #area-excerpt p{
	font-size: 20px;
	font-weight: normal;
	line-height: 2em;
	margin: 0px 0 70px 4px;
}

.single-piece #wrapper #contents #mainblock{
	width: 610px;
	float: left;
	margin-bottom: 0px;
}

.single-piece #mainblock2{
	padding: 30px 10px 6px 10px;
	border-top: 1px solid #bbb;
}


.single-piece #mainblock2 h3{
	margin: 0 0 10px 0;
	color: #999;
}

.single-piece ul#works li .titlearea{
	height: 92px;
	padding: 6px 12px 4px 12px;
	text-align: center;
}

.single-piece ul#works{
	width: 100%;
	overflow: hidden;
}

.single-piece ul#works li{
	width: 23%;
}

.single-piece ul#works li h4{
	color: #4b3825;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.4em;
	height: 42px;
	border-bottom: 1px solid #ccc;
	
}



ul#works li h2{
	color: #4b3825;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	height: 50px;
	border-bottom: 1px solid #ccc;
}

.single-piece ul#works li img{
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}

.single-piece ul#works li a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.single-piece #contents #mainblock .entry a.linkpict{
	margin-top: 80px;
	display: block;
	background-color: #fff;
}

.single-piece #banner li{
	width: 100%;
	margin: 0 0 20px 0;
}

.single-piece #banner li img{
	width: 100%;
	height: auto;
}
/* @end */

/* @group subblock */
#subblock h2.widgettitle{
	font-size: 13px;
	border-top: none;
}

#subblock ul.headline{
	border-top: 1px solid #2f5900;
	margin-bottom: 30px;
}

#subblock ul.headline li{
	border-bottom: 1px dotted #2f5900;
	margin: 0;
	padding: 0;
}

#subblock ul.headline li a{
	display: block;
	padding: 8px 3px 8px 2px;
	font-size: 13px;
	line-height: 1.3em;
	color: #2f5900;
}



/* @end */

/* @group workslist */
.workslist #maingraphicband,
.workslist #maingraphic{
	display: block;	
}

.workslist #contents #mainblock{
	width: 900px;
	float: none;
}



ul#works{
	margin-top: 50px;
	padding: 0px 10px 6px 10px;
	bGorder-top: 1px solid #bbb;

	text-align: center;
}


ul#works h3{
	margin: 0 0 10px 0;
	color: #999;
}

.single-piece ul#works{
	width: 100%;
	overflow: hidden;
}

ul#works li{
	display: inline-block;
	width: 32%;
	overflow: hidden;
	margin: 2px 3px 34px 3px;
	background-color: #fffbf3;
	-moz-box-shadow: 0px 0px 6px rgba(101,99,96,0.5);
	-webkit-box-shadow: 0px 0px 6px rgba(101,99,96,0.5);
	box-shadow: 0px 0px 6px rgba(101,99,96,0.5);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul#works li .titlearea{
	height: 100px;
	padding: 10px 12px 4px 12px;
	text-align: center;
}

ul#works li h2{
	color: #4b3825;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	height: 50px;
	border-bottom: 1px solid #ccc;
}

ul#works li .titlearea .taglist{
	margin-top: 7px;
	font-size: 10px;
	line-height: 1em;
	color: #fffbf3;
}

ul#works li .titlearea .taglist a{
	color: #555;
	display: inline-block;
	margin: 0 0 2px 0;
	background-color: #ffe6cd;
	padding: 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul#works li .titlearea .taglist a:hover{
	color: #7f7f7f;
	background-color: #fff0e1;
}

ul#works img{
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}

ul#works a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}


/* @end */

/* @group simpletable */

table.simpletable {
	clear: both;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	vertical-align: text-top;
	margin: 5px 0 30px 0;
	width: 500px;
	border-bottom: 1px solid #ccc;
}

table.simpletable.short {
	width: 200px;
}

table.simpletable.narrowbottom {
	margin-bottom: 5px;
}


table.simpletable.wide {
	width: 575px;
}

table.simpletable th{
	vertical-align: text-top;
	background-color: #eee;
	border-top: 1px solid #ccc;
	padding: 3px 6px 3px 5px;
	font-weight: normal;
	height: 100%;
	font-size: 0.8em;
	color: #444;
	line-height: 1.5em;
	text-align: left;
	width: 100px;
}


table#office.simpletable th{
	width: 150px;
}
	
	
table.simpletable td{
	vertical-align: text-top;
	border-top: 1px solid #ccc;
	padding: 3px 8px 3px 8px;
	font-size: 0.8em;
	color: #444;
	line-height: 1.5em;
	text-align: left;
}

table.simpletable th.end, table.simpletable td.end{
	border-right: none;
}

table.simpletable tr.end th, table.simpletable tr.end td{
	border-bottom: 1px solid #ccc;
}



/* @end */

/* @group inquiry */
body.inquiry{
	
}

.inquiry #contents{
	
}

.inquiry #contents form{
	width: 700px;
}

.inquiry #contents dt .title{
	fGont-family: "AGaramondPro-Regular","HiraMinProN-W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ Ｐゴシック",sans-serif;
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #b07f58;
}

.inquiry #contents dd p{
	font-size: 0.9em;
	line-height: 1.2em;
	color: #888;
	margin-bottom: 4px;
}

.inquiry #contents dd{
	margin-bottom: 30px;
}

.inquiry #contents dd input.text{
	width: 400px;
}

.inquiry #contents dd textarea{
	width: 700px;
}

.inquiry div#trust-form table span.require{
	background-color: #ec6969;
	color: #fff;
	padding: 1px 4px;
	font-size: 11px;
	float: right;
}

.inquiry div#trust-form table{
	border-top: 1px solid #bbb;
}
/* @end */

/* @group news */

.news #text #maingraphic {
	background-image: url(common/maingraphic_news.jpg);
	height: 250px;
}

.news #contents #mainblock{
	width: 630px;
	float: left;
}

.news #contents h1{
	fGont-family: "IwaOMinPro-Th";
	font-family: "FOT-グレコ Std DB";
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom:80px;
	cGolor: #437f00;
	color: #333;
}

.news #contents #textband #mainblock .date,
.blog #contents #textband #mainblock .date{
	line-height: 1.4em;
	margin: 5px 0 0px 3px;
	font-size: 14px;
	color: #555;
}

.news #contents #textband #mainblock h2,
.blog #contents #textband #mainblock h2{
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.news #contents #textband #mainblock h3,
.blog #contents #textband #mainblock h3{
	font-size: 16px;
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 30px;
	color: #666;
	margin-left: 2px;
}


.news #contents #longcenterblock{
	width: 620px;
	float: left;
}

.news .newsblock{
	margin-bottom: 80px;
}

.news #contents #textband #mainblock .block,
.blog #contents #textband #mainblock .block{
	margin-bottom: 30px;
	background-color: #fffdfa;
	pGadding: 5px 18px 25px 20px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.news #contents #textband #mainblock .block .titlearea,
.blog #contents #textband #mainblock .block .titlearea{
	margin-bottom: 30px;
	bGackground-color: #f8d092;
	background-color: #fadfb6;
	padding: 5px 18px 10px 20px;

	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;

	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.news #contents #textband #mainblock .block .contentsarea,
.blog #contents #textband #mainblock .block .contentsarea{
	padding: 0px 18px 10px 20px;
}


.news #contents #textband #mainblock img,
.blog #contents #textband #mainblock img{
	max-width: 100%;
	height: auto;
}

.news #contents #mainblock .left{
	float: left;
	wGidth: 40%;
	margin: 5px 15px 7px 0;
}

.news #contents #textband #mainblock .toPageTop{
	font-size: 11px;
	display: none;
}

.news #contents #subblock{
	width: 25%;
	float: right;
	margin-top: 50px;
}

.news #subblock ul ul {
	margin-bottom: 30px;
	border-top: 1px solid #2f5900;
}

.news #subblock ul{
	border-top: none;
}

.news .news #subblock li {
	border-bottom: none;
	list-style-type: none;
}

.news #subblock li li{
	border-bottom: dotted 1px #888;
	list-style-type: none;
}

.news #subblock li a{
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 4px 2px 4px 1px;
	text-decoration: none;
}

.news #subblock li a:hover{
	background-color: #eee;
}

/* @end */

/* @group top2 */
.home #header1{
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}

/* @group スライドショー_メニュー周り */

.home #wrapper #contents #maingraphicband{
	position: relative;
	margin-top: 0;
	background-color: #dbc8bf;
	-moz-box-shadow: 0px 9px 10px rgba(255,255,255,0.8), inset 0px -2px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 9px 10px rgba(255,255,255,0.8), inset 0px -2px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 9px 10px rgba(255,255,255,0.8), inset 0px -2px 8px rgba(0,0,0,0.3);
	background-image: -o-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
}

.top #contents #maingraphicband #maingraphic{
	max-width: 1400px;
	width: 100%;
	hGeight: auto;
	overflow: hidden;
	padding: 0;
}

.top #contents #maingraphicband #topcopy{
	position: absolute;
	width: 100px;
	height: 273px;
	top: 17%;
	right: auto;
	left: 45%;
}

.top #contents #header1band{
	pGosition: absolute;
	top: 0px;
}

.top #contents #header1band #header1{
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.top #contents #header2band{
	position: relative;
	top: -20px;
}



/* @end */
.topblock{
	width: 100%;
}

.topblock .top_contentsarea{
	max-width: 960px;
	margin: 30px auto 40px auto;
}

.top #contents #topblock_1 h2,
.top #contents #topblock_2 h2,
.top #contents #topblock_3 h2,
.top #contents #topblock_4 h2,
.top #contents #topblock_5 h2,
.top #contents #topblock_6 h2,
.top #contents #topblock_7 h2,
.top #contents #topblock_8 h2,
.Gtop #contents #topblock_9 h2,
.top #contents #topblock_10 h2,
.top #contents #topblock_11 h2,
.top #contents #topblock_12 h2{
	font-family: "FOT-筑紫A丸ゴシック Std B";
	font-weight: normal;
	font-size: 30px;
	line-height: 1.2em;
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}

.top #contents #topblock_2 h2,
.top #contents #topblock_3 h2,
.top #contents #topblock_6 h2,
.top #contents #topblock_7 h2{
	margin-bottom: 0px;
}

/* @group #topblock_1 キャッチ */
#topblock_1{
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
}

#topblock_1 .top_contentsarea{
	width: 100%;
	overflow: hidden;	
}


.top #contents #topblock_1 #topcopy_top{
	overflow: hidden;
	margin-bottom: 30px;
}

.top #contents #topblock_1 #topcopy_left{
	width: 200px;
	height: 140px;
	text-align: center;
	float: left;
}

.top #contents #topblock_1 #topcopy_right{
	width: 150px;
	height: 140px;
	float: right;
	text-align: center;
}

.top #contents #topblock_1 #topcopy_center{
	width: 550px;
	margin-left: 210px;
	padding-top: 30px;
}


#topblock_1 ul#usecase{
	width: 93%;
	padding: 10px;
	background-color: #fff;
	border: 3px double #d59263;
	margin: 5px 0 0 0;
}

#topblock_1 ul#usecase li{
	font-size: 15px;
	line-height: 1.5em;
	padding: 3px 0;
	list-style-type: circle;
	margin-left: 20px;
	padding-left: 0px;
	text-shadow: rgba(147,111,87,0.4) 0px 0px 3px;
	color: #7e563a;
	font-weight: bold;
}

#topblock_1 #top_leftside_1{
	width: 43%;
	max-width: 450px;
	float: left;
	margin-left: 8px;
}

#topblock_1 #top_rightside_1{
	width: 50%;
	max-width: 450px;
	float: right;
	margin-right: 8px;
}

#topblock_1 #top_leftside_1 img{
	width: 100%;
	height: auto;
}

#topblock_1 #top_rightside_1 h3{
	font-family: "FOT-筑紫A丸ゴシック Std B";
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2em;
	color: #692d08;
}

#topblock_1 #top_rightside_1 .topcatch_body{
	margin: 10px 0 30px 0;
	padding-left: 105px;
	font-size: 14px;
	line-height: 1.6em;
	min-height: 100px;
}

#topblock_1 #top_rightside_1 #tpb1{
	background: url(common/top_point_1.png) no-repeat;
}

#topblock_1 #top_rightside_1 #tpb2{
	background: url(common/top_point_2.png) no-repeat;
}

#topblock_1 #top_rightside_1 #tpb3{
	background: url(common/top_point_3.png) no-repeat;
}

#topblock1 .textside p{
	font-size: 15px;
	line-height: 1.8em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
}


/* @end */

/* @group #topblock_2 メニュー  */

#topblock_2{
	background-color: rgba(255,255,255,0.8);
	overflow: hidden;
}

#topblock_2 p{
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 auto 20px;
	width: 90%;
}

#topblock_2 ul#banner{
	width: 100%;
	min-width: 280px;
	max-width: 950px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto 0px;
}

#topblock_2 ul#banner li{
	margin: 2px 3px 24px 3px;
	display: inline-block;
	font-size: 12px;
}

#topblock_2 ul#banner li a{
	-moz-box-shadow: 0px 0px 8px rgba(101,99,96,0.6);
	-webkit-box-shadow: 0px 0px 8px rgba(101,99,96,0.6);
	box-shadow: 0px 0px 8px rgba(101,99,96,0.6);
	display: block;
	margin-bottom: 4px;
}



/* @end */

/* @group #topblock_3 お墓の形  */

#topblock_3{
	width: 100%;
	overflow: hidden;
}

#topblock_3 p{
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 auto 20px;
	width: 90%;
}

#topblock_3 ul#gravetype{
	width: 100%;
	min-width: 280px;
	max-width: 950px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto 0px;
	letter-spacing: -0.3em; /* 文字間を詰めて隙間を削除する */
}

#topblock_3 ul#gravetype li{
	width: 153px;
	height: 240px;
	margin: 0 1px 0px 0px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 0em; /* 文字間を詰めて隙間を削除する */
}

#topblock_3 ul#gravetype li img{
	margin-bottom: 3px;
}



/* @end */

/* @group #topblock_3 事業 */
#divisiontype{
	text-align: center;
}

#divisiontype li{
	width: 210px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	vertical-align: top;
}

#divisiontype li img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

/* @end */

/* @group #topblock_4 よろこびの声  */

#topblock_4{
	width: 100%;
	overflow: hidden;
	background-color: #f8c7a7;
}

#topblock_4 ul#topworks{
	width: 100%;
	min-width: 260px;
	max-width: 930px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto 0px;
}

#topblock_4 ul#topworks li{
	margin: 0px 5px 40px 5px;
	display: inline-block;
	width: 280px;
}

#topblock_4 ul#topworks img{
	width: 94%;
	height: auto;
	margin-bottom: 2px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

#topblock_4 ul#topworks li .titlearea{
	height: 48px;
	padding: 5px 12px 4px 12px;
	text-align: center;
}

#topblock_4 ul#topworks li h3{
	color: #333;
	margin: 0;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: normal;
}

#topblock_4 a#piecelist{
	display: block;
	width: 300px;
	text-align: center;
	margin: 0 auto 10px auto;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	padding: 15px;
	background-color: #521b92;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* @end */

/* @group #topblock_5 おかみブログ  */

#topblock_5{
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}

#topblock_5 #top_leftside_2{
	width: 45%;
	max-width: 450px;
	float: left;
	overflow: hidden;
	margin-left: 8px;
}

#topblock_5 #top_rightside_2{
	width: 50%;
	max-width: 450px;
	float: right;
	oGverflow: hidden;
	margin-right: 8px;
}

#topblock_5 ul#top_korokoro{
	overflow: hidden;
	margin: 8px 0 50px 0;
}

#topblock_5 ul#top_korokoro li{
	width: 49%;
	float: left;
	margin-right: 1px;
	text-align: center;
}

#topblock_5 ul#top_korokoro li img{
	width: 100%;
	height: auto;
	margin-bottom: 3px;
}

#topblock_5 ul#top_korokoro li h3{
	font-size: 13px;
	line-height: 1.3em;
}


#topblock_5 h3{
	font-size: 24px;
	font-family: "FOT-筑紫A丸ゴシック Std B";
	font-weight: normal;
	margin-bottom: 10px;
}

#topblock_5 #top_rightside_2 img{
	max-width: 100%;
	height: auto;

}

#topblock_5 ul.headline{
	width: 100%;
	min-width: 260px;
	border-top: 1px #999 solid;
	margin: 10px auto 40px auto;
}

#topblock_5 ul.headline li{
	border-bottom: 1px #999 dotted;
}

#topblock_5 ul.headline li a{
	display: block;
	padding: 3px;
	font-size: 14px;
	line-height: 1.1em;
}

#topblock_5 ul.headline li a .time{
	font-size: 12px;
	color: #888;
}

#topblock7 ul.headline li a:hover{
	background-color: #ffc5c5;
}

	
/* @end */

/* @group #topblock_8 6つの特徴  */
#topblock_8{
	width: 100%;
	bGackground-color: #fff;
	padding-top: 40px;
	overflow: hidden;
}

#topblock_8 #point{
	width: 100%;
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
}

#topblock_8 #point li{
	width: 220px;
	height: 300px;
	display: inline-block;
	margin: 0 20px 30px 20px;
}

#topblock_8 #point li img{
	width: 220px;
	height: 220px;
	-moz-border-radius: 110px;
	-webkit-border-radius: 110px;
	border-radius: 110px;
	margin-bottom: 5px;
}

#topblock_8 #point li .pnttext{
	font-size: 13px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0;
}


/* @end */

/* @group #topblock9 スタッフ  */

#topblock_9{
	width: 100%;
	bGackground-color: #fff;
	pGadding: 10px;
	padding: 40px 0 50px 0;
	overflow: hidden;
	background-color: #fefaf4;
}

#topblock_9 .top_contentsarea{
	width: 100%;
	max-width: 900px;
	height: 500px;
	margin: 0px auto;
	text-align: center;
	background: url(common/top_staff2.jpg) center top;
	background-size: cover;
	position: relative;
}


#topblock_9 .textside{
	mGargin: 500px auto 0;	
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 600px;
}

#topblock_9 h2{
	margin: 0;
	font-size: 38px;
	line-height: 1.2em;
	color: #fff;
	text-shadow: rgba(0,0,0,1) 0px 0px 8px;
}

#topblock_9 p{
	margin: 10px 0 0 0;
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
	font-weight: bold;
	text-shadow: rgba(0,0,0,1) 0px 0px 8px;
}

#Gtopblock_9 p strong{
	font-size: 19px;
	lGine-height: 1.7em;
}

#topblock_9 img{
	display: none;
	max-width: 620px;
	width: 100%;
	height: auto;
}

/* @end */

/* @group #topblock_12 石あるく */

.top #contents #topblock_12{
	clear: both;
	padding-top: 30px;
	text-align: center;
	background-color: #fff;
	padding-bottom: 50px;
}

.top #contents #topblock_12 img{
	margin: 0px auto 10px auto;
}



/* @end */

/* @group #topblock_10 バナー */

.top #contents #topblock_10{
	clear: both;
	padding: 30px 0 10px 0;
	background-color: #fff;
}

.top #contents #topblock_10 ul{
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	max-width: 1000px;
}

.top #contents #topblock_10 ul li{
	display: inline-block;
	margin: 2px 3px 20px 3px;
}


.top #contents #topblock_10 #bannerarea{
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	max-width: 1000px;
}

.top #contents #topblock_10 #bannerarea img{
	display: inline-block;
	margin: 2px 3px 20px 3px;
}

#facebook{
	width: 500px;
	margin: 0 auto 30px;	
}


/* @end */


/* @end */

/* @group top */
.home #header1{
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}

/* @group スライドショー_メニュー周り */

.home #wrapper #contents #maingraphicband{
	margin-top: 0;
	background-color: #dbc8bf;
	-moz-box-shadow: 0px 9px 10px rgba(255,255,255,0.8), inset 0px -2px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 9px 10px rgba(255,255,255,0.8), inset 0px -2px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 9px 10px rgba(255,255,255,0.8), inset 0px -2px 8px rgba(0,0,0,0.3);
	background-image: -o-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
	background-image: linear-gradient(180deg , rgb(250,241,237) 0%, rgb(218,198,187) 100%);
}

.top #contents #maingraphicband #maingraphic{
	max-width: 1400px;
	width: 100%;
	hGeight: auto;
	overflow: hidden;
	padding: 0;
}

.top #contents #header1band{
	position: absolute;
	top: 0px;
}

.top #contents #header1band #header1{
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.top #contents #header2band{
	position: relative;
	top: -20px;
}



/* @end */

/* @group #topblock1 長く安心してお参りできるお墓づくり */
#topblock1{
	width: 100%;
	background: url(common/bg_topblock12.jpg) right top;
	background-size: cover;
	margin-top: 50px;
}

#topblock1 .graphicarea{
	width: 100%;
	padding: 20px 0 20px;
	background: url(common/bg_topblock1_grad.png) repeat-x 0 top;
	bGackground-size: cover;
	height: 400px;
}


#topblock1 .textside{
	width: 100%;
	max-width: 900px;
	margin: 150px auto 0;
}

#contents.toptext #topblock1 .textside{
	margin-top: 50px;
	min-height: 365px;
}

#topblock1 .textside h2{
	font-size: 30px;
	color: #fff;
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.2em;
}

#topblock1 .textside p{
	font-size: 15px;
	line-height: 1.8em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
}


/* @end */

/* @group #topblock2 こころをつなぐお墓づくり */

#topblock2{
	width: 100%;
	bGackground-color: #ddd;
	min-height: 220px;
	padding-top: 80px;
	padding-bottom: 70px;
	overflow: hidden;
	background-image: -o-linear-gradient(-180deg , rgb(252,235,200) 0%, rgb(254,251,245) 100%);
	background-image: -moz-linear-gradient(-180deg , rgb(252,235,200) 0%, rgb(254,251,245) 100%);
	background-image: -webkit-linear-gradient(-180deg , rgb(252,235,200) 0%, rgb(254,251,245) 100%);
	background-image: -ms-linear-gradient(-180deg , rgb(252,235,200) 0%, rgb(254,251,245) 100%);
	background-image: linear-gradient(-180deg , rgb(252,235,200) 0%, rgb(254,251,245) 100%);

}

#topblock2 .graphicarea{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	overflow: hidden;
	background: url(common/jyuzu.png) no-repeat left top;
}

#topblock2 .textside{
	width: 50%;
	float: right;
	margin: 0 auto;
	padding-bottom: 50px;
}

#topblock2 .textside h2{
	font-size: 30px;
	color: #3c3e38;
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1.2em;
}

#topblock2 .textside p{
	font-size: 15px;
	line-height: 1.8em;
	color: #3c3e38;
	font-weight: normal;
	margin-bottom: 20px;
}


/* @end */

/* @group #topblock3 ずっとお参りしたくなるお墓づくり */

#topblock3{
	width: 100%;
	background-color: #ffdfa1;
	min-height: 350px;
	padding-top: 50px;
}

#topblock3 .textside{
	width: 50%;
	min-width: 500px;
	margin: 0 auto;
	padding-bottom: 20px;
}


#topblock3 .textside h2{
	font-size: 30px;
	text-align: center;
	color: #3c3e38;
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	font-weight: normal;
	margin-bottom: 40px;
	line-height: 1.2em;
}

#topblock3 .textside p{
	font-size: 15px;
	line-height: 1.8em;
	color: #3c3e38;
	font-weight: normal;
	margin-bottom: 20px;
}

#topblock3 .graphicarea{
	width: 100%;
	height: 215px;
	background: #000 url(common/bg_topblock3.jpg) center top;
}

/* @end */

/* @group #topblock4 安心が見えるお墓づくり */

#topblock4{
	width: 100%;
	background-color: #fff;
	padding-top: 50px;
	background-image: -o-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: -moz-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: -webkit-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: -ms-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
}

.ToolKitStyle {
	background-color: #2EC0FE;
	background-image: -o-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: -moz-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: -webkit-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: -ms-linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
	background-image: linear-gradient(0deg , rgb(252,235,200) 0%, rgb(254,251,245) 33%);
}



#topblock4 .graphicarea{
	width: 100%;
	min-height: 350px;
	background: url(common/bg_topblock42.png) no-repeat right bottom;
	bGackground-size: contain;
}

#topblock4 .textside{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 50px;
}


#topblock4 .textside h2{
	font-size: 30px;
	color: #3c3e38;
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1.2em;
}

#topblock4 .textside p{
	width: 500px;
	font-size: 15px;
	line-height: 1.8em;
	color: #3c3e38;
	font-weight: normal;
	margin-bottom: 20px;
}




/* @end */

/* @group #topblock5 メニュー  */

#topblock5{
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	padding: 40px 0 40px;
}

#topblock5 h2{
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	margin: 0 auto 40px;
}

#topblock5 p{
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 auto 20px;
	width: 90%;
}

#topblock5 ul#banner{
	width: 100%;
	min-width: 280px;
	max-width: 950px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto 0px;
}

#topblock5 ul#banner li{
	margin: 2px 3px 24px 3px;
	display: inline-block;
	
	-moz-box-shadow: 0px 0px 8px rgba(101,99,96,0.6);
	-webkit-box-shadow: 0px 0px 8px rgba(101,99,96,0.6);
	box-shadow: 0px 0px 8px rgba(101,99,96,0.6);
}




/* @end */

/* @group #topblock6 お墓の例  */

#topblock6{
	width: 100%;
	bGackground-color: #ddd;
	padding: 40px 0 40px;
}

#topblock6 h2{
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	margin: 0 auto 40px;
}

#topblock6 ul#works{
	width: 100%;
	min-width: 260px;
	max-width: 700px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto 0px;
}

#topblock6 ul#works li{
	margin: 2px 3px 24px 3px;
}

#topblock6 ul#works li .titlearea{
	height: 48px;
	padding: 5px 12px 4px 12px;
	text-align: center;
}

#topblock6 ul#works li h3{
	color: #333;
	margin: 0;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: normal;
}

#topblock6 a#piecelist{
	display: block;
	width: 300px;
	text-align: center;
	margin: 0 auto 10px auto;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	padding: 15px;
	background-color: #521b92;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* @end */

/* @group #topblock7 おかみブログ  */

#topblock7{
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding: 40px 0 40px;
}

#topblock7 h2{
	font-size: 24px;
	font-weight: normal;
}

#topblock7 ul.headline{
	width: 80%;
	min-width: 260px;
	max-width: 700px;
	border-top: 1px #999 solid;
	margin: 10px auto 0px auto;
}

#topblock7 ul.headline li{
	border-bottom: 1px #999 dotted;
}

#topblock7 ul.headline li a{
	display: block;
	padding: 3px;
	font-size: 14px;
	line-height: 1.1em;
}

#topblock7 ul.headline li a .time{
	font-size: 12px;
	color: #888;
}

#topblock7 ul.headline li a:hover{
	background-color: #ffc5c5;
}

	
/* @end */

/* @group #topblock8 6つの特徴  */
#topblock8{
	width: 100%;
	bGackground-color: #ddd;
	padding-top: 40px;
}

#topblock8 h2{
	fGont-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-family: "FOT-ニューロダン ProN DB";
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 30px;
}



#topblock8 #point{
	width: 100%;
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
}

#topblock8 #point li{
	width: 220px;
	height: 300px;
	display: inline-block;
	margin: 0 20px 30px 20px;
}

#topblock8 #point li img{
	width: 220px;
	height: 220px;
	-moz-border-radius: 110px;
	-webkit-border-radius: 110px;
	border-radius: 110px;
	margin-bottom: 5px;
}

#topblock8 #point li .pnttext{
	font-size: 13px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0;
}


/* @end */

/* @group #topblock9 スタッフ  */

#topblock9{
	background-color: #fff;
	padding: 10px;
}

#topblock9 .graphicarea{
	width: 100%;
	max-width: 900px;
	height: 500px;
	margin: 0px auto;
	text-align: center;
	background: url(common/top_staff.jpg) center top;
	background-size: cover;
	position: relative;
}


#topblock9 .textside{
	mGargin: 500px auto 0;	
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 600px;
}

#topblock9 h2{
	margin: 0;
	font-size: 38px;
	line-height: 1.2em;
	color: #fff;
	text-shadow: rgba(0,0,0,1) 0px 0px 8px;
}

#topblock9 p{
	margin: 10px 0 0 0;
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
	font-weight: bold;
	text-shadow: rgba(0,0,0,1) 0px 0px 8px;
}

#Gtopblock9 p strong{
	font-size: 19px;
	lGine-height: 1.7em;
}

#topblock9 img{
	display: none;
	max-width: 620px;
	width: 100%;
	height: auto;
}

/* @end */

/* @group #topblock10 バナー */

.top #contents #topblock10{
	clear: both;
	padding-top: 30px;
}

.top #contents #topblock10 ul{
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	max-width: 1000px;
}

.top #contents #topblock10 ul li{
	display: inline-block;
	margin: 2px 3px 20px 3px;
}


.top #contents #topblock10 #bannerarea{
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	max-width: 1000px;
}

.top #contents #topblock10 #bannerarea img{
	display: inline-block;
	margin: 2px 3px 20px 3px;
}

#facebook{
	width: 500px;
	margin: 0 auto 30px;	
}


/* @end */


/* @end */



/* @end */

/* iPads (portrait) 710 - 990 ----------- */

@media screen and (min-width : 710px) 
and (max-width : 990px) {
	body{-webkit-text-size-adjust:none;}
	
	#wrapper #header{
		width: 100%;
        word-break:break-all;
	}


	#wrapper #contents{
		width: 100%;
        height: auto;
        word-break:break-all;
	}

	#wrapper #text{
		width: 95%;
        height: auto;
        word-break:break-all;
	}

	#wrapper #text #mainblock{
		wGidth: 67%;
        height: auto;
        word-break:break-all;
	}
	
	#wrapper #text #subblock{
		width: 27%;
        height: auto;
        word-break:break-all;
	}
		
	#wrapper #footer{
		width: 100%;
        height: auto;
        word-break:break-all;
	}

	#foot #footcomment{
		width: 95%;
	}

	#foot #footcomment br{
		display: none;
	}

/* @group header */
#wrapper #header1{
	width: 100%;
	background: url(common/bg_header2.png) center;
}

#wrapper #header2{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#wrapper #header2 ul#menu-main_nav{/*★*/
	width: 100%;
	height: auto;
	float: none;
	margin: 0px auto;
	height: 40px;
	text-align: center;

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#wrapper #header2 ul#menu-main_nav li{
	float: none;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	float: none;
}

#wrapper #header2 ul#menu-main_nav li a {
	height: 27px;
	padding: 13px 4px 0 4px;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: -0.5px;
}

ul#menu-main_nav li:first-child{
	margin-left: 0;
}

#header2 ul li ul.sub-menu {
  top: 40px;
  width: 300px;
}

#Gwrapper #header2 ul#menu-main_nav li ul.sub-menu li.menu-item{
	height: 35px;
	background-image: url(common/bg-menu.png);
}

#wrapper #header2 ul#menu-main_nav li ul.sub-menu li.menu-item a{
	display: block;
	height: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 1em;
	padding: 10px 2px 4px 6px;

	border-top: #ccc solid 1px;
	color: #222;
}

#wrapper #header2 ul#menu-main_nav li li{
	float: left;
	width: 100%;
	line-height: 1em;
	height: 35px;
}

/* @end */

/* @group contents */
#wrapper #contents #maingraphicband{
	margin-top: 20px;
}

#Gwrapper #maingraphicband #maingraphic h1{
	margin-bottom: 0;
	margin-top: -0.5em;
	font-size: 14px;
}

#wrapper #text #mainblock img:not(.nonresize){
	max-width: 100%;
	height: auto;
}
	
	#wrapper #block-sidebar{
		border-top: 2px dotted #aaa;
		padding-top: 20px;
		clear: both;
		float: none;
		width: 100%;
	}

	#wrapper #block-sidebar ul.submenu li,
	#wrapper #block-sidebar ul ul li{
		margin-right: 6px;
		width: 165px;
		overflow: hidden;
	}


	
	#wrapper #wpblog #block-sidebar ul.submenu li,
	#wrapper #wpblog #block-sidebar ul li.widget_recent_entries ul li a{
		height: 60px;
	}

	.inquiry #contents form{
		width: 98%;
	}

.about ul.accessphoto li{
	width: 47%;
}

.korokorolist ul#korokoro li{
	margin: 0 1% 20px 0;
	height: 250px;
}

/* @group type */



div#gravetypemenubox{
	width: 100%;
}


/* @end */

/* @group equipment */
.equipment #mainblock .photocard{
	width: 31%;
}

.equipment #mainblock .photocard.largecard{
	width: 63%;
}


/* @end */

/* @group worklist */

#wrapper.workslist ul#works li{
	width: 31%;
}
	
.workslist ul#works h2{
	font-size: 14px;
}

.Gworkslist ul#works li .titlearea{
	height: 120px;
	padding: 7px 10px 4px 10px;
}

#wrapper.workslist ul#works li .titlearea{
	height: 95px;
	padding: 5px 7px 4px 7px;
}

.workslist ul#works li .titlearea .taglist a{
	margin: 0 0 2px 0;
	padding: 3px 5px;
}

/* @end */

/* @group top */
.top #contents #header1band #header1{
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
	
.top #wrapper #maingraphictop{
	width: 100%;
}

.top #wrapper #text #mainblock{
	clear: both;
	overflow: hidden;
}
.top #contents #text #mainblock{
	width: 65%;
}

#topblock_4 ul#topworks li{
	margin: 0px 5px 40px 5px;
	display: inline-block;
	width: 220px;
}

#topblock_4 ul#topworks li h3 br{
	display: none;
}

#topblock_8 #point li{
	width: 210px;
	height: 200px;
	display: inline-block;
	margin: 0 5px 30px 5px;
}

#topblock_8 #point li img{
	width: 140px;
	height: 140px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

#topblock9{
	padding: 0px;
}

/* @end */

/* @group single-piece */
.single-piece #contents #maingraphicband {
	height: 400px;
	margin-top: 80px;
}

.single-piece #wrapper #contents #mainblock{
	width: 70%;
	float: left;
	margin-bottom: 0px;
}

.single-piece #wrapper #maingraphicband #maingraphic h1#housename{
	font-size: 22px;
	text-align: center;
}

.single-piece #wrapper #contents #catchcopy{
	font-size: 20px;
}

.Gsingle-piece #maingraphicband #maingraphic #maindata{
	tGop: 35%;
	wGidth: 490px;
}

.single-piece #contents #maingraphicband #maingraphic #maindata{
	width: 98% !important;
	max-width: 98% !important;
	padding: 6px 1% 8px 1%;
  	position: absolute;
	height: auto;
	top: 360px;
  	left: 0;
	bottom: 0;
	hGeight: 60px !important;
}

.single-piece ul#works li{
	width: 31%;
}

.single-piece #banner li{
	width: 100%;
	margin: 0 0 20px 0;
}

.single-piece #banner li img{
	width: 100%;
	height: auto;
}

/* @end */


/* @end */

/* @group footer */
#wrapper #foot{
	width: 100%;
	position: relative;
}

#wrapper #foot #toPageTop{
	position: absolute;
	right: 0px;
}

#wrapper #foot #footmenublock{
	width: 95%;
	margin-top: 13px;
}

#wrapper #foot #footmenublock #footblock1{
	float: none;
	width: 98%;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #777;
}

#wrapper #toPageTop{
	position: absolute;
	right: 0px;
	border-left: none;
	border-top: 1px dotted #fff;
}

#wrapper #foot #credit{
	margin: 20px auto 0px auto;
	width: 90%;
	text-align: center;
}


/* @end */

}
/* iPhone ----------- */

@media screen and (max-width: 710px){
	body{
		-webkit-text-size-adjust:none;
	}

.mobile{
	display: block;
}

.pc{
	display: none;
}

#wrapper #header{
		width: 100%;
        height: auto;
        word-break:break-all;
	}

#header1band{
	width: 100%;
    border-top: none;
}

#header1{
	width: 100%;
}

#header1 #headertitle{
	width: 100%;
	height: 120px;
	background: url(common/bg_header3.png) center;
	-moz-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.8);
	-webkit-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.8);
	box-shadow:inset 0px 3px 6px rgba(0,0,0,0.5);

	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.8);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.5);

}

#wrapper #header2 ul#menu-main_nav{/*★*/
	display: none;
}

#wrapper #mobile_nav_block{
	display: block;
	background-color: #48321d;
	z-index: 1000;
	position: relative;
}

div#sitename a{
	position: relative;
}

	#wrapper #textband{
	zG-index: -999;
	pGosition: relative;
	}

	#wrapper #contents{
		width: 100%;
        height: auto;
        word-break:break-all;
	}

	#wrapper #footer{
		width: 98%;
        height: auto;
        word-break:break-all;
	}

	#foot #footcomment{
		width: 95%;
	}

	#foot #footcomment br{
		display: none;
	}
/* @group UI */


#wrapper #mp-main input.btn,
#wrapper #mp-main input.text,
#wrapper #mp-main input.submit,
#wrapper #mp-main textarea,
#wrapper #mp-main .uneditable-input {
  width: 90%;
}

#wrapper #mp-main input.submit{
	margin-left: 15px;
	height: 50px;
	margin-bottom: 10px;
}

#wrapper #mp-main input.btn{
	margin-left: 15px;
	height: 30px;
	margin-bottom: 20px;
}

#wrapper label.radio,
#wrapper label.checkbox {
	margin-top: 10px;
	min-height: 40px;
	padding-left: 3px;
	font-size: 15px;
}

#wrapper label.radio input,
#wrapper label.checkbox input {
}

#wrapper #mp-main select {
  width: 100%;
}


/* @end */
	
/* @group header */

#wrapper #header{
	z-index: 999;
}

#wrapper #header1{
	width: 100%;
	height: 110px;
	z-index: 100;
}

#wrapper div#sitename{
	float: none;
	margin: 0px auto 0px auto;
}

#header1 #telnum{
	float: none;
	margin: 0px auto 0px auto;

}

#header1 #pctel{
	display: none;
}

#header1 #mobiletel{
	display: block;
}

#header1 #mobiletel img{
	width: 185px;
	height: auto;
	float: left;
	margin-right: 0px;
}

#telnum .sns_fb img,
#telnum .sns_inst img{
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 17px;
	margin-right: 10px;
}

#wrapper #maingraphicband #maingraphic #notecenterright #pagetitle{
	width: 50%;
	font-size: 19px;
	font-weight: bold;
}

#wrapper #maingraphicband{
}

#wrapper #header2{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* @group mobile_nav */

#wrapper #mobile_nav_block li{
	display: none;
}

#wrapper #mobile_nav_block #navswitch{
	display: block;
	background-color: #2d1c0c;
	color: #fff;
	text-decoration: none;
	padding: 9px 8px;
	font-size: 15px;
	font-weight: bold;
}

#wrapper #header #mobile_nav_block #navswitch i{
	color: #fff;
	background-color: #2d1c0c;
}

#wrapper #mobile_nav_block #navswitch:hover,
#wrapper #mobile_nav_block #navswitch:hover i{
	color: #aaa;
	bGackground-color: #806a50;
}

#wrapper #mobile_nav_block a#navswitch:hover{
	color: #bbb;
}

#wrapper #mobile_nav_block li a{
	display: block;
	color: #fff;
	text-decoration: none;
	tGext-align: center;
	padding: 9px 8px;
	font-size: 15px;
	border-top: 1px solid #504e4b;
	background-color: #181109;
	z-index: 99;
}

#wrapper #mobile_nav_block li ul.sub-menu a{
	margin-left: 15px;
}

#wrapper #mobile_nav_block li a:hover{
	background-color: #806a50;
	color: #fff;
}




/* @end */

/* @end */

/* @group contents */
#wrapper #maingraphicband #maingraphic h1{
	pGadding: 0px 0px 0 20px;
	margin-bottom: 0;
	pGosition: absolute;
	tGop: 50%;
	mGargin-top: -0.7em;
	font-size: 33px;
}

.page #contents h1,
.news #contents h1,
.single-faq #contents h1,
.okamiblog #contents #pagetitle,
.korokoro #contents #pagetitle{
	font-size: 30px;
	line-height: 1.2em;
	margin-top: -14px;
	margin-bottom:40px;
	letter-spacing: -1px;
}

#contents #mainblock h2{
	font-family: "FOT-ニューロダン ProN DB";
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 10px 0 30px 0;
}

#contents #mainblock h2 br{
	display: none;
}

.page #maingraphic,
.news #maingraphic,
.okamiblog #maingraphic,
.korokoro #maingraphic{
	width: 100%;
	min-height: 160px;
	background-size: cover;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#wrapper #text{
	width: 92%;
	height: auto;
	word-break:break-all;
	margin: 0 auto;
}

#wrapper #text #mainblock{
	width: 100%;
	float: none;
	height: auto;
	word-break:break-all;
	padding-bottom: 0px;
	margin-bottom: 40px;
	bGorder-bottom: 1px dotted #888;
}



#wrapper #text #mainblock p{
	line-height: 1.8em;
}

#wrapper #text #mainblock img:not(.nonresize){
	wGidth: 100%;
	max-width: 100%;
	height: auto;
	float: none;
}

#wrapper #text #subblock{
	float: none;
	height: auto;
	word-break:break-all;
	width: 95%;
	margin: 0 auto;
}

#itoh #wrapper #contents #maingraphicband{
	margin-top: 160px;
}

#wrapper #text #subblock li a{
	font-size: 14px;
	padding: 10px 6px;
}

#wrapper #contents h2.entrytitle{
	font-size: 1.6em;
}

#wrapper #contents #catchcopy p{
	font-size: 1.3em;
}

#wrapper #contents #catchcopy p br{
	display: none;
}

.resetline{
	display: block;
}

.korokorolist ul#korokoro li{
	width: 48%;
	margin: 0 1% 10px 0;
	height: 255px;
}

.korokorolist ul#korokoro li h2{
	font-size: 13px;
	margin-top: 6px;
}

/* @group isiark */
body#itou-isiark{
	background: url(common/bg_header_isiark.jpg) no-repeat center top;
	background-size: 720px auto;
}

#itou-isiark #maingraphic{
	margin-top: 80px;
}

#itou-isiark #contents h1{
	width: 288px;
	height: 228px;
	font-size: 1px;
	color: #fff;
	text-indent: -9999px!important;
}

#itou-isiark #contents #text{
	width: 100%;
}

#itou-isiark #contents #text p{
	margin: 0 auto 30px auto;
	padding-top: 0px;
	width: 90%;
	font-size: 14px;
}


/* @end */

/* @group ul.workslist */

ul.workslist{
	margin-top: 20px;
}

ul.workslist li .workstext h3{
}

ul.workslist li .workstext h3 a{
	font-size: 16px;
}


ul.workslist li .workstext .detail{
	margin: 12px 0 0 0;
	font-size: 12px;
	line-height: 1em;
	color: #999;
}

.isiark ul.workslist{
}

.isiark ul.workslist li{
	width: 150px;
	height: 190px;
	margin: 2px 5px 22px 4px;
}

.isiark ul.workslist li .piecephotoarea .piecephoto{
	width: 100%;
	height: 100px;
}

.isiark ul.workslist li .workstext{
	margin: 10px 3px 0 3px;
}

/* @end */

/* @group type */




.wagata #contents #mainblock h2 .smaller,
.yokogata #contents #mainblock h2 .smaller,
.shizenseki #contents #mainblock h2 .smaller,
.gorintoh #contents #mainblock h2 .smaller,
.shintoh #contents #mainblock h2 .smaller,
.design #contents #mainblock h2 .smaller{
	display: block;
}

div#gravetypemenubox{
	width: 100%;
}

ul#gravetypemenu li{
	width: 100px;
	margin: 0 1px 10px 0px;
}

ul.photogallery li{
	width: 100%;
	margin: 0 0px 20px 0px;
	display: block;
}


/* @end */

/* @group about */
.about #map{
	width: 100% !important;
}

.about ul.accessphoto li{
	width: 80%;
	float: none;
	margin: 0 auto 30px auto;
}

/* @end */

/* @group equipment */
.equipment #mainblock .photocard{
	width: 48%;
	float: left;
	margin: 0 2px 20px 2px;
	text-align: center;
	line-height: 1.2em;
	font-size: 14px;
}

.equipment #mainblock .photocard.largecard{
	width: 98%;
}


/* @end */

/* @group staff */
.staff #contents #mainblock{
	width: 750px;
	float: none;
}

.staff #contents #mainblock .block{
	border-top: 1px solid #888;
	margin-bottom:60px;
	overflow: hidden;
}

.staff .leftarea{
	width: 100%;
	float: none;
	text-align: center;
}

.staff .rightarea{
	width: 100%;
	margin-left: 0px;
}

.staff #contents #mainblock h2{
	font-weight: normal;
	text-align: center;
}

.staff #contents #mainblock h2 .role{
	font: 16px "IwaOMinPro-Th";
	font-weight: normal;
	line-height: 1.6em;
}

.staff .leftarea img{
	margin-top: 15px;
	width: 220px;
	height: auto;
}

.staff #contents #mainblock .rightarea p{
	font-size: 15px;
	line-height: 1.8em;
}

/* @end */

/* @group point */
.point #contents #mainblock h2{
	padding-bottom: 5px;
	width: 100%;
	margin-left: 0;
}


/* @end */

/* @group removal */
.removal #contents #mainblock h2{
	text-align: center;
}

.removal #contents #mainblock p.point{
	margin-left: 0;
}

.removal #contents #mainblock p.point img{
	margin: 0 auto 10px auto;
	width: 100%;
	height: auto;
}


/* @end */

/* @group inquiry */

#wrapper.inquiry #contents form{
		width: 90%;
	}

#wrapper.inquiry div#trust-form table{
		width: 90%;
}

#wrapper.inquiry #contents form textarea{
	width: 95%;
}



/* @end */

/* @group creaning */
.creaning #plan1,
.creaning #plan2,
.creaning #plan3{
	width: 100%;
	margin-bottom: 50px;
	margin: 10px auto 50px auto;
	float: none;
	background-color: #ebe1c2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


/* @end */

/* @group grave */
.grave h2{
	text-align: center;
}

.grave h2 img.stepnum{
	margin: 0px auto 8px auto;
	width: 80px;
	height: 80px;
}

.grave h2 .resetline{
	display: block;
}

.grave #contents #mainblock p{
	margin-left: 0;
}

.grave #contents #mainblock img.alignleft{
	float: none;
	margin: 0 auto 10px;
	width: 98%;
}

/* @end */

/* @group workslist */

#Gwrapper.workslist ul#works li{
	width: 47%;
	margin: 2px 5px 20px 3px;
}

#Gwrapper.workslist ul#works li h2{
	font-size: 13px;
	line-height: 1.4em;
}

#Gwrapper.workslist ul#works li .titlearea{
	height: 97px;
	padding: 5px 7px 4px 7px;
}

.Gworkslist ul#works li .titlearea .taglist a{
	margin: 0 0 2px 0;
	padding: 3px 5px;
}

/* @end */

/* @group top */



.home #wrapper #maingraphictop{
	wGidth: 100%;
}

.home #maingraphicband #maingraphic #toplogo{
	display: none;
	width: 180px;
	height: 75px;
	background-size: cover;
}

#wrapper.top #contents #maingraphicband{
	min-height: 100px;
	height: auto;
	hGeight: 170px;
	overflow: hidden;
}

.home #contents #header2{
	display: none;

}



.top #contents #maingraphicband #topcopy{
	position: absolute;
	width: 100px;
	height: 273px;
	top: 2%;
	right: auto;
	left: 38%;
}

.home #wrapper #text{
	width: 98%;
	margin: 0 1%;
}

.home #wrapper #text #mainblock{
	clear: both;
	overflow: hidden;
	border-bottom: none;
}

.top #contents #mainblock h3,
.top #contents #mainblock ul#works{
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.top #contents #topblock_1 #topcopy_left{
	display: none;
	width: 200px;
	height: 140px;
	text-align: center;
	float: left;
}

.top #contents #topblock_1 #topcopy_right{
	display: none;
	width: 150px;
	height: 140px;
	float: right;
	text-align: center;
}

.top #contents #topblock_1 #topcopy_center{
	width: 94%;
	padding-top: 0px;
	margin: 0 auto;
}

.top #contents #topblock_1 #topcopy_center h2{
	margin-bottom: 0;
}

#topblock_1 #top_leftside_1{
	width: 90%;
	margin: 0 auto 70px auto;
	float: none;
}

#topblock_1 #top_rightside_1{
	width: 90%;
	margin: 0 auto 50px auto;
	float: none;
}


#topblock_2 ul#banner li{
	width: 45%;
	margin: 2px 2px 24px 2px;
}

#topblock_2 ul#banner li img{
	width: 100%;
	height: auto;
}

#topblock_3 p br{
	display: none;
}

#topblock_4 ul#topworks li{
	width: 45%;
	margin: 2px 2px 24px 2px;
}

#topblock_4 ul#topworks li img{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#topblock_4 ul#topworks li .titlearea{
	height: 78px;
	padding: 3px 10px 4px 10px;
}

#topblock_4 ul#topworks li h3 br{
	display: none;
}

#topblock_5 #top_leftside_2{
	width: 90%;
	margin: 0 auto 40px auto;
	float: none;
}

#topblock_5 #top_rightside_2{
	width: 90%;
	margin: 0 auto 70px auto;
	float: none;
}

#topblock_5 #top_leftside_2 p br{
	display: none;
}

#topblock6 ul#works{
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0;
}

#topblock6 ul#works li{
	width: 40%;
	margin: 2px 3px 34px 3px;
}

#topblock6 ul#works li img{
	width: 100%;
}

#topblock6 ul#works li .titlearea{
	height: 68px;
}

#topblock6 ul#works li h3{
	font-size: 12px;
}


#topblock6 a#piecelist{
	width: 280px;
	font-size: 18px;
	padding: 8px;
}

#topblock_8 #point li{
	width: 140px;
	height: 250px;
	display: inline-block;
	margin: 0 5px 30px 5px;
}

#topblock_8 #point li img{
	width: 140px;
	height: 140px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

#topblock_9{
	padding: 0px;
}

#topblock_9 .top_contentsarea{
	height: 280px;
}



#topblock_9 .textside{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	width: 94%;
	padding: 5px 3% 5px 3%;
	background-color: rgba(33,33,33,0.4);
}

#topblock_9 h2{
	font-size: 22px;
	tGext-shadow: rgba(0,0,0,1) 0px 0px 6px;
	margin-bottom: 5px;
}

#topblock_9 p{
	font-size: 13px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0;
	text-shadow: rgba(0,0,0,0) 0px 0px 0px;
}

#topblock_9 p br{
	display: none;
}

#topblock_9 p strong{
	font-size: 13px;
	font-weight: normal;
}

.top #contents #topblock_10 #bannerarea{
	width: 92%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.top #contents #topblock_10 #bannerarea img{
	width: 45%;
	margin: 0 1% 20px;
	
}

.top #topblock_11 #facebook{
	width: 90%;
}

.top #topblock_11 #facebook iframe{
	width: 100%!important;
	height: 500px!important;
}


/* @end */


/* @group single-piece */



.single-piece #contents #maingraphicband {
	height: 200;
	margin-top: 0px;
}

.single-piece #maingraphicband #maingraphic {
	width: 100%;
	height: 200px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-size: cover;
}

.single-piece #wrapper #contents #mainblock{
	width: 100%;
	float: none;
	margin-bottom: 0px;
}

.single-piece #contents #maingraphicband #maingraphic #maindata{
	width: 98% !important;
	max-width: 98% !important;
	padding: 6px 1% 8px 1%;

  	position: absolute;
	top: 140px;
  	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.single-piece #wrapper #maingraphicband #maingraphic h1#housename{
	font-size: 22px;
	text-align: center;
}

.single-piece #wrapper #contents #catchcopy{
	font-size: 16px;
}

.single-piece #wrapper #subblock  #banner{
	text-align: center;
}

.single-piece #wrapper #subblock  #banner li{
	width: 46%;
	display: inline-block;
	padding: 0;
	margin: 0 2px 20px 2px;
}

.single-piece #wrapper #subblock #banner li a{
	margin: 0;
	padding: 0;
}

.single-piece #banner li{
	width: 100%;
	margin: 0 0 20px 0;
}

.single-piece #banner li img{
	width: 100%;
	height: auto;
}

.single-piece #dataarea #maindata #catchcopy p{
	font-size: 24px;
	letter-spacing: -0.1em;
	margin-bottom: 10px;
}

.single-piece #dataarea #subdata{
	width: 100%;
	float: none;
	font-size: 12px;
	line-height: 1.5em;
	padding: 4px;
	border-left: none;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

#wrapper #contents ul#works{
	width: 100%;
	margin-top: 20px;
	padding: 0px 0px 6px 0px;
	overflow: hidden;
}

#wrapper #contents ul#works li{
	width: 46%;
}

#wrapper #contents ul#works li .titlearea{
	height: 92px;
	padding: 5px 6px 4px 6px;
	text-align: center;
}

#wrapper #contents ul#works li h2,
#wrapper #contents ul#works li h4{
	font-size: 12px;
	line-height: 1.2em;
	height: 44px;
}

.single-piece #wrapper #contents #mainblock .photoblock img{
	float: none;
    border-radius: 5px;
}

.single-piece #wrapper #contents #mainblock .photoblock p{
	width: 100%;
	float: none;
	font-size: 14px;
}

/* @end */

/* @end */

/* @group footer */
#wrapper #foot{
	width: 98%;
	position: relative;
}

#wrapper #foot #toPageTop{
	position: absolute;
	right: 0px;
}

#wrapper #foot #footermenu{
	display: block;
	overflow: hidden;
	clear: none;
	float: none;
	margin: 10px auto 20px auto;
	padding-left: 0px;
	width: 80%;
}

#wrapper #foot #footmenublock{
	margin-top: 13px;
	width: 95%;
	margin: 10px auto 0 auto;
}

#wrapper #foot #footmenublock #footblock1{
	width: 90%;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #777;
}

#wrapper #foot #footmenublock #footblock2,
#wrapper #foot #footmenublock #footblock3,
#wrapper #foot #footmenublock #footblock4,
#wrapper #foot #footmenublock #footblock5{
	float: none;
	font-size: 10px;
	line-height: 1.6em;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	border-left: none;
	padding: 0;
}

#wrapper #foot #footmenublock li{
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 1.5em;
	float: left;
}

#wrapper #foot #footmenublock li#menu-item-335,
#wrapper #foot #footmenublock li#menu-item-338{
	clear: both;
}

#wrapper #foot #footmenublock #footblock2 li a,
#wrapper #foot #footmenublock #footblock3 li a,
#wrapper #foot #footmenublock #footblock4 li a,
#wrapper #foot #footmenublock #footblock5 li a {
	display: block;
	padding: 0px 8px;
	border-left: 1px solid #888;
	line-height: 1.5em;
	margin: 0 0 8px 0;
}

#Gwrapper #foot #footmenublock #footblock2 li a:first-child,
#Gwrapper #foot #footmenublock #footblock3 li a:first-child,
#Gwrapper #foot #footmenublock #footblock4 li a:first-child,
#Gwrapper #foot #footmenublock #footblock5 li a:first-child {
	border-left: none;
}

#wrapper #foot a#sitelogo-footer{
	float: none;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}

#wrapper #foot #credit{
	margin: 0px auto 0px auto;
	width: 90%;
	text-align: center;
}

#wrapper #foot #credit a{
	display: block;
	margin-top: 10px;
	text-align: center;
}


/* @end */
	
}
@media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2){

}