@charset "UTF-8";

/* === type setting File === */

/* -------------------------------------------------- common */
div#mainContents h1 {
	margin:0;
	padding:0;
	background-image:none;
}

.box {
	clear:both;
	width:718px;
	margin-bottom:15px;
	background:url(/data/package/common/images/bg_03.gif) repeat-y;
}

.box .inner {
	padding-bottom:25px;
	background:url(/data/package/common/images/bg_04.gif) no-repeat left bottom;
}

.section:after,
.section2:after,
.inner:after,
.markExp:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.section,
.section2,
.inner,
.markExp {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .section,
* html .section2,
* html .inner,
* html .markExp {height: 1%;}
.section,
.section2,
.inner,
.markExp {display: block;}
/* End hide from IE-mac */

.section {
	clear:both;
	position:static;
	margin-bottom:30px;
	padding:0 0 32px 34px;
	background:url(/data/package/tips/images/index_bg_01.gif) no-repeat left bottom;
}

.section2 {
	clear:both;
	position:static;
	padding:0 0 0 34px;
}



/* -------------------------------------------------- tips */
#tips #about {
	padding:0 33px 20px 35px;
}

body.wide div#mainContents #tips #about div#readArea{
	clear:both;
	margin:13px 0 0;
}

#tips #about .textItem {
	width:435px;
	float:left;
}

#tips #about p.read {
	font-weight:bold;
	color:#ad460e;
}

#tips #about .image {
	float:right;
}

#tips #anchorLink {
	clear:both;
	padding-bottom:20px;
	text-align:center;
}

#tips #anchorLink ul li {
	display:inline;
	min-height:36px;
	height:auto !important;
	height:36px;
	margin:0 14px;
}

#tips #anchorLink ul li a,
#tips #anchorLink ul li a:visited,
#tips #anchorLink ul li a:active {
	min-height:36px;
	padding-top:10px;
	padding-bottom:11px;
	padding-left:42px;
	background:url(/data/package/tips/images/index_ic_01.gif) no-repeat 0 0;
	color:#222222;
	font-weight:bold;
}

* html #tips #anchorLink ul li a,
* html #tips #anchorLink ul li a:visited,
* html #tips #anchorLink ul li a:active {
	height:36px;
	padding-top:9px;
	padding-left:42px;
	background:url(/data/package/tips/images/index_ic_01.gif) no-repeat 0 0;
	color:#222222;
	font-weight:bold;
}

*:first-child+html #tips #anchorLink ul li a,
*:first-child+html #tips #anchorLink ul li a:visited,
*:first-child+html #tips #anchorLink ul li a:active {
	display:inline-block;
	min-height:15px;
	padding-top:10px;
	padding-bottom:11px;
	padding-left:42px;
	background:url(/data/package/tips/images/index_ic_01.gif) no-repeat 0 0;
	color:#222222;
	font-weight:bold;
}

#tips #anchorLink ul li a:hover {
	background:url(/data/package/tips/images/index_ic_01_on.gif) no-repeat 0 0;
}

* html #tips #anchorLink ul li a:hover {
	background:url(/data/package/tips/images/index_ic_01_on.gif) no-repeat 0 0;
}

*:first-child+html #tips #anchorLink ul li a:hover {
	background:url(/data/package/tips/images/index_ic_01_on.gif) no-repeat 0 0;
}

div#mainContents #tips .box h2 {
	padding:0 0 25px;
}

#tips .qst {
	clear:both;
	width:620px;
	margin:0 0 15px 0;
	background:url(/data/package/tips/images/index_bg_02.gif) no-repeat right bottom;
}

#tips .qst .image {
	width:105px;
	float:left;
}

#tips .qst .textItem {
	width:425px;
	padding:25px 45px;
	background:url(/data/package/tips/images/index_bg_03.gif) no-repeat 0 0;
	float:right;
	font-weight:bold;
}

* html #tips .qst .textItem {
	width:515px;
	padding:25px 45px;
	background:url(/data/package/tips/images/index_bg_03.gif) no-repeat 0 0;
	float:right;
	font-weight:bold;
}

*:first-child+html #tips .qst .textItem {
	width:425px;
	padding:25px 45px;
	background:url(/data/package/tips/images/index_bg_03.gif) no-repeat 0 0;
	float:right;
	font-weight:bold;
}

#tips .ans {
	clear:both;
	width:612px;
	margin:0 0 30px 39px;
	background:url(/data/package/tips/images/index_bg_04.gif) no-repeat left bottom;
}

