@charset "UTF-8";
/* ::::: https://stat100.ameba.jp/p_skin/mailform/official/css/form02.css ::::: */

body { font-size: 12px; font-weight: normal; }
/*--
ul { margin: 0pt; padding: 20px 20px 0pt; background-color: rgb(247, 247, 247); }
li { padding: 0pt 0pt 20px 10px; list-style-type: none; list-style-image: none; list-style-position: outside;}
--*/

li { list-style-type: none; list-style-image: none; list-style-position: outside;}

#mainArea{
margin:0 auto;
width:728px;
border:4px solid #EFEFEF;
padding:3px;
}

#contentsForm {
padding: 0 20px 0 0;
}
#contentsForm dt { width: 500px; text-align: left; font-weight: normal; clear: both; }
#contentsForm dd { margin: 0pt; padding: 0pt; }
#contentsForm select, #contentsForm input { }
span.error { margin: 20px 0pt 10px; padding: 0pt; color: rgb(238, 63, 92); display: block; }
#contentsForm span {  }
#contentsForm fieldset input, div#contentsForm select, div#contentsForm textarea { border: 1px solid rgb(127, 157, 185); background-color: rgb(255, 255, 255); font-size: 1em; }

#contentsForm .btn {
text-align: center;
display: block;
clear: both;
padding-bottom: 15px;
padding-top: 15px;
}

.main { padding: 0pt 0px; }
.main p { border-bottom: 1px solid rgb(239, 239, 239); margin: 0pt 0pt 20px; padding: 20px 0pt; }
.main_b { margin: 0px; }
.title h3 { padding-left: 10px; }
.subhead { margin-top: 0pt; padding-top: 0pt; }
.color01 { color: rgb(255, 0, 0); }
body { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4; font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif; text-align: center; }
img { border: 0pt none ; vertical-align: bottom; }
a { color: rgb(0, 102, 204); text-decoration: none; }
a:hover { color: rgb(255, 51, 102); text-decoration: underline; }
a:active { color: rgb(255, 51, 102); }
a:visited { color: rgb(153, 102, 153); }
.error { margin: 10px 0pt 0pt 10px; display: block; color: rgb(255, 0, 0); line-height: 1.3; }
ul#amebaBar { border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt; padding: 1px 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 21px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#amebaBar ul, #amebaBar li { margin: 0pt; padding: 0pt; list-style-type: none; }
#amebaBar a { margin: 0pt; padding: 0pt; color: rgb(51, 51, 51) ! important; text-decoration: none ! important; font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif; white-space: nowrap; }
#amebaBar a:hover { color: rgb(51, 51, 51) ! important; text-decoration: underline ! important; }
#amebaBar a img { border: 0pt none ; }
#amebaBar li#barLogoTop { float: left; width: 500px; display: inline-table; min-height: 1%; }
#amebaBar li#barLogoTop:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#amebaBar li#barLogoTop { display: block; }
#amebaBar li#barLogoTop ul, #amebaBar li#barLogoTop li { float: left; }
#amebaBar #barLogoTop img { padding: 3px 0pt 2px 5px; vertical-align: top; float: left; }
#amebaBar #barLogoTop ul { padding: 6px 0pt 0pt; }
#amebaBar #barLogoTop li { border-right: 1px solid rgb(51, 51, 51) ! important; padding: 0pt 7px; font-size: 10px; line-height: 1; }
#amebaBar #barLogoTop li.last { border: medium none  ! important; }
#amebaBar li.barMenu { padding: 2px 0pt 0pt 8px; float: right; height: 19px; font-size: 11px; line-height: 1; }
#amebaBar li.barMenu a { font-size: 10px; line-height: 17px; padding-right: 5px; }
#amebaBar li a.menuHelp { padding: 2px 4px 2px 13px; background: transparent url('https://ssl.ameba.jp/common_style/img/common/icon/help.gif') no-repeat scroll 0pt -1px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, table, th, td { margin: 0pt; padding: 0pt; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1; font-weight: normal; }
ul, li { list-style-type: none; }
body {  }
.clr:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
.clr { display: block; }
#header, #nav, #subNav, #wrap, #officialLi, #header_NewAD { margin: 0pt auto; width: 950px; text-align: left; }


/*header-old
#header { margin-bottom:4px; background:url(https://ssl.ameba.jp/ofcl/img/screen/common/header02.png) no-repeat left top; height:73px}
#header p#logo { float:left; width:470px; text-indent:-9999px; overflow:hidden; }
#header p#logo a {display:block;height:30px;margin:9px 0 0 39px;overflow:hidden;width:312px;}
#headerLeft{float:left;width:470px;}
--------------------------------------------*/

/*header_NewAD
--------------------------------------------*/
#header { background:url(https://ssl.ameba.jp/ofcl/img/screen/common/header03.png) no-repeat left top; min-height:73px; margin-bottom:16px; }
#header #headerLeft { width:100%; height:auto; margin-bottom:13px; float:left; }
#header p#logo { float:left; width:auto; text-indent:-9999px; overflow:hidden; }
#header p#logo a {width:321px;height:30px;margin:11px 0 0 59px;display:block;overflow:hidden;}
#header #srchBox{ padding:16px 0 0 0; margin:0 0 0 145px;float:left; clear:none; }
#header .adcloud_header { width:728px; height:90px; margin-left:111px; clear:both; }


/*header_NewAD
--------------------------------------------*/
#header_NewAD { background:url(https://ssl.ameba.jp/ofcl/img/screen/common/header03.png) no-repeat left top; min-height:73px; margin-bottom:16px; }
#header_NewAD #headerLeft { width:100%; height:auto; margin-bottom:13px; float:left; }
#header_NewAD p#logo { float:left; width:auto; text-indent:-9999px; overflow:hidden; }
#header_NewAD p#logo a {width:321px;height:30px;margin:11px 0 0 59px;display:block;overflow:hidden;}
#header_NewAD #srchBox{ padding:16px 0 0 0; margin:0 0 0 145px;float:left; clear:none; }
#header_NewAD .adcloud_header { width:728px; height:90px; margin-left:111px; clear:both; }


#srchBox{clear:both;padding:2px 0 0 41px;}
#header.idx #srchBox form{ width:auto; float:left; }
#srchBox form { width:425px; }
#srchBox form li {float:left; }
#srchBox input { float:left; }
#srchBox #selectBox { vertical-align:top;}
#srchBox #selectBox span,#srchBoxTop #selectBox span { padding:0 5px; *display:inline; *zoom:1; *height:20px;}
#srchBox #txtBox { width:160px; margin:0 5px 0 0;}
#srchBox #newform #txtBox { width:269px; margin:0 5px 0 0;}
#newform #selectBox { display:none; }
#srchBox #btnSbmt,#srchBoxTop #btnSbmt{ width:100px; height:23px; margin:-1px 10px 0 0; _margin-top:0; padding:0; background:url(https://ssl.ameba.jp/ofcl/img/screen/common/btn_search.gif) no-repeat left top; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer; *display:block; }
#srchBox p,#srchBoxTop p { float:left; margin:4px 0 0; }

#srchBox select,#srchBoxTop select {  height:22px; padding:1px 0 1px 0; }
@-moz-document url-prefix(){
	#srchBox #txtBox,#srchBoxTop #txtBox { padding:2px; }
	#srchBox select,#srchBoxTop select { font-size:1em; height: 22px; padding: 3px 1px 2px 0; }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#srchBox select,#srchBoxTop select { margin-top:0; }
}

