@charset "euc-jp";

* {
    font-size:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
    font-family: Osaka, Tahoma, Verdana, 'MS UI Gothic';
color:#222222;
}

body {
background: url(anma/images/back.gif) repeat-x;
    color:#4e4e4e;
    text-align:center;
    _font-size:95%;
}

#wrap { 
    width:760px;
    margin:0 auto;
    padding:0;
    text-align:left;
}

h1{
margin:0 0 0 20px;
font-weight: normal;
padding:37px 0 0;
}

h2{
font-size:90%;
font-weight: normal;
margin:0 0 0 37px;
padding:0;
}

h3{
border-color:#fff #ac1548;
border-style:none none ridge outset;
border-width:0 0 2px 4px;
color:#ac1548;
font-size:13px;
font-weight:bold;
margin:0 0 5px;
padding:4px 0 4px 7px;
}

h3 a:link,
h3 a:visited,
h3 a:active{
color: #ac1548;
text-decoration: none;
}
h3 a:hover{
text-decoration: underline;
}

h4{
font-weight: normal;
margin:0;
padding:0;
}

h5{}

h6{
color:#ac1548;
padding: 10px 0;
}

#header {
height:100px;
}

div#content{
    width: 549px;
    float:left;
    vertical-align:top;
    padding: 0 0 0 5px;
}

#main {
    padding: 20px 0 0 0;
}

#sidebar {
background: url(anma/images/side-body.gif) repeat-y;
    width: 200px;
    float:left;
    vertical-align:top;
    margin-left:5px;
    overflow:hidden;
}

a:link,
a:visited,
a:active {
    color:#1e427c;
text-decoration: none;
}

a {
    text-decoration : none;
}

a:hover {
    color:#1e427c;
    text-decoration:underline;
}

a img{
border: none;
}

input {
}

textarea {
    font-family:Osaka,Verdana,Tahoma,'MS UI Gothic';
    border:1px solid #4e4e4e;
    color:#4e4e4e;
}

blockquote {
    border-top:1px solid #ddddff;
    border-bottom:1px solid #ddddff;
    border-right:1px solid #ddddff;
    border-left:8px solid #ddddff;
    margin:2px 15px 10px 10px;
    padding:2px 5px 2px 5px;
    color:#5f9ea0;
}

#main_title {
    font-size:180%;
    font-style:italic;
    text-align:left;
    font-family:'Century Gothic', Osaka, Tahoma, 'MS UI Gothic';
}

#sub_title {
    font-size:90%;
    padding-left:50px;
    text-align:left;
}

#pageview {
    padding-left:15px;
    font-size:80%;
}


#pagerank,
#coolrank,
#raterank {
    width:98%;
    padding-left:13px;
    font-size:80%;
}

table.pagerank_table,
table.coolrank_table,
table.raterank_table {
    color:#4e4e4e;
    font-family:Osaka, Tahoma, 'MS UI Gothic';
}

table.pagerank_table td,
table.coolrank_table td,
table.raterank_table td {
    padding:3px;
}

.pagerank_title,
.coolrank_title,
.raterank_title {
    font-size:90%;
}

.pagenew,
.ranknew {
    font-size:75%;
    text-align:right;
    padding-right:10px;
}

.arcover {
    font-size:80%;
    text-align:right;
}

.imgcontent {
    padding-left:15px;
    font-size:80%;
}

.imgcontent img {
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    margin: 0px 10px 5px 0px;
    padding: 5px;
}


table.allphoto,
table.alltag {
    border:1px solid #778899;
    border-collapse:collapse;
    width:100%;
}

table.allphoto td,
table.alltag td {
    border:1px solid #778899;
    text-align:center;
    padding:2px;
}

.paging {
    text-align:left;
    margin:3px 0 0 5px;
}

#logo {
    text-align:center;
}

.m_date {
    text-align:left;
    font-size:14px;
    color:#3399ff;
    padding:15px 5px 5px 5px;
}

.entry {
}

.entry ul.info{
list-style-type:none;
margin:0;
padding:0;
}

.entry ul.info li{
border-right:1px solid #fff;
color:#444444;
display:inline;
font-size:85%;
margin:0.3em 0 0;
padding:0 10px;
}
.m_title {
}

.edit {
    width:19%;
    float:left;
    font-size:70%;
    text-align:right;
    padding-top:4px;
}

.m_cat,
.m_tag,
.m_crap {
    text-align:right;
    font-size:80%;
    padding-right:4px;
}

.m_diary {
padding: 10px;
}

.m_diary_ps {
    font-size:80%;
    color:#4e4e4e;
    padding-left:10px;
    padding-right:10px;
}

