@charset "utf-8";
/***********************
 コンテンツ部分のwidth 
***********************/
/* 全体のwidth */
#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
}
/* 大きなエリアのwidth */
#header,
#footer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}



#main{
	width:940px;
	margin:0 auto;
}
/* メニューのwidth */
#menu{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/*** スクロールするサイドメニューのテンプレート ***/
#main #sidemenu{
	width: 160px;
	float:left; /*  dreamweaver用 */
}
#main #mainside{
	width: 740;
	float:right;
}




/******************** ヘッダー ********************/ 
#header{
	height:;
	margin-bottom:;
	overflow:hidden;
}
#header #logo{
	float:left;
	width: 294px;
}
#header #header_link{
	float:right;
	width: 640px;
	text-align:right;
	padding-top:20px;
}

/******************** グローバルメニュー部分 ********************/
#menu{
	background:#fcd7a1;
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#menu ul{
	overflow:hidden;
	width:960px;
	float:left;
}
#menu>ul>li{
	float:left;
	width:320px;/* 適宜変更 */
	text-align:center;
}

/******************** メイン ********************/ 
#main{
	position:relative; /* サイドメニュースクロール用 */
}


/******************** フッター ********************/
#footer_wrap{
	width:100%;
	border-top:4px solid #fcd7a1;	
	margin-top:30px;
}
#footer{
	padding-top:15px;
	padding-bottom:5px;
	position:relative;
	overflow:hidden;
}
#footer>p,
#footer>div{
	float:left;
}
#footer .leftbox p{
}
#footer>p{
	width:200px;
	height:3em;
}
#footer small{
	position:absolute;
	bottom:5px;
	right:0;
}

.fl-box {
display: flex;
width: 960px !important;
margin: 0 auto;
}

.fl-box #footer{
margin-top: 15px;
}

#footer small {
right: auto;
left: 0;
}

/******************** トップへ戻る********************/
#gototop{
	position:fixed;
	bottom:0px;
	z-index:100;
}




/** 共通のパーツを作成 **/
/* 左右のボックス */
.leftbox{
	float:left;
}
.rightbox{
	float:right;
}

/* タイトルパターン */
.title01{
	background:url(../images/bg_pagetitle.jpg) left top no-repeat;
	width:147px;
	height:28px;
	padding:0 0 0 13px;
}
.title02{
	background:url(../images/bg_titlept01.png) left top no-repeat;
	width:720px;
	height:32px;
	padding:8px 0 0 20px;
}
.title03{
	padding:0 0 0 20px;
	position:relative;
	margin:0 0 20px 0;
}
.title03:before{
	content:" ";
	width:4px;
	height:20px;
	background:#f08300;
	position:absolute;
	left:0;
	bottom:0;
}




/* 共通パターン */
.bg_c01{
	background:#fff6ea;	
}
.shadow01{
	-webkit-box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	-ms-box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	position:relative;
	/* behaviorスクリプトPIE.htcのパス */
	behavior: url(css/PIE.htc);
	position:relative;
	background-color:#fff;
}



.dummy{
	width:700px;
	height:250px;
	margin:80px auto;
	background-color:#e5ddc4;
	box-shadow: 1px 2px rgba(143,143,143,0.4);
	-moz-box-shadow: 1px 2px rgba(143,143,143,0.4);
	-webkit-box-shadow: 1px 2px rgba(143,143,143,0.4);
	-o-box-shadow: 1px 2px rgba(143,143,143,0.4);
	-ms-box-shadow: 1px 2px rgba(143,143,143,0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.dummy p{
	color:#333;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:120px;
	text-shadow: 0px 0px 5px #ffffff;
	-moz-border-text-shadow: 0px 0px 5px #ffffff;
	-webkit-border-text-shadow: 0px 0px 5px #ffffff;
}