/*nav_new
---------------------------------------------------*/
#nav { margin-bottom:10px; }
#nav ul#new_menu { padding:0 0 0 0; height:26px; }
*html #nav ul#new_menu { position:relative;}
.top ul#new_menu { border-bottom:2px solid #99cc00; }
.rnk ul#new_menu { border-bottom:2px solid #ff4879; }
.info ul#new_menu { border-bottom:2px solid #ff92d7; }
.blognews ul#new_menu { border-bottom:2px solid #16b67e; }
.photo ul#new_menu { border-bottom:2px solid #00aeff; }
.genre ul#new_menu { border-bottom:2px solid #ffb644; }
.search ul#new_menu { border-bottom:2px solid #7481ff; }
.cont ul#new_menu { border-bottom:2px solid #ff6666 ; }
.def ul#new_menu { border-bottom:2px solid #99CC00 ; }

#nav #new_menu li{ float:left; text-indent:-9999px; }
#nav #new_menu li { width:110px; height:26px; }
#nav #new_menu li#top { width:110px; padding:0 0 0 10px; }
#nav #new_menu li a { display:block; width:102px; height:26px; overflow:hidden; background-image:url(https://ssl.ameba.jp/ofcl/img/screen/common/nav_new.gif); _top:0px; }

#nav #new_menu #top a { background-position:0 0; }
#nav #new_menu #rnk a { background-position:-110px 0; }
#nav #new_menu #info a { background-position:-220px 0; }
#nav #new_menu #blognews a { background-position:-330px 0; } /*new */
#nav #new_menu #photo a { background-position:-440px 0; }
#nav #new_menu #genre a { background-position:-550px 0; }
#nav #new_menu #search a { background-position:-660px 0; }
#nav #new_menu #cont a { background-position:-770px 0; }


#nav #new_menu #top a:hover { background-position:0 -30px; }
.rnk#nav #new_menu #rnk a,#nav #new_menu #rnk a:hover { background-position:-110px -30px; }
.info#nav #new_menu #info a,#nav #new_menu #info a:hover { background-position:-220px -30px; }
.blognews#nav #new_menu #blognews a,#nav #new_menu #blognews a:hover { background-position:-330px -90px; } /* new */
.photo#nav #new_menu #photo a,#nav #new_menu #photo a:hover { background-position:-440px -30px; }
.genre#nav #new_menu #genre a,#nav #new_menu #genre a:hover { background-position:-550px -30px; }
.search#nav #new_menu #search a,#nav #new_menu #search a:hover { background-position:-660px -30px; }
.cont#nav #new_menu #cont a,#nav #new_menu #cont a:hover { background-position:-770px -30px; }

.top#nav #new_menu #top a { background-position:0 -30px; height:28px; _position:absolute; _top:0; _left:10px; }

.rnk#nav #new_menu #rnk a,.info#nav #new_menu #info a,.blognews#nav #new_menu #blognews a,.photo#nav #new_menu #photo a,.genre#nav #new_menu #genre a,
.search#nav #new_menu #search a,.cont#nav #new_menu #cont a,.shop#nav #new_menu #shop a { height:28px; _position:absolute; _top:0px; _left:0; }

*html #nav #new_menu #top,#nav #new_menu #rnk,#nav #new_menu #blognews,#nav #new_menu #info,#nav #new_menu #photo
,#nav #new_menu #genre,#nav #new_menu #search,#nav #new_menu #cont {_position:relative;}/* IE6 */

/*ad*/
#header .ad_frame{background:none; float: right; margin: 4px 8px 0 0; padding: 2px; width: 468px; height:60px;}
.adcloud_side span { background-position:34px 3px; padding:0 17px; }


/*nav old--------------------------------
#header { background:url('https://ssl.ameba.jp/ofcl/img/screen/common/header.png') no-repeat scroll left top; margin-bottom: 10px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#header p#logo { overflow: hidden; float: left; width: 470px; text-indent: -9999px; }
#header p#logo a { margin: 18px 0pt 24px 30px; overflow: hidden; display: block; width: 360px; height: 30px; }
#srchBox { padding: 20px 0pt 0pt; float: left; width: 485px; }
#srchBox form { float: left; }
#srchBox input { float: left; }
#srchBox #txtBox { margin: 0pt 5px 0pt 0pt; width: 280px; }
#srchBox #btnSbmt { border: medium none ; margin: 0pt 10px 0pt 0pt; padding: 0pt; background: transparent url('https://ssl.ameba.jp/ofcl/img/screen/common/btn_search.png') no-repeat scroll left top; overflow: hidden; width: 100px; height: 23px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-indent: -9999px; cursor: pointer; }
#srchBox p { margin: 4px 0pt 0pt; float: left; }

#nav { margin-bottom:10px; }
#nav ul { padding:0 0 0 0; height:26px; }
*html #nav ul { position:relative; }
.def ul { border-bottom:2px solid #99cc00; }
.top ul { border-bottom:2px solid #99cc00; }
.rnk ul { border-bottom:2px solid #ff4879; }
.info ul { border-bottom:2px solid #ff92d7; }
.photo ul { border-bottom:2px solid #00aeff; }
.genre ul { border-bottom:2px solid #ffb644; }
.search ul { border-bottom:2px solid #7481ff; }
.cont ul { border-bottom:2px solid #ff6666 ; }
.shop ul { border-bottom:2px solid #e019b8 ; }


#nav li { float:left; width:110px; height:26px; text-indent:-9999px; }
#nav li#top { width:110px; padding:0 0 0 10px; }
#nav li a { display:block; width:102px; height:26px; overflow:hidden; background-image:url(https://stat100.ameba.jp/ofcl/img/screen/common/nav.png); }
#nav #top a { background-position:0 0; }
#nav #rnk a { background-position:-110px 0; }
#nav #info a { background-position:-220px 0; }
#nav #photo a { background-position:-330px -54px; }
#nav #genre a { background-position:-440px 0; }
#nav #search a { background-position:-550px 0; }
#nav #cont a { background-position:-660px 0; }
#nav #shop a { background-position:-770px 0; }

#nav #top a:hover { background-position:0 -26px; }
.rnk#nav #rnk a,#nav #rnk a:hover { background-position:-110px -26px; }
.info#nav #info a,#nav #info a:hover { background-position:-220px -26px; }
.photo#nav #photo a,#nav #photo a:hover { background-position:-330px -80px; }
.genre#nav #genre a,#nav #genre a:hover { background-position:-440px -26px; }
.search#nav #search a,#nav #search a:hover { background-position:-550px -26px; }
.cont#nav #cont a,#nav #cont a:hover { background-position:-660px -26px; }
.shop#nav #shop a,#nav #shop a:hover { background-position:-770px -26px; }

#nav ul #photo { background:url(https://stat100.ameba.jp/common_style/img/common/icon/new.gif) no-repeat left top; }

.top#nav #top a { background-position:0 -26px; height:28px; _position:absolute; _top:0; _left:10px; }

.rnk#nav #rnk a,.info#nav #info a,.photo#nav #photo a,.genre#nav #genre a,
.search#nav #search a,.cont#nav #cont a,.shop#nav #shop a { height:28px; _position:absolute; _top:0; _left:0; }

*html .top#nav #top,.rnk#nav #rnk,.info#nav #info,.photo#nav #photo
,.genre#nav #genre,.search#nav #search,.cont#nav #cont,.shop#nav #shop {_position:relative;}


#nav { margin-bottom: 10px; }
#nav ul { padding: 0pt 0pt 2px; background: transparent url('https://ssl.ameba.jp/ofcl/img/screen/common/nav_line.gif') no-repeat scroll left bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#nav.cont ul { background: transparent url('https://ssl.ameba.jp/ofcl/img/screen/common/nav_cont_line.gif') no-repeat scroll left bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#nav li { overflow: hidden; float: left; width: 110px; height: 26px; text-indent: -9999px; }
#nav li#top { padding: 0pt 0pt 0pt 10px; width: 110px; }
#nav li a { overflow: hidden; display: block; width: 102px; height: 26px; background-image: url('https://ssl.ameba.jp/ofcl/img/screen/common/nav.png'); }
#nav #top a { background-position: 0pt 0pt; }
#nav #rnk a { background-position: -110px 0pt; }
#nav #info a { background-position: -220px 0pt; }
#nav #genre a { background-position: -330px 0pt; }
#nav #search a { background-position: -440px 0pt; }
#nav #cont a { background-position: -550px 0pt; }
#nav #shop a { background-position: -660px 0pt; }
#nav #top a:hover { background-position: 0pt -26px; }
#nav #rnk a:hover { background-position: -110px -26px; }
#nav #info a:hover { background-position: -220px -26px; }
#nav #genre a:hover { background-position: -330px -26px; }
#nav #search a:hover { background-position: -440px -26px; }
#nav #cont a:hover { background-position: -550px -26px; }
#nav #shop a:hover { background-position: -660px -26px; }
#nav.cont #cont a { background-position: -550px -26px; }
-------------------------------------*/

