@charset "UTF-8";

body{
background-color:#19f;
font-size:14px;
font-family:Helvetica, Arial, sans-serif;
text-rendering:optimizeLegibility;
color:#444;
}

a:link,a:visited{
text-decoration:none;
color:#00f;
}

a:hover{
text-decoration:underline;
}

#wrapper{
width:360px;
margin:0 auto;
background:url(/pics/back.png);
}

#header{
width:360px;
height:72px;
margin:0 auto;
background:url(/pics/top.jpg) no-repeat;
background-size:100%;
text-align:center;
}

.top_1{
color:#fff;
font:italic bold 30px serif;
position:relative;
top:10px;
}

.top_2{
color:#fff;
font:italic bold 12px serif;
position:relative;
top:15px;
}

#globalnavi{
margin:0;
padding:0;
}

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

#globalnavi li{
float:left;
width:72px;
margin:0;
padding:0;
font-size:80%;
}

#globalnavi a{
text-align:center;
display:block;
padding:10px 0;
width:100%;
background-color:#003;
color:#fff;
}

#globalnavi a:hover{
background-color:#007;
text-decoration:none;
}



#word_of_pensuke{
width:350px;
height:120px;
margin:0 auto;
padding:5px;
}

#icon_01 img{
float:left;
margin:35px 0 0 5px;
border:solid 1px #00f;
box-shadow:5px 5px 5px #888;
width:50px;
height:50px;
}

#information{
float:right;
margin:0 5px 0 0;
width:280px;
font-size:90%;
}

.pensuke_01{
margin:10px 0 0 0;
text-align:center;
color:#00f;
font:bold 80% fantasy;
}

.balloon{
background-color:#fff;
border:1px solid #00f;
border-radius:5px;
padding:5px;
position:relative;
}

.balloon:before,.balloon:after{
border:10px solid transparent;
border-left-width:0;
content:"";
display:block;
position:absolute;
top:30px;
width:0;
}

.balloon:before{
border-right-color:#fff;
left:-9px;
z-index:1;
}
 
.balloon:after{
border-right-color:#000;
left:-10px;
}



#pencil{
clear:both;
width:300px;
height:30px;
margin:0 auto;
padding:10px 0 0 0;
}

#pencil01{
float:left;
width:53px;
height:20px;
background:url(/pics/pencil01.gif) no-repeat;
}

#pencil02{
float:left;
width:204px;
height:20px;
background:url(/pics/pencil02.jpg);
}

#pencil03{
float:left;
width:43px;
height:20px;
background:url(/pics/pencil03.gif) no-repeat;
}



#main{
clear:both;
width:360px;
margin:0 auto;
overflow:hidden;
}



#article{
float:left;
background-color:#fef3cf;
}

#label{
width:220px;
height:30px;
margin:20px 0 0 10px;
padding:20px 0 10px 40px;
background:url(/pics/label01.png) no-repeat;
}

#content00{
width:320px;
padding:5px 20px;
}

#content00 ul{
list-style-type:none;
margin:0 auto;
padding:5px 20px;
}

#content00 li{
margin:0 auto;
padding:5px 20px;
}

#content01{
width:320px;
padding:5px 20px;
}

#content01 ul{
list-style-type:none;
margin:0 auto;
padding:5px 20px;
}

#content01 li{
margin:0 auto;
padding:5px 20px;
}

#content02{
text-align:center;
}

#content03{
text-align:left;
}




#sidebar{
float:left;
width:360px;
background-color:#fef3cf;
}

#ad01{
clear:both;
width:300px;
height:200px;
margin:20px auto;
text-align:center;
line-height:0.9em;
}

#ad02{
clear:both;
width:300px;
height:200px;
margin:20px auto;
text-align:center;
line-height:0.9em;
}

#search{
height:70px;
margin:10px;
padding:10px;
}

#footer{
clear:both;
width:300px;
height:120px;
margin:0 auto;
color:#007;
background:url(/pics/label02.png) no-repeat;
background-size:100%;
}

#copyright{
width:300px;
margin:0 auto;
padding:25px 0 0 0;
text-align:center;
font-size:80%;
}

#copyright a{
color:#000;
}

#copyright a:hover{
text-decoration:underline;
}

#modified{
width:300px;
margin:0 auto;
text-align:center;
font-size:80%;
}








#primary{
float:left;
padding:5px;
background-color:#fef3cf;
}

#primary h1{
font-size:15px;
margin:1.5em 0;
}

.comments-link{
font-size:13px;
}

.comments-link a{
color:#888;
}

.entry-content p{
margin:2em 0;
line-height:1.7em
}


footer.entry-meta{
display:block;
float:left;
color:#888;
font-size:90%;
}

footer.entry-meta a{
color:#888;
}

.nav-previous{
clear:both;
float:left;
margin:100px 0 0 10px;
}

.nav-next{
float:right;
}

#comments{
float:left;
width:340px;
padding:20px 10px;
}

.comments-title{
margin:30px 0;
}

.comment-content{
margin:10px 0;
}

#respond{
clear:both;
}

.children{
margin:40px 0;
}

ol {
list-style-type:none;
}

#respond{
width:340px;
clear:both;
}

h3{
display:block;
clear:both;
font-size:16px;
margin:50px 0 10px 0;
}

p.logged-in-as{
font-size:16px;
margin:20px 0;
}

p.form-allowed-tags{
padding:1.5em 0;
color:#888;
font-size:80%;
}



#secondary{
float:left;
width:350px;
padding:5px;
background-color:#fef3cf;
line-height:2em;
}

.assistive-text,
.site .screen-reader-text {
position:absolute !important;
clip:rect(1px, 1px, 1px, 1px);
}

#search-2{
clear:both;
margin:0 auto;
padding:30px 0;
text-align:center;
}

ul{
list-style: none;
}


.video{
width:318px;
}