@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-style: normal;
}
body {
	font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}
ul {
	list-style: none;
}
fieldset,img {
	border: 0;
}
select {
   font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	color: #555555;
}
select option {
	padding: 0 5px;

}

form label {
	cursor: pointer;
}
textarea {
   font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
   font-size: 100%;
   *font-size: small;
   *font: x-small;
   padding: 1px;
	color: #555555;
}
input {
   font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	color: #555555;
}


/* --------------- */


body {
	background: #FFC7C7;

}

div#container {
	background: url(../img/bgShadow.jpg) 0 52px repeat-x;
	line-height: 1.2;
	font-size: 100%;
	color: #693611;
	width: 827px;
	margin: 0 auto;
}



.header {
	width: 846px;
	height: 45px;
	position: relative;
	line-height: 0;
	font-size: 1%;
	overflow: hidden;
}
.header .logoDS {
	position: absolute;
	right: 0;
	top: 15px;
}


/*

	メインコンテンツ

*/



.mainWrap {
	background: url(../img/bgMain.gif) 0 0 no-repeat;
	width: 846px;
	height: 605px;
	position: relative;
	overflow: hidden;
}



.mainWrap .topArea {
	height: 472px;
	overflow: hidden;
}


.mainWrap .topArea .colL {
	width: 333px;
	float: left;
}



.mainWrap .topArea .colL .secBlogAccessory {
	margin: 100px 0 0 130px;
	width: 160px;
	height: 360px;
	border: solid #fff 2px;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.mainWrap .topArea .colR {
	float: left;
	width: 495px;
}

.mainWrap .topArea .colR .colR_BG {
	position: absolute;
	top: 125px;
	height: 360px;
	background: url(../img/bg_text.gif) 0 0 no-repeat;
	margin: 0 0 0 -34px;
}


.mainWrap .topArea .colR h2 {
	padding: -10px 0 8px 4px;
}

.mainWrap .topArea .colR p {
	padding: 0 0 10px 22px;
	font-size: 93%;
}

.mainWrap .bottomArea {
	background: url(../img/bg_infoarea.gif) 0 0 no-repeat;
	height: 130px;
	position: relative;
	overflow: hidden;
}

.mainWrap .bottomArea .logo {
	position: absolute;
	top: 13px;
	left: 62px;
}


.mainWrap .bottomArea .package {
	position: absolute;
	top: 10px;
	left: 110px;
}


.mainWrap .bottomArea .softInfo {
	position: absolute;
	top: 10px;
	left: 230px;
}

.mainWrap .bottomArea .linkSite {
	position: absolute;
	top: 10px;
	left: 500px;
}


/*

	フッター

*/

.footer {
	width: 513px;
	margin: 8px auto 0 auto;
	font-size: 1%;
	line-height: 0;

}



 /* 

	共用

 */


/* for float clear */

.clearLine {
   zoom: 100%;
}
.clearLine:after {
   clear: both;
   display: block;
   visibility: hidden;
   height: 0;
   content: ".";
}