/*-----200910邵ｲ�ｽ髫ｼ闖ｫ�ｮ闔会ｽ･鬮ｯ蟠趣ｽｿ�ｽ陷会ｿｽSS------*/

#main {
margin:0 auto;
padding:0;
width:750px;
margin:0 auto 40px;
}


#main .title{
padding:30px 0;
margin:0;
}

#main .explan{
margin:0 auto;
padding:20px 0;
text-align:left;
width:750px;
}

#formArea{
margin:0 0 0;
width:750px;
padding:0;
text-align:left;
}

#formArea table{
width:100%;
margin:0 auto 15px;
border:1px solid #999999;
font-size:1em;

}

#formArea table img{
padding-bottom:3px;
padding-left:5px;
padding-right:3px;
padding-top:2px;
}

#formArea th,
#formArea td{
text-align:left;
vertical-align:top;
padding:10px 10px;
_padding:10px 10px;
border:1px solid #999999;
}

#formArea td div{
padding-top:8px;
}

#formArea th{
padding:10px;
width:30%;
text-align:left;
background:#EDEDEF;
}

#formArea td{
width:70%;
padding:5px 0 12px 15px;
}

#formArea dl.last{
border-bottom:1px solid #CCCCCC;
margin-bottom:20px;
}

#formArea dt img{
padding:1px 0 0 3px;
vertical-align:top;
}


#formArea dl{
background-color:#EDEDEF;
border-color:#CCCCCC;
border-style:solid solid none;
border-width:1px 1px medium;
position:relative;
}

#formArea dt{
font-weight:bold;
padding:9px 0 0 10px;
position:absolute;
width:180px;

}

#formArea dd{
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
margin-left:180px;
min-height:1em;
padding:10px 0 8px 10px;
text-align:left;
vertical-align:middle;
}


#formArea dd.comment {
padding:0px 10px 8px;
}

#formArea .cap {
font-weight:normal;
padding-left:5px;
vertical-align:top;
}


#formArea dd p.notes{
display:block;
margin-bottom:7px;
}
#formArea dd p.notes span{
font-weight:bold;
}

#formArea span.error{
margin:0px;
margin-bottom:0px;
color:#FF0000;
font-weight:bold;
}

#formArea dd span.error{
margin:0px;
_margin:5px;/*for winIE*/
color:#FF0000;
font-weight:bold;
}


.explan02 ul{
background-color:#F7F7F7;
padding:15px 38px;
text-align:left;
}

.explan02 ul li{
line-height:1.5em;
}

p.submit{
margin:21px 0px 0px;
text-align:center;
}


input.btn{
padding:0px 15px;
_padding:0px 5px;/*for winIE*/
}

input{
margin:0 0 2px;
padding:0;
vertical-align:top;
}

input.textS{
width:50px;
margin-right:15px;
}
input.textM{
width:150px;
margin-right:15px;
}
input.textL{
width:300px;
margin-right:15px;
}
input.error{
background-color:#FFCC99;
}
label.right{
margin:0px 15px 0px 5px;
vertical-align:middle;
}
label.left{
margin-right:5px;
vertical-align:middle;
}

#formArea .btn{
margin:15px 0;
}

#formArea .btn ul{
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
text-align:center;
}

#formArea .btn ul li{
padding:5px;
}

.message{
margin:30px 10px 20px;
text-align:left;
}


.topLink{
margin:20px;
font-size:12px;
}


#item03,
#item04{
height:100px;
width:350px;
}

/* 隴鯉ｽｧ陟｢諛ｷ萓帷ｹ晁ｼ斐°郢晢ｽｼ郢晢ｿｽ*/
#oldRegistContent h2{
font-size:30px;
padding:0 0 30px;
}
#oldRegistContent p.url{
font-size:30px;
padding-bottom:10px;
}


/* common.css */

/*setup
--------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	color:#333333;
	background-color: #ffffff;
	word-break: break-all;
	font-size-adjust: none;
	font-style: normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.4;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
	font-size: 1.4rem;
	text-align:center;
}
img { border:0; vertical-align:bottom; }

a { color:#0066CC; text-decoration:none; }
a:hover { color:#FF3366; text-decoration:underline; }
a:active { color:#FF3366; }
a:visited { color:#996699; }

/* floating box clear */
.clearFix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clearFix { height: 1%; }
.clearFix { display:block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent:-9999px; overflow:hidden; }
.hidetxt a { overflow:hidden; }
/* Hide from mac IE5 \*/
.hidetxt a { overflow: visible; }
/* End Hide from mac IE5 */

