/* iPhone */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none;
}
}

/* 共通 --- */
a:link {
color:#02c;
}
a:visited {
color:#551a7b;
}
a img {
border:none;
}
body {
font-family:"MS UI Gothic","MS PGothic",sans-serif, monospase;
color:#111;
background-color:#fff;
margin:0;
}
#logo {
float:left;
padding:3px 1px 0 1px;
}
#f {
margin:0;
padding:43px 0 0;
}
#textbox {
font-size:18px;
margin:0;
width:415px;
padding:2px 0 2px 7px;
}
#s {
width:100px;
height:29px;
font-size:15px;
font-weight:700;
color:#fff;
background-color:#488AF5;
border:none;
cursor:pointer;
vertical-align:1px;
}
#top {
float:right;
font-size:13px;
padding:3px 0 0;
}
#loginname {
font-weight:700;
margin:0 2px 0 0;
}
#headad {
position:absolute;
top:14px;
left:193px;
font-size:13px;
}
h1 {
clear:both;
font-size:90%;
color:#393939;
background-color:#e9eef5;
border-top-width:1px;
border-top-style:solid;
border-top-color:#bce;
margin:17px 0 0;
padding:4px 0 4px 8px;
}
/* 共通終わり --- */


#container {
min-width:950px;
max-width:1100px;
text-align:left;
position:relative;
margin:0 auto 10px;
}

#content {
float:left;
width:100%;
}

/* main --- */

#main {
min-width:600px;
height:100%;
line-height:150%;
font-size:84%;
margin:0 160px 50px 170px;
padding:12px 0 13px;
}


/* table */

#maintable {
color:#111;
background-color:#cfcfcf;
width:100%;
border-color:#e9eef5;
border-style:solid;
border-width:0 1px 1px;
margin:8px 0 9px;
}

.td1 {
color:#111;
background:#fffffc url(/img/ya.gif) no-repeat 8px 50%;
font-size:110%;
width:10em;
font-weight:700;
padding:4px 0 4px 23px;
}

.td1 a {
display:block;
text-decoration:none;
}

.td1 a:visited {
background-color:#efe;
}

.td1 a:hover {
background-color:#e3ffe3;
}

.td2 {
color:#212121;
background:#fff;
font-size:110%;
line-height:130%;
padding:4px 0 1px 8px;
}

td iframe {
height:18px;
width:100%;
}

/* main 見出し */

#search {
font-size:110%;
color:#008000;
background:#fff url(/img/search.gif) no-repeat 0 50%;
font-weight:700;
padding:0 0 2px 17px;
}

.font1 {
font-size:140%;
padding:0 1px 0 0;
}

.font2 {
font-size:110%;
padding:0 3px 0 1px;
}


#kanren {
color:#505050;
background:#e9eef5 url(/img/star.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

#toieba {
color:#505050;
background:#e9eef5 url(/img/denkyu.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}


.tdpr {
font-family:"MS PGothic",sans-serif, monospase;
color:#555;
font-size:13px;
height:18px;
margin:0;
padding:0 0 2px 0;
-webkit-text-size-adjust:none;
}


#centrepr {
color:#505050;
background:#fffffc url(/img/ya.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

#realword {
color:#505050;
background:#e9eef5 url(/img/realword.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

#history {
color:#505050;
background:#eee url(/img/history.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

#hint {
color:#505050;
background:#eee url(/img/hint.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

#keymatch {
color:#505050;
background:#e9eef5 url(/img/denkyu.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

.ninkiword {
line-height:190%;
border-color:#c3c3c3;
border-style:solid;
border-width:0 1px 1px;
margin:0 0 7px;
padding:10px 10px 15px;
}

.ninkiword a:link {
color:#03c;
}

.mainbox {
line-height:190%;
border-color:#b7b7c7;
border-style:solid;
border-width:1px;
margin:0 0 7px;
padding:10px 10px 15px;
}

.giflist {
background-image:url(/img/realword.gif);
background-repeat:no-repeat;
padding:0 0 0 16px;
}