.m_diary_more {
    font-size:75%;
    text-align:right;
    line-height:30px;
    padding-right:10px;
}

.crapcnt {
    color: #0000ff;
}

.m_crap_form {
    width:18%;
    float:left;
    font-size:75%;
    padding-left:10px;
    padding-top:10px;
}

.m_regdate {
    width:60%;
    float:left;
    text-align:right;
    font-size:70%;
    color:#4e4e4e;
    padding-top:5px;
}

.m_regdate p {
    padding:2px;
}

.m_foot {
    text-align:right;
    font-size:75%;
    padding-right:5px;
}

.m_tag_cloud {
    border:1px solid #c9c9c9;
    text-align:center;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.tag_cloud {
    text-align:left;
}

.tag_all {
    padding-top:5px;
    padding-right:5px;
    font-size:75%;
    text-align:right;
}

.m_tburl {
    border:1px solid #c9c9c9;
    text-align:center;
    padding:10px;
    margin-bottom:10px;
}

.m_tburl input {
    border:0;
    text-align:center;
    font-size:80%;
    color:#4169e1;
}

.m_tburl_subtitle,
.navigation_subtitle,
.m_tag_cloud_subtitle,
.m_tb_subtitle,
.m_ct_subtitle,
.m_ctform_subtitle {
    color:#39f;
    font-size: 105%;
    font-family: 'Century Gothic', Osaka, Tahoma, 'MS UI Gothic';
    padding-bottom:5px;
}

.m_tburl_comment {
    font-size:75%;
}

.m_user {
}

.spacer {
    line-height:10px;
}

.catname  {
    padding-left:15px;
    padding-bottom:5px;
    font-size:75%;
}

.catname_sub {
    padding-left:25px;
    padding-bottom:3px;
    font-size:75%;
}

.arcname {
    padding-left:15px;
    font-size:75%;
}

.username,
.linkname,
.copy  {
    padding-left:15px;
    padding-bottom:5px;
    font-size:75%;
}

.linksubname  {
    padding-left:25px;
    padding-bottom:3px;
    font-size:75%;
}

.search  {
    padding-left:15px;
    font-size:80%;
}

.left_sidettl {
    text-align:left;
    font-size: 105%;
    font-family: 'Century Gothic', Osaka, Tahoma, 'MS UI Gothic';
    color: #20b2aa;
    margin-top:7px;
    margin-bottom:7px;
    padding:10px 5px;
}

#cal a:link,
#cal a:visited,
#cal a:active { 
    color:#0000ff;
}

#cal a {
    text-decoration : none;
}

#cal a:hover {
    color:#f4a460;
    text-decoration : none;
}

#cal {
    font-size:75%;
    padding-left:15px;
    width:90%;
}

.calens {
    background:#ffffff;
    font-style:italic;
    border:1px solid #c0c0c0;
    border-collapse:collapse;
}

.calens td {
    border:1px solid #c0c0c0;
}

.holidays { 
    color:#ff0000;
    font-style:italic;
}

.sundays { 
    color:#ff0000;
    font-style:italic;
}

.saturdays {
    color:#0000ff;
    font-style:italic;
}

.weekdays { 
    color:#4e4e4e;
    font-style:italic;
}

.todays {
    color:#008000;
    font-style:italic;
}

.calens_week {
    padding:2px 0 2px 0;
    background:#a7e2cd;
    font-style:italic;
}

.none {
    border:0;
}

.none td {
    border:0;
}

.pop {
    font-size:12px;
}

.pops input {
    border: 0;
    border-bottom:1px solid #909090;
    color:#4e4e4e;
    font-size:85%;
    text-align:right;
    margin-bottom:7px;
}

.all_cal {
    width:220px;
    text-align:center;
}

#profile {
    font-size:80%;
    line-height:1.5;
    color:#4e4e4e;
    padding-left:15px;
    padding-right:15px;
}

.profile_name {
    font-size:75%;
    padding-right:15px;
    text-align:right;
    color:#4e4e4e;
}

.item {
    font-size:80%;
    margin-left:15px;
}

.item2 {
    font-size:80%;
    margin-left:25px;
}

.item p,
.item2 p {
    padding:2px;
}

.item_sub {
    margin-left:12px;
}

div#randomimage {
    height:160px;
}
div#allimage {
    height:155px;
    margin:0 auto;
    text-align:center;
    margin:0;
    padding:0;
}

* html div#allimage {
    height:160px;
}

div#allimage p {
    float:left;
    text-align:center;
    margin:0 auto;
}