/*error
--------------------------------------------*/
.error { display:block; margin:10px 0 0 10px; color:#ff0000; line-height:1.3; }

/*naviHidden
--------------------------------------------*/
#naviHidden { left:-9999px; position:absolute; top:-9999px; }

/*profile photo
--------------------------------------------*/
.profileImage { float: left; }
.profileImage table { margin:0 auto; text-align:center; border:1px solid #D4D4D4; background-color:#FFFFFF; }
.profileImage table td { padding:1px; vertical-align:middle; }

.profileImage.w40 { width:44px; }
.profileImage.w40 table {  }
.profileImage.w40 table td { width:40px; height:40px; }

.profileImage.w60 { width:64px; }
.profileImage.w60 table {  }
.profileImage.w60 table td { width:60px; height:60px; }

.profileImage.w90 { width:94px; }
.profileImage.w90 table {  }
.profileImage.w90 table td { width:90px; height:90px; }

.profileImage.w110 { width:114px; }
.profileImage.w110 table {  }
.profileImage.w110 table td { width:110px; height:110px; }

.profileImage.w140 { width:144px; }
.profileImage.w140 table {  }
.profileImage.w140 table td { width:140px; height:140px; }

/*login
--------------------------------------------*/
#login { width:480px; margin:0 auto; background:url(/common_style/img/common/bg_login.gif) repeat-y left bottom; }
#login form { background:url(/common_style/img/common/bg_login_top.gif) no-repeat left top; }
#login #mainWrap { padding:23px 30px 25px 30px; background:url(/common_style/img/common/bg_login_bottom.gif) no-repeat left bottom; }

#mainLeft { float:left; font-size:0.85em; text-align:center; }
#textLoginEnjoy { width:194px; height:30px; background:url(/common_style/img/common/text_login_enjoy.gif) no-repeat; }
#button { margin-bottom:15px; }
#button a { display:block; width:194px; height:100px; background:url(/common_style/img/common/btn_ameba_orange.gif) no-repeat; }

#mainRight { float:right; width:200px; }
#mainRight dl { width:110px; float:left; text-align:left; }
#mainRight dd { margin:0 0 3px 0; }
#mainRight dd input { width:110px; }
#btnLogin { float:right; width:71px; height:63px; margin:9px 0 0; }

#rem { float:inherit; width:200px; text-align:left; font-size:0.85em; margin:3px 0 0 0; }
#rem li { display:inline; padding:0 3px 0 0; }
#etc { clear:both; margin:0 0 0 1px; text-align:left; background:url(/common_style/img/common/line_dot.gif) repeat-x center top; }
#user_name { width:110px; ime-mode:disabled; }
#user_pwd{ width:110px; ime-mode:disabled; }

#ssl{clear:both; padding:0 0 4px; text-align:left; font-size:0.85em; }
#ssl li{ display:inline; margin:4px 0 0 4px; }
#etcLink { clear:both; padding:5px 0 0 0; font-size:0.85em; text-align:left; background:url(/common_style/img/common/line_dot.gif) repeat-x center top; }

#helpLink { margin:40px 0 0 0; padding:5px 0 0 0; font-size:0.85em; text-align:left; background:url(/common_style/img/common/line_dot.gif) repeat-x center top; }
#helpLink li { display:inline; }

input#usr_password{ font-family: Times,"Times New Roman"; }

/*paging
--------------------------------------------*/
.paging { text-align:center; padding:10px 0px; }
.paging a,
.paging .now,
.paging .left,
.paging .right { margin-right:0.6em; margin-left:0.6em; }
.paging .now { font-weight:bold; text-decoration:underline; }
.paging a.left { padding:2px 15px 2px 0; color:#0066CC; background:url(/common_style/img/common/icon/paging_l.gif) no-repeat right center; font-weight: bold; }
.paging .left { padding:2px 15px 2px 0; color:#B4B4B4; background:url(/common_style/img/common/icon/paging_l_off.gif) no-repeat right center; font-weight: bold; }
.paging a.right { padding:2px 0 2px 15px; color:#0066CC; background:url(/common_style/img/common/icon/paging_r.gif) no-repeat left center; font-weight: bold; }
.paging .right { padding:2px 0 2px 15px; color:#B4B4B4; background:url(/common_style/img/common/icon/paging_r_off.gif) no-repeat left center; font-weight: bold; }

/*type:password for IE,safari1.3
input#password,
input#repassword,
input#oldPassword,
input#newPassword,
input#renewPassword{
font-family: Times,"Times New Roman";
}
*/

/*paging new desgin
--------------------------------------------*/
.cmnPaging { margin:25px 0; color:#CCCCCC; text-align:center; }
.cmnPaging span { padding:5px 8px; border:1px solid #DDDDDD;  }
.cmnPaging a { padding:5px 8px; border:1px solid #DDDDDD; }
.cmnPaging a:hover,
.cmnPaging a.first:hover,
.cmnPaging a.last:hover,
.cmnPaging a.rwd:hover,
.cmnPaging a.fwd:hover { background-color:#E1F0FF; text-decoration:none; color:#0066CC; }
.cmnPaging .first { margin:0 30px 0 0; }
.cmnPaging .last { margin:0 0 0 30px; }
.cmnPaging .first img,
.cmnPaging .last img { vertical-align:middle; }
.cmnPaging .last { margin:0 0 0 30px; }
.cmnPaging .rwd { padding-left:18px; background:url(/common_style/img/common/bg_paging_rwd_off.gif) no-repeat left center;color:#CCCCCC; }
.cmnPaging .fwd { padding-right:18px; background:url(/common_style/img/common/bg_paging_fwd_off.gif) no-repeat right center;color:#CCCCCC; }
.cmnPaging a.rwd { padding-left:18px; background:url(/common_style/img/common/bg_paging_rwd.gif) no-repeat left center;color:#0066CC; }
.cmnPaging a.fwd { padding-right:18px; background:url(/common_style/img/common/bg_paging_fwd.gif) no-repeat right center;color:#0066CC; }
.cmnPaging .now { background-color:#E1F0FF; font-weight:bold; color:#0066CC; }


/*submitOn
--------------------------------------------*/
.submitOn { margin:15px 0 0 0; text-align:center; }
.submitOn input { padding:0 15px; }

/*imeCnfg
--------------------------------------------*/
.imeCnfg { ime-mode:disabled; }


/*ad
--------------------------------------------*/
/*---for AdLantis---*/
.adlantiss_frame div{
margin:0 auto;
}

/*footer footer.css郢ｧ繧�ｽｿ�ｮ雎�ｽ｣邵ｺ蜉ｱ窶ｻ邵ｺ荳岩味邵ｺ霈費ｼ樒ｸｲ�ｽ
--------------------------------------------*/
#footerArea { margin:20px 0 0 0; padding:10px 0 20px;color:#999; border-top:#E1E1E1 solid 1px; background:#fff; text-align:center; font-size:0.94em; }
#footerArea li { display: inline;}
#footerContents { width:914px; margin:0 auto; }
#footerContents dt { margin:0; padding:4px 0 2px; border-bottom:#E1E1E1 solid 1px; font-weight:bold; text-align:left; }
#footerContents dd { padding:4px 0 0 0; }
#footerContents dl dd ul li { margin:0; padding:0; text-align:left; border:none; }
#footerContents #trouble { float:left; padding:0 7px; width:125px; }
#footerContents #rules { float:left; padding:0 7px; width:130px; }
#footerContents #amebaService { float:left; padding:0 7px; width:274px; }
#footerContents #amebaService ul.sub_a { float:left; width:154px; }
#footerContents #amebaService ul.sub_b { float:left; width:119px; }
#footerContents #otherService { float:left; padding:0 7px; width:327px; }
#footerContents #otherService ul { float:left; width:163px; }
#footerContents dl dl { padding:2px 0 5px; line-height:1.2; }
#footerContents dl dd dt { margin:0; padding:0; border:none; font-weight:normal; }
#footerContents dl dd dd { margin:0; padding:0; text-align:left; }
#footerArea p { margin:1em; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; text-align:center; }
#footerArea #copyright { padding-top:3px; color:#000000; }
#footerArea img { margin-left: 5px; vertical-align: middle; }

/*footer OLD
--------------------------------------------*/
#footer { margin:auto 0; padding:53px 0 0 0; }
#footer #pr { margin:7px 0; font-size:0.85em; line-height:1.5; }
#footer li { display: inline; padding:0 0.4em; border-right:1px solid #000000; line-height: 1.3em; }
#footer li.lastItem { border-right:none; }
#footer p { margin:1em; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; text-align:center; }
#footer img { margin-left: 5px; vertical-align: middle; }
#footer #serviceList { padding-top:10px; font-size: 0.85em; }


/* amebabar_static */

/* set
--------------------------------------------*/
ul#amebaBar {
height:21px;
margin:0;
padding:1px 0;
border-bottom:1px solid #ccc;
background:#fff;
color:#333;
}
	#amebaBar ul,
	#amebaBar li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
		#amebaBar a{
		margin:0;
		padding:0;
		color:#333 !important;
		text-decoration:none !important;
		font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
		white-space:nowrap;
		}
		#amebaBar a:hover{
		color:#333 !important;
		text-decoration:underline !important;
		}
			#amebaBar a img{
			border:0;
			}

/* common
--------------------------------------------*/
/* logo
-------------------------*/
#amebaBar li#barLogo{
float:left;
width:120px;
height:21px;
}
#amebaBar #barLogo img{
padding:2px 0 2px 4px;
vertical-align:top;
}
#amebaBar li#barLogoTop{
float:left;
width:500px;
display: inline-block;
min-height: 1%;
}
#amebaBar li#barLogoTop:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from mac IE5 \*/
* html #amebaBar li#barLogoTop { height: 1%; }
#amebaBar li#barLogoTop { display:block; }
/* End Hide from mac IE5 */

#amebaBar li#barLogoTop ul,
#amebaBar li#barLogoTop li{
float:left;
}
#amebaBar #barLogoTop img{
padding:3px 0 2px 5px;
vertical-align:top;
float:left;
}
#amebaBar #barLogoTop ul{
padding:6px 0 0;
}
#amebaBar #barLogoTop li{
padding:0 7px;
font-size:10px;
line-height:1;
border-right:1px solid #333333 !important;
}

#amebaBar #barLogoTop li.last{
border:none !important;
}

/* menu text
-------------------------*/
#amebaBar li.barMenu{
float:right;
height:19px;
padding:2px 0 0 8px;
font-size:11px;
line-height:1;
}
#amebaBar li.barMenu a{
font-size:10px;
line-height:17px;
padding-right:5px;
}
/*help*/
#amebaBar li a.menuHelp {
background:url(https://ssl.ameba.jp/common_style/img/common/icon/help.gif) no-repeat 0 -1px;
padding:2px 4px 2px 13px;
}
/*pr*/
#amebaBar li a.menuPr{
background:url(/p_skin/cmn/img/icon_ad.gif) no-repeat 0 2px;
padding-left:37px;
}
/*login*/
#amebaBar li a.headLogin {
border-right:1px solid #333333;
}
/*prLine*/
#amebaBar li.prLine{
padding-right:10px;
}
#amebaBar li.prLine span{
font-size:10px;
}
#amebaBar li.prLine a{
padding:0 5px;
}


