@charset "utf-8";

*{
margin:0;
padding:0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}









body {
font-family: "メイリオ", 'ＭＳ Ｐゴシック', 'VL Pゴシック', Arial, Helvetica, sans-serif;
color: #333333;
background:#fce0fc;
text-align: center;
line-height: 1.4em;
margin:0;
padding: 0px;
position: relative;
font-size: 80%;
}


#container {
text-align:center;
margin:0 auto;
width:1024px;
}


#right {
width:200px;
float:left;
margin:0 10px 0 0;
}

#left {
width: 810px;
float: right;
padding: 0;
margin: 0;
}

#left-left {
width:200px;
margin:0 0 0 10px;
float:right;
}

#main {
float:left;
width:600px;
line-height: 1.5em;
letter-spacing: 0.05em;
text-align:center;
margin: 0;
}

img {
border-style: none;
}

strong {
font-weight: bolder;
color:red;
font-size: larger;
}

.none{
color: #333333;
background-color: #ffffff;
display: none;
}

a {
text-decoration: underline;
}

#main h2 {
font-size: larger;
display: inline;
text-align: left;
}

#main h3 {
font-size: 100%;
margin: 10px auto 10px 5px;
padding: 0;
clear: both;
}

#main h4 {
font-size: 100%;
margin: 10px auto 10px 5px;
clear: both;
}



blockquote {
margin: 20px;
text-align: left;
border-width: 1px;
border-style: dotted;
border-color: #CCCCCC;
padding: 10px;
}

/*
pre {
border-width: 1px;
border-style: dotted;
border-color: #CCCCCC;
padding: 5px;
margin-top: -5px;
margin-left: 40px;
margin-right: 40px;
overflow: scroll;
color: black;
}
*/

#main dt {
        padding: 0 0 0 5px;
}

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

#main ol {
list-style: decimal;
}

#main ul {
list-style-type: square;
}

#main ul li, #main ol li {
padding-left:10px;
/* margin: 25px 20px; */
margin: 0;
padding: 0;
}

#main ul, #main ol {
margin-left:15px;
margin: 30px;
}

#main li p {
padding:0 0 30px;
}

#main #entrylist {
list-style: none;
}

#main #entrylist li {
margin: 2em 0;
}

#main .posted {
font-size: 90%;
color: #333333;
text-align: left;
line-height: normal;
padding: 3px;
margin-bottom: 25px;
clear: both;
}

#right h2 {
font-size: 100%;
color: #333333;
padding: 2px auto 5px 0;
margin-bottom: 5px;
clear: both;
text-align: center;
}

#right h3 {
font-size: 100%;
color: #333333;
padding: 2px auto 5px 0;
margin-bottom: 5px;
clear: both;
}

#right p {
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 0px;
} 


#right ul {
margin: 0 0 10px 3px;
padding-left: 0px;
}


#right ul ul {
font-size: 100%;
margin-left: 5px;
margin-bottom: 0px;
}


#right li, #left-left li {
font-size: 100%;
color: #333333;

text-align: left;
line-height: 120%;
margin: 10px 5px;
list-style-type: none;
}


#right img,#left-left img {
margin-top: 3px;
border-style: none;
margin-bottom: 3px;
}

#left-left h2 {
font-size: 100%;
color: #333333;
padding: 2px auto 2px 0;
margin-bottom: 5px;
clear: both;
}

#left-left h3 {
font-size: 100%;
color: #333333;
padding: 2px auto 2px 0;
margin-bottom: 5px;
clear: both;
}

#left-left p {
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 0px;
}


#left-left ul {
margin-top: 0px;
margin-left: 3px;
padding-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}


#left-left ul ul {
font-size: 100%;
margin-left: 5px;
margin-bottom: 0px;
}

#left-left img,#main img {
margin-top: 3px;
border-style: none;
margin-bottom: 3px;
}

#powered {
color: #333333;
text-align: left;
line-height: 150%;
margin-top: 10px;
margin-bottom: 20px;
}



