Restoration
11/10/2016 - 3:17 PM

MyCSS

MyCSS

@charset "UTF-8";
/* CSS Document */

/*Clearfix
--------------------*/
.clearfix:after {
     content:".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

.clearfix {
     display: inline-block;
     min-height: 1%;/*for IE 7*/
}
/*TextLink
--------------------*/
a:link{
}
a:active{
}
a:hover{
}
a:visited{
}
/*フルードイメージ
--------------------*/
img{
	max-width: 100%;
	width: auto;
	height: auto;
}

/*BorderRadius
--------------------*/
.target{
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;	
}
/*BoxShadow
--------------------*/
.target{
	box-shadow: 2px 2px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
}
/*BoxSizing
--------------------*/
.target{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}	
/*Transition
--------------------*/
.target{
	-moz-transition: color 0.7s linear;
	-webkit-transition: color 0.7s linear;
	transition: color 0.7s linear;
}
.target{
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
/*Font-Face
--------------------*/
@font-face {
	font-family: ;
	src: url(.eot);
}
@font-face {
	font-family: ;
	src: url(.ttf) format("truetype");
}
/*MediaQuery
--------------------*/
@media screen and (max-width: px){

}
/*MediaQuery
--------------------*/
.target{
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*FlexBox
--------------------*/
.target{
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -o-flexbox;
	display: flexbox;
}
/*BorderImage
--------------------*/
.target{
	-webkit-border-image: url() 15 round;
	-moz-border-image: url() 15 round;
	border-image: url() 15 round;
	border-width: ;
	border-style: solid;
}
/*PropatyPlaceholder
--------------------*/
/*Firefox version 18 or earlier*/
input:-moz-placeholder{
	color: #222;
}
/*Firefox version 19 or later*/
input::-moz-placeholder{
	color: #222;
}
/*Webkit*/
input::-webkit-input-placeholder{
	color: #222;
} 
/*Windows IE*/
input:-ms-input-placeholder{
	color: #222;
}
/*TableBorderHack
--------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*Centering
--------------------*/
.targetWrap{
	position: relative;
	width: 200px;
	height: 100px;
}
.target {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
}
//要素を傾ける
//プロパティの記述する順番によって結果が異なる
--------------------*/
.target {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
/*背景要素のマウスイベントの有効化無効化
--------------------*/
.layer{
	pointer-events:auto; /*有効*/
	pointer-events:none; /*無効*/
} 

/*floatした要素を中央配置
--------------------*/
div#{
	position: relative;
	overflow: hidden;
}
ul{
	position: relative;
	left: 50%;
	float: left;
}
li{
	position: relative;
	left: -50%;
	float: left;
}
/*TextIndentBackgroundImage
--------------------*/
display: block;
width:;
height:;
background: url("") no-repeat;
text-indent:-9999px;

/*100%header&footer
--------------------*/
#header{
	width: 100%;
	background:;
}
#header-_inner{
	display: block;
	width: 960px;
	margin: 0 auto;
}
#footer{
	width: 100%;
	background:;
}
#footer_inner{
	display: block;
	width: 960px;
	margin: 0 auto;
}
/*ListCSS
--------------------*/
ul# > li{
	list-style-type: none;
	list-style-position: inside;
	padding-left: ;
}
ul# > li:first-child{
	padding-left: 0px;
}
/*FirstChild MaginLeft ZERO
--------------------*/
:first-chilid{
	margin-left: 0px;
}
/*丸角上のみ
--------------------*/
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;

/*SubmitButton
--------------------*/
input[type="subtmi"]{
	display: block;
	width: ;
	height: ;
	background: no-repeat center top;
	border: none;
	text-indent: -9999px;
}