#tips .ans .image {
	width:97px;
	float:right;
}

#tips .ans .textItem {
	width:425px;
	padding:25px 45px;
	background:url(/data/package/tips/images/index_bg_05.gif) no-repeat 0 0;
	float:left;
	font-weight:bold;
}

* html #tips .ans .textItem {
	width:515px;
	padding:25px 45px;
	background:url(/data/package/tips/images/index_bg_05.gif) no-repeat 0 0;
	float:left;
	font-weight:bold;
}

*:first-child+html #ans .qst .textItem {
	width:425px;
	padding:25px 45px;
	background:url(/data/package/tips/images/index_bg_05.gif) no-repeat 0 0;
	float:left;
	font-weight:bold;
}

#tips .box dl.photExp {
	clear:both;
	display:table;
	width:612px;
	margin-left:39px;
}

#tips .box dl.photExp dt {
	width:1%;
	display:table-cell;
	padding-right:25px;
	vertical-align:top;
}

* html #tips .box dl.photExp dt {
	width:auto;
	padding-right:25px;
	float:left;
}

#tips .box dl.photExp dd {
	display:table-cell;
	min-height:40px;
	padding-top:8px;
	padding-left:47px;
	background:url(/data/package/tips/images/index_ic_02.gif) no-repeat 0 0;
	color:#333333;
	vertical-align:top;
}

* html #tips .box dl.photExp dd {
	zoom:1;
	margin-top:4px;
	padding-top:8px;
	padding-left:47px;
	background:url(/data/package/tips/images/index_ic_02.gif) no-repeat 0 0;
	color:#333333;
}

#tips .box .markExp {
	clear:both;
	width:580px;
	margin-left:39px;
	margin-bottom:10px;
	padding-bottom:9px;
	border-bottom:1px solid #e6f3f5;
}

#tips .box .markExp.last {
	clear:both;
	width:580px;
	margin-left:39px;
	padding-bottom:20px;
	border-bottom:0;
}

#tips .box .markExp dl {
	width:580px;
}

#tips .box .markExp dl dt {
	width:96px;
	float:left;
}

#tips .box .markExp dl dd {
	width:180px;
	padding-top:18px;
	padding-right:10px;
	color:#333333;
	float:left;
}

* html #tips .box .markExp dl dd {
	width:190px;
	padding-top:18px;
	padding-right:10px;
	color:#333333;
	float:left;
}

#tips .box .markExp dl dd.addIcon {
	width:237px;
	min-height:40px;
	margin-top:9px;
	padding-top:8px;
	padding-left:47px;
	background:url(/data/package/tips/images/index_ic_02.gif) no-repeat 0 0;
	float:left;
}

* html #tips .box .markExp dl dd.addIcon {
	width:294px;
	height:40px;
	margin-top:9px;
	padding-top:8px;
	padding-left:47px;
	background:url(/data/package/tips/images/index_ic_02.gif) no-repeat 0 0;
	float:left;
}

*:first-child+html #tips .box .markExp dl dd.addIcon {
	width:237px;
	min-height:40px;
	margin-top:9px;
	padding-top:8px;
	padding-left:47px;
	background:url(/data/package/tips/images/index_ic_02.gif) no-repeat 0 0;
	float:left;
}

#mameBox {
	clear:both;
	position:relative;
	width:580px;
	margin-left:39px;
	background:url(/data/package/tips/images/index_bg_06.gif) repeat-y 0 0;
}

#mameBox h3 {
	padding-bottom:10px;
}

#mameBox span {
	position:absolute;
	right:11px;
	top:6px;
}

#mameBox #mameInner {
	padding:0 30px 30px;
	background:url(/data/package/tips/images/index_ex_01.gif) no-repeat left bottom;
}

#mameBox dl.mark {
	width:520px;
	padding-bottom:25px;
}

#mameBox dl.mark dt {
	width:157px;
	float:left;
}

#mameBox dl.mark dd {
	width:363px;
	padding-top:2em;
	font-weight:bold;
	color:#679cda;
	float:left;
	line-height:1.8;
}

#mameBox h4 {
	clear:both;
	padding-bottom:5px;
	font-weight:bold;
	color:#ad460e;
	font-size:80%;
}

#mameBox dl.material {
	position:relative;
}

#mameBox dl.material dt {
	position:absolute;
	width:4em;
	font-weight:bold;
	color:#ad460e;
	text-align:right;
}

#mameBox dl.material dd {
	padding-left:5em;
	padding-bottom:5px;
}


/* EOF */