/* menu img swf
-------------------------*/
#amebaBar li.barImg {
float:right;
height:21px;
padding:0 15px 0 0;
}
#amebaBar li.barImg embed,
#amebaBar li.barImg img {
vertical-align:top;
}

/*regist
-------------------------*/
li#barRegist {
float:right;
height:19px;
padding:2px 4px 0 0;
font-size:11px;
overflow:hidden;
}
li#barRegist a{
padding-left:14px;
padding-right:4px;
background:url(/common_style/img/common/icon/ico_boy.gif) no-repeat 0 1px;
font-size:10px;
line-height:17px;
}


/* ofcl common.css */

/*setup
--------------------------------------------*/
/*common*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:1em; line-height:1; font-weight:normal; }
ul,li { list-style-type:none; }
table{border-collapse:collapse;border-spacing:0;}
cite { font-style:normal; }
body { word-break:break-all; }

/*floating box clear*/
.clr:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display:block; }
/* End Hide from mac IE5 */

.skip { left:-5999px; position:absolute; top:-5999px;}


#subNav,
#wrap,
#officialLi { width:950px; margin:0 auto; text-align:left; }

#wrap #mainWrap { float:left; width:640px; }
#wrap #mainCol { float:left; width:640px; }
#wrap #mainWrap #menuCol { float:left; width:170px; }
#wrap #mainWrap #mainCol { float:right; width:460px; }
#wrap #subCol { float:right; width:300px; }

/*common
--------------------------------------------*/
/*detailLink*/
.detailLink { text-align:right; }
.detailLink a { padding:0 13px 0 0; background:url(/common_style/img/common/icon/detail_link1.gif) no-repeat right center; font-size:0.85em; }

/*header

#header { margin-bottom:10px; background:url(/ofcl/img/screen/common/header.png) no-repeat left top; }
#header p#logo { float:left; width:470px; text-indent:-9999px; overflow:hidden; }
#header p#logo a { display:block; margin:30px 0 24px 30px; width:360px; height:30px; overflow:hidden; }

#srchBox { clear:both; padding:10px 0 0 11px; }
#srchBox form { float:left; }
#srchBox input { float:left; }
#srchBox #txtBox { width:280px; margin:0 5px 0 0; }
#srchBox #btnSbmt { width:100px; height:23px; margin:0 10px 0 0; padding:0; background:url(/ofcl/img/screen/common/btn_search.gif) no-repeat left top; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer }
#srchBox p { float:left; margin:4px 0 0; }
--------------------------------------------*/

/*nav

#nav { margin-bottom:10px; }
#nav ul { padding:0 0 2px 0; background:url(/ofcl/img/screen/common/nav_line.gif) no-repeat left bottom; }
.top#nav ul { background:url(/ofcl/img/screen/common/nav_top_line.gif) no-repeat left bottom; }
.rnk#nav ul { background:url(/ofcl/img/screen/common/nav_rnk_line.gif) no-repeat left bottom; }
.info#nav ul { background:url(/ofcl/img/screen/common/nav_info_line.gif) no-repeat left bottom; }
.genre#nav ul { background:url(/ofcl/img/screen/common/nav_genre_line.gif) no-repeat left bottom; }
.search#nav ul { background:url(/ofcl/img/screen/common/nav_search_line.gif) no-repeat left bottom; }
.cont#nav ul { background:url(/ofcl/img/screen/common/nav_cont_line.gif) no-repeat left bottom; }
.shop#nav ul { background:url(/ofcl/img/screen/common/nav_shop_line.gif) no-repeat left bottom; }

#nav li { float:left; width:110px; height:26px; text-indent:-9999px; overflow:hidden; }
#nav li#top { width:110px; padding:0 0 0 10px; }
#nav li a { display:block; width:102px; height:26px; overflow:hidden; background-image:url(/ofcl/img/screen/common/nav.png); }
#nav #top a { background-position:0 0; }
#nav #rnk a { background-position:-110px 0; }
#nav #info a { background-position:-220px 0; }
#nav #genre a { background-position:-330px 0; }
#nav #search a { background-position:-440px 0; }
#nav #cont a { background-position:-550px 0; }
#nav #shop a { background-position:-660px 0; }
#nav #top a:hover { background-position:0 -26px; }
#nav #rnk a:hover { background-position:-110px -26px; }
#nav #info a:hover { background-position:-220px -26px; }
#nav #genre a:hover { background-position:-330px -26px; }
#nav #search a:hover { background-position:-440px -26px; }
#nav #cont a:hover { background-position:-550px -26px; }
#nav #shop a:hover { background-position:-660px -26px; }
.top#nav #top a { background-position:0 -26px; }
.rnk#nav #rnk a { background-position:-110px -26px; }
.info#nav #info a { background-position:-220px -26px; }
.genre#nav #genre a { background-position:-330px -26px; }
.search#nav #search a { background-position:-440px -26px; }
.cont#nav #cont a { background-position:-550px -26px; }
.shop#nav #shop a { background-position:-660px -26px; }
--------------------------------------------*/
/*subNav
--------------------------------------------*/
#subNav { margin-bottom:10px; }
#subNav ul { margin:0 0 0 14px; }
#subNav li { float:left; margin:0 6px 0 0; padding:0 5px 0 0; border-right:1px solid #666666; line-height:1.1; }
#subNav .last { border:none; }


