@charset "UTF-8";

/* CSS Docment */

/*---------------------------------
PC用レイアウト(768px以上スクリーン)
---------------------------------*/

/* body全体の初期スタイル調整 */

body{
 font-size:62.5%;
 font-family:"YuGothic","Yu Gothic medium","Hiragino Sans","Meiryo","sans-serif";
 font-weight: normal;
 color:#000;
}

/* リンク文字の設定 */

a{
 text-decoration:underline;
}

a:link,a:visited{
 color: #39f;  
}

a:hover,a:active{
 color: #f60;
}

/* ブラウザのCSSをリセット */

p{
 margin: 0 !important;
 margin: 0 !important;
}

section{
 clear: both;
 overflow: auto;
}

/*---------------------------------
全体レイアウト/背景設定(PC）
---------------------------------*/

/* 全体エリア(全体背景を設定するにはここ) */
.main{
    background-color: #f2f2f2;
}

/* 記事(ボディ)エリア*/
.article{
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 1.6em;/*=16px*/
}

/* 記事(ボディ)エリアの行間*/
.article p{
line-height: 1.6;
}

/* カラム全体の幅を変更する*/
.article,.top_image_in{
 width: 950px;
 margin: 0 auto;/* 真ん中に要素を置きたいときに使う*/
}

/*---------------------------------
見出しタグ設定(PC）
---------------------------------*/
h1{
    margin: 0.5em 0em;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}

h2{
    margin: 0.5em 0em;
    padding: 0.3em 0.6em;
    font-size: 1.4em;
    font-weight: bold;
    border-left: 8px solid #fa550d;
    border-bottom: 1px dotted #fa550d;
}

/*---------------------------------
sectionの設定
---------------------------------*/
.section_01{
    padding: 1.5em 3em;
}

.section_02{
    padding: 1.5em 3em;
    background-color: #fffef0;
}

/*---------------------------------
フッター部分
---------------------------------*/
.footer{
    background-color: #fa550d;
    padding: 2em 0em;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
}

.footer a{
    color: #fff;
}