/* CSS Document */

/* ==================================
reset
================================== */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
hr{
	display:none;
}


/* ==================================
common
================================== */
body#view #contents {
	font-size: 83% !important;
}
body#view #contents #main p{
	line-height: 1.5;
}
body#view #main h1 {
	clear:both;
	margin-top:20px;
}
body#view #main .h2-design {
	_height:1%;
	margin:30px 0 0;
	background:#f7f6fe url(../../special/view/images/common_bg002.gif) no-repeat left top;
}
body#view #main .h2-design span {
	display:block;
	_height:1%;
	padding:14px 19px 6px;
	background:url(../../special/view/images/common_bg003.gif) no-repeat left bottom;
}
body#view #main .h2-design h2  {
	font-size:120%;
	font-weight:bold;
}
body#view #main .design-2 {
	margin:10px 0;
	padding: 0 0 5px 10px;
	border-bottom: 1px solid #dddddd;
	background: url(../images/common_bg005.gif) no-repeat 0 0;
	font-size:110%;
	font-weight:bold;
}
* html body#view #main .design-2 {
	height: 1px;
}
body#view #main ul {
	margin-bottom:13px;
}
body#view #main ul.list-last {
	margin-bottom:0;
}
body#view #main ul li {
	margin-left:4px;
	padding-left:10px;
	background:url(../../special/view/images/common_ic001.gif) no-repeat 0 0.7em;
	_background:url(../../special/view/images/common_ic001.gif) no-repeat 0 0.6em;
	line-height:1.5;
}
body#view #main ul.ic-triangular01 li {
	background:none;
	margin:0;
	padding:0;
}
body#view #main ul.ic-triangular01 li a {
	background:url(../images/common_ic001.gif) no-repeat scroll 0 0.4em;
	padding-left:10px;
}
* html body#view #main ul.ic-triangular01 li a {
	zoom:1;
}
body#view #main ul.ic-triangular02 li {
	background:none;
	margin:0;
	padding:0;
}
body#view #main ul.ic-triangular02 li p {
	padding:0 0 10px 13px;
}
body#view #main ul.ic-triangular02 li a {
	background:url(../images/common_ic006.gif) no-repeat scroll 0 0.4em;
	padding-left:13px;
}
body#view #main .lead-txt  {
	color:#6153aa;
	font-size:110%;
	font-weight:bold;
}
body#view #main .center  {
	text-align:center;
}
body#view #main strong {
	font-weight: bold;
}

/* production100 */

