@charset "UTF-8";
@import url(http://www.77cup.com/base.css);

/* 全体の基本設定 */
body {
font-size: 13px;
line-height: 1.7;
color: #333;
background: #fff url(http://www.77cup.com/images/body.jpg) repeat-x 0 0;
background-attachment:fixed;
}

a,
a:link,
a:visited{
color: #666;
}

a:hover,
a:active {
color: #666;
}

p {
margin: 0 0 15px 0;
padding: 0;
}

/* 本文中リストの余白指定 */
#alpha ul, #alpha ol{
margin:15px 0 15px 40px;
padding:0;
}
#alpha p{

}

/* コンテンツ枠色 */
#container {
margin:10px auto;
/*
border-top:solid 1px #000;
border-bottom:solid 1px #333;
border-left:solid 1px #333;
border-right:solid 1px #000;
*/
}

#banner-description,
#banner-description a,
#banner-description a:link,
#banner-description a:visited,
#banner-description a:hover,
#banner-description a:active {
color: #999;
}

/* h4(エントリータイトル)の色 */
h4{
margin:0 0 20px 0px;
padding:2px 2px 2px 10px;
color: #333;
font-size:19px;
font-weight: bold;
}

/*  */
h5{
margin:30px 0 10px 0;
padding:2px 2px 2px 13px;
color: #333;
font-size:15px;
font-weight: bold;
border-left:solid 5px #999;
}

h5 a,
h5 a:link,
h5 a:visited {
color: #336699;
text-decoration: none;
}

h5 a:hover,
h5 a:active {
color: #ff0000;
text-decoration: none;
}

h6{
margin:20px 0 10px 10px;
font-size:14px;
font-weight:bold;
}



/* パンくず(トピックスパス)の色 */
#navber,
#navber a,
#navber a:link,
#navber a:visited,
#navber a:active,
#navber a:hover{
color:#333;
text-decoration:none;
}

/* メインメニューの色 */

#main-menu li
#main-menu li a,
#main-menu li a:link,
#main-menu li a:visited,
#main-menu li a:hover,
#main-menu li a:active {
color: #FF9933;
text-decoration: none;
}

