@charset "UTF-8";
/* CSS Document */

body {
margin:15px 0 30px 0;
padding:0;
background:#d6ffe0;
background-image:url(../images/cmn-background.jpg);
background-position:center top;
background-repeat:no-repeat;
}


h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd {
margin:0;
padding:0;
font-size:14px;
font-weight:normal;
line-height:20px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
color:#333333
}

img {
border:none
}

.contents-block {
clear:both;
}

.clear {
clear:both;
}

.left {
float:left;
}

.right {
float:right;
}

.bold {
font-weight:bold;
}




#wrapper {
margin:0 auto 0 auto;
padding:0;
width:800px;
clear:both;
}

#header {
width:800px;
height:130px;
clear:both;
}

#header .banner {
height:100px;
border:#9daaaf solid 1px;
background-image:url(../images/cmn-headbanner.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#131415;
clear:both;
}

#header div.banner .headercaption {
display:none;
}

#header div.banner .headerlogo {
display:block;
height:100px;
width:190px;
float:left;
}

#header div.banner .headerlogo a {
display:block;
height:100px;
width:190px;
text-indent:-9999px
}

#header div.menu {
width:800px;
height:30px;
border-bottom:#9daaaf solid 1px;
background-color:#364045;
clear:both;
}

#header div.menu li {
display:block;
width:147px;
height:30px;
line-height:30px;
color:#FFFFFF;
text-align:center;
list-style:none;
border-left:#9daaaf solid 1px;
border-right:#9daaaf solid 1px;
float:left;
}

#header div.menu li.menu-home {
padding-top:4px;
width:53px;
height:26px;
}

#header div.menu li a {
color:#FFFFFF;
text-decoration:none;
}

#contents {
padding-top:10px;
clear:both;
}

#contents-inner-top {
width:798px;
border:#ae6978 solid 1px;
background-color:#FFFFFF;
clear:both;
}

#contents-inner {
padding:75px 0 125px 0;
width:798px;
border:#ae6978 solid 1px;
background-color:#FFFFFF;
clear:both;
}

#contents #alpha {
width:600px;
float:right;
}

#contents #beta {
padding:0 0 0 20px;
width:160px;
float:left;
}

#contents a {
text-decoration:none;
color:#0068b7;
}

div.pagetitle {
padding:0 0 5px 0;
border-bottom:#9daaaf solid 1px;
}

#message #contents #alpha .title {
padding:0 0 0 60px;
width:540px;
font-size:36px;
line-height:45px;
font-weight:bold;
color:#315C6F;
background-image:url(../images/cmn-pagetitle-point-message.jpg);
background-position:left;
background-repeat:no-repeat;
}


#profile #contents #alpha .title {
padding:0 0 0 60px;
width:540px;
font-size:36px;
line-height:45px;
font-weight:bold;
color:#315C6F;
background-image:url(../images/cmn-pagetitle-point-profile.jpg);
background-position:left;
background-repeat:no-repeat;
}

#hochoki #contents #alpha .title {
padding:0 0 0 60px;
width:540px;
font-size:36px;
line-height:45px;
font-weight:bold;
color:#315C6F;
background-image:url(../images/cmn-pagetitle-point-hochoki.jpg);
background-position:left;
background-repeat:no-repeat;
}

#hochoki #contents #beta .title {
margin:0 20px 20px 0;
font-size:14px;
line-height:20px;
font-weight:bold;
color:#0068b7;
border-bottom:#0068b7 solid 1px;
}

#ranking #contents #alpha .title {
padding:0 0 0 60px;
width:540px;
font-size:36px;
line-height:45px;
font-weight:bold;
color:#315C6F;
background-image:url(../images/cmn-pagetitle-point-ranking.jpg);
background-position:left;
background-repeat:no-repeat;
}

#contents #beta .title {
margin:0 20px 20px 0;
font-size:14px;
line-height:20px;
font-weight:bold;
color:#004c86;
border-bottom:#315C6F solid 1px;
}

#contents #alpha .caption {
font-size:12px;
}

#contents #alpha p {
padding:0 0 10px 0
}

#contents #beta p {
padding:0 0 10px 0;
font-size:12px;
color:#333333;
}

#contents #alpha div.pagecontents {
padding:0 50px 0 0;
}

#contents #alpha div.upper-text {
padding:30px 0 0 0;
}

#contents #alpha .contents-block {
padding:60px 0 0 0;
}

#message #contents #alpha .subtitle {
margin:0 0 20px 0;
padding:0 0 0 30px;
font-size:18px;
line-height:18px;
font-weight:bold;
color:#eb6100;
background-image:url(../images/cmn-pagesubtitle-point-message.jpg);
background-position:left;
background-repeat:no-repeat;
}

#profile #contents #alpha .subtitle {
margin:0 0 20px 0;
padding:0 0 0 30px;
font-size:18px;
line-height:18px;
font-weight:bold;
color:#0e9e5d;
background-image:url(../images/cmn-pagesubtitle-point-profile.jpg);
background-position:left;
background-repeat:no-repeat;
}

#hochoki #contents #alpha .subtitle {
margin:0 0 20px 0;
padding:0 0 0 30px;
font-size:18px;
line-height:18px;
font-weight:bold;
color:#0068b7;
background-image:url(../images/cmn-pagesubtitle-point-hochoki.jpg);
background-position:left;
background-repeat:no-repeat;
}

#ranking #contents #alpha .subtitle {
margin:0 0 20px 0;
padding:0 0 0 30px;
font-size:18px;
line-height:18px;
font-weight:bold;
color:#cf000e;
background-image:url(../images/cmn-pagesubtitle-point-ranking.jpg);
background-position:left;
background-repeat:no-repeat;
}


#contents #alpha span.tablelist {
display:block;
font-weight:bold;
width:80px;
float:left;
}

#contents #alpha img {
padding:0 10px 10px 0;
}

#ranking #contents #alpha ol {
display:none;
}

#ranking #contents #alpha h4 {
margin:20px 0 20px 0;
padding:20px 0 20px 0;
border-top:#315C6F solid 1px;
border-bottom:#315C6F solid 1px;
}



#footer {
padding-top:10px;
clear:both;
}

#footer-inner {
width:798px;
height:32px;
border:#9daaaf solid 1px;
clear:both;
}

#footer p {
padding:0 20px 0 0;
font-size:12px;
line-height:32px;
color:#FFFFFF;
text-align:right;
background-color:#364045;
}


#footer .banner {
padding:20px 0 0 0;
text-align:right;
}

#footer .banner h3 a{
	display:block;
	padding:5px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#364045;
	text-decoration:none;
}



#top-banner {
padding-top:10px;
clear:both;
}

#top-banner li {
display:block;
width:198px;
height:148px;
list-style:none;
border:#9daaaf solid 1px;
overflow:hidden;
float:left;
}


/* PUSH ITEMS   */


#contents #beta dl.pushitem {
margin:20px 0 20px 0;
width:150px;
}

#contents #beta .pushitem dt {
margin-bottom:5px;
font-size:11px;
line-height:13px;
color:#cb2a54;
}


#contents #beta .pushitem dd {
padding-bottom:20px;
font-size:11px;
line-height:13px;
}

#contents #beta .pushitem dd a {
color:#333333
}



div.contents-block li {
	margin:0 0 0 20px;
}