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

h1, h2, h3, p {}
#main p{
    padding-bottom:10px;
    }

#main h1{
    margin:0 0 20px 0;
    padding:0 0 0 20px;
    color:#FFF;
    font-size:18px;
    font:18px/30px  bold;
    text-align:left;
    background:url(/img/pc/footer_bg.jpg) top repeat-x;
}

#main h2{
    margin:0 0 20px 0;
    padding:0 0 0 20px;
    color:#fff;
    font-size:18px;
    font:18px/30px  bold;
    text-align:left;
    background:url(/img/pc/mypagemi_bg.jpg) top repeat-x;
}

#main h3{
    margin:0 0 20px 0;
    padding:0 0 0 20px;
    color:#fff;
    font-size:18px;
    font:18px/30px  bold;
    text-align:left;
    background:url(/img/pc/h3_bg.gif) top no-repeat;
}

#main h4{
    margin:0 0 10px 0;
    padding-left:10px;
    color:#666666;
    font-size:14px;
    line-height:28px;
    font-weight:bold;
    text-align:left;
    background-color:#e5e5e5;
}

#kiyaku{
    font-size: 12px;
    line-height:16px;
}

#kiyaku h1{
    padding-bottom:20px;
    font-size: 14px;
    line-height:18px;
    font-weight:bold;
    }

#kiyaku h2{
    background:none;
    color:#666;
    padding:0 0 5px 0;
    margin:0;
    font-size:12px;
    line-height:16px;
    font-weight:bold;
    }

#kiyaku p{
    padding-bottom:20px;
    }

span{
    display: inline-block;
}

.bold{font-weight:bold;}

.f10{font-size:10px; line-height:14px;}

.f12{font-size:12px; line-height:16px;}

.f18{font-size:18px; line-height:21px;}

.white{color:#ffffff;}

.red{color:#F00;}

.pink{color:#f19c9f;}

.clear{clear:both;}

.span04{width: 4em;}

.span05{width: 5em;}

.span06{width: 6em;}

.span07{width: 7em;}

.span08{width: 8em;}

.span10{width: 10em;}

.span12{width: 12em;}

.span20{width: 20em;}

.clearfix { display: inline-block; }

/*--------------------------------------
  Hypertext Module
---------------------------------------*/
a:link {color:#ffffff; text-decoration: underline;}
a:link img {color:#ffffff; text-decoration: underline; border-color:#ffffff;}
a:hover {color: #CCC; text-decoration: none;}
a:hover img {color: #CCC; text-decoration: none; border-color:#CCC;}
a:visited {color:#ffffff; text-decoration: underline;}
a:visited img {color:#ffffff; text-decoration: underline; border-color:#ffffff;}
#content a:link {color:#325eab; text-decoration: underline;}
#content a:link img {color:#325eab; text-decoration: underline; border-color:#325eab;}
#content a:hover {color:#325eab; text-decoration: none;}
#content a:hover img {color:#325eab; text-decoration: none; border-color:#325eab;}
#content a:visited {color:#325eab; text-decoration: underline;}
#content a:visited img {color:#325eab; text-decoration: underline; border-color:#325eab;}
#kiyaku a:link{color:#325eab; text-decoration: underline;}
#kiyaku a:hover{color:#325eab; text-decoration: none;}
#kiyaku a:visited{color:#325eab; text-decoration: underline;}

/*--------------------------------------
  List Module
---------------------------------------*/
ul, ol { list-style-position: outside; }

li { list-style: none; }

dt { font-weight: normal; }

#kiyaku ol{
    padding-bottom:20px;
    padding-left:2em;
    }

#kiyaku li{
    list-style-type:decimal;
    }

#kiyaku li ol{
    padding:0;
    padding-left:1em;
    }

#kiyaku li li{
    list-style-type:disc;
    }

/*--------------------------------------
  form Module
---------------------------------------*/
input,select{
    font-size:14px;
    line-height:18px;
    font-family:'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    border:#385dab 1px solid;
    padding:0 0 0 5px;
    margin:0 3px;
}
input[type='radio']{
    border:none;
}

/*--------------------------------------
  footerが常に下に表示される
---------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html, body {
    height: 100%;
}
body {
    font-size: 100%;
    font-size:14px;
    line-height:18px;
    font-family:'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    color:#666666;
}
#header {}
#mainWrapper     {
    width: 100%;
    background: #ffffff;
  position: relative;
  height: 100%;
  min-height: 100%;
}
body > #mainWrapper {
  height: auto;
}
#main {
    padding-bottom: 150px;
}
#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
}
#footer p {}

/*--------------------------------------
  header
---------------------------------------*/
#header{
    padding:10px 0 14px 0;
    width:960px;
    margin: 0 auto;
}

#header div{
    float:left;
}

#logo{
    margin-right:33px;
    width:222px;
}

#mainNav{
    margin:30px 0px 14px 0;
}

#mainNav li{
    float:left;
    text-indent:-9999px;
}