body#production100 #topicpath {
	width:822px;
	margin-left:1px;
	background:#442205 url(../../special/wisdom/images/production100_bg002.gif) no-repeat 0 100%;
	color:#FFFFFF !important;
}
* html body#production100 #topicpath { /* for IE6 */
	width:862px;
}
body#production100 #topicpath a {
	color:#FFFFFF !important;
}
body#production100 #contents {
	width:862px;
	margin:0 0 40px 1px;
	padding-bottom:40px;
	background:url(../../special/wisdom/images/production100_bg008.gif) no-repeat 0 0;
}
body#production100 #main {
	float:none;
	width:720px;
	margin:0 0 0 71px;
	padding:0;
	background:url(../../special/wisdom/images/production100_bg007.gif) repeat-y 0 0;
	font-size:83%;
	color:#444444;
}
body#production100 #head-contents {
	position:relative;
	height:185px;
	width:720px;
	background:url(../../special/wisdom/images/production100_bg001.gif) no-repeat 0 0;
}
body#production100 #head-contents h1 {
	position:absolute;
	top:31px;
	left:85px;
}
body#production100 #head-contents .title {
	position:absolute;
	top:86px;
	left:124px;
}
body#production100 .asym-col {
	width:640px;
	margin:17px 0 0 40px;
}
body#production100 .asym-col .col01 {
	float:left;
	width:229px;
}
body#production100 .asym-col .col02 {
	float:right;
	width:390px;
}
body#production100 .asym-col .name {
	margin:11px 0 35px;
}
body#production100 .asym-col .profile {
	position:relative;
	height:17px;
	width:388px;
	background:url(../../special/wisdom/images/production100_bg003.gif) no-repeat 0 0;
}
body#production100 .asym-col .profile img {
	position:absolute;
	top:2px;
	left:155px;
}
body#production100 .asym-col .txt {
	margin-top:12px;
	line-height:1.5;
}
body#production100 .mark {
	position:relative;
	height:24px;
	width:640px;
	margin:30px 0 0 40px;
}
body#production100 .mark img {
	position:absolute;
	top:0;
	left:222px;
}
body#production100 .section {
	width:640px;
	margin:30px 0 0 40px;
}
body#production100 .section p {
	line-height:1.5;
}
body#production100 .section strong {
	font-weight:bold;
}
body#production100 .event-info {
	width:642px;
	margin-left:40px;
	padding-bottom:13px;
	background:url(../../special/wisdom/images/production100_bg005.gif) no-repeat 0 100%;
}
body#production100 .event-info .inner {
	width:616px;
	padding:17px 13px 0;
	background:url(../../special/wisdom/images/production100_bg004.gif) no-repeat 0 0;
}
* html body#production100 .event-info .inner { /* for IE6 */
	width:642px;
}
body#production100 .event-info .inner dl dt {
	padding:0 0 10px 5px;
	border-bottom:1px solid #d4c16f;
}
body#production100 .event-info .inner dl dd {
	padding:10px 5px;
}
body#production100 .event-info .inner dl dd .title {
	margin-bottom:10px;
	color:#3c1e00;
	font-weight:bold;
	font-size:105%;
}
body#production100 .event-info .inner dl dd .link {
	margin-top:13px;
	padding-left:14px;
	background:url(../../special/wisdom/images/production100_ic001.gif) no-repeat 0 0.25em;
}
body#production100 .pagetop {
	width:680px;
	margin:20px 0 8px;
	text-align:right;
}
body#production100 .pagetop p {
	margin-right:10px;
}
body#production100 #foot-contents {
	position:relative;
	height:99px;
	width:720px;
	margin-left:71px;
	background:url(../../special/wisdom/images/production100_bg006.gif) no-repeat 0 0;
}
body#production100 #foot-contents p {
	position:absolute;
	top:17px;
	left:226px;
}

/* ==================================
main
================================== */
body#view #main {
	float:none;
	width:840px;
	padding-bottom:35px;
	margin:3px 0 0 20px;
}
body#view #main div.section,
body#view #main div.inner-section,
body#view #main div.inner-section03 {
	margin:15px 0 0 25px;
}
body#view #main div.section {
	width:772px;
}
body#view #main div.inner-section,
body#view #main div.inner-section03 {
	width:747px;
}
body#view #main div.inner-section02 {
	width:742px;
}
body#view #main div.inner-section02 .inner2 {
	margin-top: 5px;
	border: 1px solid #c6c6c6;
}


/* area-anchor */
body#view #main dl.area-anchor {
	width:820px;
	border:1px solid #dddddd;
}
body#view #main #area-anchor-bottom {
	margin-top:20px;
}
* html body#view #main dl.area-anchor {
	width:822px;
}
body#view #main dl.area-anchor dt,
body#view #main dl.area-anchor dd {
	float:left;
}
body#view #main dl.area-anchor dd {
	padding:0 0 0 5px;
}

body#view #main dl.area-anchor ul.pulld {
	margin: 33px 3px 0 416px;
	padding:0px;
	visibility:hidden;
	position:absolute;
}
body#view #main dl.area-anchor ul.tame {
	margin: 33px 3px 0 416px;
	padding:0px;
	position:absolute;
}
body#view #main dl.area-anchor li.pdlist {
	background:none;
}
body#view #main dl.area-anchor li.pdlist a {
	display:block;
	text-indent: 5px;
	margin: 0 0 0 2px;
	padding: 0;
	height: 33px;
	background:none;
}
body#view #main div.section p.present {
	margin-top:20px;
}



/* two-column */
body#view #main div.section div.two-column01,
body#view #main div.section div.two-column02,
body#view #main div.section div.two-column03 {
	clear:both;
}
body#view #main div.section div.two-column01 {
	width:772px;
}
body#view #main div.section div.two-column02,
body#view #main div.section div.two-column03 {
	width:700px;
}
body#view #main div.section div.two-column01 .left {
	float:left;
	width:507px;
}
body#view #main div.section div.two-column01 .right {
	float:right;
	width:245px;
}
body#view #main div.section div.two-column02 .left {
	display:inline;
	float:left;
	width:450px;
	margin-left:4px;
}
body#view #main div.section div.two-column02 .right {
	float:right;
	width:200px;
}
body#view #main div.section div.two-column03 .left {
	float:left;
	width:120px;
}
body#view #main div.section div.two-column03 .right {
	float:right;
	width:580px;
}