.hintbox {
line-height:140%;
border-color:#c3c3c3;
border-style:solid;
border-width:0 1px 1px;
margin:0 0 7px;
padding:10px 10px 15px;
}

.res {
line-height:140%;
border-color:#c3c3c3;
border-style:solid;
border-width:0 1px 1px;
margin:0 0 7px;
padding:10px 10px 15px;
}

#okini {
color:#111;
background:#fff url(/img/okini.gif) no-repeat 0 50%;
margin:20px 0 0;
padding:0 0 0 15px;
}

.orange {
color:#c63;
background-color:#fff;
font-weight:700;
padding:0 2px;
}

.orangeb {
font-size:120%;
color:#c63;
background-color:#fff;
font-weight:700;
padding:0 2px;
}

.green {
color:#518912;
background-color:#fff;
font-weight:700;
}

.ga{
color:#111;
background:#fff url(/img/ga.gif) no-repeat 0 50%;
margin:20px 0 0;
padding:0 0 0 15px;
}
.ga2 {
color:#111;
background:#fff url(/img/ga.gif) no-repeat 0 50%;
margin:5px 0 0;
padding:0 0 0 15px;
}

/* main キーワード表示 */

#memory {
color:#505050;
background:#eee url(/img/iregist.gif) no-repeat 3px 50%;
font-weight:700;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
padding:1px 10px 0 20px;
}

#addKey {
width:13em;
}

#addKeyDesc {
width:80%;
margin:7px 0 0;
padding:3px;
}


#helpMylist{

cursor:pointer;

color:#02c;
background:#fff url(/img/hint.gif) no-repeat 7px 50%;


padding:0 0 0 23px;


}






/* テキストボックスリサイズ --- */
div.grippie {
background:#eee url(/img/grippie.png) no-repeat scroll center 3px;
border-color:#ccc;
border-style:solid;
border-width:0 1px 1px;
cursor:s-resize;
height:11px;
}



/* left --- */

#left {
float:left;
width:170px;
margin-right:-100%;
font-size:84%;
padding:12px 0 0;
}

#userboxt {
font-weight:700;
color:#333;
background:#eee;
border-color:#bbb;
border-style:solid;
border-width:1px 1px 0;
margin:0 10px 0 1px;
padding:3px 0 3px 7px;
}

#userbox {
line-height:160%;
border-color:#bbb;
border-style:solid;
border-width:0 1px 1px;
margin:0 10px 7px 1px;
padding:4px 0 3px 5px;
}

#userbox a {
width:100%;
display:block;
text-decoration:none;
}

#userbox a:hover {
background-color:#e9eef5;
}

#ritlboxt {
font-weight:700;
color:#333;
background:#e9eef5 url(/img/ritlfav.gif) no-repeat 2px 50%;
border-color:#b1c5dc;
border-style:solid;
border-width:1px 1px 0;
margin:0 10px 0 1px;
padding:3px 0 3px 22px;
}

#ritlbox {
line-height:160%;
border-color:#b1c5dc;
border-style:solid;
border-width:0 1px 1px;
margin:0 10px 7px 1px;
padding:4px 0 5px;
}

#ritlbox a {
width:100%;
display:block;
text-decoration:none;
}

#ritlbox a:hover {
background-color:#e9eef5;
}

#cateboxt {
font-weight:700;
color:#333;
background:#e9eef5 url(/img/change.gif) no-repeat 0 50%;
border-color:#b1c5dc;
border-style:solid;
border-width:1px 1px 0;
margin:0 10px 0 1px;
padding:3px 0 3px 17px;
}

#catebox {
line-height:160%;
border-color:#b1c5dc;
border-style:solid;
border-width:0 1px 1px;
margin:0 10px 0 1px;
padding:5px 0 7px;
}

ul{
list-style:none;
margin:0;
padding:0;
}

li {
background:url(/img/list.gif) no-repeat 0 50%;
margin:0 0 0 10px;
padding:0 0 0 15px;
}

#catebox a {
width:100%;
display:block;
text-decoration:none;
}

#catebox a:hover {
background-color:#e9eef5;
}

