/* CSS Document global.css */
@charset="UTF-8";

html{
    height:100%;
    width:100%;
}

body{
    padding:0;
    margin:0;
}

div#m_wrapper{
    background-image:url(http://www.one-phrase.net/img/global/body_bg.gif);
    background-repeat:repeat-x;
    margin:0;
    padding:0;
    text-align:center;
    font-size:10pt;
    font-family : Arial,sans-serif ;
    color:#333333;
}

img{
    border:0;
}

h1{
    font-size:14pt;
    margin:0px 0px 5px 0px;
    
}

h4{
    font-size:10pt;
    margin:0px 0px 3px 0px;
}

table{
    border-collapse: collapse;
    border:1px solid #9999ff;
}

th{
    border:1px solid #9999ff;
    padding:5px;
    font-size:10pt;
}

td{
    border:1px solid #9999ff;
    padding:5px;
    
}

dl,dt,dd{
    margin:0;
    padding:0;
}

/* for google adsense*/
iframe{
    margin-left:-3px;
}

#google_middle{
    padding:15px 0px 15px 50px;
}


pre{
    text-align:left;
}

.img{
}

.clear_left{
    clear:left;
}


#top_obi{
    background-color:#333333;
    color:#ffffff;
    width:100%;
    padding:1px 0px 1px 0px;
}

#top_obi #container{
    width:906px;
    text-align:left;
    margin:auto;
}

#top_obi #site_count{
    float:left;
    text-align:left;
}

#top_obi #site_count a{
    color:#ffffff;
}

#top_obi #randum_meigen{
    float:right;
    text-align:right;
}

#top_obi #randum_meigen a {
    color:#ffffff;
    text-decoration:underline;
}


#wrapper{
    background-image:url(http://www.one-phrase.net/img/global/wrapper/bg_middle.gif);
    background-repeat:repeat-y;
    width:906px;
    margin:10px auto 10px auto;
    text-align:left;
}

#header{
    padding:5px 30px 0px 30px;
    width:auto;
}


#site_logo{
    float:left;
    margin:0px 0px 10px 0px;
}

#site_date{
    padding:0px 0px 2px 20px;
    float:right;
    border-bottom:1px solid #cccccc;
}

#header #ad{
    clear:both;
    padding:0px 0px 0px 65px;
    margin:0px 0px 10px 0px;
}

#header #menu{
    text-align:right;
    border-bottom:1px solid #cccccc;
    padding:0px 0px 2px 20px;
    margin:0px 0px 10px 385px;
}

#header #menu a{
    color:#333333; 
}




#page{
    clear:right;
    background-image:url(http://www.one-phrase.net/img/global/page_bg.gif);
    margin:0px 20px 0px 20px;
}

.page_line{
    background-image:url(http://www.one-phrase.net/img/global/page_line.gif);
    background-repeat:repeat-x;
    height:15px;
    margin:0px 0px 15px 0px;
    clear:both;
}

.help{
    text-align:right;
}

#alpha{
    width:173px;
    margin:0px 0px 0px 10px;
    float:left;
}

.side_box{
    width:173px;
    background-image:url(http://www.one-phrase.net/img/global/side_box/bg_middle.gif);
    background-repeat:repeat-y;
    text-align:center;
    margin:0px 0px 15px 0px;
}

.side_box a:link,a:visited{
    color:#0000ff;
}

.side_box a:hover{
    color:#9999ff;
}

.side_box_contents{
    font-size:10pt;
    text-align:left;
    padding:3px 5px 5px 10px;
}

.side_box_contents ul{
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 12px;
}


.side_box_contents .help{
    font-size:10pt;
    text-align:right;
}

#side_menu{
    list-style:none;
    margin:0px;
    padding:0px;
}


#side_menu h5{
    font-size:10pt;
    font-weight:normal;
    margin:0;
    padding:6px 0px 0px 24px;

}
#side_menu a:link{
    color:#333333;
}

#side_menu a:visited{
    color:#333333;
}

#side_menu a:hover{
    color:#cccccc;
}

#side_menu ul li{
    margin:0px 0px 1px 25px;
}

#side_menu li{
    margin:0px 0px 8px 0px;
}

#side_menu #home{
    background-image:url(http://www.one-phrase.net/img/global/icon/icon_home.gif);
    background-repeat:no-repeat;
}

#side_menu #person_meigen{
    background-image:url(http://www.one-phrase.net/img/global/icon/icon_person_meigen.gif);
    background-repeat:no-repeat;
}

#side_menu #person_info{
    background-image:url(http://www.one-phrase.net/img/global/icon/icon_person_info.gif);
    background-repeat:no-repeat;
}

#side_menu #member{
    background-image:url(http://www.one-phrase.net/img/global/icon/icon_member.gif);
    background-repeat:no-repeat;
}

#side_menu #community{
    background-image:url(http://www.one-phrase.net/img/global/icon/icon_community.gif);
    background-repeat:no-repeat;
}

#side_menu #search{
    background-image:url(http://www.one-phrase.net/img/global/icon/icon_search.gif);
    background-repeat:no-repeat;
}

.side_box_site{
    width:173px;
    background-image:url(http://www.one-phrase.net/img/global/side_box/site/bg_middle.gif);
    background-repeat:repeat-y;
    text-align:center;
    margin:0px 0px 15px 0px;
}

.side_box_site_contents{
    font-size:10pt;
    text-align:left;
    padding:0px 5px 5px 10px;
}

.side_box_site_contents a{
    color:#333333;
    text-decoration:none;
}

#beta{
    width:458px;
    float:left;
    margin:0px 0px 0px 20px;
}

.container{
    background-image:url(http://www.one-phrase.net/img/global/container/bg_middle.gif);
    background-repeat:repeat-y;
    margin:0px 0px 15px 0px;
}

.container_contents{
    padding:0px 10px 0px 10px;
}

.container_contents a{
    color:#0000ff;
}

.pankuzu{
    margin:0px 0px 10px 0px;
}

.pankuzu a{
    color:#333333;
}

#gamma{
    width:173px;
    margin:0px 0px 0px 20px;
    float:left;
}

.page_list {
    text-align:right;
    margin:0px 0px 5px 0px;
}

.caution{
    color:#ff0000;
}

#footer {
    padding:0px 0px 0px 95px;
}

/* for form ul */
ul#form{
    width:435px;
    border:1px solid #cccccc;
    padding:0;
    margin:0;    
}

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

ul.separate{
    background-color:#eeeedd;
}

li.head{
    clear:left;
    float:left;
    width:100px;
    text-align:center;
    font-weight:bold;
    padding:5px;
}
li.body{
    padding:5px;
    float:left;
    width:313px;
    border-left:1px solid #cccccc;
    background-color:#ffffff;
}

li.grow{
    clear:left;
    width:450px;
    float:left;
    padding:5px;
    border:1px soilde #cccccc;
}


dl#form{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background-color:#eeeeff;
    margin-bottom:15px;
    width:415px;
}

dl#form .head{
    padding:5px;
    float:left;
    width:110px;
    border-top:1px solid #cccccc;
}

dl#form .body{
    padding:8px 5px 8px 5px;
    background-color:#ffffff;
    float:left;
    width:283px;
    border-left:1px solid #cccccc;
    border-top:1px solid #cccccc;
}

dl#form .span{
    clear:left;
    padding:5px;
    background-color:#ffffff;
    border-top:1px solid #cccccc;
}