/* CSS Document */

/* (1-1) 全体の文字
--------------------------------------------*/
::selection {
    background: #fffced; /* Safari */
}
::-moz-selection {
    background: #fffced; /* Firefox */
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/sos.png);
}
#Header {
	margin: auto;
	height: 100%;
	width: 1000px;
}
#Contentsu {
	background-image: url(../img/contents_back.png);
	background-repeat: repeat-y;
	margin: auto;
	height: 100%;
	width: 1000px;
}
h1 {
	padding: 0px;
	margin: 0px;
}

img {
	margin: 0;
    padding: 0;
    vertical-align: bottom;
}



/* 文字装飾
--------------------------------------------*/

#header_line p {
	width:100%;
	height:15px;
	background-color:#004403;
	margin:0 auto;
}

.sub_img {
	margin-top:85px;
	margin-bottom:30px;
	text-align: center;
}


.m-p {
	font-size: 20px;
	line-height: 1.6;
	text-align: left;
	margin: auto;
	width: 830px;
}
.b {
	font-weight: bold;
	font-size: 18px;
}



/* 文字装飾
--------------------------------------------*/
.BolettoBox {
    width: 850px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
}
.BolettoBox ul {
	display: inline;
}
.BolettoBoxInner {
	padding-top: 50px;
	padding-left: 73px;
}
.BolettoBox li {
	font-size: 23px;
	text-align: left;
	list-style-position: outside;
	background: url(../img/20141015_point.gif) no-repeat ;
	list-style-type: none;
	padding-left:50px;
	line-height: 35px;
	letter-spacing: -1px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding-bottom: 15px;
	font-weight: bold;
	color: #333;
	font-family: "メイリオ","ＭＳ ゴシック";
}

#Contentsu img {
	margin-bottom: -3px;
}


/* Clearfix */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* Button */
figure {
	width: 594px;
	height: 149px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.hoverbutton figure {
	position: relative;
	margin: 0 auto;
}
.hoverbutton figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(241,241,241,0) 0%, rgba(241,241,241,.5) 100%);
	background: linear-gradient(to right, rgba(241,241,241,0) 0%, rgba(241,241,241,.5) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hoverbutton figure:hover::before {
	-webkit-animation: shine 1.8s;
	animation: shine 1.8s;
}
@-webkit-keyframes shine {
 100% {
 left: 125%;
}
}
@keyframes shine {
 100% {
 left: 125%;
}
}



/* Mailform */ 
#footer__mailform{ width:100%;margin-top: 40px;}
#footer__mailform_wrap {
    width: 850px;
    margin: 0 auto 20px;
    border: 5px solid #ff83af;
    background: #fffef6;
}
#footer__mailform_wrap:after {content: "";display: block;clear: both;}
#footer__mailform_wrap_left{ width: 400px; margin:30px 0 0 20px; float:left;}
#footer__mailform_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:22px;}
#footer__mailform_wrap_left p img{ display:inline; margin:0 6px -5px 0;}
#footer__mailform_wrap_left_txt input{ width:340px; margin:5px 0 15px; padding:17px 15px; border:4px solid #333; font-size:16px;}
#footer__mailform_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;}
#footer__mailform_wrap_attention p{ font-size:10px; color:#666; padding:0 0 30px 35px; margin:0 ;background:url(../img/base_icon_attention.png) no-repeat;}
#footer__mailform_wrap_right {
    width: 390px;
    margin: 40px 40px 0 0;
    float: right;
}


/* button:hover */ 
 @-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}


#tuishin {
    width: 950px;
    margin: 0 auto;
    background-image: url(../img/tuisin2.jpg);
    background-repeat: repeat-y;
    background-position: center;
}
#tuishin p {
    font-size: 16px;
    width: 750px;
    line-height: 1.6;
    text-align: left;
    margin-left: 110px;
    margin-top: 30px;
    color: #292929;
    padding-bottom: 20px;
}