#circle {
color:#c63;
background:#e3ffe3 url(/img/select.gif) no-repeat 0 50%;
font-weight:700;
margin:0 0 0 10px;
padding:0 0 0 15px;
}

.leftboxt {
font-weight:700;
color:#333;
background:#e9eef5;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
margin:7px 10px 0 1px;
padding:3px 0 3px 7px;
}

.leftbox {
line-height:170%;
border-color:#b1c5dc;
border-style:solid;
border-width:0 1px 1px;
margin:0 10px 0 1px;
padding:7px 0 10px 5px;
}

.leftpicupt {
font-weight:700;
color:#333;
background:#e9eef5 url(/img/benri.gif) no-repeat 2px 50%;
border-color:#b1c5dc;
border-style:solid;
border-width:1px 1px 0;
margin:7px 10px 0 1px;
padding:3px 0 3px 20px;
}

.leftpicup {
line-height:160%;
border-color:#b1c5dc;
border-style:solid;
border-width:0 1px 1px;
margin:0 10px 0 1px;
padding:10px 5px;
}

#bmboxt {
font-weight:700;
color:#3f3f3f;
background:#ffc;
border-color:#c3c3c3;
border-style:solid;
border-width:1px 1px 0;
margin:7px 10px 0 1px;
padding:3px 0 3px 7px;
}

#bmbox {
line-height:170%;
border-color:#b1c5dc;
border-style:solid;
border-width:0 1px 1px;
margin:0 10px 0 1px;
padding:9px 0 5px 5px;
}

#mail {
background:#fff url(/img/bmmail.gif) no-repeat 0 50%;
padding:0 0 0 18px;
}

#bm {
margin:5px 0 0;
}

#mixi {
border:none;
width:100%;
height:20px;
margin:9px 0 7px;
}

#facebook {
border:none;
width:100%;
height:25px;
margin:10px 0 0;
}

#gpurasu {
margin:4px 0 6px;
}


/* right --- */

#right {
float:right;
width:150px;
margin-left:-160px;
text-align:center;
padding:10px 0 10px 10px;
}

#nextt {
color:#518912;
background:#fff url(/img/new.gif) no-repeat 20px 50%;
background-color:#fff;
font-size:84%;
font-weight:700;
margin:15px 0 0;
padding:10px;
}

#nextimg {
font-size:84%;
text-align:right;
line-height:110%;
padding:0 0 30px;
}

.righttcomm {
font-size:13px;
border-color:#b1c5dc;
border-style:solid;
border-width:0 0 1px;
text-align:left;
line-height:120%;
margin:0 0 10px;
padding:0 0 5px;
}

.rightcomm {
font-size:13px;
border-color:#b1c5dc;
border-style:solid;
border-width:0 0 1px;
line-height:120%;
margin:0 0 10px;
padding:0 0 15px;
}

#rightsad {
border-color:#cfcfcf;
border-style:solid;
border-width:1px 0 0;
margin:20px 0 0;
padding:20px 0 0;
}

#rightimg {
font-size:13px;
line-height:150%;
border-color:#cfcfcf;
border-style:solid;
border-width:0 0 1px;
margin:0 0 15px;
padding:0 0 20px;
}

/* hutta --- */

#lform {
margin:0 0 15px;
}
#hutta {
clear:both;
text-align:center;
font-size:84%;
padding:30px 0 0;
}

#huttaborder {
border-color:#bce;
border-style:solid;
border-width:1px 0 0;
padding:15px 5px 0;
}
.view {
border-right:1px #777 solid;
border-bottom:1px #777 solid;
border-left:1px #777 solid;
position:absolute;
width:415px;
left:177px;
font-size:17px;
color:#111;
background-color:#fff;
display:none;
margin:0;
padding:2px 0 0 7px;
}
.close {
color:#00f;
background-color:#eee;
text-align:right;
cursor:pointer;
margin:3px 0 0;
padding:3px 0;
}
.suggest_tr {
clear:both;
width:100%;
}
.suggest_data {
color:#000;
width:100%;
line-height:120%;
margin:0;
}