body#view #main div.section div.two-column03 .color-red {
	color:#800000;
	font-weight:bold;
}

/* inner-section02 two-column */
body#view #main div.inner-section02 .inner2 .col-top {
	padding-bottom: 10px;
}
body#view #main div.inner-section02 .inner2 .col-bottom {
	clear: both;
	padding: 10px;
	border-top: 1px solid #c6c6c6;
}

body#view #main div.inner-section02 .inner2 .col-left {
	float: left;
	width: 550px;
}
body#view #main div.inner-section02 .inner2 .col-right {
	float: right;
	width: 180px;
}
body#view #main div.inner-section02 .inner2 .col-left02 {
	float: left;
	width: 639px;
}
body#view #main div.inner-section02 .inner2 .col-right02 {
	float: right;
	width: 91px;
}
body#view #main div.inner-section02 .inner2 .col-left03 {
	float: left;
	width: 590px;
}
body#view #main div.inner-section02 .inner2 .col-right03 {
	float: right;
	width: 146px;
}
* html body#view #main div.inner-section02 .inner2 .col-right03 {
	width:140px;
}

body#view #main div.inner-section02 .inner2 .imgArea {
	margin-top: 36px;
	padding: 3px 3px 0;
}

body#view #main div.inner-section02 span.title-img {
	display: block;
	margin-top: 10px;
}
body#view #main div.inner-section02 p.formButton {
	text-align: right;
}
body#view #main div.inner-section02 span .firstImg {
	margin-right: 3px;
}
body#view #main div.section div.inner-section03 .rgtxt {
	float:right;
	margin-top: -15px;
}

body#view #main div.section div.inner-section03 .txt {
	margin: 10px 10px 20px 0;
}

body#view #main div.section div.inner-section03 .title {
	margin-top: 15px;
	margin-bottom: 15px;
	vertical-align:center;
	padding-left: 35px;
	background:url(../../special/energy/images/earth.png) no-repeat left top;
	font-weight:bold;
	font-size:110%;
}

body#view #main div.section div.inner-section03 .left-col {
	clear:both;
	float:left;
	width:350px;
	padding:10px;
 	margin-left:-20px;
}
body#view #main div.section div.inner-section03 .right-col {
	float:right;
	width:350px;
	margin: 0 0 30px 0;
	padding:10px;
}
body#view #main div.section div.inner-section03 p {
	margin:0px;
	padding:0px;
}
body#view #main div.section div.inner-section03 .left-col .consal {
	text-align: center;
	margin: 0 0 15px 0;
	font-weight:bold;
	font-size:120%;
	padding: 0;
}
body#view #main div.section div.inner-section03 .right-col .consal {
	text-align: center;
	margin: 0 0 15px 0;
	font-weight:bold;
	font-size:120%;
	padding: 0;
}
body#view #main div.section div.inner-section03 .line {
	clear:both;
	text-align: center;
	margin: 0 0 30px 0;
}

body#view #main div.section div.inner-section03 .left-col2 {
	clear:both;
	float:left;
	width:500px;
}
body#view #main div.section div.inner-section03 .right-col2 {
	float:right;
	width:224px;
}

body#view #main .top-col {
	width:741px;
	margin:20px 0;
}
body#view #main .top-col .left {
	float:left;
	width:521px;
}
body#view #main .top-col .right {
	float:right;
	width:200px;
}



/* three-column */
body#view #main div.section div.three-column01 {
	width:747px;
}
body#view #main div.section div.three-column01 .left {
	float:left;
	width:230px;
	margin:20px 28px 0 0;
}
body#view #main div.section div.three-column01 .center {
	float:left;
	width:230px;
	margin:20px 28px 0 0;
}
body#view #main div.section div.three-column01 .right {
	float:left;
	width:230px;
	margin:20px 0 0 0;
}
body#view #main div.section div.three-column01 p.consal {
	text-align: center;
	margin: 0 0 15px 0;
	font-weight:bold;
	font-size:120%;
	padding: 0;
}