#pplogp_contentBox {
    font-size:80%;
    text-align:left;
    padding-top:10px;
    overflow:hidden;
}

* html #pplogp_contentBox {
    font-size:70%;
}

#pplogp_contentBox a,
#pplogp_contentBox a:link,
#allimage p#pplogp_contentBox a:visited,
#pplogp_contentBox a:active {
    color:#2151e2;
}

#pplogp_contentBox a {
    text-decoration : none;
}

#pplogp_contentBox a:hover {
    color:#ff8500; 
    text-decoration:none;
}

.nodata {
    border:1px solid #c0c0c0;
    line-height:100px;
    text-align:center;
    margin-top:10px;
    text-decoration:underline;
    font-style:italic;
}

p.googlemap iframe {
    width:400px;
    height:400px;
    margin:0px;
    padding:0px;
    border:1px solid #4e4e4e;
}

iframe.mapframe {
    width:400px;
    height:400px;
    margin:0px;
    padding:0px;
    border:1px solid #4e4e4e;
}

#map {
    position:absolute;
    left:0px;
    top:0px;
    width:400px;
    height:400px;
}

.map_comment {
    font-size:100%;
    font-family:Osaka,Tahoma;
    width:150px;
}

.map_title {
    font-size:110%;
    font-family:Osaka,Tahoma;
    font-weight:bold;
    color:#0000ff;
}

.left {
    float: left;
    border: none;
    margin-right:8px;
    margin-top:4px;
}

.right {
    float: right;
    border: none;
    margin-right:4px;
    margin-top:4px;
}

.map_left {
    float: left;
    margin-right:8px;
    margin-top:4px;
}

.map_right {
    float: right;
    margin-right:4px;
    margin-top:4px;
}

.m_sort {
    text-align:right;
    padding-top:15px;
    padding-right:5px;
    font-size:75%;
}

#footer {
    text-align:center;
    border-top:3px solid #ffe0e0;
    font-size:80%;
    padding-top:10px;
    padding-bottom:10px;
    height:40px;
    padding-top:25px;
}

#footer address{
font-style: normal;
}

.navigation {
    border:1px solid #c9c9c9;
    margin-bottom:10px;
    text-align:center;
}

.ba_article,
.cat_ba_article,
.user_ba_article {
    font-size:75%;
    padding-left:5px;
    padding-bottom:5px;
}

#paging {
    font-size:75%;
}

.fm_sub {
    font-size:85%;
    color:#4169e1;
    padding:5px;
}

.fm_text {
    padding-left:30px;
}

.fm_text input,
.fm_text textarea,
.fm_post input {
    font-size:80%;
}

.fm_post {
    text-align:center;
    padding-top:10px;
}

.m_tb_title {
    font-size:75%;
    padding-left:5px;
}

.m_tb_excerpt {
    font-size:75%;
    padding-left:10px;
    padding-top:5px;
    line-height:140%;
}

.m_tb_blogname {
    font-size:75%;
    text-decoration:underline;
}

.m_tb_time,
.m_ct_time {
    font-size:75%;
    text-align:right;
    padding-top:5px;
    padding-right:5px;
}

.m_ct_title {
    font-size:75%;
    padding-left:5px;
}

.m_ct_name {
    font-size:80%;
    text-decoration:underline;
}

.m_ct_comment {
    font-size:75%;
    padding-left:10px;
    line-height:140%;
    padding-top:5px;
}

.ct_main,
.tb_main {
    border:1px solid #c9c9c9;
    padding:5px;
}

#ic_disp {
    border:1px solid #6495ed;
    background:#fff;
    overflow:auto;
    width:350px;
    height:115px;
    font-size:75%;
    margin-bottom:3px;
}

.footer_spacer {
    line-height:20px;
}

.tagcloud1 {
    font-size:70%;
}
.tagcloud2 {
    font-size:80%;
}
.tagcloud3 {
    font-size:90%;
}
.tagcloud4 {
    font-size:100%;
}
.tagcloud5 {
    font-size:110%;
}
.tagcloud6 {
    font-size:120%;
}
.tagcloud7 {
    font-size:130%;
}
.tagcloud8 {
    font-size:140%;
}
.tagcloud9 {
    font-size:150%;
}
.tagcloud10 {
    font-size:160%;
}

/*map*/
.map_title {
    color:#3399ff;
    font-size:80%;
    text-align:left;
    width:220px;
}

.map_com {
    color:#656565;
    font-size:75%;
    text-align:left;
    width:220px;
}

.button {
    border:1px solid #797979;
    background:#afcaf6;
    color:#000;
}

/*res*/
.res_result {
    text-align:center;
    padding:3px 0;
}

