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;
}