#mainNav li a{
    display:block;
    height:45px;
}

#mainNav li a:hover{
    background-position:0 -50px;
}

#mainNav00{
    margin-right:3px;
    width:147px;
    background:url(/img/pc/b_start.gif) top left no-repeat;
}

#mainNav01{
    width:100px;
    margin-right:3px;
    background:url(/img/pc/b_entries_list.gif) top left no-repeat;
}

#mainNav02{
    width:130px;
    background:url(/img/pc/b_about.gif) top left no-repeat;
}

#mainNav03{
    width:91px;
    background:url(/img/pc/b_faq.gif) top left no-repeat;
}

#mainNav04{
    width:125px;
    background:url(/img/pc/b_shoplist.gif) top left no-repeat;
}

#mainNav05{
    margin-right:3px;
    width:100px;
    background:url(/img/pc/b_cafe_list.gif) top left no-repeat;
}

/*--------------------------------------
  Footer
---------------------------------------*/
#footer {
    height:77px;
    padding:20px 0 0 0;
    background:url(/img/pc/footer_bg.jpg) repeat-x;
    text-align:center;
    color:#FFF;
}




/*--------------------------------------
  contents
---------------------------------------*/
#mainWrapper{}

#main{}

#main h1{
    margin:0 0 20px 0;
    padding:0 0 0 20px;
    height:30px;
    color:#FFF;
    font-size:18px;
    font:18px/30px  bold;
    text-align:left;
    background:url(/img/pc/footer_bg.jpg) top;
}

#content{
    margin:0px auto;
    width:700px;
}

#content div{
    padding-bottom:10px;
}

#center{
    text-align:center;
}

#content2column{
    margin:0 auto;
    width:960px;
}

#contentLeft{
    width:200px;
    float:left;
}

#contentRight{
    float:right;
    width:740px;
}

/*--------------------------------------
 botton
---------------------------------------*/
#pageBotton {
    width:440px;
    margin:40px auto 0 auto;
}

#pageBotton2 {
    width:600px;
    margin:40px auto 0 auto;
}

#pageBotton li, #pageBotton2 li{
    margin:0 10px;
    float:left;
    text-indent:-9999px;
}

#pageBotton li a, #pageBotton2 li a{
    display:block;
    height:25px;
}

/*#pageBotton li a:hover{
    background-position:0 -50px;
}*/

#pageBotton01{
    width:200px;
    background:url(/img/pc/b_next.gif) top left no-repeat;
}

#pageBotton02{
    width:200px;
    background:url(/img/pc/b_return.gif) top left no-repeat;
}

#pageBotton02_2{
    width:140px;
    background:url(/img/pc/b_return2.gif) top left no-repeat;
}

#pageBotton03{
    width:200px;
    background:url(/img/pc/b_douiyes.gif) top left no-repeat;
}

#pageBotton04{
    width:200px;
    background:url(/img/pc/b_douino.gif) top left no-repeat;
}

#pageBotton05{
    width:200px;
    background:url(/img/pc/b_kakunin.gif) top left no-repeat;
}

#pageBotton06{
    width:200px;
    background:url(/img/pc/b_touroku.gif) top left no-repeat;
}

#pageBotton07{
    width:200px;
    background:url(/img/pc/b_pointyoyaku.gif) top left no-repeat;
}

#pageBotton08{
    width:200px;
    background:url(/img/pc/b_yoyakuhenkou.gif) top left no-repeat;
}

#pageBotton09{
    width:200px;
    background:url(/img/pc/b_yoyakutorikeshi.gif) top left no-repeat;
}

#pageBotton10{
    width:200px;
    background:url(/img/pc/b_yes.gif) top left no-repeat;
}

