@charset "UTF-8";

@import "reset.css";
@import "body.css";
@import "form.css";
@import "link.css";
@import "footer.css";

/* html,bodyタグの設定 */
html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	min-height:110%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
	/* fontを指定 */
    font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "MSゴシック";
    color:#333;
    font-size:20px;
    line-height:32px;

}

#wrap{
	max-width:100%;
	min-height:100%;;
	background-color:#fff ;
}
#main{
	width: 100%;
	height:auto ;
	overflow:hidden ;
	}

/*--ヘッダー部分--*/
#header{
    /*-ヘッダー大枠-*/
	width:100%;
    height:230px;
    overflow:hidden;
    background-color:#fff;
}
#header-bd01{ /* -ヘッダータイトル枠(下線)- */
	width:100%;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:2px solid #C7000B;    
}
#header .forum-ttl{  /* -ヘッダータイトル文字部分枠- */
	width:960px;
    height:80px;
    margin:20px auto;
    text-align:center;  
}
#header h1.big{  /* -ヘッダータイトル文字h1大きい方- */
	font-size:45px;
    font-weight:bold;
    color:#C7000B;
}
#header h1.small{  /* -ヘッダータイトル文字h1小さい方- */
    font-size:20px;
    font-weight:bold;
    color:#696969;
    line-height:20px;    
}
#header-bd02{  /* ヘッダーリンク大枠 */
	width:100%;
    height:auto;
    padding:10px;
    margin:0px;
    background-color:#FCEEF4;
    border-bottom:2px solid #C7000B;
    overflow:hidden ;
}

#header-bd02 .header-nav{ /* ヘッダーリンクコンテンツ枠 */
	width:940px;
    height:45px;
    padding:10px;
    margin:0px auto;
    background-color:;
}
#header-bd02 .header-nav ul{ /* ヘッダーリンク<ul>枠 */
    width:940px;
    height:45px;
    margin:0px auto;
    overflow:hidden;
}
#header-bd02 .header-nav ul li{ /* ヘッダーリンク<li>枠 */
    float:left;
    display:inline-block;
    width:176px;
    height:45px;
    text-align:center;
    line-height:37px;
    font-size:95%;
    background-color:#C7000B;
    border:2px solid #C7000B;
    outline:none;
}
#header-bd02 .header-nav ul li.center, /* ヘッダーリンク<li>左マージン */
#header-bd02 .header-nav ul li.last{ 
    margin-left:10px;
}
#header-bd02 a{  /* ヘッダーリンク リンク文字設定 */
	display:block;
    text-decoration:none;
    color:white;
}
#header-bd02 a:hover{　/* ヘッダーリンク<li>a:hover 設定 */
    text-decoration:none;
    color:#87cefa; 
}
#header-bd02 .header-nav ul li:hover{  /* ヘッダーリンク<li>hover 設定 */
	line-height:37px;
    border:2px solid #87cefa;
    background-color:#ffffff;
}
#header-bd02 .header-nav ul li, /* ヘッダーリンク<li>hover時アニメーション設定 */
#header-bd02 .header-nav ul li ::before, 
#header-bd02 .header-nav ul li ::after {
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
						-webkit-transition: all .3s;
						transition: all .3s;
}
#sns-button{   /* SNSボタン設置大枠 */
    width:100%;
    height:60px;
    border-bottom:0px solid #fff;
    
}
#sns-body{  /* SNSボタン設置本体 */;
    width:920px;
    height:20px;
    padding:10px 20px;
    margin:0px auto 0px;
    background-color:#fff;
    
}