/* メニューのヘッダー */
.module-header-poem{
height:50px;
margin:0 0 10px -15px;
padding:0;
background: url(http://www.77cup.com/images/module-header-poem.jpg);
border:none;
}
.module-header-bbs{
height:50px;
margin:0 0 10px -15px;
padding:0;
background: url(http://www.77cup.com/images/module-header-bbs.jpg);
border:none;
}
.module-header-poem span,
.module-header-bbs span { display:none; }

.module-list-item-top{
margin:10px 0;
padding:0 0 0 20px;
}

/* メニューの色 */
ul.module-list{
width:155px;
margin:20px 0 20px 0;
padding:0;
list-style-type:none;
background:url(http://www.77cup.com/images/module-list.gif) repeat-y 0 0 ;
}

ul.module-list2{
width:155px;
margin:20px 0 10px 0;
padding:0;
list-style-type:none;
}

ul.module-list3{
margin:20px 0 10px 0;
padding:0;
list-style-type:none;
background:url(http://www.77cup.com/images/module-list.gif) repeat-y 0 0 ;
}

.module-list-item{
margin:0;
padding:0 0 8px 20px;
font-size: 12px;
line-height:1.5;
background:url(http://www.77cup.com/images/module-list-item.gif) no-repeat 0 4px ;
}

.module-list-item a,
.module-list-item a:link,
.module-list-item a:visited {
color: #333;
text-decoration:none;
}

.module-list-item a:hover,
.module-list-item a:active {
color: #333;
text-decoration: none;
border-bottom:solid 1px #999;
}
.module-list-item a:hover.red,
.module-list-item a:active.red{
color:#CA2A19;
text-decoration: none;
border-bottom:solid 1px #CA2A19;

}


/* 各設定 */
img{
border:none;
margin:0;
padding:0;
}
/*span.bold{ color:#A25A25; }*/
.bold{font-weight:bold;}
.normal{font-weight:normal;}



.red, .red a, a.red, a:link.red, a:visited.red, .red{ color:#CA2A19; }
.red a:active, .red a:hover, a:active.red, a:hover.red { color:#CA2A19; border-bottom:#solid 1px #CA2A19;}

a.no-border{text-decoration:none;}
.red{ color:#CA2A19; }
.black{color:#333;}
.gray{color:#666;}
.blue{color:#36c;}
.yellow{color:#fc0;}

.bg-gray{background:#eee;}

.indent{text-indent:1em;}
.line-through{text-decoration:line-through;}
.underline{text-decoration:underline;}
.no-display{display:none;}
.no-indent, .no-indent p{text-indent:0em;}
.inline{display:inline;}
.relative{position:relative;}
.float-left{ float:left; }
.float-right{ float:right; }
.clear{clear:both;}
.list-none{list-style-type:none;}
.list-circle{ list-style-type:circle; }

/* フォントサイズ */
.font-s{font-size:10px;}
.font-m2{font-size:12px;}
.font-m{font-size:13px;}
.font-l{font-size:14px;}
.font-ll{font-size:16px;}

/* 横幅 */
.w430{ width:430px; }
.w450{ width:450px; }

/* 文字寄せ */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.middle{vertical-align:middle;}
.m-auto{ margin:auto; }

/* 行間 */
.line-h1{line-height:1;}
.line-h13{line-height:1.3;}
.line-h15{line-height:1.5;}
.line-h2{line-height:2;}

/* margin */
.m0{margin:0;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}

/* margin-top */
.tm0{margin-top:0px;}
.tm5{margin-top:5px;}
.tm10{margin-top:10px;}
.tm15{margin-top:15px;}
.tm20{margin-top:20px;}
.tm30{margin-top:30px;}
.tm40{margin-top:40px;}
.tm50{margin-top:50px;}
.tm70{margin-top:70px;}
.tm250{margin-top:250px;}

/* margin-bottom */
.bm-20{margin-bottom:-20px;}
.bm0{margin-bottom:0px;}
.bm5{margin-bottom:5px;}
.bm10{margin-bottom:10px;}
.bm15{margin-bottom:15px;}
.bm20{margin-bottom:20px;}
.bm30{margin-bottom:30px;}
.bm40{margin-bottom:40px;}
.bm50{margin-bottom:50px;}
.bm70{margin-bottom:70px;}

/* margin-left */
.lm-20{margin-left:-20px;}
.lm10{margin-left:10px;}
.lm20{margin-left:20px;}
.lm25{margin-left:25px;}
.lm30{margin-left:30px;}
.lm40{margin-left:40px;}
.lm50{margin-left:50px;}
.lm70{margin-left:70px;}
.lm75{margin-left:75px;}
.lm130{margin-left:130px;}
.lm170{margin-left:170px;}
.lm200{margin-left:200px;}
.lm220{margin-left:220px;}
.lm310{margin-left:310px;}

/* margin-right */
.rm10{margin-right:10px;}
.rm15{margin-right:15px;}
.rm20{margin-right:20px;}
.rm30{margin-right:30px;}
.rm50{margin-right:50px;}

/* padding-bottom */
.bp10{padding-bottom:10px;}
.bp40{padding-bottom:40px;}

/* padding */
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

/* padding-top */
.tp30{padding-top:30px;}
.tp40{padding-top:40px;}
.tp120{padding-top:120px;}
.tp135{padding-top:135px;}
.tp170{padding-top:170px;}

/* padding-left */
.lp10{padding-left:10px;}
.lp15{padding-left:15px;}
.lp20{padding-left:20px;}
.lp30{padding-left:30px;}
.lp40{padding-left:40px;}
.lp50{padding-left:50px;}

/* padding-right */
.rp15{padding-right:15px;}

/* background */
.bg1{ background:#FFF9D1; }

/* border */
.border-btm01{border-bottom:solid 1px #999;}
.border-btm02{border-bottom:dotted 2px #999;}
.border-top01{border-top:solid 1px #999;}
.border1{ border:dotted 2px #ccc; }

.hidden{
display:none;
}

/* --------------- bgm.html --------------- */
.bgm-frame{
width:500px;
height:280px;
margin:20px auto 0 auto;
border:none;
}
#bgm{
width:500px;
font-size:13px;
text-align:left;
}
.bgm-stop-btn{
clear:both;
text-align:right;
margin:20px 20px 0 0;
}
.bgm-stop-btn #00{
font-size:13px;
}
#bgm-list{
margin:10px 10px 10px 20px;
}
ul.bgm-list1{
float:left;
margin:0 15px 0 0;
padding:0;
list-style-type:none;
color:#97644E;
}
ul.bgm-list2{
float:left;
margin:0 15px 0 0;
padding:0;
list-style-type:none;
color:#7DB262;
}
ul.bgm-list3{
float:left;
margin:0 15px 0 0;
padding:0;
list-style-type:none;
color:#518EA8;
}
.bgm-credit{
width:550px;
margin:10px auto 0 auto;
font-size:10px;
text-align:right;
color:#999;
}
.bgm-credit a{ color:#999; }

.bgm-feeling{
margin:0 auto 15px auto;
width:500px;
height:35px;
background:url(http://www.77cup.com/images/bgm-feeling.jpg) no-repeat 0 0;
}


/**/
.dearest-frame{
width:460px;
height:360px;
margin:0 auto;
padding:70px 70px;
background:url(http://www.77cup.com/images/dearest/frame.jpg);
text-align:center;
}

.dearest-frame-inner{
width:440px;
height:330px;
margin:0 auto;
padding:15px 10px;
background:#fff; text-align:center;
}

/* ------------------- index.html --------------------- */
.index-swf{
width:400px;
margin:10px auto 0 auto;
}
.index-txt{
width:340px;
margin:50px auto 20px auto;
}
.index-attention{
margin:20px auto;
width:400px;
height:80px;
background:url(http://www.77cup.com/images/attention.jpg) no-repeat 0 0;
}

/* -------------- profile.html ------------------ */
.profile-title{
width:530px;
height:30px;
margin:0 0 15px 0;
background:url(http://www.77cup.com/images/profile-title.jpg) no-repeat 0 0;
}
.profile-title span{ display:none; }
.profile-txt{
margin:0 20px 0 30px;
}
.profile-tel{
width:160px;
margin:0 0 0 auto;
text-align:left;
}



.page-txt{
margin:0 auto ;
}



.inner-txt{
display:none;
}
.m2qr2{
display:block;
width:74px;
height:74px;
margin:5px 0 0 10px;
}
.bbs-btn{
margin:-10px 0 25px 0;
}

#navber-inner3 a:link,
#navber-inner3 a:active,
#navber-inner3 a:hover,
#navber-inner3 a:visited,
#navber-inner3 a
{ color:#999; text-decoration:underline; }

/* --------------------- sitemap.html ------------------------- */
.sitemap-menu1{
margin:0 0 0 20px;
width:140px;
height:35px;
background:url(http://www.77cup.com/images/sitemap-menu1.jpg) no-repeat 0 0;
}
.sitemap-menu2{
margin:0 0 0 20px;
width:140px;
height:35px;
background:url(http://www.77cup.com/images/sitemap-menu2.jpg) no-repeat 0 0;
}
.sitemap-menu1 span,
.sitemap-menu2 span{ display:none; }


.sitemap-box{
width:620px;
height:460px;
margin:0 auto;
padding:20px 0 0 0;
background:url(http://www.77cup.com/images/sitemap-frame1.jpg) no-repeat 0 0;
}
.sitemap-box-inner{
width:460px;
margin:80px auto 0 auto;
} 
.sitemap-btmbox{
width:620px;
height:85px;
margin:-20px auto 0 auto;
padding:0;
background:url(http://www.77cup.com/images/sitemap-frame2.jpg) no-repeat 0 0;
}
.sitemap-leftbox{
width:220px;
margin:0 auto;
float:left;
}
.sitemap-rightbox{
width:240px;
margin:0 auto;
float:left;
}
.sitemap-rightbox .bbs-btn{
margin:-5px 0 40px 50px;
}
.sitemap-qr{
width:74px;
height:74px;
margin:-20px 0 0 0;
background:url(http://www.77cup.com/images/mobile/m2qr2.gif) no-repeat 0 0;
float:right;
border:solid 1px #666;
}

/* ---------------------- copyright.html ------------------------- */
.aboutlink-title{
width:530px;
height:30px;
margin:0 0 15px 0;
background:url(http://www.77cup.com/images/aboutlink-title.jpg) no-repeat 0 0;
}
.copyright-title{
width:530px;
height:30px;
margin:40px 0 15px 0;
background:url(http://www.77cup.com/images/copyright-title.jpg) no-repeat 0 0;
}
.aboutlink-title span, .copyright-title span, .mobile-title span{ display:none; }

.copyright-txt{
margin:0 20px 0 30px;
}

.mobile-title{
width:530px;
height:30px;
margin:0 0 15px 0;
background:url(http://www.77cup.com/images/mobile-title.jpg) no-repeat 0 0;
}

.link-sample{

}
.link-sample-txt{
margin:5px 40px 15px 0;
padding:10px;
background:#FFF3F0;
border:solid 1px #FFCABE;
font-size:11px;
}
ul.link-about{
margin:0;
padding:0;
}
ul.link-about li{
margin:0;
padding:0;
}