#pageBotton11{
    width:200px;
    background:url(/img/pc/b_no.gif) top left no-repeat;
}

/*--------------------------------------
  iframe
---------------------------------------*/
#iframe{
    padding:5px 0 5px 5px;
    border:#385dab 1px solid;
    height:290px;
    width:595px;
    margin-bottom:10px;
}




/*--------------------------------------
  top
---------------------------------------*/
#topFrame{
    background:url(/img/pc/topline.gif) repeat-x top #a30035;
}

#topimage {
    margin:0 auto;
    width:1000px;
}

#topTittle{
    padding:240px 30px 0 30px;
    float:left;
    width:330px;
    height:180px;
    background:url(/img/pc/topimage.jpg) no-repeat top left;
    color:#FFF;
}

#topSub{
    float:left;
    padding:60px 15px 0 345px;
    width:230px;
    height:360px;
    background:url(/img/pc/topimage_sub.jpg) #a30035 no-repeat top right;
    color:#FFF;
}

#topTittle div,#topSub div{
    margin-bottom:20px;
}

#topContent{
    padding:30px 0;
    margin:0 auto;
    width:1000px;
}

#banner{
    margin-left:720px;
    padding:20px;
    height:164px;
    width:220px;
    background:url(/img/pc/bn_bg.jpg) no-repeat top right;
}

#banner div {
    margin-bottom:20px;
}

#topbotton li{
    margin:0;
    text-indent:-9999px;
}

#opbotton li a{
    display:block;
    height:45px;
    width:200px;
}

/*--------------------------------------
  news
---------------------------------------*/
#news{
    float:left;
    margin-left:30px;
    padding:20px 0;
    height:164px;
    width:660px;
    background:url(/img/pc/news_bg.jpg) no-repeat top right;
}

#newsTitle{
    padding:0 0 19px 30px;
    border: none;
}

#newsIframe{
    border: none;
    height:124px;
    width:660px;
}

#newsBody{
}

#newsText{
    background-color:#e5e5e5;
    padding: 0 0 0 30px;
    height:125px;
    width:630px;
    overflow:auto;
}

#newsText div{
    padding:5px 30px;
}
#newsText a:link {color:#0088CC; text-decoration: none;}
#newsText a:link img {color:#0088CC; text-decoration: none; border-color:#0088CC;}
#newsText a:hover {color: #0088CC; text-decoration: underline;}
#newsText a:hover img {color: #0088CC; text-decoration: underline; border-color:#0088CC;}
#newsText a:visited {color:#0088CC; text-decoration: none;}
#newsText a:visited img {color:#0088CC; text-decoration: none; border-color:#0088CC;}

/*--------------------------------------
p24.p42.form
---------------------------------------*/
#tourokuForm{
    margin:0px auto;
    width:600px;
}

#tourokuForm a{ color:#0088CC;  text-decoration: none;}

#tourokuForm a:hover{ color:#0088CC;  text-decoration: underline;}

#tourokuForm div{ margin-bottom:10px;}

#tourokuForm span{
    text-align:right;
    padding-right:2em;
    width: 15em;
}

#contactMidashi{
    float:left;
    text-align:right;
    padding-right:2em;
    width: 15em;
    display:inline;
}

#contactText{
    float:left;
    display:inline;
    width:300px;
}

/*--------------------------------------
p10
---------------------------------------*/
#card01{
    width:290px;
    float:left;
}
#card02{
    width:290px;
    float:right;
}

/*--------------------------------------
contact
---------------------------------------*/
.contact_at{
    padding:20px ;
    border:#ccc 2px solid;
    }

/*--------------------------------------
mypage botton
---------------------------------------*/
#mypBotton {
    margin-bottom:20px;
}

#mypBotton li{
    margin:0;
    text-indent:-9999px;
}

#mypBotton li a{
    display:block;
    height:45px;
    width:200px;
}

#mypBotton li a:hover{
    background-position:0 -50px;
}

#mypBotton01{
    background:url(/img/pc/b_pointshokai.gif) top left no-repeat;
}

#mypBotton02{
    background:url(/img/pc/b_pointfurikae.gif) top left no-repeat;
}

#mypBotton03{
    background:url(/img/pc/b_tourokuhenkou.gif) top left no-repeat;
}

