@charset "UTF-8";


/*===========================================
	headerIntro
=============================================*/
header#Intro {
	width: 100%;
	height:80px;
	margin: 0px;
	padding: 0 0 12px 0;
	border-bottom: solid 1px #CCCCCC;
	background:#fff;
}

header#Intro div#headerBox {
	width: 872px;
	margin: 0px auto 0px auto;
	padding: 15px 0px 0px 0px;
}

/* leftArea */
header#Intro div#headerBox div.leftArea {
	width: 320px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* rightArea */
header#Intro div#headerBox div.rightArea {
	width: 480px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}


/*===========================================
	pregArea_00
=============================================*/
article.pregArea_00 {
	width: 872px;
	margin: 0px auto;
	padding: 0px;	
}
article.pregArea_00 #topicpath {
	width: 500px;
	float:left;
}
article.pregArea_00 h1 {
	float:right;
	text-align:right;
	margin: 10px 0 0 0;
}


/*===========================================
	pregArea_01
=============================================*/
article.pregArea_01 {
	width: 872px;
	margin: 30px auto 0px auto;
	padding: 0px;	
}
#hd01 {
    width:872px;  /* 要素の幅 */
    height:302px;  
	text-indent:-9999px;
    background:url(../img/cut_01.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd02 {
	width:872px;	/* 要素の幅 */
	height:126px;
	text-indent:-9999px;
	background:url(../img/cut_02.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd03 {
	width:872px;	/* 要素の幅 */
	height:414px;
	text-indent:-9999px;
	background:url(../img/cut_03_01.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd03_2 {
	width      :872px;	/* 要素の幅 */
	height     :362px;
	text-indent:-9999px;
	background :url(../img/cut_03_02.png) no-repeat;  /* 置換する背景画像の指定 */
}


#hd05 {
    width:872px;  /* 要素の幅 */
    height:200px;  
	text-indent:-9999px;
    background:url(../img/cut_05.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd06 {
    width:872px;  /* 要素の幅 */
    height:200px;  
	text-indent:-9999px;
    background:url(../img/cut_06.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd07 {
    width:872px;  /* 要素の幅 */
    height:258px;  
	text-indent:-9999px;
    background:url(../img/cut_07.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd08 {
    width:872px;  /* 要素の幅 */
    height:260px;  
	text-indent:-9999px;
    background:url(../img/cut_08.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd09 {
    width:872px;  /* 要素の幅 */
    height:430px;  
	text-indent:-9999px;
    background:url(../img/cut_09.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd10 {
    width:872px;  /* 要素の幅 */
    height:170px;  
	text-indent:-9999px;
    background:url(../img/cut_10.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd11 {
    width:872px;  /* 要素の幅 */
    height:460px;  
	text-indent:-9999px;
    background:url(../img/cut_11.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd12 {
    width:872px;  /* 要素の幅 */
    height:140px;  
	text-indent:-9999px;
    background:url(../img/cut_12.png) no-repeat;  /* 置換する背景画像の指定 */
}
#hd13 {
    width:872px;  /* 要素の幅 */
    height:115px;  
	text-indent:-9999px;
    background:url(../img/cut_13.png) no-repeat;  /* 置換する背景画像の指定 */
}


div.bnrArea {
	width: 800px;
	margin: 25px auto 0px auto;
	padding: 0px;	
}
div.bnrArea div.leftArea {
	width: 381px;
	margin: 0px;
	padding: 0px;
	float:left;	
}
div.bnrArea div.rightArea {
	width: 381px;
	margin: 0px;
	padding: 0px;
	float:right;	
}

.mt_05 {
	margin-top:5px;
}

/*===========================================
	footer
=============================================*/
footer div#footerArea {
	margin:0 auto;
    padding: 10px 0 0;
    text-align: left;
    width: 1050px;
}
footer div#footerArea div.leftArea {
    float: left;
    margin: 0;
    padding: 0;
    width: 710px;
}
footer div#footerArea div.rightArea {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 300px;
}


/*===========================================
	footerIntro
=============================================*/
div#footerIntro {
	width: 100%;
	height:250px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	background-color:#AAAAAA;
	text-align: center;
}
div#footerIntro div#footerIntroArea {
	width: 872px;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
	text-align: left;
}
div#footerIntro div#footerIntroArea div.leftArea {
	width: 425px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#footerIntro div#footerIntroArea div.rightArea {
	width: 425px;
	margin: 0px;
	padding: 0px;
	color:#FFF;
	float: right;
}
div#footerIntro div#footerIntroArea div.rightArea a:link { color: #fff; }
div#footerIntro div#footerIntroArea div.rightArea a:visited { color: #fff; }
div#footerIntro div#footerIntroArea div.rightArea a:hover { color: #fff; }
div#footerIntro div#footerIntroArea div.rightArea a:active { color: #fff; }



@media (max-width: 800px) {
	/*===========================================
		spCnt
	=============================================*/
	.spCnt div {
		line-height:0;
	}
}