/* table */
body#view #main div.section table {
	margin-top:7px;
	font-size:100%;
}
body#view #main div.section table.denki,
body#view #main div.section table.denki th {
	text-align:center;
}
body#view #main div.section table th {
	padding:5px 5px;
	border:1px solid #bbb;
	border-collapse:collapse;
	border-bottom:none;
	background:#edeaff url(../../special/view/images/common_bg001.gif) repeat-x left bottom;
	font-weight:bold;
}
body#view #main div.section table th.eng1 {
	width:100px;
	border-bottom:none;
	background:#ffeaf7 url(../../special/energy/images/eng_bg001.gif) repeat-x left bottom;
	font-weight:bold;
}
body#view #main div.section table th.eng2 {
	width:200px;
	border-bottom:none;
	background:#ffeaf7 url(../../special/energy/images/eng_bg001.gif) repeat-x left bottom;
	font-weight:bold;
}
body#view #main div.section table th.eng3 {
	width:60px;
}
body#view #main div.section table td {
	padding:5px 5px;
	border:1px solid #bbb;
	border-collapse:collapse;
	color:#6153aa;
}
body#view #main div.section p.attention01 {
	padding-top:5px;
	text-align:right;
}
body#view #main div.section p.attention02 {
	padding:5px 0 15px;
	font-size:75%;
}
body#view #main div.section p.attention {
	color:#FF0000;
}


/* explanation */
body#view #main div.section dl.explanation  {
	clear:both;
	width:772px;
	padding-top:5px;
}
body#view #main div.section dl.explanation dt,
body#view #main div.section dl.explanation dd {
	float:left;
}
body#view #main div.section dl.explanation dt {
	width:73px;
}
body#view #main div.section dl.explanation dd {
	width:694px;
	padding:9px 0 0 5px;
}


body#view #main div.section dl.list-sample {
	padding:13px 0 0;
}


/* plugin-box */
body#view #main div.section .plugin-box {
	clear:both;
	width:700px;
	padding:30px 0 0;
}
body#view #main div.section .plugin-box .banner {
	float: left;
	width: 158px;
}
body#view #main div.section .plugin-box .txt {
	float:left;
	width:519px;
	padding:2px 0 0 23px;
}


/* step */
body#view #main div.section div.area-step {
	width:700px;
	margin-left:36px;
}
body#view #main div.section div.area-step p.caption{
	padding-bottom:10px;
	color:#2255cc;
	text-align:right;
	font-size:75%;
}
body#view #main div.section div.area-step span {
	color:#2255cc;
}
body#view #main div.section div.area-step div.step01,
body#view #main div.section div.area-step div.step02,
body#view #main div.section div.area-step div.step03,
body#view #main div.section div.area-step div.step04,
body#view #main div.section div.area-step div.step05 {
	width:700px;
	_height:1%;
	padding-bottom:20px;
	background:url(../../special/view/images/02_bg007.gif) no-repeat left bottom;
}
body#view #main div.section div.area-step div.step05 {
	padding-bottom:5px;
	background:url(../../special/view/images/02_bg006.gif) no-repeat left bottom;
}
body#view #main div.section div.area-step div.step01 p,
body#view #main div.section div.area-step div.step02 p,
body#view #main div.section div.area-step div.step03 p,
body#view #main div.section div.area-step div.step04 p,
body#view #main div.section div.area-step div.step05 p {
	_height:30px;
	min-height:20px;
	padding:7px 40px 0;
	font-size:110%;
	font-weight:bold;
}
body#view #main div.section div.area-step div.step01 p {
	background:url(../../special/view/images/02_bg001.gif) no-repeat left top;
}
body#view #main div.section div.area-step div.step02 p {
	padding-bottom:12px;
	background:url(../../special/view/images/02_bg002.gif) no-repeat left top;
}
body#view #main div.section div.area-step div.step03 p {
	padding-bottom:12px;
	background:url(../../special/view/images/02_bg003.gif) no-repeat left top;
}
body#view #main div.section div.area-step div.step04 p {
	background:url(../../special/view/images/02_bg004.gif) no-repeat left top;
}
body#view #main div.section div.area-step div.step05 p {
	background:url(../../special/view/images/02_bg005.gif) no-repeat left top;
}

