サンセットCSSシート1


/************************************/
/* body */
body{
font-family:"MS Pゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka";
font-size: 12px;
line-height: 140%;
color: #cc3300;
margin: 0;
padding: 0;
background-color: #000000;
text-align: center;
}
#baseBlock {
width: 850px;
padding: 0px;
margin: 0px auto;
text-align: left;
}
#baseRight {
width : 660px;
float : right;
margin: 20px 0px;
}
/************************************/
/* リンクの色 */
a{ color: #0000ff;
text-decoration: none;
}
a:visited{ color: #cc3300;
text-decoration: none;
}
a:hover{ color: #009900;
}


/************************************/
/* list要素 */
blockquote {
margin: 10px;
background-color: #ffcc66;
padding: 10px;
border-top: 1px dotted #cc3300;
border-right: 1px dotted #cc3300;
border-bottom: 1px dotted #cc3300;
border-left: 5px solid #cc3300;
}

/************************************/
/* 左menu 要素 */
#menu1Block {
float : left;
width : 180px;
margin: 20px 0px;
border-width:2px;
border-color: #cc3300;
border-style:solid;
background-color: #ffcc66;
}
.menu1BlockBase {
width : 180px;
}
.menuBlockHead {
width : 180px;
background-color: #cc3300;

}
.menuBlockTitle {
padding: 4px 10px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.menuBlockBody {
width : 174px;
margin: 0px;
padding: 0px;
}
.menuText {
font-size: 10px;
padding: 5px;
color: #cc3300;
line-height: 120%;
}
.menuText input{
width:80%;
}
.menuText p{
margin:0;
}
.menuText ul {
padding: 0px 5px 0px 5px;
margin: 2px;
}
.menuText ul li {
padding: 0px 5px;
margin: 5px;
list-style-type: none;
border-bottom: 1px solid #cc3300;
}
.menuBlockTop {
margin: 0px;
padding: 0px;
}
.menuText form {
margin: 0px 5px;
}
.search {
width: 90px;
}
/************************************/
/*head要素 */
#headBlock {
height: 492px;
width: 656px;
background-image: url(http://blog71.fc2.com/g/gaitamepapax/file/yuuhi.jpg);
text-align: right;
border-width:2px;
border-color: #cc3300;
border-style:solid;
background-color: #ffcc66;
}
#headBlogName{
font-family:"Arial Black", "Impact", "MS Pゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
font-size: 40px;
color: #ffcc33;
padding: 430px 20px 0px;
}
#headIntroduction{
color: #ffcc33;
margin: 8px 20px 0px;
}

/************************************/
/* main 要素 */
#mainBlock {
margin: 10px 0px;
float : left;
width : 466px;
border-width:2px;
border-color: #cc3300;
border-style:solid;
background-color: #ffcc66;

}
.mainEntryBlock {
margin: 10px 0px 0px;
}
.mainEntryTop {
margin: 0px;
padding: 0px;
}
.mainEntryTitle {
padding: 4px 4px 4px 22px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #cc3300;
}

.mainEntryBase {
margin: 10px;
}
.mainEntryBody {
margin: 10px 15px;
color: #333333;
}
.mainEntryMore {
margin: 10px 15px;
color: #333333;
}
.mainEntryDate {
font-size: 10px;
color: #454545;
text-align: right;
margin: 15px 10px 5px;
}
.pageLink{
padding: 10px;
margin-top: 10px;
text-align: center;
background-color: #ffffcc;
font-size: 20px;
color: #FFFFFF;
}
.mainEntryCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 4px;
text-align: center;
}

/************************************/
/* mainComment要素 */
.mainCommentBold {
padding: 10px 0px 2px 5px;
margin: 0px 3px;
border-bottom: 3px solid #F0F0F0;
font-size: 12px;
font-weight: bold;
color: #666;
}
.mainCommentTitle{
padding: 3px 0px 5px 15px;
font-weight: bold;
color: #009966;
}
.mainCommentBody {
padding: 0px 0px 0px 20px;
color: #333333;
}
.mainCommentDate {
padding: 5px 10px 15px 20px;
font-size: 10px;
color: #454545;
}

/************************************/
/* maintForm要素 */
.mainForm {
margin: 10px;
}
.mainFormText {
width: 330px;
}
.mainFormTextarea {
width: 330px;
}
.mainFormPass {
width: 100px;
}
.mainFormButton {
width: 100px;
}

/************************************/
/* maintTaba要素 */
.mainTrabaBold{
padding: 15px 0px 2px 5px;
margin: 0px 3px 0px 3px;
border-bottom: 3px solid #F0F0F0;
font-size: 12px;
font-weight: bold;
color: #666;
}
.mainTrabaTitle{
padding: 3px 0px 5px 15px;
font-weight: bold;
color: #009966;
}
.mainTrabaBody {
padding: 0px 0px 0px 20px;
font-size: 12px;
color: #333333;
}
.mainTrabaDate {
padding: 5px 10px 15px 20px;
font-size: 10px;
color: #454545;
}
.mainTrabaUrl {
padding: 4px 0px 20px 10px;
}
.mainTrabaForm {
width: 370px;
}

/************************************/
/* 右menu 要素 */
#menu2Block {
float : right;
width : 180px;
margin: 10px 0px;
border-width:2px;
border-color: #cc3300;
border-style:solid;
background-color: #ffcc66;
}

/* カレンダー要素 */
table.calender {
font-size: 10px;
width: 95%;
border-collapse: separate;
border-spacing: 0;
font-family: Arial, Helvetica, sans-serif;
}
.calender caption {
font-size: 10px;
border-bottom: 1px solid #666666;
padding: 0px 0px 5px;
}
.calender th {
font-weight: normal;
text-align: center;
}
.calender td {
text-align: center;
padding: 1px;
}
.calender td a {
display: block;
color: #FFFFFF;
background-color: #9EB1AD;
}
th#sun {
color: #ff0000;
}
th#sat {
color: #0000CC;
}
th#week {
color: #808080;
}

textarea,input,select {
font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

img.emoji{
vertical-align:middle;
border:0;
}

/************************************/
/* pickup要素 */
.pickupbody{
padding:10px;
font-size:12px;
line-height:140%;
}

.pickupbody ul{
margin:0px;
padding:0px;
margin-left:18px;
list-style-type:circle;
}

.pickupbody ol{
margin:0px;
padding:0px;
margin-left:26px;
list-style-type:decimal;
}

.pickupbody li{
margin:0px;
}