/* all
------------------------------------------------------------ */
*{margin:0; padding:0;}

img,table {border:none;border-collapse: collapse;}

br{letter-spacing:normal;}
p{margin:0;}

ul{list-style-type:none;}

a {text-decoration: none;}

a:link {color: #00839f;}
a:visited {color: #00839f;}
a:hover {color: #FFA200;text-decoration:underline;}
a:active {color: #00839f;}

body,table{
margin: 0 auto;
padding: 0;
font-size:13px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing : nomal;
line-height : 150%;
color: #473d35;
text-align:center;
}

td,th{text-align:left;}


ol{margin: 0 10px 0 25px;padding:0;}
ol li{margin:7px;padding:0;}

p.caption{text-align:center;margin:10px auto;}

.small{font-size:85%;}

.right{text-align:right;}
.center{text-align:center;}

.red{color:red;}

.pink{color:#FF4B85;}

.nodata{color:#aaa;text-align:center;margin:10px auto;}

.error{color:red;font-weight:bold;}

hr{margin:1.5em auto;border-width: 1px 0px 0px 0px;
   border-style: dotted;
   border-color: #aaa;
   height: 1px;
}


.fclear{
clear: both;
}

.fll {float: left;}
.flr {float: right;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}

.mr5 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.ml3 {margin-left:3px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}

.mtb5 {margin-top:5px;
margin-bottom:5px;}

.mtb10 {margin-top:10px;
margin-bottom:10px;}

.mtb15 {margin-top:15px;
margin-bottom:15px;}

.mtb20 {margin-top:20px;
margin-bottom:20px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}

.ptb5 {padding-top:5px;
padding-bottom:5px;}

.ptb10 {padding-top:10px;
padding-bottom:10px;}

.ptb15 {padding-top:15px;
padding-bottom:15px;}

.ptb20 {padding-top:20px;
padding-bottom:20px;}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.pr3 {padding-right:3px;}
.pr5 {padding-right:5px;}
.pr8 {padding-right:8px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl8 {padding-left:8px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}

/* round
------------------------------------------------------------ */

.roundbox div.top,.roundbox div.bottom,.roundbox div.body,.roundbox div.fkds_ue{
background-color:#F3ECE4;background-repeat: no-repeat;margin:0;
}

.roundbox div.top {
background-image: url(/img/round/round_t_l.png) ;
background-position: top left;
}

.roundbox div.top span {
background-image: url(/img/round/round_t_r.png);
background-position: top right;
background-repeat: no-repeat;
height: 10px;display: block;}

.roundbox div.bottom {
background-image: url(/img/round/round_u_l.png);
background-position: bottom left;
}

.roundbox div.bottom span {
background-image: url(/img/round/round_u_r.png) ;
background-position: bottom right;
background-repeat: no-repeat;
height: 10px;display: block;}

.roundbox div.fkds_ue {
background-image: url(/img/round/fkds_ue.png) ;
background-position: top center;
height: 20px;}

div.thanks{
margin:30px 0;
padding:20px;
background:#FBF1EB;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
}



/* star
------------------------------------------------------------ */
table.star{height:16px;margin:0;padding:0;}
table.star td{padding:0;vertical-align:middle;}
table.star td img{width:16px;height:16px;}
table.star td.value{font-size:12px;font-weight:bold;color:#FFA200;padding:2px 0 0 3px}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}


/* pager
------------------------------------------------------------ */
ul.pager {
	margin: 0 0 10px;
	padding: 12px;
	text-align: center;
}

ul.pager li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

ul.pager li span,
ul.pager li a {
	display: inline-block;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ff89b9;
	vertical-align: middle;
	text-decoration: none;
}

ul.pager li span.current{
	background: #ff89b9;
	border: 1px solid #ff89b9;
	font-weight:bold;
	color:#fff;
}

ul.pager li a:hover {
	background: #efefef;
}


/* header
------------------------------------------------------------ */

#header{position:relative;
text-align:left;
width: 970px;
margin: 0 auto;
color:#FFF;
}

#header h1{float:left;padding: 1px 12px 1px 4px;}

#header .login{position:absolute; top:0px; right:0px;text-align:right;background:#FFAED0;}

#header .login .login_l{
color:#FFF;
background:#FFAED0 url(/img/header/top_l.png) no-repeat top left;
height:30px;padding:0 2px 0 13px;text-align:right;
}

#header .login .login_r{
background:url(/img/header/top_r.png) no-repeat top right;width:8px;height:30px;
}

#header .topic-important{padding: 70px 0 0 8px;}

#header .topic-important,
#header .topic-important a:link,
#header .topic-important a:visited,
#header .topic-important a:active
{color:red;}

#header ul{margin:0;padding:0px;text-align:right;}

#header ul li{display:inline;border-left:1px #fff dotted;padding: 1px 4px 1px 6px;}

#header ul li.st{border-left:none;}

#header a {}

#header a:link {color: #FEFF8B;}
#header a:visited {color: #FEFF8B;}
#header a:hover {color: #ff62a1;text-decoration:none;}
#header a:active {color: #FEFF8B;}

.dot{
background:url(/img/header/dot.png) repeat-x 0px -3px;
height:10px;
width: 980px;
margin:0 auto;
}

/* main
------------------------------------------------------------ */

#container {
clear:both;
width: 970px;
margin: 0 auto;
padding-top:10px;
}

#main{
float:left;
width:640px;
text-align:center;
}


#main h1{
text-align:left;
margin:10px 0;
color:#67585F;
padding: 7px 7px 2px 7px;
font-size:17px;
border-bottom:3px #ff70ab solid;
border-top:1px #f1eeef solid;
border-left:1px #f1eeef solid;
border-right:1px #f1eeef solid;
background: #f1eeef url(/img/bg/white_grade.png) repeat-x left top;
}


#main h1 span{
font-weight:normal;
font-size:13px;
}

h2{
text-align:left;
margin:15px 0;
background:#ff89b9 url(/img/bg/naname.png);
color:#fff;
padding: 3px 5px 1px 5px;
font-size:120%;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
}


h2 a:link {color: #FFFDEB;}
h2 a:visited {color: #FFFDEB;}
h2 a:hover {color: #FFE900;text-decoration:none;}
h2 a:active {color: #FFFDEB;}

h3{
text-align:left;
margin: 20px 0 2px 5px;
color:#912550;
font-size:115%;
}

h4{
text-align:left;
margin: 20px 0 2px 0px;
color:#7a3d00;
font-size:100%;
background: #f4f1ef;
padding: 3px 0px 1px 5px;
}

div.text{margin:10px 5px;text-align:left;}
div.text p{margin:0.5em;}

div.note{margin:10px;text-align:left;}


p.note{text-align:left;
padding-left:10px;
background:url("/img/icon/maru.gif" ) no-repeat left 6px;}

div.note2{
padding-left:10px;
background:url("/img/icon/maru.gif" ) no-repeat left 6px;}

p.btn,div.text p.btn{margin:1em auto;text-align:center;}

p.more{text-align:right;margin:10px 7px;font-weight:bold;}
p.more a{
font-weight:bold;padding-right:11px;
background:url("/img/icon/arw_more.gif" ) no-repeat right 3px;}
p.more a:hover
{background:url("/img/icon/arw_more2.gif" ) no-repeat right 3px;}

p.back{text-align:left;margin:5px;font-weight:bold;}
p.back a{
font-weight:bold;padding-left:12px;
background:url("/img/icon/arw_back.gif" ) no-repeat left 3px;}
p.back a:hover
{background:url("/img/icon/arw_back2.gif" ) no-repeat left 3px;}

/* トピックスの重要メッセージ */
.topic-important {color: red;}
.topic-important a:link {color: red;}
.topic-important a:visited {color: red;}
.topic-important a:active {color: red;}

/* form
------------------------------------------------------------ */
textarea,input.long,input.middle{
    border:1px solid #aaa;
    padding: 5px;
    color: #000;
    background: #fff;
    border-radius: 3px;
    font-size:13px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
    -webkit-border-radius: 3px;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
    -moz-border-radius: 3px;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

.submit input,input.submit,.btn a{
text-decoration:none;
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9 url(/img/bg/white_grade.png) repeat-x 0 -17px;
    border-radius: 5px;
    font-size:13px;

     
/* Webkit */
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}

.submit input:hover,input.submit:hover,.btn a:hover{
    background: #1E54B3 url(/img/bg/white_grade.png) repeat-x 0 -17px;
 }


.submit input:active,input.submit:active,.btn a:active{
    background: #1E54B3 url(/img/bg/white_grade.png) repeat-x 0 -17px;
 }


input{margin-right:3px;}

label input{border:none;}

table.form {
width:95%;margin: 10px auto;padding:0;
border-collapse: separate;
border:1px #eee solid;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
}

table.form th {
width:25%;
padding:4px 6px;
text-align:center;vertical-align:middle;color:#77213D;
background-color:#F7B5CC;
border:1px solid #fff;
}

table.form td {
padding:4px 6px;
background-color:#eee;
border:1px solid #fff;
}

table.form td.submit {
text-align:center;
background-color:#fff;
}

table.form td p{margin:5px 0;}

table.form td.submit p{margin:5px auto;}

table.form td textarea{width:100%;height:100px;}

table.form input.long{width:85%;}
table.form input.middle{width:60%;}

div.sort{margin:15px;border:2px #ddd solid;padding:5px;}
div.sort strong{color:#F7589A;}
div.sort select{margin-right:20px;}

div.radiotabs ul{margin-bottom:7px;}
div.radiotabs ul li{float:left;margin-right:8px;}
div.radiotabs div{margin:7px 0;}

table.userlv{font-size:12px;}

table.userlv th{
color:#3B3023;font-size:13px;font-weight:normal;
white-space:nowrap;border:1px solid #D7C3A1;background:#F3E5CD;}

table.userlv th.action{background:#E3D3B8;}

table.userlv td{border:1px solid #ddd;background:#FBFAF7;font-weight:bold;text-align:center;}


/* list
------------------------------------------------------------ */
table.list{margin:0 auto;}
table.list td{text-align:center;vertical-align:top;padding:4px;}

table.list div.image img{border:2px #fff solid;margin:0;}

table.list div.image img{height:100px;width:100px;}

table.hot div.image img{width:126px;height:126px;}


table.list div.image{
background: #EBE4E6 url(/img/round/round150.png) no-repeat -17px -17px;
padding:7px;}


table.hot div.image{
background: #EBE4E6 url(/img/round/round160.png) no-repeat -8px -8px;
padding:7px;}

table.list div.image:hover{
background-color:#FFDC3B}



ul.list{
text-align:left;
list-style-type:none;
margin:10px;
padding:0;
border-top:1px #ff89b9 dotted;
}

ul.list li{
padding:5px;
margin:0;
border-bottom:1px #ff89b9 dotted;
}

ul.list li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html ul.list li             { zoom: 1; } /* IE6 */
*:first-child+html ul.list li { zoom: 1; } /* IE7 */


ul.list li div.image{
margin:0;
padding:3px 0 0 0;
width:70px;text-align:center;
float:left;
}

ul.list li div.image p{
margin-top:3px;
font-size:12px;
line-height:110%;
}

ul.list li div.image img{
margin:0;
width:50px;
}

ul.sch li div.image{
width:90px;
}

ul.sch li div.image img{
width:70px;
}

ul.list li div.word{
margin:0 0 0 80px;
padding:0;
position:relative
}

ul.sch li div.word{
margin:0 0 0 95px;}

ul.list li div.word .comment_chara{
font-weight:bold;
font-size:12px;
}

.comment_chara a:link {color: #FF3B8C;}
.comment_chara a:visited {color: #FF3B8C;}
.comment_chara a:hover {color: #FFA200;text-decoration:underline;}
.comment_chara a:active {color: #FF3B8C;}

ul.list li div.word .comment_image{
float:right;width:60px;height:60px;
margin: 2px 2px 2px 10px;
}

ul.list li div.word p{
margin:0;
font-size:13px;
}

p.comment_body{color:#29231f;padding-right:20px;}

p.time{
margin-top:0.5em;
font-size:12px;text-align:right;color:#aaa;
}

ul.list li div.word ul{border-top:none;font-size:11px;margin:0 0 0 0;padding:0;color:#999;}
ul.list li div.word ul li{float:left;border-bottom:none;margin:0;padding:2px 7px 1px 0;}
ul.list li div.word ul li.count{float:right;color:#29231f;}

li.reply a{
padding: 2px 0 2px 14px;
background:url("/img/icon/reply.png" ) no-repeat 0px 0px;}
li.reply a:hover
{background:url("/img/icon/reply2.png" ) no-repeat 0px 0px;}

li.location a{
padding: 2px 0 2px 16px;
background:url("/img/icon/location.png" ) no-repeat 0px 0px;}
li.location a:hover
{background:url("/img/icon/location2.png" ) no-repeat 0px 0px;}


ul.list li div.word ul a:link {color: #999;}
ul.list li div.word ul a:visited {color: #999;}
ul.list li div.word ul a:hover {color: orange;text-decoration:underline;}
ul.list li div.word ul a:active {color: #999;}

.comment_remove{padding-top:3px;}

.gotcha_remove{position:absolute; top:3px; right:5px}

.unsolved{color:red;}

.solved{padding:5px 0 0 70px;
background:url(/img/gotcha/solved.gif) no-repeat 0px 0px;}
.solved a{font-weight:bold;}


strong.twitter_name{padding:0 7px 0 13px;
background:url(/img/icon/twitter_icon.gif) no-repeat 0px 1px;}

ul.list div.hs_name{width:400px;float:left;}
ul.list div.hs_time{width:120px;float:right;font-size:12px;color:#aaa;}

ul.list li.external-tweet { background:#fbf7e4 url("/img/bg/yoko_grade.png") repeat-y top right} /* Twitterの発言を拾ったもの */

/* guide
------------------------------------------------------------ */
ul.guide{margin:10px;padding:1px 7px;background:#FFFBCF;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

ul.guide li{
	margin:0.5em 0;
	padding-left: 11px;
	background:url("/img/icon/arw_pink.gif" ) no-repeat 0px 4px;
}

/* footer
------------------------------------------------------------ */

#footer {
clear:both;
margin:10px auto;
text-align:center;
font-size:13px;
width: 970px;
color: #4d272e;
}

#footer a {font-weight:bold;}

#footer a:link {color: #702130;}
#footer a:visited {color: #702130;}
#footer a:hover {color: #ff62a1;text-decoration:underline;}
#footer a:active {color: #702130;}

#footer div.top,#footer div.bottom,#footer div.body{
background-color:#ffb5d3;background-repeat: no-repeat;
}

#footer div.top {
background-image: url(/img/round/round_t_l.png) ;
background-position: top left;
}

#footer div.top span {
background-image: url(/img/round/round_t_r.png);
background-position: top right;
background-repeat: no-repeat;
height: 10px;display: block;}

#footer div.bottom {
background-image: url(/img/round/round_u_l.png);
background-position: bottom left;
}

#footer div.bottom span {
background-image: url(/img/round/round_u_r.png) ;
background-position: bottom right;
background-repeat: no-repeat;
height: 10px;display: block;}

#footer ul{border-bottom:1px dotted #FFD7E0;padding:2px;margin:0 15px;}

#footer ul li{
	display: inline;
	margin: 0;
	padding-left: 17px;
	background:url("/img/icon/arw_pink.gif" ) no-repeat 7px 2px;
}

#footer p.copyright{
padding: 8px 0 0 0;
font-size:12px;
letter-spacing:0.1em;
line-height:135%;
}

#footer #pagetop{}
#footer #pagetop p{padding:0 15px 0 0;text-align:right;}

#controll,#ranking,#location{
text-align:left;
margin:0 0 10px 0;
}

#view_device-smartphone{display:block;
clear:both;
width:80%;
margin:1em auto;
padding:1em;
font-size:4em;
text-align:center;
background-color:#24a5d4;
font-weight:bold;
border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;
color:#fff;text-decoration:none;}

/* subwin
------------------------------------------------------------ */

.ui-dialog{
-moz-box-shadow: 4px 4px 15px #33271D;-webkit-box-shadow: 4px 4px 15px #33271D;
}

.ui-dialog .subwin{
font-size:13px;
color: #473d35;
height:240px\9;
}

.ui-dialog .subwin p{margin:0.8em;}

.ui-dialog .subwin .tagEditor{
margin:0 0 7px 0;padding:4px;background-color:#FFE1E2;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
.ui-dialog .subwin .tagEditor li{margin:4px;background-color:#FFF7F7;}

.ui-dialog .tag_edit{text-align:left;}

.ui-dialog .tag_edit .taginput{width:250px;}

.ui-dialog .tag_edit ul li{margin:0;}