/*head
--------------------------------------------*/
#mainCol #head { margin:0 0 15px 0; }
#mainCol #head h1 { width:183px; height:26px; text-indent:-9999px; overflow:hidden; }
#mainCol #head p { float:left; margin:5px 0 0; }

/*mdl common
--------------------------------------------*/
.upDate { color:#ff3399; }
.upDateIco { padding-left:18px; background:url(/common_style/img/common/icon/up.gif) no-repeat 0 0; color:#e60012; }
.upPhoto { padding:2px 0 0 20px; background:url(/common_style/img/common/icon/photo_up.gif) no-repeat 0 0; color:#e60012; }
.blogIco { padding:1px 0 1px 17px !important; background:url(/common_style/img/common/icon/brogarticle2.gif) no-repeat 2px 1px; font-size:0.85em; }
.preIco { padding:1px 0 1px 17px !important; background:url(/common_style/img/common/icon/present.gif) no-repeat -1px 0; font-size:0.85em; }
.today { height:13px; padding:0 0 5px; background:url(/ofcl/img/screen/portal/common/img_today.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
.tomorrow { height:13px; padding:0 0 5px; background:url(/ofcl/img/screen/portal/common/img_tomorrow.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }

/*toTop*/
.toTop {  }
.toTop a { float:right; display:block; width:30px; height:16px; background:url(/common_style/img/common/icon/pagetop.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }

/*mdl2
--------------------------------------------*/
.mdl2 { margin:0 0 20px 0; }
.mdl2 h2 { margin:0 0 10px; padding:7px 9px 0; height:1.5em; min-height:18px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; background:url(/ofcl/img/screen/portal/common/bg_mbl_title.gif) repeat-x left top; font-weight:bold; }
.mdl2 h2 span { padding:0 4px 0 0; font-size:1.17em; }

/*mdl
--------------------------------------------*/
.mdl { margin:0 0 10px; padding:0 0 8px 0; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; overflow:hidden; }
#mainCol .mdl { width:638px; }
#mainWrap #menuCol .mdl { width:168px; }
#mainWrap #mainCol .mdl { width:458px; }
#subCol .mdl { width:298px; }

.mdl h2 { padding:7px 9px; background:url(/ofcl/img/screen/portal/common/bg_mbl_title.gif) repeat-x left top; font-weight:bold; }

/*list*/
.mdl .dfltLi { margin:8px 2px 0 2px; }
.mdl li .dfltLi { margin:0 2px; }
.dfltLi li { padding:0 0 2px 19px; background:url(/common_style/img/common/icon/arrow12.gif) no-repeat 0 0; }
.dfltLi li.celeb {background:url(/common_style/img/common/icon/arrow14.gif) no-repeat 5px 4px; padding:0 0 2px 19px;}
.mdl .norlLi { margin:8px 2px 0 2px; }
.norlLi li { padding:0 0 5px 16px; background:url(/common_style/img/common/icon/arrow13.gif) no-repeat 0 0; }
.norlLi li a.new{background:url(/common_style/img/common/icon/new.gif) no-repeat scroll 100% 2px;padding-right:25px;}
.norlLi li a.hot{background:url(/common_style/img/common/icon/hot1.gif) no-repeat scroll 100% -2px;padding-right:23px;}

#mainCol .mdl .rnkLi { width:624px; margin:0 auto; }
#mainWrap #mainCol .mdl .rnkLi { width:444px; }

.imgLi img,
.rnkLi img { margin:0 0 3px; border:1px solid #cccccc; padding:1px; }
.imgLi a:hover img,
.rnkLi a:hover img { border:1px solid #ffcc33; padding:1px; }
.imgLi h3 img,
.imgLi h4 img,
.rnkLi h3 img,
.rnkLi h4 img { border:none; vertical-align:middle; margin:0 0 3px 5px; }
.imgLi .today,
.imgLi .tomorrow { background-position:12px 0; }
.imgLi .blogTitle { font-size:0.85em; overflow:hidden; }

.imgLi li { float:left; }
.imgLi.w68 li { width:74px; }
.imgLi.w96 li { width:100px; }

.mdl .rnkLi dt { float:left; }
.mdl .rnkLi dd { overflow:hidden; float:left; }
.mdl .rnkLi dd a{ display:block; }
.mdl .rnkLi dd span.ranking { font-size:0.85em; }
.mdl .rnkLi dd span.ranking img { margin:0 0 3px 0; }
.mdl .rnkLi dd p { font-size:0.85em; }

/*detailLink*/
.mdl .detailLink { padding:0 7px 0 0; }

/*induceBnr*/
.induceBnr img { margin:0 0 10px 0; }
.induceBnr .detailLink { margin:0 0 10px 0; }

/*prBnr*/
.prBnr { text-align:center; }

/*todayMdl*/
#todayMdl h3 { margin:7px 0 0 7px; background:url(/ofcl/img/screen/portal/title_birthday.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; }
#todayMdl ul { margin:8px 0 5px 2px; }
#todayMdl li { text-align:left; }
#todayMdl ul ul { margin:0; }
#todayMdl li li { width:57px; }
#todayMdl #stadio { width:285px; margin:8px auto 0 auto; padding:7px 0 0 0; border-top:dotted 1px #cccccc; }

/*updateMdl*/
#updateMdl #itemUpdate { margin:10px 0 5px 7px; }
#updateMdl #itemUpdate li { float:left; width:72px; }
#updateMdl #itemUpdate li .profileImage { float:none; }
#updateMdl #itemUpdate li table { width:62px; height:62px; }
#updateMdl #itemUpdate li table td { vertical-align:top; }

/*relateMdl*/
#relateMdl dl { margin:10px 6px 0 6px; }
#relateMdl dt img { float:left; margin:0 10px 0 0; }
#relateMdl dd img { border:none; float:right; }
#relateMdl dd{padding-bottom:16px;}

/*pickUpBnr*/
#pickUpBnr { margin:0 0 10px 0; }
#pickUpBnr #s1 { margin:0 0 5px; }
#pickUpBnr.mdl #pickUpBnrBg { margin:0 auto 5px; width:636px; background:#cccccc; }
#pickUpBnr.mdl #s1 { margin:0 auto; width:460px; }

/*birthdayMdl*/
#birthdayMdl h3 { margin:7px 0 0 7px; background:url(/ofcl/img/screen/portal/title_birthday.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; }
#birthdayMdl ul { margin:8px 0 10px 1px; }
#birthdayMdl .today { height:13px; background:url(/ofcl/img/screen/portal/common/img_today.gif) no-repeat center top; text-indent:-9999px; overflow:hidden; }
#birthdayMdl .tomorrow { height:13px; background:url(/ofcl/img/screen/portal/common/img_tomorrow.gif) no-repeat center top; text-indent:-9999px; overflow:hidden; }
#birthdayMdl #stadio { width:290px; margin:10px auto 0 auto; padding:10px 0 0 0; border-top:dotted 1px #cccccc; }

/*genreRnkMdl*/
#genreRnkMdl dl { margin:10px 0 0 10px; }
#genreRnkMdl dt { float:left; height:6.8em; min-height:80px; width:72px; }
#genreRnkMdl dd { overflow:hidden; float:right; width:210px; height:6.8em; min-height:80px; }
#genreRnkMdl dd span.ranking img { margin:0 0 3px 0; }
#genreRnkMdl dd h3 img { border:none; vertical-align:middle; margin:0 0 3px 5px; }


/*genreRnk
--------------------------------------------*/
#genreRnk .rnkLi dt { width:55px; height:5em; min-height:60px; }
#genreRnk .rnkLi dd { width:101px; height:5em; min-height:60px; }
#mainWrap #genreRnk .rnkLi dd { width:56px; }
#genreRnk .rnkLi dt.rnk1,
#genreRnk .rnkLi dt.rnk2,
#genreRnk .rnkLi dt.rnk3 { width:75px; height:6.7em; min-height:80px; padding-top:10px; }
#genreRnk .rnkLi dd.rnk1,
#genreRnk .rnkLi dd.rnk2,
#genreRnk .rnkLi dd.rnk3 { margin:0; width:133px; height: 6.7em; min-height: 80px; padding-top: 10px; }
#mainWrap #genreRnk dd.rnk1,
#mainWrap #genreRnk dd.rnk2,
#mainWrap #genreRnk dd.rnk3 { width:73px; }


/*subGenre kanaSrch
--------------------------------------------*/
/*common*/
.subGenre li.last,
.kanaSrch li.last { border-right:none; }

/*subGenre*/
.subGenre { padding:0 0 7px 0; }
.subGenre dt,
.subGenre dd { float:left; line-height:1.1; padding-bottom:3px;}
.subGenre dt { width:97px; }
.subGenre dd { width:543px; }
.subGenre ul {  }
.subGenre li { float:left; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #666666; line-height:1.1; white-space:nowrap; }

/*kanaSrch*/
.kanaSrch li { float:left; border-right:1px solid #666666; text-align:center; vertical-align:middle; }
.kanaSrch a { display:block; }

/*srchBlk
--------------------------------------------*/
/*common*/
.kanaSrchBlk li,
.dateSrchBlk li { float:left; margin:0 5px 0 0; background:#f7f7f7; border:1px solid #999999; text-align:center; }
.kanaSrchBlk li a,
.dateSrchBlk li a { display:block; }
.kanaSrchBlk li a:hover,
.dateSrchBlk li a:hover,
.pagingBlk a:hover { background:#0066cc; color:#ffffff; text-decoration:none; }
.kanaSrchBlk .now,
.dateSrchBlk .now,
.pagingBlk .now { background:#eeeeee; font-weight:bold; }

/*kanaSrchBlk*/
.kanaSrchBlk li { width:22px; height:22px; line-height:22px; }
.kanaSrchBlk li a { width:22px; height:22px; line-height:22px; }

/*dateSrchBlk*/
.dateSrchBlk li { width:37px; height:22px; line-height:22px; }
.dateSrchBlk li a { width:37px; height:22px; line-height:22px; }

/*pagingBlk*/
.pagingBlk { padding:15px 0; text-align:center; }
.pagingBlk span,
.pagingBlk a { margin:0 2px; padding:4px 9px; background:#f7f7f7; border:1px solid #999999; line-height:1.9em; }


/*genreLi
--------------------------------------------*/
#genreLi {  }
#genreLi li { margin:0 0 20px 0; }
#genreLi li h3 { padding:2px 0 5px 12px; background:url(https://stat100.ameba.jp/common_style/img/common/icon/arrow2.gif) no-repeat -4px 0; }
#genreLi ul { margin:0; }
#genreLi ul li { float:left; margin:0 6px 0 0; padding:0 5px 0 0; border-right:1px solid #666666; line-height:1.1; }
#genreLi ul li.last { border-right:none; }


/*ad
--------------------------------------------*/
.adlantiss_frame { margin:0; }
.adlantiss_frame_side { margin:0 0 10px; }
#header #adbox_0{float:right;padding:7px 12px 17px 0;width:468px;}

/* dendo
--------------------------------------------*/
#DendoMdl h3 img{float:left;width:45px;border:none;padding:10px 0 0 10px;}
#DendoMdl dl{padding:10px 0 10px;}
#DendoMdl .ranking dl{padding:10px 0 5px;}
#DendoMdl dt{float:left;margin:0;padding:0 0 0 5px;width:77px;}
#DendoMdl .ranking dt{float:left;margin:0;padding:0 0 0 5px;width:55px;}
#DendoMdl dd{float:left;margin:0;padding:5px 0 0;width:65px;}
#DendoMdl .ranking dd{float:left;margin:0;padding:5px 0 0;width:80px;}
#DendoMdl img{border:1px solid #CCCCCC;padding:1px;margin-right:5px;}
#DendoMdl dd p.title{background:transparent url(/ofcl/img/screen/portal/ico_crown.gif) no-repeat scroll 0 0;color:#59625E;padding:0 0 3px 14px;}

/* listLink */
#listLink{
margin-top:-30px;
padding:0 10px 13px 0px;
text-align:right;
}


/* search.css */

/*head
--------------------------------------------*/
#mainCol #head h1 { background:url(/ofcl/img/screen/portal/title_search.gif) no-repeat 0 0; }
.srchDetlMdl h3 { margin:0 0 10px; padding:0 9px 6px; border-bottom:1px dotted #CCCCCC; font-size:1.33em; }
.syllabaryMdl h3 { margin:0 0 10px 10px; padding:2px 0 0 12px; background:url(https://stat100.ameba.jp/common_style/img/common/icon/arrow2.gif) no-repeat -4px 0; font-size:1.14em; }


/*srchBoxMdl
--------------------------------------------*/
#srchBoxMdl form { width:400px; margin:10px auto 5px; }
#srchBoxMdl input { float:left; }
#srchBoxMdl #txtBox { width:280px; margin:0 5px 0 0; }
#srchBoxMdl #btnSbmt { width:100px; height:23px; margin:0; padding:0; background:url(/ofcl/img/screen/common/btn_search.png) no-repeat left top; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer }

#srchBoxMdl dl { text-align:center; }
#srchBoxMdl dt,
#srchBoxMdl dd,
#srchBoxMdl ul,
#srchBoxMdl li { display:inline; }
#srchBoxMdl li { padding:0 10px 0 0; }

/*syllabaryMdl
--------------------------------------------*/
.syllabaryMdl table { margin:0 0 0 10px; padding:5px 0 0; }
.syllabaryMdl th,
.syllabaryMdl td { padding:0 18px 10px 0; }
.syllabaryMdl td a { display:block; width:24px; background:#f7f7f7; border:1px solid #999999; line-height:1.9em; text-align:center; }
.syllabaryMdl td a:hover { background:#0066cc; color:#ffffff; text-decoration:none; }

/*genreLi
--------------------------------------------*/
.mdl2 #genreLi { margin:0 0 0 10px; padding:5px 0 0; }

/*debutMdl
--------------------------------------------*/
#debutMdl ul { padding:5px 0 10px; }
#debutMdl dl { margin:0 7px 0 0; padding:8px; width:190px; border:1px solid #cccccc; text-align:left; }
#debutMdl .last dl { margin:0; }
#debutMdl dt {  }
#debutMdl dt img { float:left; margin:0 10px 0 0; }
#debutMdl dd { float:right; width:108px; }
#debutMdl .upDate { display:block; font-size:1.25em; }

/*birthdaySrchMdl
--------------------------------------------*/
#birthdaySrchMdl .imgLi li,
#dateLi .imgLi li { text-align:left; width:105px; height:12em; min-height:140px; }
#birthdaySrchMdl .imgLi li ul,
#dateLi .imgLi li ul { margin:0; }
#birthdaySrchMdl .imgLi li li,
#dateLi .imgLi li li { float:none; width:88px; height:1.2em; min-height:14px; }

/*srchDetlMdl
--------------------------------------------*/
.srchDetlMdl .kanaSrch { float:right; margin:-34px 0 0; }
.srchDetlMdl .kanaSrch a { width:2.8em; height:1.3em; }
.srchDetlMdl .kanaSrchBlk { float:right; margin:-32px 0 0; }
.srchDetlMdl .dateSrchBlk { margin:10px 0 0 8px; }

/*rslt*/
#rslt { margin:0 0 5px 10px; }
#rslt span { padding:0 6px 0 0; font-size:1.33em; }

/*srchDetlLi*/
.srchDetlLi { padding:0 0 10px 0; }
.srchDetlLi a img { border:1px solid #ccc; padding:1px; }
.srchDetlLi a:hover img { border:1px solid #f9c202; padding:1px; }

.srchDetlLi li { padding:5px 0 3px; background:url(/ofcl/img/screen/portal/line_rnk.gif) repeat-x 0 0; }
.srchDetlLi li dl { padding:5px 8px; }
.srchDetlLi li.even dl { background:#F9F9F9; }
.srchDetlLi li dt { float:left; width:80px; }
.srchDetlLi li dd.name { float:right; width:542px; margin:0 0 5px 0; padding:8px 0 5px 0; border-bottom:1px solid #e5e5e5; }
.srchDetlLi li dd.name p { float:left; width:295px; padding:0 0 0 3px; }
.srchDetlLi li dd.name ul { float:left; width:240px; }
.srchDetlLi li dd.name li { float:left; padding:0 5px 0 0; background:none; white-space:nowrap; }
.srchDetlLi li dd.word { float:right; width:539px; }
.srchDetlLi li dd.now {background:url(/ofcl/img/screen/portal/common/icon_now.gif) no-repeat scroll 0 0;float:left;margin:0;padding:0 0 0 27px;}

/*dateLi
--------------------------------------------*/
#dateLi .imgLi li { padding:0 0 5px; }
#dateLi .dateSrchBlk { padding:5px 0 10px 10px; }
#dateLi .subGenre { padding:0 0 10px 10px; }
#dateLi .subGenre li { margin-bottom:5px; white-space:nowrap; }
#dateLi h3 { padding:10px 8px 6px; background:url(/ofcl/img/screen/portal/line_rnk.gif) repeat-x 0 0; font-size:1.17em; }
#dateLi h3 .today,
#dateLi h3 .tomorrow { display:block; float:left; width:58px; }
#dateLi .imgLi  { margin:0 0 15px; padding:17px 0 0; background:url(/ofcl/img/screen/portal/line_rnk.gif) repeat-x 0 0; }

/*officeMdl
--------------------------------------------*/
.officeMdl ul { padding:5px 0 0; }
.officeMdl li { float:left; margin:0 7px 7px 0; padding:8px; width:190px; border:1px solid #cccccc; text-align:center; }
.officeMdl li.last { margin:0; }





/*
* 2019/03 オフィシャル登録フォームをリデザインするために
* 下記に新たに追加
* form.cssを参照するFTLがあったので、既存のクラスはそのままにしておく
*/

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	padding: 0;
}

.wrapper {
	text-align: left;
}

.page-header {
	margin: 0 auto;
	padding: 10px 0 70px;
	width: 880px;
}

@media (max-width: 880px) {
	.page-header {
		margin: 0 16px;
		width: auto;
	}
}

.page-header__ci {
	max-width: 345px;
}

@media (max-width: 700px) {
	.page-header__ci {
		margin: 0 auto;
	}
}

.page-main {
	margin: 0 auto;
	width: 700px;
}

@media (max-width: 700px) {
	.page-main {
		margin: 0 16px;
		width: auto;
	}
}

.page-footer {
	background-color: #f2f2f2;
	width: 100%;
}

.page-footer__inner {
	margin: 0 auto;
	padding: 32px 0;
	width: 700px;
}

@media (max-width: 700px) {
	.page-footer__inner {
		margin: 0 16px;
		padding: 16px 0;
		width: auto;
	}
}

.page-footer h2 {
	font-size: 1.4rem;
	font-weight: bold;
}

.form__header {
	margin-bottom: 40px;
}

.form__header h1 {
	margin: 0 auto 56px;
	max-width: 541px;
}

.form__main {
	padding-bottom: 56px;
}

.form__status {
	margin: 0 auto 48px;
	max-width: 640px;
}


.form__items {
	margin-bottom: 72px;
}

@media (max-width: 700px) {
	.form__items {
		margin-bottom: 36px;
	}
}

.form__item {
	margin-bottom: 24px;
}

.form__item:last-child {
	margin: 0;
}

.form__label {
	margin-bottom: 8px;
}

.form__label > label {
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	vertical-align: middle;
}

.form__label > p {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
}

.form__input {
	margin-bottom: 24px;
}

.form__input:last-child {
	margin-bottom: 0;
}

.form__notes {
	margin-bottom: 8px;
}

.form__error {
	margin-bottom: 8px;
}

.form__error-icon {
	font-size: 1.4rem;
	vertical-align: middle;
}

.form__button {
	margin: 0 auto;
	text-align: center;
	width: 400px;
}

@media (max-width: 700px) {
  .form__button {
    width: auto;
  }
}

.form__button > li {
	line-height: 50px;
	margin-bottom: 16px;
}

.form__button > li:last-child {
	margin-bottom: 0;
}

.form__reconfirm {
	color: #f24b3b;
	margin-bottom: 24px;
	text-align: center;
}

@media (max-width: 700px) {
	text-align: left;
}

.form__reconfirm em {
	font-style: normal;
	font-weight: bold;
}

.form-control {
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font-size: 1.6rem;
	padding: 16px;
	width: 100%;
}

.form-control--error {
	border: 1px solid #f24b3b;
}

.form-complete {}

.form-complete__title {
	margin-bottom: 32px;
}

.form-complete__message {
	line-height: 2;
	margin-bottom: 32px;
}

.form-complete__notice {
	margin-bottom: 32px;
}

.form-complete__notice > p {
	color: #333;
}

.form-complete__notice > ol {
	color: #666;
}

.form-complete__link {
	text-align: right;
}

.form-complete__link a {
	color: #2d8c3c;
	font-size: 1.2rem;
}

.form-complete__link a:visited {
	color: #2d8c3c;
}

.form-complete__link-icon {
	font-size: 1.4rem;
	vertical-align: middle;
}

.label-required {
	border: 1px solid #2d8c3c;
	border-radius: 4px;
	color: #2d8c3c;
	font-size: 1rem;
	padding: 2px 6px;
}

.text-error {
	color: #f24b3b;
	font-size: 1.2rem;
}

.text-notes {
	color: #757575;
	font-size: 1.2rem;
}

.text-values {
	color: #333;
}

.text-summary {
	line-height: 2;
}

.text-thanks {
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	font-size: 1.6rem;
	font-weight: bold;
  padding: 15px 0;
	text-align: center;
}

.text-enmphasis {
	font-weight: bold;
}

.text-no-line-break {
  display: none;
}

@media (max-width: 700px) {
  .text-no-line-break {
    display: block;
  }
}

.button {
	border-radius: 4px;
	color: #fff;
	font-size: 1.4rem;
	line-height: inherit;
	width: 100%;
}

.button-submit {
	background-color: #2d8c3c;
}

.button-back {
	background-color: #999;
}

.list-group {

}

.list-group__title {
	margin-bottom: 8px;
}

.list-group__items {
	font-size: 1.2rem;
	line-height: 2;
	padding-left: 1rem;
}

.list-group__items > li {
	list-style-type: disc;
}

.image {
	height: auto;
	width: 100%;
}