#link {
color: #333333;

text-align: left;
line-height: 150%;
}


#footer {
text-align: center;
}

address {
font-size: 70%;
font-weight: bolder;
color: #333333;
text-align: center;
}

/* Mac IE テキストエリア文字化け対策 */

select,input,textarea {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

textarea {
font-size: 100%;
}








#main table {
caption-side:top;
border-collapse:collapse;
empty-cells:hide;
table-layout: auto;
width: auto;
white-space: normal;
margin: 2em auto 2em 0;
border: 1px;
border-style: dotted;
border-color: #CCCCCC;
}

#main th {
border: 1px;
padding: 5px;
background-color:#CCCCCC;
border-style: dotted;
border-color: #CCCCCC;
}

#main td {
border: 1px;
padding: 5px;
border-style: dotted;
border-color: #CCCCCC;
vertical-align: top;
}

#main caption {
float:left;
}

#kinei img{
display: block;
margin: 0 auto;
}

.entry {
        border: 1px solid black;
        padding: 15px 10px;
margin: 20px 0;
text-align:left;
background-color: white;
}

.center {
text-align: center;
}

.underline {
text-decoration: underline;
}

em {
font-weight: bolder;
font-size: larger;
}

#main blockquote h2 {
font-size: x-large;
margin: 0px;
padding: 0px;
clear: both;
background: none;
background-position: none; 
}

#access_ranking {
background-color: white;
}

#access_ranking h2 {
text-align: left;
}

#ranking_tousei {
width: 480px;
margin: 5px auto;
padding: 0;
}

#ranking_nakami {
float: left;
width: 200px;
margin: 0 0 0 5px;
}

#ranking_nakami td {
vertical-align: top;
}

#twin-shitagi {
float: right;
width: 271px;
}

#ranking, #sentence-head {
clear: both;
margin: 15px;
text-align: center;
font-size: larger;
}

.large {
font-size: xx-large;
line-height: 1.4em;
}

#main table.noborder td,tr,tbody {
border-style:none;
border-width:0;
border-color:white;
}


.entry-title {
float:left;
text-align:left;
margin: 10px 0;
padding: 5px 30px;
background:url(/images/h_blue1.gif) no-repeat;
background-position:left;
}

#entry-sentence {
padding:15px;
clear:both;
/* font-weight: bolder; */
font-size: larger;
color: black;
}

#entry-sentence p {
padding: 1em 0;
margin: 1em 0;
}

.yellow-back {
background-color:yellow;
}

.tokushuu h2 {
text-align: center;
}

.tokushuu p {
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 0px;
}

.larger {
font-size: larger;
}

#boshuu {
font-size: larger;
}

#main table caption {
text-align: center;
margin: 5px auto 5px auto;
padding: 0 5px;
}


#blogtitle {
color: #999999;
background-color: #ffffff;
margin: 10px auto;
text-align:left;
/* width:890px; */
padding: 5px 15px;
}

#blogtitle h1 {
margin: 10px;
text-align: center;
font-size: x-large;
line-height: 1.1em;
}

#blogtitle h1 a,
#blogtitle h1 a:link,
#blogtitle h1 a:visited,
#blogtitle h1 a:active {
color: black;
text-decoration: none;
}

.description {
font-size: smaller;
color: #333333;
background-color: #ffffff;
letter-spacing: 0.05em;
padding-left: 20px;
}

.clear {
clear: both;
}

button {
display: inline;
}

.sougoutokuten {
font-size: xx-large;
font-weight: bolder;
background-color:yellow;
}

.kokuchi-title {
font-size: larger;
font-weight: bolder;
}

.otakebi {
font-size: xx-large;
line-height: 1.4em;
font-weight: bolder;
}

code {
display: block;
border: 1px solid black;
margin: 20px 10px;
padding: 5px;
}

.tight, .tight * ul {
margin: 0;
padding: 0;
}