#mypBotton04{
    background:url(/img/pc/b_passsettei.gif) top left no-repeat;
}

#mypBotton05{
    margin-top:20px;
    background:url(/img/pc/b_logout.gif) top left no-repeat;
}

#mypBotton06{
    background:url(/img/pc/b_noshokai.gif) top left no-repeat;
}

#mypBotton07{
    background:url(/img/pc/b_malmagakodoku.gif) top left no-repeat;
}

#mypBotton08{
    margin-top:20px;
    background:url(/img/pc/b_entries_list_menu.gif) top left no-repeat;
}

#mypBotton09{
    background:url(/img/pc/b_entries_history.gif) top left no-repeat;
}

#mypBotton10{
    margin-top:20px;
    background:url(/img/pc/b_orders_history.gif) top left no-repeat;
}

#mypBotton11{
    margin-top:20px;
    background:url(/img/pc/b_cafe.gif) top left no-repeat;
}

#mypBotton12{
    background:url(/img/pc/b_caferireki.gif) top left no-repeat;
}

/*------------------------------------
    Added By Wahtcomu
------------------------------------*/
input.half {
    ime-mode: disabled;
}
input.full {
    ime-mode:active;
}

input.button {
    border:none;
    padding:0px;
}

a.blue:link {color:#0000ff; text-decoration: underline;}
a.blue:link img {color:#0000ff; text-decoration: underline; border-color:#0000ff;}
a.blue:hover {color: #0000ff; text-decoration: none;}
a.blue:hover img {color: #0000ff; text-decoration: none; border-color:#0000ff;}
a.blue:visited {color:#0000ff; text-decoration: underline;}
a.blue:visited img {color:#0000ff; text-decoration: underline; border-color:#0000ff;}

/*--------------------------------------
faq
---------------------------------------*/
.qanda {
    margin: 10px 0;
}

.qanda dl dt {
    background:#e5e5e5 url(../img/icon_question_02.gif) left top no-repeat;
    padding: 5px 0 5px 27px;
    color: #666666;
}

.qanda dl dd {
    margin-bottom:15px;
    padding-top: 6px;
    padding-left: 27px;
    font-size:12px;
    line-height:16px;
}

.pageTop {
    font-size:12px;
    text-align:right;
}

.faqRecent ul {
    padding-bottom: 20px;
}

.faqRecent ul li {
    background: url(../img/icon_question_01.gif) left top no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}

/*--------------------------------------
10.css
---------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

p.attention {
    clear: both;
    color: #ff0000;
}
div#typecheck h3 {
    background: none;
    margin: 0 0 10px 0;
}
div#typecheck ul#typelist {
    width: 880px;
    margin: 0 auto 20px;
}
div#typecheck ul#typelist li {
    float: left;
    margin: 0 35px 0 0;
}
div#typecheck ul#typelist li.last {
    margin: 0;
}
div#typecheck p.attention {
    margin: 0 0 0 40px;
}


div#typecheck{
    width:960px;
    margin:0px auto 20px auto;
}
div#typecheck h3 {
    padding:0px;
    color:#335EAC;
    font-family:'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*--------------------------------------
.エントリープログラム
---------------------------------------*/


div#content_entry_list li.box{
    display:block;
    clear:both;
    padding:10px;
    margin-bottom:15px;
 }
div#content_entry_list li.box {
    border:solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F2E8));
    background: -moz-linear-gradient(top, #FFFFFF, #F4F2E8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF4F2E8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF4F2E8)";
    zoom:1;
 }
div#content_entry_header{
    margin:0px auto;
    padding:0 0 10px;
    width:960px;
 }
div#content_entry_list{
    margin:0px auto;
    width:960px;
 }
div#content_entry_list div.image{
    width:  150px;
    height: 150px;
    float: left;
    display: block;
    margin: 10px;
    overflow:hidden;
}
div#content_entry_list div.text{
    float:left;display:block;
}
div#content_entry_list div.title-box{
    border-bottom:solid 1px #CCC;
    width:100%;
 }
