Common CSS
URL
Code
@charset "Shift_JIS";
body {
font-size:16px;
font-family:
Helvetica,
Arial,
'Hiragino Kaku Gothic ProN',
'ヒラギノ角ゴ ProN W3',
'モリサワ 新ゴ R';
margin:0;
-webkit-text-size-adjust:none;
}
img {
border:0;
}
.clear {
clear:both;
}
.text-red {
color:red;
}
.center {
text-align:center;
}
hr.dot {
border:0px;
border-bottom:1px dotted;
color:#CCCCCC;
height:1;
padding:0;
display:block;
}
/*--- textarea --*/
textarea {
font-size:14px;
border-radius:4px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
background-image:
-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #eee),
color-stop(1, #fff));
background-color:#e8e8e8;
width:90%;
height:5em;
padding:7px 0;
}
textarea:focus {
height:10em;
}
input[type="text"] {
font-size:14px;
border-radius:4px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
background-image:
-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #eee),
color-stop(1, #fff));
background-color:#e8e8e8;
width:90%;
height:20px;
padding:7px 0;
}
input[type="text"].narrow {
width:auto;
}
input[type="number"] {
font-size:14px;
border-radius:4px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
background-image:
-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #eee),
color-stop(1, #fff));
background-color:#e8e8e8;
width:30px;
height:20px;
padding:7px 0;
}
input[type="password"] {
font-size:14px;
border-radius:4px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
background-image:
-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #eee),
color-stop(1, #fff));
background-color:#e8e8e8;
width:90%;
height:20px;
padding:7px 0;
}
select {
font-size:15px;
height:35px;
margin:0 0 8px;
padding-left:10px;
padding-right:10px;
}
select.wide {
width:90%;
}
input[type="submit"] {
font-size:14px;
font-weight:bold;
border-radius:4px;
border:1px solid #b2b2b2;
color:#808080;
background:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #ffffff),
color-stop(0.50, #ffffff),
color-stop(1, #efefef));
box-shadow:0px 1px 2px #808080;
width:80%;
height:40px;
text-align:center;
}
input[type="submit"].narrow {
width:auto;
padding-left:15px;
padding-right:15px;
}
input[type="checkbox"] {
width:25px;
height:25px;
margin:10px 10px 10px 0px;
}
input[type="radio"] {
width:25px;
height:25px;
margin:10px 10px 10px 0px;
}
#footer-cr {
text-align:center;
}