/*  
Theme Name: シティモバイル株式会社HP 共通CSS
Author: DualkeySystem
Author URL: http://dualkey.jp/
Description: Since 2010
*/
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,
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-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
}
br{
        clear:both;
}
input{
        margin:0px;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
        line-height: 1;
        color: #333333;
        background: white;
        font-size:10pt;
        font-family:'ＭＳ Ｐゴシック',sans-serif;
}
ol, ul {
        /*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
a{
        border:0px;
}
p,form,div,span{
        margin:0px;
}
th,td {
        empty-cells:show;
        vertical-align:top;
}
/* アンカー */
a{/*リンクされた文字*/
        color:#00F;
        font-style:normal;
        text-decoration:underline;
}
a:link {/*未訪問のリンク*/
        color:#00F;
        font-style:normal;
        text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
        color:#00F;
        text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
        color:#ff0000;
        font-style:normal;
        text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}
body *{
        text-align:left;
}


#header_frame{
        clear:both;
        width:100%;
        height:90px;
        background:#16027B url(../images/header_c.jpg);
        color:#FFFFFF;
        text-align:center;
}
#header_l{
        position:absolute;
        top:0px;
        left:0px;
        width:10px;
        height:90px;
        background-image:url(../images/header_l.jpg);
        font-size:1pt;
        z-index:1;
}
#header_c{
        position:relative;
        width:900px;
        height:90px;
        margin-left:auto;
        margin-right:auto;
}
#header_cr{
        float:left;
        width:235px;
}
#header_cl{
        float:left;
        width:665px;
}
#header_r{
        position:absolute;
        top:0px;
        right:0px;
        width:10px;
        height:90px;
        background-image:url(../images/header_r.jpg);
        font-size:1pt;
        z-index:1;
}
#header_c a{
        position:relative;
        width:235px;
        height:90px;
        display:block;
        z-index:2;
}
#header_text {
        text-align:right;
        height:20px;
        margin-top:10px;
        margin-right:10px;
}
#header_info {
        text-align:right;
}

#menu_frame{
        margin-top:2px;
        clear:both;
        width:100%;
        height:50px;
        background:#CCDFEE url(../images/menu_bg.jpg);
        color:#16027B;
        text-align:center;
}
#menu_c{
        width:900px;
        margin-left:auto;
        margin-right:auto;
}
#menu_c *{
        float:left;
}

#middle_frame{
        margin-top:2px;
        text-align:center;
}
#middle_c{
        width:900px;
        margin-left:auto;
        margin-right:auto;
}

#footer_frame{
        margin-top:10px;
        clear:both;
        width:100%;
        background-color:#140079;
        color:#FFFFFF;
        padding-top:5px;
        padding-bottom:5px;
        text-align:center;
}
#footer_c{
        width:900px;
        margin-left:auto;
        margin-right:auto;
}
.footer_links{
        clear:both;
        float:right;
        width:100%;
        padding-top:3px;
}
#footer_logo{
        float:right;
        width:120px;
}

#footer_area{
        float:left;
        width:520px;
}
#footer_keywd{
        float:left;
        width:350px;
        border:
}
#footer_keywd .keywd_title{
        clear:both;
        width:100%;
        padding-top:10px;
        padding-bottom:5px;
}
#footer_keywd li{
        float:left;
        width:160px;
        padding-bottom:3px;
}
#footer_copy{
        clear:both;
        height:35px;
}
#footer_copy .copy_text{
        padding-top:15px;
        width:300px;
        float:left;
}

/* アンカー */
a{/*リンクされた文字*/
        color:#00F;
        font-style:normal;
        text-decoration:underline;
}
#footer_frame a:link {/*未訪問のリンク*/
        color:#FFFFFF;
        font-style:normal;
        text-decoration:underline;
}
#footer_frame a:visited {/*訪問後のリンク*/
        color:#FFFFFF;
        text-decoration:underline;
}
#footer_frame a:hover {/*マウスをのせたとき*/
        color:#FF0000;
        font-style:normal;
        text-decoration:underline;
}
#footer_frame a:active {/*クリック中*/
        text-decoration:none;
}
#footer_area .area_title{
        clear:both;
        width:100%;
        padding-top:10px;
        padding-bottom:5px;

}
#footer_frame ul{
        list-style-type:none;
}
ul.h150{
        float:left;
        width:150px;
        margin-right:20px;
}
li.areaitem1 {
        margin-bottom:3px;
        margin-left:3px;
        clear:both;
}
li.areaitem2 {
        margin-left:5px;
        margin-bottom:10px;
}
li.areaitem2 ul{
        float:left;
}
li.areaitem2 li{
        float:left;
        display:block;
        white-space:nowrap;
        padding-left:3px;
}

#main_frame {
        float:left;
        width:635px;
}
#side_frame {
        margin-left:5px;
        float:left;
        width:260px;
}