body#view #main div.section div.area-step ul {
	margin-bottom:0;
}
body#view #main div.section div.area-step ul li {
	margin:0 0 4px 42px;
	padding-left:11px;
	background:url(../../special/view/images/02_ic01.gif) no-repeat 0 0.5em;
	line-height:1.5;
}
body#view #main div.section div.area-step ul li ul li {
	margin-left:0;
	padding-left:11px;
	background:url(../../special/view/images/02_ic02.gif) no-repeat 0 0.5em;
}

/* influenza */

body#view #influenza #basic {
	width:600px;
}
body#view #influenza .gray-area {
	width:772px;
	margin:40px 0 0 25px;
	padding-bottom:20px;
	background:url(../../special/influenza/images/influenza_bg001.gif) no-repeat 0 100%;
}
body#view #influenza .indent {
	display:block;
	line-height:1.5;
	margin-left:15px;
	padding-left:0.7em;
	text-indent:-0.7em;
}
body#view #main #influenza div.inner-section {
	width:720px;
}
body#view #main #influenza .last {
	margin-bottom:20px;
	padding-bottom:7px !important;
	background: url(../../special/view/images/02_bg006.gif) no-repeat scroll left bottom !important;
}
body#view #main #influenza .ic-pdf {
	background:transparent url(../images/common_ic007.gif) no-repeat scroll 0 0;
	min-height:17px;
	padding-left:20px;
}
body#view #influenza div.section div.two-column01 .left {
	width:450px;
}
body#view #influenza div.section div.two-column01 .right {
	width:302px;
}
body#view #main #influenza .h2-design {
	background-color:#FFFFFF !important;
}
body#view #main #influenza div.section div.area-step div.step01,
body#view #main #influenza div.section div.area-step div.step02,
body#view #main #influenza div.section div.area-step div.step03 {
	background-image:url(../../special/influenza/images/01_bg001.gif);
}
body#view #main div.section div.area-step#first div.step01 p {
	padding-bottom:12px;
	background-image:url(../../special/influenza/images/01_bg003.gif);
}
body#view #main div.section div.area-step#second div.step02 p {
	padding-bottom:0;
	background-image:url(../../special/influenza/images/01_bg002.gif);
}
body#view #main div.section div.area-step#second div.step04 p {
	padding-bottom:12px;
	background-image:url(../../special/influenza/images/01_bg004.gif);
}


/* ==================================
Clear fix
================================== */
body#view #main dl:after,
body#view #main div.two-column01:after,
body#view #main div.two-column02:after,
body#view #main div.two-column03:after,
body#view #main div.three-column01:after,
body#view #main dl.area-anchor:after,
body#view #main div.section .plugin-box:after,
body#view #main div.inner-section02 .inner2 .col-top:after,
body#view #main div.section div.inner-section03:after,
body#view #main .top-col:after,
body#production100 .asym-col:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
body#view #main dl,
body#view #main div.two-column01,
body#view #main div.two-column02,
body#view #main div.two-column03,
body#view #main div.three-column01,
body#view #main dl.area-anchor,
body#view #main div.section .plugin-box,
body#view #main div.inner-section02 .inner2 .col-top,
body#view #main div.section div.inner-section03,
body#view #main .top-col,
body#production100 .asym-col {
	min-height: 1px;
}

/* for IE6 */
* html body#view #main dl,
* html body#view #main div.two-column01,
* html body#view #main div.two-column02,
* html body#view #main div.two-column03,
* html body#view #main div.three-column01,
* html body#view #main dl.area-anchor,
* html body#view #main div.section .plugin-box,
* html body#view #main div.inner-section02 .inner2 .col-top,
* html body#view #main div.section div.inner-section03,
* html body#view #main .top-col,
* html body#production100 .asym-col {
	height: 1px;
}

/* for IE7 */
*:first-child+html body#view #main dl,
*:first-child+html body#view #main div.two-column01,
*:first-child+html body#view #main div.two-column02,
*:first-child+html body#view #main div.two-column03,
*:first-child+html body#view #main div.three-column01,
*:first-child+html body#view #main dl.area-anchor,
*:first-child+html body#view #main div.section .plugin-box,
*:first-child+html body#view #main div.inner-section02 .inner2 .col-top,
*:first-child+html body#view #main div.section div.inner-section03,
*:first-child+html body#view #main .top-col,
*:first-child+html body#production100 .asym-col {
	zoom: 1;
}