@media screen{
/* hack mac ie not support for print */


/* common style ------------------------------------------------------------------------------- */
*{margin:0px; padding:0px;}

html{width:100%; height:100%;}

body{width:100%; height:100%; color:#666666; font:normal normal normal 12px/1.6 Meiryo, 'メイリオ', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'HG丸ゴシックM-PRO', 'ＭＳ Ｐゴシック', sans-serif; background:#ecf7fc url(../images/bg.gif) repeat-y 50% 0%; text-align:center;}

h1,h2,h3,h4,h5,div,p,span,ul,ol,li,dl,dt,dd,em,strong,dfn,hr{white-space:normal;}

ul{list-style:none;}
em,strong{font-weight:bold; font-style:normal;}
img{display:block; background:transparent; border:none;}
br{clear:both;}
hr{display:none;}

.hidden{display:none;}
.fL{float:left;}
.fR{float:right;}

/* layout -------------------------------------------------------------------------------- */
div#wrapper{position:relative; width:960px; height:100%; margin:0 auto; background:#ffffff url(../images/header_bg.gif) repeat-x 0% 0%; text-align:left;}

div.boxA{height:488px; background:url(../images/main_img.jpg) no-repeat 25px 18px;}
div.boxA h1{float:left; padding:27px 0 0 234px;}
div.boxA h2{float:left; padding:1px 0 20px 259px;}
div.boxA .Badge{z-index:5; display:inline; float:right; width:203px; height:206px; margin:20px 25px 0 0; background:url(../images/badge.gif) no-repeat 0% 0%; text-indent:-9999px;}
div.boxA .Det-h3{display:inline; float:left; width:472px; margin:0 0 0 260px; padding:2px 0 3px 0; background:#42b2e6;}
div.boxA .Det-txt{display:inline; float:left; width:472px; height:111px; margin:20px 0 0 260px;}
div.boxA .Det-txt p{padding:0 0 10px 0;}
div.boxA .QR{display:inline; float:right; width:161px; margin:25px 61px 0 0; text-align:center; color:#ff9a00;}
div.boxA .QR img{margin:20px auto 0 auto;}
div.boxA dl{display:inline; float:left; width:448px; height:104px; margin:0 0 0 281px; background:#fff7e5;}
div.boxA dl dt{padding:14px 0 0 0; background:url(../images/box2_top.gif) no-repeat 0% 0%;}
div.boxA dl dd{height:75px; background:url(../images/box2_bottom.gif) no-repeat 0% 100%;}
div.boxA dl dd ul{padding:10px 0 0 5px;}
div.boxA dl dd ul li{background:url(../images/box2_arrow.gif) no-repeat 0% 50%; text-indent:17px;}

div.boxB{margin:0 0 40px 0; background:url(../images/box3_bg.gif) no-repeat 120px 62px;}
div.boxB h3{width:861px; height:62px; margin:0 0 0 51px; background:url(../images/box3_h3.gif) no-repeat 0% 0%; text-indent:-9999px;}
div.boxB dl{display:inline; float:left; width:211px; margin:32px 22px 0 0; background:#42b2e6;}
div.boxB dl dt{padding:15px 0 12px 34px; background:url(../images/box3_b_top.gif) no-repeat 0% 0%;}
div.boxB dl dd{height:245px; padding:0 7px; background:url(../images/box3_b_bottom.gif) no-repeat 0% 100%; color:#ffffff;}
div.boxB dl dd img{margin:0 0 10px 0;}

address{height:36px; padding:14px 0 0 0; background:#42b2e6 url(../images/footer_bg.gif) repeat-x 0% 0%; font-style:normal; color:#ffffff; text-align:center;}
html > body address{height:22px;}

/* clear float style ---------------------------------------------------------------------- */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*\*/
* html .clearfix{height:1%;}
.clearfix {display:block;}


/*\*/}/**/