@media screen,print {

html{
 background-color: #3399cc;
}
/*
 *
 * wrapper
 *
 */

#contents-wrapper
,#footer-wrapper
{
 background-color: #3399cc;
 position: static;
 width: 100%;
 text-align: center;
 margin: 0 auto;
}

#contents-wrapper {
 margin: 0 auto 0;
}

#footer-wrapper
{}

/*
 *
 * global*
 *
 */

#globalheader
,#globalnav
,#globalbody
,#globalfooter
{
 position: static;
 width: 100%;
 margin: 0 auto;
}

#globalheader {
 width: 860px;
 background-image: url(/image/lp/bg-chip-body.png);
 background-repeat: repeat-y;
 background-position: 0 0;
 /* min-height hack */
 min-height: 68px;
 height: auto !important;
 height: 68px;
 /*position: fixed;*/ /* sticky header */
}
* html #globalheader { /*position: static;*/ } /* css hack for IE version 6 under */

#globalnav { width: 860px; }

#globalbody{
 width: 860px;
 background-image: url(/image/lp/bg-chip-body.png);
 background-repeat: repeat-y;
 background-position: 0 0;
 /*margin-top: 100px;*/ /* for position: fixed on #globalheader */
}
* html #globalbody { /*margin-top: 0;*/ } /* css hack for IE version 6 under */

#globalfooter {
 width: 860px;
 background-image: url(/image/lp/bg-chip-body.png);
 background-repeat: repeat-y;
 background-position: 0 0;
}

/*
 *
 * *-container
 *
 */
#globalheader #gh-container
,#globalnav #gn-container
,#globalbody #gb-container
,#globalfooter #gf-container
{
 width: 800px;
 margin: 0 auto;
 text-align: left;
}

#globalheader #gh-container { /*height: 60px;*/ background-color: #ffffff; }
#globalnav #gn-container { height: 30px; background-color: #ffffff; }
#globalbody #gb-container { width: 800px;  background-color: #ffffff; }
#globalfooter #gf-container { overflow: hidden; position: relative; background-color: #ececec; }

/*
 * gh-container module
 */
#heading{
 color: black;
 font-size: 0.8em;
 padding-top: 8px;
 padding-left: 10px;
 padding-right: 10px;
}
#headerbox { padding: 0; }
#headerbox-left
,#headerbox-right
{
 display: block; float: left;
} 
#headerbox-left { width: 600px; }
#headerbox-right { width: 200px; }

#logo{ font-size: 2em; margin-top: 0;; }
#logo-img{ display: inline; vertical-align: middle; }
#pamphlet{
 float: left;
 display: block;
}
#pamphlet-img{ display: inline; vertical-align: middle; }

/*
 * gf-container module
 */
#footerbox{
 /*padding-top: 32px;
 padding-bottom: 24px;*/
 position: relative;
}
#footernav {
}
#footernav a { text-decoration: none; }
#footernav a:hover { text-decoration: underline; }
#footernav dl{
 text-align: left;
 padding: 0 24px;
}
#footernav dl dt{
 margin: 0;
 padding: 0 0px 0;
 text-align: left;
}
#footernav dl dd{
 margin: 0;
 display: inline;
 padding: 0 0 0;
}
#footernav dl dd.nav-start{
 padding-left: 24px;
}

#footernav dl dd ul li a{
 display: block;
 width: 204px;
 padding: 4px 8px;
 color: #3366cc;
}
#footernav dl dd ul li a:hover {
 color: #00aacc;
 background-color: #ffffff;
}
#footermessage{
 margin-top: 0px;
}
#footermessage p{
 padding: 0 24px;
}
#copyright {
 display: block;
 background-color: #ececec;
 width: 800px;
 height: 30px;
 margin: auto 0 0;
 padding: auto 0 0;
 text-align: center;
 color: #333333;
 font-size: 0.85em;
 z-index: 990;
}
#copyright p{
 margin-top: 8px;
 overflow: hidden;
 padding-right: 1.0em;
}

/*
 *
 * module
 *
 */

/* for hr element */
.separate-white {
 height: 2px;
 color: white;
 background-color: white;
 border: none;
}
.separate-gray {
 width: 800px;
 height: 3px;
 color: #cccccc;
 background-color: #cccccc;
 text-align: center;
 margin: 0 auto;
 padding: 0;
 border: none;
}
.separate {
 display: none;
}

.attention {
 color: #1442a5;
 font-size: 80%;
}

.nojs{}
.nojs p
,div.nocookie{ color: red; padding: 1.0em; border: 10px solid red; }

/* for P or div elements */
.section {
}

/* pamphlet box */
.pamphlet-box { margin: 16px auto 0; width: 800px; text-align: left; background: #ececec; }
.pamphlet-box .pamphlet-box-left { width: 320px; float: left; margin: 10px 0 8px 10px; }
.pamphlet-box .pamphlet-box-left img { display: block; }
.pamphlet-box .pamphlet-box-right { width: 460px; float: left; }
.pamphlet-box .pamphlet-box-right img.pamphlet-box-right-first { display: block; margin-top: 10px; }

/*
 * clearfix
 */
/* for Modern browser */
.clearfix:after { content: url(clearfix.gif); display: block; clear: both; height: 0; }
/* for IE7 */
* html .clearfix { display: inline-block; }
 /* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
 /* */

} /* End @media screen,print */

@media print {
* {padding: 0; margin: 0;}

#contents-wrapper {
 width: auto;
 min-height: 0;
 height: auto;
 margin: 0 auto 32px;
 position: static;
}
#globalheader{
 position: static;
}
#globalfooter {
 width: auto;
 overflow: visible
 position: static;
}
.push {
 height: 0;
}
#globalheader #gh-container
,#globalnav #gn-container
,#globalbody #gb-container
,#globalfooter #gf-container
{ width: auto; height: auto; }

/*
 *
 * for footer
 *
 */
#footernav
,#footermessage
{
 margin: 0;
 padding: 0;
}
#copyright {
 position: static;
 top: 0;
 marign: 0;
 padding: 0;
}

} /* End @media print */

