@charset "Shift_JIS";

.txth2{
	margin-bottom: 10px;
}

/* ********************************************************************************
 * content
 * ******************************************************************************** */

div#content {
	width: 758px;
	margin: 20px auto 0;
	text-align:left;
}

div#content object {
	outline: none;
}

/* ********************************************************************************
 * contentInner
 * ******************************************************************************** */

div.contentInner {
	margin-bottom: 20px;
	clear: both;
	background-color: #FFFFFF;
}

/**** div.contentInnerTop ****/
div.contentInner div.contentInnerTop {
	width: 758px;
	height: 20px;
	background: url(../img/box_top.gif) no-repeat top center;
}

/**** div.contentInnerBottom ****/
div.contentInner div.contentInnerBottom {
	width: 758px;
	height: 35px;
	background: url(../img/box_bottom.gif) no-repeat bottom center;
}

/**** div.contentInnerContents ****/
div.contentInner div.contentInnerContents {
	width: 756px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}


/* ********************************************************************************
 * dsiwareInfo
 * ******************************************************************************** */

div#dsiwareInfo {
	clear: both;
	margin-bottom: 20px;
}
div#dsiwareInfo div#dsiwareInfoTop {
	width: 758px;
	height: 14px;
	background: url(../img/dsiware_top.gif) no-repeat 0 0;
	font-size: 0
}
div#dsiwareInfo div#dsiwareInfoBottom {
	width: 758px;
	height: 16px;
	background: url(../img/dsiware_bottom.gif) no-repeat 0 0;
}
div#dsiwareInfo div#dsiwareInfoContents {
	width: 756px;
	border-left: solid 1px #ff418c;
	border-right: solid 1px #ff418c;
	position: relative;
}
div#dsiwareInfo div#dsiwareInfoContents p#dsiwareText {
	width: 500px;
	margin-left: 200px;
	font-size: 92%;
}
	
div#dsiwareInfo div#dsiwareInfoContents p#dsiwareLogo {
	position: absolute;
	top: 2.0em;
	left: 42px;
	width: 119px;
	height: 23px;
}

/* p.pageNavi
------------------------------------------------------------*/
div#content p.pageNavi {
	margin: 30px 0 20px;
	text-align: center;
}

/* ********************************************************************************
 * contents
 * ******************************************************************************** */
/*  managerArea
------------------------------------------------------------*/
div#managerArea {
 	position: absolute;
	left: 30%; 
	width: 0;
 	height: 1800px;
	visibility: hidden;
	background: transparent !important;
}

div#container h3 {
	width: 758px;
	margin:0 auto;
	padding-top: 20px;
	clear:both;
}

div#container h3#topmidashi {
	padding-top:10px;
}

/* box1st
------------------------------------------------------------*/ 
div#box1st {
	width: 758px;
	margin: 0 auto;
	padding: 34px 0;
	background: url(../img/orengebox_bg.gif) repeat-y 0 bottom;	
}

div#box1st #aboutbox {
	width: 652px;
	margin:0 auto;
}

div#box1st #aboutbox ul {
	position: relative;
	width: 568px;
	height: 277px;
	margin: 30px auto 5px auto;	
}

div#box1st #aboutbox ul li {
	position: absolute;
}

div#box1st #aboutbox ul li#about1 {
	top: 0;
	left: 0;
}

div#box1st #aboutbox ul li#about2 {
	top: 245px;
	left: 25px;
}

div#box1st #aboutbox ul li#about3 {
	top: 106px;
	left: 172px;
}

div#box1st #aboutbox ul li#about4 {
	top: 0;
	left: 202px;
}

div#box1st #aboutbox ul li#about5 {
	top: 255px;
	left: 215px;
}

div#box1st #aboutbox ul li#about6 {
	top: 106px;
	left: 377px;
}

div#box1st #aboutbox ul li#about7 {
	top: 0;
	left: 407px;
}

div#box1st #aboutbox ul li#about8 {
	top: 255px;
	left: 406px;
}

