@charset "utf-8";

@import url("/css02/area.css");
@import url("/css02/common.css");


/*==================================
  Common Layout
==================================*/

.clearfix {zoom: 100%;}
.clearfix:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

div#mainBody div#title {background:#fff; padding:0 70px 0 50px;}
div#mainBody div#title h2 {margin:0; float:left; width:350px;}
div#mainBody div#title p {margin:17px 0 0 0; padding:0; float:right; width:230px; height:35px; background:url(../images/back_number.gif); color:#fff; font-size:24px; font-family:"Times New Roman"; line-height:35px; text-indent:0.5em;}

div#mainBody div#flyer-box {background:#fff; margin:0; padding:0;}
div#mainBody div#flyer-innerbox {border:3px solid #e6e2d1; margin:0 50px; padding:17px;}
div#mainBody div#flyer-innerbox h3 {margin:0; padding:0;}
div#mainBody div#flyer-innerbox ul#flow {margin:0; padding:12px 0 10px 18px; background:#e6e2d1; list-style:none;}
div#mainBody div#flyer-innerbox ul#flow li {float:left; margin:0 3px 8px 0;}

div#mainBody div#flyer-innerbox h4 {margin:12px 0 0 0; padding:0;}

div#mainBody div#flyer-innerbox ul.list-box {list-style:none; margin:0; padding:20px 0 0 8px;}
div#mainBody div#flyer-innerbox ul.list-box a {color:#930;}
div#mainBody div#flyer-innerbox ul.list-box li {width:150px; float:left; margin:0 15px 0 0;}
div#mainBody div#flyer-innerbox ul.list-box li.none {margin-right:0;}
div#mainBody div#flyer-innerbox ul.list-box li dl {margin:0; padding:0;}
div#mainBody div#flyer-innerbox ul.list-box li dt {border:1px solid #d5cfb3; margin-bottom:12px; padding:0; line-height:0; font-size:0;}
div#mainBody div#flyer-innerbox ul.list-box li dd {margin:0; padding:0; font-size:12px; color:#930;}
div#mainBody div#flyer-innerbox ul.list-box li dd p {margin:12px 0 0 0; font-size:10px; color:#333;}

div#mainBody div#landing {background-color:#fff; margin:0; padding:10px;}
div#mainBody div#landing h2 {margin:0; padding:0;}
div#mainBody div#landing div#info_present {margin:0; padding:10px;}
div#mainBody div#landing div#info_present div#mypage_image {margin:0; float:left;}
div#mainBody div#landing div#info_present div#howto {width:425px; margin:0; padding:15px 0 0 0; float:right; font-size:12px; line-height:1.6;}
div#mainBody div#landing div#go {width:760px; margin:0; padding:0 10px 40px;}
div#mainBody div#landing div#go ul {margin:0 0 0 75px; padding:0; list-style:none;}
div#mainBody div#landing div#go ul li a img {margin:0; padding:0;}
div#mainBody div#landing div#go ul li#login {background-image:url(../images/bg_go_login.jpg); background-repeat:no-repeat; padding:40px 0 0 0; float:left;}
div#mainBody div#landing div#go ul li#signup {background-image:url(../images/bg_go_signup.jpg); background-repeat:no-repeat; margin-left:50px; padding:40px 0 0 0; float:left;}

div#mainBody div#flyer-innerbox p#caution {background:#e6e2d1; font-size:12px; color:#333; margin:20px 8px 0; padding:10px 15px; line-height:1.5em;}


/*==================================
  Detail Page Layout
==================================*/

div#mainBody div#flyer-innerbox p#list-back {margin:0; background:url(../images/btn_list_ov.gif) no-repeat top; width:173px; height:31px;}
div#mainBody div#flyer-innerbox p#list-back a {display:block;}
div#mainBody div#flyer-innerbox p#list-back a:hover {background-color:transparent;}
div#mainBody div#flyer-innerbox p#list-back a:hover img {visibility:hidden;}

div#mainBody div#flyer-innerbox dl#get {margin:0; padding:15px 0 0 0;}
div#mainBody div#flyer-innerbox dl#get dt {width:190px; height:68px; float:right; background:url(../images/btn_get_ov.gif) no-repeat top;}
div#mainBody div#flyer-innerbox dl#get dt a {display:block;}
div#mainBody div#flyer-innerbox dl#get dt a:hover {background-color:transparent;}
div#mainBody div#flyer-innerbox dl#get dt a:hover img {visibility:hidden;}
div#mainBody div#flyer-innerbox dl#get dd {margin:0; padding:0 0 0 5px;}
div#mainBody div#flyer-innerbox dl#get dd p {font-size:12px; color:#333; margin:0 0 5px 0; padding:0; line-height:1.5em;}
div#mainBody div#flyer-innerbox dl#get dd p span {color:#930; font-size:14px; font-weight:bold;}
div#mainBody div#flyer-innerbox dl#get dd h3 {color:#000; font-size:18px;}

div#flash-typeA {width:660px; margin:10px 0 20px;}
div#flash-typeA p {border:1px solid #eee; margin:20px; padding:50px; font-size:14px; line-height:1.75em;}

div#flash-typeB {width:660px; margin:10px 0 20px;}
div#flash-typeB p {border:1px solid #eee; margin:20px; padding:50px; font-size:14px; line-height:1.75em;}

div#mainBody div#flyer-innerbox ul#btn-area {list-style:none; margin:0; padding:0;}
div#mainBody div#flyer-innerbox ul#btn-area li {font-size:0; line-height:0; margin:0; padding:0;}
div#mainBody div#flyer-innerbox ul#btn-area li.site {width:210px; height:68px; background:url(../images/btn_site_ov.gif) no-repeat; float:left;}
div#mainBody div#flyer-innerbox ul#btn-area li.get {width:190px; height:68px; background:url(../images/btn_get_ov.gif) no-repeat; float:right;}
div#mainBody div#flyer-innerbox ul#btn-area li a {display:block;}
div#mainBody div#flyer-innerbox ul#btn-area li a:hover {background-color:transparent;}
div#mainBody div#flyer-innerbox ul#btn-area li a:hover img {visibility:hidden;}

div#mainBody div#flyer-innerbox p.caution {font-size:10px; color:#000; margin:10px 0 15px 5px;}