div#content_entry_list p.title{
    color:#803c00;
    float:left;
    font-size:120%;
    font-weight:900;
    padding: 10px;
}
div#content_entry_list p.lastdate{
    color:#999;
    float: right;
    width: 150px;
    font-size: 85%;
    padding: 10px;
    white-space:nowrap;
}
div#content_entry_list div.content{
    padding: 10px;
    font-size: 90%;
    border-top:solid 1px #FFF;
    width: 700px;
}
div#content_entry_list div.info-box{
    padding: 10px;
    width:800px;
    background:white;
    margin:10px auto 20px auto;
    border:solid 1px #7accf6;
}
div#content_entry_list p.info-title{
    height:18px;
    padding-left: 30px;
    background:url(/img/pc/ico_circle.gif) 0px 0px no-repeat;
    display:block;
    border-bottom:dotted 1px #999;
}
div#content_entry_list p.info{
    padding: 10px 10px 10px 30px;
    font-size: 90%;
}
div#content_entry_list_with_menu li.box{
    display:block;
    clear:both;
    padding:10px;
    margin-bottom:15px;
 }
div#content_entry_list_with_menu li.box {
    border:solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F2E8));
    background: -moz-linear-gradient(top, #FFFFFF, #F4F2E8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF4F2E8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF4F2E8)";
    zoom:1;
 }
div#content_entry_header_with_menu{
    margin:0px auto;
    padding: 0 0 10px;
    width:700px;
 }
div#content_entry_list_with_menu{
    margin:0px auto;
    width:700px;
 }
div#content_entry_list_with_menu div.image{
    width:  150px;
    height: 150px;
    float: left;
    display: block;
    margin: 10px;
    overflow:hidden;
}
div#content_entry_list_with_menu div.text{
    float:left;display:block;
}
div#content_entry_list_with_menu div.title-box{
    width: 100%;
    border-bottom:solid 1px #CCC;

 }
div#content_entry_list_with_menu p.title{
    color:#803c00;
    float:left;
    font-size:120%;
    font-weight:900;
    padding: 10px;
}
div#content_entry_list_with_menu p.lastdate{
    color:#999;
    float: right;
    width: 150px;
    font-size: 85%;
    padding: 10px;
    white-space: nowrap;
}
div#content_entry_list_with_menu div.content{
    padding: 10px;
    font-size: 90%;
    border-top:solid 1px #FFF;
    width: 420px;
}
div#content_entry_list_with_menu div.info-box{
    padding: 10px;
    width:550px;
    background:white;
    margin:10px auto 20px auto;
    border:solid 1px #7accf6;
}
div#content_entry_list_with_menu p.info-title{
    height:18px;
    padding-left: 30px;
    background:url(/img/pc/ico_circle.gif) 0px 0px no-repeat;
    display:block;
    border-bottom:dotted 1px #999;
}
div#content_entry_list_with_menu p.info{
    padding: 10px 10px 10px 30px;
    font-size: 90%;
}


a.bluebtn{
    width:140px;
    height:25px;
    background:url(/img/pc/b_blue.gif) top left no-repeat;
    display:block;
    text-align: center;
    text-decoration: none;
    font-size: 9pt;
    line-height:24px;
    margin:10px;
}
a.bluebtn:link{
    color:#FFF;
    text-decoration: none;
 }
a.bluebtn:hover{
    color:#FFF;
    text-decoration: none;
}
a.bluebtn:visited{
    color:#FFF;
    text-decoration: none;
}
a.bluebtn:active{
    color:#FFF;
    text-decoration: none;
}


div#content_entry div#tourokuForm {
    padding:20px;
    border:solid 1px #CCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F2E8));
    background: -moz-linear-gradient(top, #FFFFFF, #F4F2E8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF4F2E8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF4F2E8)";
    zoom:1;
 }
div#content_entry div.image{
    width:  200px;
    height: 200px;
    float: left;
    display: block;
    margin: 10px;
    overflow:hidden;
}
div#content_entry div.text{
    float:left;display:block;
}
div#content_entry div.title-box{
    width: 100%;
    border-bottom:solid 1px #CCC;
 }