div#box1st #aboutbox2 {
	clear: both;
	width: 690px;
	margin:0 auto;
}

div#box1st #aboutbox2 dl {
	float: left;
	width: 340px;
}

div#box1st #aboutbox2 dt {
	width:340px;
	margin: 30px 0 8px 0;
}

div#box1st #aboutbox2 dd div.img_about{
	padding-top:10px;
}

div#box1st #aboutbox2 dd div.img_about img{
	vertical-align:middle;
}


div#box1st #aboutbox2 #flash01box {
	float: right;
	width: 300px;
	height: 470px;
	margin-top: 30px;
}

/* box2nd
------------------------------------------------------------*/
div#box2nd {
	width: 758px;
	margin: 0 auto;
	padding: 34px 0;
	background: url(../img/orengebox_bg.gif) repeat-y 0 bottom;
}

div#box2nd #supportbox {
	width: 690px;
	margin:0 auto;
	/*padding-left: 34px;*/
}

div#box2nd #supportimgbox {
	float: left;
	width: 362px;
}

div#box2nd #supportimgbox p#supporttextimg {
	margin-bottom: 30px;
}

div#box2nd #supportimgbox #supportimgfield {
	position: relative;
	width:355px;
	height:	308px;
	background: url(../img/supportimgfield_bg.gif) repeat-y top center;
}

div#box2nd #supportimgbox #supportimgfield ul li {
	position: absolute;
}

div#box2nd #supportimgbox #supportimgfield ul li#support1 {
	top: 0px;
	left: 11px;
}

div#box2nd #supportimgbox #supportimgfield ul li#support2 {
	top: 21px;
	left: 11px;
}

div#box2nd #supportimgbox #supportimgfield ul li#support3 {
	top: 20px;
	left: 183px;
}

div#box2nd #supportimgbox #supportimgfield ul li#support4 {
	top: 164px;
	left: 11px;
}

div#box2nd #supportimgbox #supportimgfield ul li#support5 {
	top: 185px;
	left: 11px;
}

div#box2nd #supportimgbox #supportimgfield ul li#support6 {
	top: 164px;
	left: 183px;
}

div#box2nd #supportimgbox #supportimgfield ul li#support7 {
	top: 186px;
	left: 183px;
}

div#box2nd #flash02box {
	float: right;
	width: 300px;
	height: 470px;
}

/* boxLastchild
------------------------------------------------------------*/
div#boxLastchild {
	clear: both;
	width: 758px;
	margin: 0 auto;
	padding: 34px 0;
	background: url(../img/orengebox_bg.gif) repeat-y 0 bottom;
}

div#boxLastchild #usetoptext {
	width:640px;
	margin:0 auto;
}

div#boxLastchild #usetoptext img{
	width:640px;
	margin:0 auto;
}

div#boxLastchild #usebox {
	width: 445px;
	height: 175px;
	margin: 35px auto 0 auto;
	padding-bottom: 30px;
	text-align:center;
}

div#boxLastchild #useboxleft {
	float: left;
}

div#boxLastchild #useboxright {
	float: right;
}

div#boxLastchild #usebox p.boxtext {
	margin-top: 10px;
}

div#boxLastchild #usebox2 {
	width: 445px;
	margin: 0 auto 0 auto;
	text-align:center;
}

div#boxLastchild #useboxleft2 {
	float: left;
}

div#boxLastchild #useboxright2 {
	float: right;
}

div#boxLastchild #usebox2 p.boxtext {
	margin-top: 10px;
}

/* div#other
------------------------------------------------------------*/
div#other {
	height: 60px;
	margin-left:138px;
	padding:10px 0 30px 0;
	clear:both;
}

div#other p{
	float: left;
	width: 482px;
	height: 60px;
	margin-right: 10px;
	text-indent: -9999px;
}


div#other a {
	display: block;
	width: 482px;
	height: 60px;
	background: #CCCCCC top center no-repeat;
}

div#other a:hover {
	background-position: center bottom;
}

div#other a {
	background-image: url(../img/btn_k8ej.gif);
}