.res_ng {
    color:#ff0000;
}

.res_ok {
    color:#1962db;
    margin-top:15px;
}

.res_ng_msg {
    text-align:center;
    margin-top:5px;
}

.res_ng_msg fieldset {
    width:90%;
    margin:0 auto;
}

.res_ng_msg legend {
    font-weight:bold;
    color:#00008b;
}

ul.res_ng_ul {
    margin:0;
    padding:0;
    text-align:left;
    list-style:none;
    padding-bottom:5px;
}

ul.res_ng_ul li {
    padding-left:5px;
    padding-top:4px;
}

.res_msg_end {
    margin-top:10px;
    text-align:center;
}

/*allmap*/
#all_map {
    width:400px;
    height:400px;
    float:left;
}

#map_main {
    float:left;
    width:200px;
    height:500px;
    overflow:auto;
    text-align:left;
}

#map_list {
    height:380px;
    margin-left:10px;
    font-size:80%;
    overflow:auto;
}

.all_map_comment {
    font-size:75%;
    width:200px;
    text-align:left;
}

.all_map_title {
    font-size:75%;
    color:#3399ff;
}

.all_map_url {
    font-size:75%;
    color:#0000ff;
    text-align:right;
}

#all_map_paging {
    height:20px;
    margin-left:10px;
    font-size:70%;
}

.crap_name,
.crap_msg {
    font-size:90%;
}

/*msgbox*/
#msgbox,
#color_disp,
#grad_disp,
#allimage_disp,
#alltag_disp,
#res_window,
#crap_window,
#image {
    position:absolute;
    margin:0;
    padding:0;
    background:#fff;
    border:1px solid #9cc3f7;
    z-index:10;
    text-align:left;
    font-family:Osaka, Tahoma, Verdana, 'MS UI Gothic';
    font-size:80%;
}

#msgbox,
#res_window,
#image {
    width:300px;
}
#color_disp {
    width:500px;
}
#grad_disp {
    width:750px;
}
#allimage_disp,
#alltag_disp {
    width:660px;
}
#crap_window {
    width:250px;
}

.image_ex_title {
    text-align:center;
    text-decoration:underline;
    color:#3399ff;
}

.image_ex_content {
    color:#000;
    padding:10px 5px 0 5px;
}

div#msgbox .dialog_title,
div#color_disp .dialog_title,
div#grad_disp .dialog_title,
div#allimage_disp .dialog_title,
div#alltag_disp .dialog_title,
div#res_window .dialog_title,
div#image .dialog_title,
div#crap_window .dialog_title,
div#image_disp .dialog_title {
    background:#18386b;
    color:#fff;
    height:20px;
    padding:3px 0 0 5px;
    font-weight:bold;
    text-align:left;
}

div#msgbox .dialog_body,
div#color_disp .dialog_body,
div#grad_disp .dialog_body,
div#image .dialog_body,
div#res_window .dialog_body,
div#crap_window .dialog_body,
div#allimage_disp .dialog_body,
div#alltag_disp .dialog_body {
    background:#b5cff7;
    color:#000;
    overflow:auto;
    margin:0;
    padding:0;
    text-align:left;
}

div#color_disp .dialog_body,
div#grad_disp .dialog_body,
div#res_window .dialog_body,
div#crap_window .dialog_body,
div#allimage_disp .dialog_body,
div#alltag_disp .dialog_body {
    background: #fff;
    color:#303030;
}

div#msgbox p {
    padding:3px 0 3px 10px;
}

div#grad_str {
    height:20px;
}

.close_button {
    border:1px solid #003c73;
    width:60px;
    background:#fff;
    color:#000;
    text-align:center;
    font-size:90%;
    padding:2px;
}

.table_center {
    margin:0 auto;
}

.table_center td.sel {
    font-family: "MS UI Gothic";
}

#str {
    height:25px;
}

#str span {
    top:50%;
}

button {
    border:1px solid #00388c;
    background:#3366ff;
    color:#fff;
}

.crap_msg {
    margin-top:20px;
    text-align:center;
}

.closeupbutton {
    text-align:right;
    width:16px;
    float:right;
    margin-right:2px;
    _margin-right:1px;
    margin-bottom:2px;
    _margin-bottom:3px;
}

table.ajax_image {
    width:100%;
}

table.ajax_image td {
    text-align:center;
    padding:2px;
}

#overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

pre {
    border:1px solid #4c4c4c;
    background:#000;
    color:#fff;
    width:90%;
    margin:0 auto;
    padding:5px;
    white-space: pre;
}

hr.pshr {
    border:1px dashed #add8e6;
    padding:0;
}