div#content_entry p.title{
    color:#803c00;
    float:left;
    font-size:150%;
    font-weight:900;
    padding: 10px;
}
div#content_entry p.lastdate{
    color:#999;
    float: right;
    width: 150px;
    font-size: 85%;
    padding: 10px;
    white-space: nowrap;
}
div#content_entry div.content{
    padding: 10px;
    font-size: 90%;
    width: 350px;
}
div#content_entry div.info-box{
    padding: 10px;
    width:550px;
    background:white;
    margin:10px auto 20px auto;
    border:solid 1px #7accf6;
}
div#content_entry p.info-title{
    height:18px;
    padding-left: 30px;
    background:url(/img/pc/ico_circle.gif) 0px 0px no-repeat;
    display:block;
    border-bottom:dotted 1px #999;
}
div#content_entry p.info{
    padding: 10px 10px 10px 30px;
    font-size: 90%;
}
div#content_entry span.inputConfirm{
    font-family:arial,sans-serif;
    font-size:200%;
    font-weight:bold;
    color:black;
    text-align:left;
    width:10em;
    line-height:20px;
 }
div#content_entry div.inputComplete{
    color: #013EAC;
    font-family: arial,sans-serif;
    font-size: 150%;
    font-weight: bold;
    height: 100px;
    line-height: 40px;
    margin: 0 auto 20px;
    vertical-align: middle;
    width: 80%;
 }
div#content_entry div.inputBox {
    margin:10px;
    padding:10px;
}
div#content_entry div.inputBox div{
    float:left;
}
div#content_entry div.inputBox div.title{
    width: 100px;
    margin-right:20px;
    line-height:24px;
}
div#content_entry div.inputBox div.itemConfirm{
    margin-right:20px;
    font-family:arial,sans-serif;
    font-size:150%;
    font-weight:bold;
    color:black;
    text-align:left;
    line-height:24px;
}
div#content_entry div.inputBox input[type='radio']{
    margin-top:2px;
    vertical-align:top;
}
div#content_entry div.inputBox label{
    display:inline-block;
    vertical-align:top;
    margin-bottom:5px;
}
div#content_entry div.entryDate{
    margin: 0 auto;
    width: 550px;
    padding: 5px;
    text-align:right;
}
/* Question */
div#question div.info-box{
    padding: 10px;
    width:550px;
    background:white;
    margin:10px auto 20px auto;
    border:solid 1px #f67acc;
}
div#question p.info-title{
    height:18px;
    padding-left: 30px;
    background:url(/img/pc/ico_circle.gif) 0px -33px no-repeat;
    display:block;
    border-bottom:dotted 1px #999;
}
div#question span.red{
    width:50px;
    font-size:70%;
    padding-left:2px;
    padding-right:0;
    text-align:left;
}
div#question div.inputBox{
    margin:0 10px;
    display:inline-block;
    border-bottom:solid 1px #CCC;
    width:550px;
}
div#question div.inputBox div{
    margin-bottom:5px;
}
div#question div.inputBox div.Qbox{
    float:left;
    width:50px;
    font-size:120%;
    font-weight:bold;
}
div#question div.inputBox div.Abox{
    float:left;
    width:480px;
}
div#question div.inputBox div.title{
    width:480px;
    line-height:24px;
    font-weight:bold;
    float:none;
}
div#question div.inputBox div.item{
    font-size:90%;
    float:none;
    width: 490px;
    overflow:hidden;
}
div#question input,
div#question select,
div#question textarea{
    width: 480px;
}
div#question div.yoko {
    width: 480px;
    overflow:hidden;
}
div#question div.tate {
    width: 480px;
    overflow:hidden;
}
div#question input[type='checkbox'],
div#question input[type='radio']{
    border:none;
    width:15px;
    margin-top:2px;
    vertical-align:top;
}
div#question label{
    margin-bottom:5px;
    overflow:hidden;
}
div#question div.yoko label{
    display:inline;
}
div#question div.tate label{
    display:inline-box;
    width: 450px;
}
div#question div.inputBox div.itemConfirm{
    margin-right:20px;
    font-family:arial,sans-serif;
    font-size:150%;
    font-weight:bold;
    color:black;
    text-align:left;
    line-height:24px;
}
div.registMess{
    margin:20px auto 10px;
    text-align:center;
 }
/* Entry Login */
div#loginFrame{
    background:#a30035;
    border-top:solid 1px #888;
    padding:50px;
    margin-bottom:-150px;
    height:580px;
 }
