@charset "Shift_JIS";

html {
	height: 100%;
}

body {
	height: 100%;
	background: none;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
}
a {
	border: 0;
}

#wrapper {
	height: 100%;
	min-height: 100%;
	border: none;
	background: url(../img/news/bg.jpg) top center repeat-y;
}

#newsWrap {
	width: 800px;
	background: url(../img/news/bg.jpg) top center repeat-y;
}


/*==============================================
	titlearea
==============================================*/
#newsWrap .titlearea {
	position: relative;
	width: 800px;
	height: 256px;
	margin: 0 auto;
	background: url(../img/news/title_bg.jpg) top center no-repeat;
}
#newsWrap .titlearea .title {
	position: absolute;
	top: 31px;
	left: 62px;
}
#newsWrap .titlearea .logo {
	position: absolute;
	top: 16px;
	left: 623px;
}
#newsWrap .titlearea .text {
	position: absolute;
	top: 138px;
	left: 62px;
}


/*==============================================
	newsnontents
==============================================*/
#newsWrap .newsnontents {
	padding-bottom: 40px;
}
#newsWrap .newsnontents .newslist {
	width: 678px;
	margin: 0 auto 40px auto;
}


/*==============================================
	stitlearea
==============================================*/
#newsWrap .newsnontents .newslist .stitlearea {
	width: 678px;
	margin: 0 0 16px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #644220;
}
#newsWrap .newsnontents .newslist .stitlearea .stitle {
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 6px solid #461602;
	text-align: left;
	font-size: 130%;
	line-height: 1.2;
	font-weight: bold;
	color: #461602;
}
#newsWrap .newsnontents .newslist a {
	color: #880000;
}
#newsWrap .newsnontents .newslist a:hover {
	color: #cf0202;
}


/*==============================================
	box01
==============================================*/
#newsWrap .newsnontents .newslist .box01 {
	margin-bottom: 32px;
	text-align: left;
	padding-left: 0;
}
#newsWrap .newsnontents .newslist .box01 .text01,
#newsWrap .newsnontents .newslist .box01 .text02,
#newsWrap .newsnontents .newslist .box01 .text03 {
	padding-left: 16px;
	background: url(../img/news/icon.png) 0 2px no-repeat;
	font-size: 90%;
	line-height: 1.5;
	color: #000000;
}
#newsWrap .newsnontents .newslist .box01 .text01,
#newsWrap .newsnontents .newslist .box01 .text02 {
	margin-bottom: 16px;
}
#newsWrap .newsnontents .newslist .imgarea01 {
	width: 678px;
	margin: 0 auto 40px auto;
	padding-left: 0;
}
#newsWrap .newsnontents .newslist .imgarea01 li {
	float: left;
	width: 210px;
	padding-bottom: 40px;
}
#newsWrap .newsnontents .newslist .imgarea01 li.img01,
#newsWrap .newsnontents .newslist .imgarea01 li.img02 {
	margin-right: 24px;
}


/*==============================================
	box_download
==============================================*/
#newsWrap .newsnontents .newslist .box_download {
	padding: 30px;
	background-color: #461602;
	text-align: left;
	clear: both;
}
#newsWrap .newsnontents .newslist .box_download .hdarea .hd {
	margin-bottom: 30px;
	padding: 0 0 0 10px;
	border-left: 6px solid #b4a356;
	font-size: 130%;
	line-height: 1.2;
	font-weight: bold;
	color: #b4a356;
}

#newsWrap .newsnontents .newslist .box_download .step01 {
	margin-bottom: 30px;
	padding: 0 0 30px 68px;
	border-bottom: 1px #644220 solid;
	background: url(../img/news/icon01.png) left top no-repeat;
}
#newsWrap .newsnontents .newslist .box_download .step01 .img_qr {
	float: left;
	width: 160px;
	vertical-align: top;
}
#newsWrap .newsnontents .newslist .box_download .step01 .textarea {
	float: left;
	width: 330px;
	color: #FFFFFF;
	margin-left: 15px;
}
#newsWrap .newsnontents .newslist .box_download .step01 .textarea .text01 {
	margin-bottom: 20px;
	font-size: 90%;
	line-height: 1.5;
}
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr {
	padding: 18px;
	background-color: #290d01;
}
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr .stitle_qr {
	margin-bottom: 12px;
}
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr .text01_qr,
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr .text02_qr,
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr .text03_qr {
	margin-bottom: 11px;
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 90%;
	line-height: 1.5;
}
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr .text03_qr {
	margin-bottom: 0;
}
#newsWrap .newsnontents .newslist .box_download .step01 .step_qr .text02_qr span {
	padding: 0 6px;
}

#newsWrap .newsnontents .newslist .box_download .step02 {
	margin-bottom: 30px;
	padding: 0 0 30px 68px;
	border-bottom: 1px #644220 solid;
	background: url(../img/news/icon02.png) left top no-repeat;
	clear: both;
}
#newsWrap .newsnontents .newslist .box_download .step02 .text01 {
	font-size: 90%;
	line-height: 1.5;
	color: #FFFFFF;
}

#newsWrap .newsnontents .newslist .box_download .step03 {
	padding-left: 68px;
	background: url(../img/news/icon03.png) left top no-repeat;
	height: 300px;
}
#newsWrap .newsnontents .newslist .box_download .step03 .text01 {
	float: left;
	width: 250px;
	font-size: 90%;
	line-height: 1.5;
	color: #FFFFFF;
}
#newsWrap .newsnontents .newslist .box_download .step03 .img01 {
	float: left;
	width: 240px;
	margin-left: 15px;
}

#newsWrap .newsnontents #close {
	width: 110px;
	margin: 0 auto;
	border: 0;
}

#newsWrap .newsnontents #close img {
	border: 0;	
}

ul {
	list-style: none;
}

ol li {
	list-style: none;
	margin: 0;
	clear: both;	
}

dl.step_qr {
	margin: 0;
	padding: 0;	
}

dl.step_qr dd {
	padding: 0;
	margin: 0;	
}