
CSS
/*
ページ全体のフォント設定
*/
html {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", "sans-serif";
font-size: 13px;
line-height: 160%;
color: #333;
}
/*
すべてのブラウザ用に、デフォルトのマージンを取り除く。
*/
body {
margin: 0;
}
/*
IE9+用に、displayプロパティを定義。
1. Edge, IE, Firefox用、details要素とsummary要素に「display: block;」を定義。
2. IE, Firefox用、main要素に「display: block;」を定義。
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/*
IE9+用、displayプロパティを定義。
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/* Clearfix */
.clearfix:after {
content:" ";
display:block;
clear:both;
}
/* 追加マージン */
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
strong {
color: #FF5722;
}
em {
font-weight: bold;
text-decoration: underline;
}
/*****************************************
レイアウト関連
******************************************/
/* wrapper関連
**********************/
.wrapper {
width: 100%;
margin: 0;
}
.row1 {
border-top: 3px solid #263238;
background: url(../images/bg_head.gif);
}
.row2 {
background: #263238;
}
.row3 {
background: #ECEFF1;
margin-bottom: 13px;
padding: 13px 0;
}.row4 {
margin-top: 20px;
}
.row5 {
background: #263238;
}/* ヘッダー
**********************/
/* グローバルナビゲーション
**********************/
#g_navi {
width: 960px;
margin: 0 auto;
}
/* メインビジュアル
**********************/
#mainvisual {
width: 960px;
margin: 0 auto;
}
/* メインコンテンツ
**********************/
main {
width: 960px;
margin: 0 auto;
}
#main_contents {
float: left;
}
/* サイドメニュー
**********************/
#side_contents {
float: right;
}