div#loginFrame div#loginBox{
    margin:20px auto;
    width:230px;
    padding:40px 20px 0 20px;
    height:360px;
    background:#840027;
    color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div#loginFrame div.mess{
    margin:0px auto;
    padding:30px 20px;
    width:350px;
    text-align:center;
    background:#840027;
    color:#FFF;
    font-size:120%;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#loginBox div{
    margin-bottom:20px;
}
/* Entry History List */
div#content_history_list {
    width:700px;
    margin: 0 auto;
}
div#content_history_list div.tableHead{
    padding:0 10px 0 0;
}
div#content_history_list div.tableHead .l{
    float:left;
}
div#content_history_list div.tableHead .r{
    float:right;
    font-size:12px;
}
div#content_history_list table{
    margin-top:0px;
 }
div.tabcont{
    border:solid 1px #CCC;
    padding:25px 2px 10px;
 }
div#content_history_list #tab { margin:0px 0 0 0px; width:400px;}
div#content_history_list #tab ul { list-style:none; width:400px;}
div#content_history_list #tab ul li { display:inline; float:left; padding:5px 0px 4px;}
div#content_history_list #tab ul li a {
    padding:5px 10px;
    margin-right:2px;
    border: solid 1px #CCC;
    text-decoration: none;
    font-weight: bold;
    font-size:90% ;
    color: #999;
}
div#content_history_list #tab ul li a.active {
    padding:6px 10px;
    color: #666;
    background:#CCC;
}
div#content_history_list #tab ul li a:hover {
    color: #666;
    padding:6px 10px;
}
/* Table */
table {
    border-spacing:1px;
    font-size:12px;
    background-color:#e7e7e7;
    color:#555;
    width:100%;
}
td, th {
    padding:5px;
    line-height:1.5;
}
th {
    text-align:center;
    background:#f5f5f5;
    color:#666;
    border:1px solid #fff;
    text-transform:uppercase;
}
th a:link, th a:visited{
    color:#666;
    font-size:120%;
}
th a.asc:after {
    content: ' ⇣';
}
th a.desc:after {
    content: ' ⇡';
}
tbody th {
    font-weight:bold;
}
tbody tr {
    background:#fbfbfb;
    text-align:left;
}
tbody tr.altrow {
    background-color:#fff;
    border-top:1px solid #fff;
}
table td.actions {
    text-align:center;
 }
table td a:link, table td a:visited {
    color:#0088CC;
    text-decoration:none ;
}
table td a:hover {
    text-decoration:underline;
}

/* Paginator */
p.pagecount {
    text-align: right;
}
div.paging {
    text-align: center;
    background:#FFF;
    color: #999;
    margin-top: 1em;
    clear:both;
}
div.paging span.disabled {
    color: #CCC;
    display: inline;
}
div.paging span.current {
    color: #333;
    font-weight: bold;
}
div.paging span a {
    color: #666;
}


/*******アニアプリサポートページ用css*******/
#content_aniapp {
    width: 1000px;
    margin: 0 auto;
}

.aniapp-mainbox {
  float: left;
  margin: 0 0 10px 0;
}
.aniapap-mainpict {
  float: left;
}

.aniapp-maintxt {
  float: left;
  width: 600px;
  margin: 50px 0 0 50px;
}
.aniapp-maintxt p.aniapp-maintxt-first {
  font-size: 24px;
  background-color: #3a5fb0;
  color: rgb(248, 248, 248);
  border-radius: 5px;
  padding: 14px;
  height: 22px;
}
.aniapp-maintxt p {
  font-size: 16px;
  color: rgb(90, 90, 90);
  padding: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #ccc;
}

.aniapp-maintxt a {
  font-size: 16px;
  color: rgb(248, 32, 32);
}

.aniapp-contentbox {
  clear: both;
  width: 888px;
  padding: 30px;
  box-shadow: 0px 0px 10px 0px #333;
  border-radius: 14px;
  margin-top: 10px;
}

.aniapp-contentbox a {
  color: rgb(248, 32, 32);
}

.aniapp-txt {
  font-size: 14px;
}

.yokuaruQA p {
    font-size: 90%;
}

.yokuaruQA p.yokuaruQAttl {
    font-size: 24px;
    background-color: #3a5fb0;
    color: rgb(248, 248, 248);
    border-radius: 5px;
    padding: 14px;
    height: 22px;
}

.yokuaruQA p.yokuaruQA_Q {
    font-size: 16px;
    background-color: #ffdf00;
    padding: 5px;
    color: rgb(41, 41, 41);
    margin-bottom: 10px;
}
.yokuaruQAbox {
    padding: 10px;
}