#search_box {
        background-color:#140079;
        color:#FFFFFF;
        padding-top:5px;
        padding-bottom:20px;
        padding-left:8px;
        padding-right:8px;
        height: 325px;
}
#search_box .keywd_input{
        padding-top:5px;
        padding-left:15px;
}
#search_box .keywd_input input{
        float:left;
        margin-top:5px;
        margin-right:8px;
}
#search_box .detail{
        color:#FFFFFF;
        padding-left:10px;
        padding-right:10px;
}

#blog_box{
        margin-top:10px;
        background:#FFFFFF url(../images/news_box_bg.jpg);
}
#blog_box .blog_all{
        text-align:right;
}
#blog_box .blog_msg{
        padding:0px 15px 10px 15px;
}

#news_box{
        margin-top:10px;
        background:#FFFFFF url(../images/news_box_bg.jpg);
}
#news_box .blog_all{
        text-align:right;
}
#news_box ul{
        float:left;
        width:260px;
        list-style-type:none;
        color:#666666;
}
#news_box .blog_msg{
        padding:0px 15px 10px 15px;
}
#news_box li.date{
        clear:both;
        padding-left:15px;
}
#news_box li.massage{
        clear:both;
        padding-top:3px;
        padding-bottom:10px;
        padding-left:30px;
        width:200px;
}

#user_only_box{
        margin-top:15px;
/*      background:#FFFFFF url(../images/user_only_box_bg.jpg) no-repeat bottom;
        height:355px;
        width:260px;
        float:left;*/
}
#send_mail_box{
        margin-top:15px;
/*      background:#FFFFFF url(../images/send_mail_box_bg.jpg) no-repeat bottom;
        height:220px;
        width:260px;
        float:left;*/
}

/* インナー設定 */
#one_col{
        float:left;
        width:800px;
        padding-bottom:40px;
}
#one_col .title{
        float:left;
        width:800px;
        clear:both;
}
#one_col .page_detail{
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        line-height:18px;
        width:6000px;
        clear:both;
}
#one_col .form_detail{
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
        margin-bottom:20px;
        width:650px;
        clear:both;
}
#one_col .form_detail_footer{
        margin-top:20px;
        margin-left:80px;
        clear:both;
}
#one_col .table_label{
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        width:650px;
        clear:both;
        font-size:13pt;
        font-weight:bold;
        color:#555;
}
#one_col .table_line{
        margin-left:auto;
        margin-right:auto;
        width:650px;
        clear:both;
}
#one_col .form{
        float:left;
        width:860px;
        clear:both;
        line-height:18px;
        text-align:center;
}

/* 入力項目関連 */
.input_table{
        width:650px;
        margin-left:auto;
        margin-right:auto;
        border-left:solid 1px #140079;
        border-top:solid 1px #140079;
}
.input_table th{
        border-right:solid 1px #140079;
        border-bottom:solid 1px #140079;
        padding: 0px 0px 0px 10px;
        width:150px;
        background-color:#339;
        color:#FFF;
}

.input_table td{
        border-right:solid 1px #140079;
        border-bottom:solid 1px #140079;
        padding: 5px;
}

.input_table2{
        width:650px;
        margin-bottom:10px;
        margin-left:auto;
        margin-right:auto;
        border-left:solid 1px #245375;
        border-top:solid 1px #245375;
}
.input_table2 th{
        border-right:solid 1px #245375;
        border-bottom:solid 1px #245375;
        padding: 0px 0px 0px 10px;
        width:150px;
        background-color:#3C87BF;
        color:#FFF;
}

.input_table2 td{
        border-right:solid 1px #245375;
        border-bottom:solid 1px #245375;
        padding: 5px;
}

.input_table2 label{
        float:left;
        width:150px;
        display:block;
        
}

#btn_area{
        margin-top:20px;
        text-align:center;
}


/* 入力エラー表示関連 */
.error_bg{
        background-color:#FDD;
}

#error_list {
        width:650px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
        color:#C00;
        border:solid 1px #F00;
        background-color:#FDD;
        display:block;
}
#error_list li{
        margin-left:20px;
}

/* Captcha */
#auth_summary{
        color:#333;
}
#auth_img{
        float:left;
        cursor:pointer;
}
#auth_alow{
        float:left;
        height:22px;
        margin-top:1px;
        padding-left:3px;
        padding-right:3px;
        font-weight:bold;
}
#auth_code{
        float:left;
        width:80px;
        ime-mode:disabled;
        height:18px;
        padding:0px;
}

.txt_center{
        text-align:center;
}
.txt_red{
        color:#F00;
}


/* 完了表示関連 */
#finish_message{
        border:solid 1px #338;
        color:#338;
        background-color:#CCF;
        padding-top:20px;
        padding-bottom:20px;
        text-align:center;
        margin-top:80px;
        margin-bottom:20px;
        width:500px;
        margin-left:auto;
        margin-right:auto;
}
#finish_link{
        width:500px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:80px;
        text-align:center;
}

.radio_space{
        margin-right:5px;
}