@charset "utf-8";

/*------------------------------------------------
    base styles
--------------------------------------------------*/
body{
    color: #000000;
    text-align: center;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 75%;
}
td{
    color: #000000;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
body,p,dl,ol,ul,h1,h2,h3,h4,h5,h6,form,table,td{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ol,ul{
    list-style-type: none;
}
ol li img,
ul li img{
    vertical-align: top;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font-size: 100%;
}
img{
    border: none;
}
select{
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
input,textarea,selectbox{
    color: #000000;
}
strong{
    font-weight: bold;
}
a:link{
    color: #000000;
    text-decoration: underline;
}
a:visited{
    color: #002a43;

    text-decoration: underline;
}
a:hover{
    color: #000000;
    text-decoration: none;
}
a:active{
    color: #000000;
    text-decoration: none;
}



/*------------------------------------------------
    common styles
--------------------------------------------------*/
.clearfix:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix{
    display: inline-block;
}
/* no ie mac \*/
* html .clearfix{
    height: 1%;
}
.clearfix{
    display: block;
}
/* */

.no_disp{
    display: none;
}



/*------------------------------------------------
    header styles
--------------------------------------------------*/
#menu_jump{
    position: absolute;
    text-indent: -9999px;
}
#header{
    width: 100%;
    text-align: center;
    background: #ffffff url(../images/header_bg.gif) left top repeat-x;
    min-height: 79px;
}
#header_inner{
    width: 962px;
    margin: 0px auto 0px auto;
    text-align: left;
    position: relative;
}
#header #top{
    width: 107px;
    height: 104px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-indent: -9999px;
}
#header a#top:link,
#header a#top:visited{
    background: url(../images/logo.gif) left top no-repeat;
}
#header a#top:hover,
#header a#top:active{
    background: url(../images/logo.gif) left -104px no-repeat;
}
#header_sitemap{
    position: absolute;
    right: 211px;
    top: 9px;
    width: 61px;
    height: 15px;
}
#header_sitemap a{
    display: block;
    width: 61px;
    height: 15px;
    text-indent: -9999px;
}
#header_sitemap a:link,
#header_sitemap a:visited{
    background: url(../images/sitemap.gif) left top no-repeat;
}
#header_sitemap a:hover,
#header_sitemap a:active{
    background: url(../images/sitemap.gif) left -15px no-repeat;
}
#header_search{
    position: absolute;
    right: 9px;
    top: 6px;
    width: 180px;
    height: 19px;
}
#header_search #header_searchbox{
    width: 140px;
    height: 19px;
    border: 1px solid #3c3c3c;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background: #484848;
}
#header_search #header_searchbtn{
    width: 34px;
    height: 19px;
    margin: 0px 0px 0px 4px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

/* global menu */
#global_menu{
    position: absolute;
    right: 1px;
    top: 38px;
    width: 750px;
    height: 41px;
}
#global_menu li{
    float: left;
}
#global_menu li a span{
    display: none;
}
#global_menu li#gm_service{
    width: 147px;
}
#global_menu li#gm_service a{
    display: block;
    width: 147px;
    height: 41px;
}
#global_menu li#gm_case{
    width: 170px;
}
#global_menu li#gm_case a{
    display: block;
    width: 170px;
    height: 41px;
}
#global_menu li#gm_about{
    width: 143px;
}
#global_menu li#gm_about a{
    display: block;
    width: 143px;
    height: 41px;
}
#global_menu li#gm_recruit{
    width: 146px;
}
#global_menu li#gm_recruit a{
    display: block;
    width: 146px;
    height: 41px;
}
#global_menu li#gm_contact{
    width: 144px;
}
#global_menu li#gm_contact a{
    display: block;
    width: 144px;
    height: 41px;
}
#global_menu li#gm_service a:link,
#global_menu li#gm_service a:visited{
    background: url(../images/gm_service.gif) left top no-repeat;
}
#global_menu li#gm_service a:hover,
#global_menu li#gm_service a:active{
    background: url(../images/gm_service.gif) left -41px no-repeat;
}
#global_menu li#gm_case a:link,
#global_menu li#gm_case a:visited{
    background: url(../images/gm_case.gif) left top no-repeat;
}
#global_menu li#gm_case a:hover,
#global_menu li#gm_case a:active{
    background: url(../images/gm_case.gif) left -41px no-repeat;
}
#global_menu li#gm_about a:link,
#global_menu li#gm_about a:visited{
    background: url(../images/gm_about.gif) left top no-repeat;
}
#global_menu li#gm_about a:hover,
#global_menu li#gm_about a:active{
    background: url(../images/gm_about.gif) left -41px no-repeat;
}
#global_menu li#gm_recruit a:link,
#global_menu li#gm_recruit a:visited{
    background: url(../images/gm_recruit.gif) left top no-repeat;
}
#global_menu li#gm_recruit a:hover,
#global_menu li#gm_recruit a:active{
    background: url(../images/gm_recruit.gif) left -41px no-repeat;
}
#global_menu li#gm_contact a:link,
#global_menu li#gm_contact a:visited{
    background: url(../images/gm_contact.gif) left top no-repeat;
}
#global_menu li#gm_contact a:hover,
#global_menu li#gm_contact a:active{
    background: url(../images/gm_contact.gif) left -41px no-repeat;
}

/* fontsize */
#fontsize{
    width: 100%;
    height: 32px;
    background: url(../images/fontsize_bg.gif) left top repeat-x;
    text-align: center;
    margin: 0px 0px 10px 0px;
}
#fontsize_inner{
    width: 960px;
    height: 32px;
    margin: 0px auto 0px auto;
    position: relative;
}
#fontsize_inner02{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 146px;
    height: 32px;
}
#fontsize_title{
    position: absolute;
    left: 0px;
    top: 9px;
    width: 71px;
    height: 15px;
    background: url(../images/fontsize_title.gif) left top no-repeat;
    text-indent: -9999px;
}
#fontsize_btn_m{
    position: absolute;
    left: 77px;
    top: 6px;
    width: 34px;
    height: 20px;
    background-image: url(../images/fontsize_m.gif);
    background-position: left -20px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
a#fontsize_btn_m:link,
a#fontsize_btn_m:visited,
a#fontsize_btn_m:hover,
a#fontsize_btn_m:active{
    color: #ffffff;
}
#fontsize_btn_l{
    position: absolute;
    left: 117px;
    top: 6px;
    width: 34px;
    height: 20px;
    background-image: url(../images/fontsize_l.gif);
    background-position: left -20px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
a#fontsize_btn_l:link,
a#fontsize_btn_l:visited,
a#fontsize_btn_l:hover,
a#fontsize_btn_l:active{
    color: #ffffff;
}



/*------------------------------------------------
    pankuzu styles
--------------------------------------------------*/
#pankuzu{
    width: 960px;
    margin: 0px auto 0px auto;
    text-align: left;
    overflow: hidden;
}
#pankuzu div{
    margin: 0px 0px 0px -8px;
}
#pankuzu div a{
    margin: 0px 8px 0px 8px;
}
#pankuzu div span{
    margin: 0px 8px 0px 6px;
}



/*------------------------------------------------
    contenta area styles
--------------------------------------------------*/
#contentsarea{
    width: 960px;
    margin: 0px auto 0px auto;
    text-align: center;
    position: relative;
}
#contentsarea02{
    float: left;
    width: 750px;
    margin: 0px 0px 0px 30px;
    text-align: center;
}
#contentsarea02_2{
    float: left;
    width: 960px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
#left_contents{
    float: left;
    width: 180px;
    margin: 0px 0px 30px 0px;
    text-align: left;
}
#contentsarea02 #main_contents{
    float: left;
    width: 540px;
    margin: 0px 0px 30px 0px;
    text-align: left;
}
#contentsarea02_2 #main_contents{
    float: left;
    width: 730px;
    margin: 0px 0px 30px 0px;
    text-align: left;
}
#right_contents{
    float: right;
    width: 180px;
    margin: 0px 0px 30px 0px;
    text-align: left;
}



/*------------------------------------------------
    pagetitle styles
--------------------------------------------------*/
#contentsarea02 #pagetitle{
    width: 750px;
    margin: 22px 0px 15px 0px;
    padding: 0px 0px 20px 0px;
    background: url(../images/l_blue01_1.gif) left bottom repeat-x;
    text-align: left;
}
#contentsarea02_2 #pagetitle{
    width: 960px;
    margin: 30px 0px 15px 0px;
    padding: 0px 0px 20px 0px;
    background: url(../images/l_blue01_1.gif) left bottom repeat-x;
    text-align: left;
}
#pagetitle h1{
    margin: 0px 0px 0px 0px;
}
#pagetitle h1 span{
    display: none;
}
#pagetitle #catchcopy{
    margin: 10px 0px 0px 0px;
}
#pagetitle #catchcopy span{
    margin: 0px 0px 0px 0px;
    padding: 3px 2px 2px 3px;
    line-height: 1.3em;
}
#pagetitle #catchcopy span a:link{
    color: #0081cc;
}



/*------------------------------------------------
    left contents styles
--------------------------------------------------*/
#categorytitle{
    width: 180px;
    height: 36px;
    margin: 24px 0px 0px 0px;
}
#categorytitle a{
    display: block;
    width: 180px;
    height: 36px;
}
#categorytitle a span{
    display: none;
}

#left_menu{
    width: 180px;
    margin: 1px 0px 0px 0px;
}
#left_menu li{
    display: inline;
    margin: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#left_menu li a{
    display: block;
    width: 150px;
    margin: 0px 0px 1px 0px;
    padding: 10px 10px 9px 20px;
    color: #362c2c;
    text-decoration: none;
}
#left_menu li a:link,
#left_menu li a:visited{
    background: #f5f5f5 url(../images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li a:hover,
#left_menu li a:active{
    background: #0081cc url(../images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li ul{
    margin: 0px 0px 0px 0px;
}
#left_menu li ul li{
    margin: 1px 0px 0px 0px;
    line-height: 1.2em;
    font-size: 90%;
}
#left_menu li ul li a{
    display: block;
    width: 142px;
    padding: 9px 10px 8px 28px;
    font-weight: normal;
    color: #362c2c;
}
#left_menu li ul li a:link,
#left_menu li ul li a:visited{
    background: #cce6f5;
    color: #362c2c;
}
#left_menu li ul li a:hover,
#left_menu li ul li a:active{
    background: #cce6f5;
    color: #362c2c;
    text-decoration: underline;
}
#left_menu li a.lm_act{
    background: #0081cc url(../images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
    text-decoration: none;
}
#left_menu li ul li a.lm_act{
    background: #cce6f5;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_search{
    margin: 10px 0px 0px 0px;
    background: #f5f5f5 ;
    padding: 6px 9px 9px 9px;
}
#left_search ul li{
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#left_search ul li a{
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}
#left_search ul li a:link,
#left_search ul li a:visited,
#left_search ul li a:hover,
#left_search ul li a:active{
    color: #362c2c;
}

#left_btn{
    padding: 0px 0px 0px 0px;
}
#left_btn li{
    margin: 10px 0px 0px 0px;
}
#left_btn li a{
    display: block;
    width: 180px;
    height: 55px;
}
#left_btn li a span{
    display: none;
}
#left_btn li#left_btn_tenminutes a:link,
#left_btn li#left_btn_tenminutes a:visited{
    background: url(../images/btn_tenminutes.gif) left -55px no-repeat;
}
#left_btn li#left_btn_tenminutes a:hover,
#left_btn li#left_btn_tenminutes a:active{
    background: url(../images/btn_tenminutes.gif) left top no-repeat;
}
#left_btn li#left_btn_onestopsolution a:link,
#left_btn li#left_btn_onestopsolution a:visited{
    background: url(../images/btn_onestopsolution.gif) left -55px no-repeat;
}
#left_btn li#left_btn_onestopsolution a:hover,
#left_btn li#left_btn_onestopsolution a:active{
    background: url(../images/btn_onestopsolution.gif) left top no-repeat;
}
#left_btn li#left_btn_iphonepberry a:link,
#left_btn li#left_btn_iphonepberry a:visited{
    background: url(../images/btn_iphonepberry.gif) left -55px no-repeat;
}
#left_btn li#left_btn_iphonepberry a:hover,
#left_btn li#left_btn_iphonepberry a:active{
    background: url(../images/btn_iphonepberry.gif) left top no-repeat;
}



/*------------------------------------------------
    page menu
--------------------------------------------------*/
#page_menu{
    width: 750px;
    margin: 20px 0px 40px 0px;
    text-align: left;
}
#page_menu #page_menu_inner{
    display: table-cell;
    border-top: 1px solid #0081cc;
    border-bottom: 1px solid #0081cc;
    border-left: 1px solid #0081cc;
}
#page_menu #page_menu_inner ul{
    display: table;
}
#page_menu #page_menu_inner ul:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#page_menu #page_menu_inner ul li{
    display: table-cell;
    padding: 10px 23px 9px 22px;
    border-right: 1px solid #0081cc;
}
#page_menu #page_menu_inner ul li a.pm_act{
    font-weight: bold;
}


/*------------------------------------------------
    right contents styles
--------------------------------------------------*/
#right_faq{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_faq a{
    display: block;
    width: 160px;
    height: 35px;
}
#right_faq a span{
    display: none;
}
#right_faq a:link,
#right_faq a:visited{
    background: url(../images/btn_faq.gif) left -35px no-repeat;
}
#right_faq a:hover,
#right_faq a:active{
    background: url(../images/btn_faq.gif) left top no-repeat;
}

#right_words{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 15px 10px;
    background: #e9e9e9;
}
#right_words_title{
    width: 65px;
    height: 32px;
    background: url(../images/right_words.gif) left top no-repeat;
}
#right_words_title span{
    display: none;
}
#right_words ul li{
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_words ul li a{
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}
#right_words_other{
    margin: 2px 0px 0px 0px;
}
#right_words_other a{
    display: block;
    width: 160px;
    height: 30px;
}
#right_words_other a span{
    display: none;
}
#right_words_other a:link,
#right_words_other a:visited{
    background: url(../images/right_words_other.gif) left -30px no-repeat;
}
#right_words_other a:hover,
#right_words_other a:active{
    background: url(../images/right_words_other.gif) left top no-repeat;
}
#right_words_list{
    margin: 2px 0px 0px 0px;
}
#right_words_list a{
    display: block;
    width: 160px;
    height: 30px;
}
#right_words_list a span{
    display: none;
}
#right_words_list a:link,
#right_words_list a:visited{
    background: url(../images/right_words_list.gif) left -30px no-repeat;
}
#right_words_list a:hover,
#right_words_list a:active{
    background: url(../images/right_words_list.gif) left top no-repeat;
}

#right_service{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_service_title{
    width: 100px;
    height: 30px;
    background: url(../images/right_service.gif) left top no-repeat;
}
#right_service_title span{
    display: none;
}
#right_service ul li{
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_service ul li a{
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}

#right_list{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 15px 10px;
    background: #e9e9e9;
}
#right_list_title{
    width: 65px;
    height: 32px;
    background: url(../images/right_words.gif) left top no-repeat;
}
#right_list_title span{
    display: none;
}

#right_list_other{
    margin: 2px 0px 0px 0px;
}
#right_list_other a{
    display: block;
    width: 160px;
    height: 30px;
}
#right_list_other a span{
    display: none;
}
#right_list_other a:link,
#right_list_other a:visited{
    background: url(../images/right_words_list.gif) left -30px no-repeat;
}
#right_list_other a:hover,
#right_list_other a:active{
    background: url(../images/right_words_list.gif) left top no-repeat;
}
#right_list ul li{
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_list ul li a{
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}
#right_info{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_info_title{
    width: 67px;
    height: 30px;
    background: url(../images/right_info.gif) left top no-repeat;
}
#right_info_title span{
    display: none;
}
#right_info ul li{
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_info ul li a{
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}

#right_kanrenpage{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_kanrenpage_title{
    width: 103px;
    height: 28px;
    background: url(../images/right_kanrenpage.gif) left top no-repeat;
}
#right_kanrenpage_title span{
    display: none;
}
#right_kanrenpage ul li{
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_kanrenpage ul li a{
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}

#right_kanren{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_kanren_title{
    width: 115px;
    height: 29px;
    background: url(../images/right_kanren.gif) left top no-repeat;
}
#right_kanren_title span{
    display: none;
}
#right_kanren ul li{
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_kanren ul li a{
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}

#right_kanren ul li.other a{
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 11px 9px 8px 28px;
    background: #ffffff url(../images/a_other.gif) 10px 1.1em no-repeat;
}

#right_contact{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_contact_title{
    width: 146px;
    height: 24px;
    background: url(../images/right_contact.gif) left top no-repeat;
}
#right_contact_title span{
    display: none;
}
#right_contact_tel{
    margin: 5px 0px 0px 0px;
    width: 159px;
    height: 20px;
    background: url(../images/right_contact_tel.gif) left top no-repeat;
}
#right_contact_tel span{
    display: none;
}
#right_contact_btn{
    margin: 7px 0px 0px 0px;
}
#right_contact_btn a{
    display: block;
    width: 160px;
    height: 35px;
}
#right_contact_btn a span{
    display: none;
}
#right_contact_btn a:link,
#right_contact_btn a:visited{
    background: url(../images/btn_contact.gif) left -35px no-repeat;
}
#right_contact_btn a:hover,
#right_contact_btn a:active{
    background: url(../images/btn_contact.gif) left top no-repeat;
}
#right_office{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_office_title{
    width: 117px;
    height: 25px;
    background: url(../images/right_office.gif) left top no-repeat;
}
#right_office_title span{
    display: none;
}
#right_office_link{
    margin: 8px 0px 0px 0px;
    line-height: 1.3em;
}
#right_office ul li{
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2em;
}
#right_office ul li a{
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 9px 9px 8px 28px;
    background: #ffffff url(../images/a_blue01.gif) 10px 1.1em no-repeat;
}


#right_commentary{
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#right_commentary a{
    display: block;
    width: 160px;
    height: 35px;
}
#right_commentary a span{
    display: none;
}
#right_commentary a:link,
#right_commentary a:visited{
    background: url(../images/btn_commentary.gif) left -35px no-repeat;
}
#right_commentary a:hover,
#right_commentary a:active{
    background: url(../images/btn_commentary.gif) left top no-repeat;
}

#right_inquiry{
    margin: 10px 0px 0px 0px;
    padding: 7px 10px 10px 10px;
    background: #e9e9e9;
}
#right_inquiry_btn a{
    display: block;
    width: 160px;
    height: 35px;
}
#right_inquiry_btn a span{
    display: none;
}
#right_inquiry_btn a:link,
#right_inquiry_btn a:visited{
    background: url(../images/btn_inquiry.gif) left -35px no-repeat;
}
#right_inquiry_btn a:hover,
#right_inquiry_btn a:active{
    background: url(../images/btn_inquiry.gif) left top no-repeat;
}
#right_inquiry_inq{
    font-size: 92%;
    margin: 8px 0px 0px 0px;
    line-height: 1.3em;
}

#right_iphone{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #e9e9e9;
}
#right_iphone a{
    display: block;
    width: 180px;
    height: 55px;
}
#right_iphone a span{
    display: none;
}
#right_iphone a:link,
#right_iphone a:visited{
    background: url(../images/btn_iphonepberry.gif) left -55px no-repeat;
}
#right_iphone a:hover,
#right_iphone a:active{
    background: url(../images/btn_iphonepberry.gif) left top no-repeat;
}



/*------------------------------------------------
    pagetop styles
--------------------------------------------------*/
#pagetop{
    clear: both;
    width: 960px;
    margin: 30px auto 0px auto;
    text-align: right;
}
#pagetop a:link,
#pagetop a:visited{
    margin: 0px 0px 0px auto;
    display: block;
    width: 127px;
    height: 15px;
    background: url(../images/pagetop.gif) center -15px repeat-x;
}
#pagetop a:hover,
#pagetop a:active{
    display: block;
    width: 127px;
    height: 15px;
    background: url(../images/pagetop.gif) center top repeat-x;
}
#pagetop a span{
    display: none;
}



/*------------------------------------------------
    footer styles
--------------------------------------------------*/
#footer{
    width: 100%;
    margin: 9px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/footer_bg.gif);
    border-top: 1px solid #0081cc;
    text-align: center;
    clear: both;
}
#footer_sitemap{
    width: 960px;
    margin: 20px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
}
#footer_sitemap a:link,
#footer_sitemap a:visited
#footer_sitemap a:hover,
#footer_sitemap a:active{
    text-decoration: none;
}
#footer_sitemap ul#footer_sitemap01{
    width: 960px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
#footer_sitemap ul#footer_sitemap01 li#footer_sitemap01_1{
    width: 177px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#footer_sitemap ul#footer_sitemap01 li#footer_sitemap01_2{
    width: 568px;
    margin: 0px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#footer_sitemap ul#footer_sitemap01 li#footer_sitemap01_3{
    width: 177px;
    margin: 0px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#footer_sitemap ul li .footer_sitemap_tit01{
    width: 177px;
    padding: 0px 0px 7px 0px;
    font-weight: bold;
}
#footer_sitemap ul li .footer_sitemap_tit02{
    width: 568px;
    margin: 0px 0px 7px 0px;
    font-weight: bold;
}
#footer_sitemap ul li .footer_sitemap_tit01 a,
#footer_sitemap ul li .footer_sitemap_tit02 a,
#footer_sitemap ul li .footer_sitemap_tit01 a:link,
#footer_sitemap ul li .footer_sitemap_tit02 a:link{
    color: #0081cc;
    text-decoration: none;
}
#footer_sitemap ul li .footer_sitemap_tit01 a:visited,
#footer_sitemap ul li .footer_sitemap_tit02 a:visited{
    color: #002a43;
    text-decoration: none;
}
#footer_sitemap ul li .footer_sitemap_tit01 a:hover,
#footer_sitemap ul li .footer_sitemap_tit02 a:hover,
#footer_sitemap ul li .footer_sitemap_tit01 a:active,
#footer_sitemap ul li .footer_sitemap_tit02 a:active{
    text-decoration: underline;
}


#footer_sitemap ul#footer_sitemap01 li ul#footer_sitemap02{
    width: 568px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#footer_sitemap ul#footer_sitemap01 li ul#footer_sitemap02 li#footer_sitemap02_1{
    display: block;
    width: 177px;
    margin: 0px 18px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
    float: left;
}
#footer_sitemap ul#footer_sitemap01 li ul#footer_sitemap02 li#footer_sitemap02_2{
    display: block;
    width: 177px;
    margin: 0px 18px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
    float: left;
}
#footer_sitemap ul#footer_sitemap01 li ul#footer_sitemap02 li#footer_sitemap02_3{
    display: block;
    width: 177px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
    float: left;
}
#footer_sitemap ul#footer_sitemap01 li ul{
    width: auto;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}
#footer_sitemap ul#footer_sitemap01 li ul li{
    display: block;
    width: auto;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 10px;
    float: none;
    font-size: 90%;
    background: url(../images/i_blue01.gif) left 0.4em no-repeat;
}
#footer_sitemap ul#footer_sitemap01 li ul li a{
    display: inline;
    width: auto;
    height: auto;
    background: none;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}
#footer_sitemap ul#footer_sitemap01 li ul li a:link{
    color: #000000;
    text-decoration: none;
}
#footer_sitemap ul#footer_sitemap01 li ul li a:visited{
    text-decoration: none;
}
#footer_sitemap ul#footer_sitemap01 li ul li a:hover,
#footer_sitemap ul#footer_sitemap01 li ul li a:active{
    text-decoration: underline;;
}
#footer #footer_sitemap ul li.footer_sitemap_subtit01 a{
    font-weight: bold;
}
.footer_sitemap_tit01{
    width: 177px;
    font-weight:bold;
}
.footer_sitemap_tit02{
    width: 538px;
    font-weight:bold;
}


#footer_banner{
    width: 100%;
    background: #ffffff;
}
#footer_banner div{
    width: 960px;
    margin: 0px auto 0px auto;
    position: relative;
}
#footer_banner div div{
    width: 960px;
    margin: 0px auto 0px auto;
    text-align: center;
}
#footer_banner div div#footer_banner_title{
    padding: 10px 0px 0px 0px;
    width: 960px;
    height: 28px;
    background: url(../images/m_servicesite.gif) left 14px no-repeat;
}
#footer_banner div div#footer_banner_title span{
    display: block;
    text-indent: -9999px;
}
#footer_banner ul{
    margin: 0px auto 0px auto;
    padding: 0px 0px 20px 0px;
}
#footer_banner ul li{
    display: inline-block;
    padding: 10px 8px 0px 8px;
}

#footer_contents{
    width: 960px;
    margin: 0px auto 0px auto;
    padding: 10px 0px 0px 0px;
    text-align: left;
    position: relative;
}
#footer_logo{
    width: 57px;
    height: 25px;
    float: left;
    margin: 5px 0px 0px 0px;
    background: url(../images/footer_logo.gif) left top no-repeat;
}
#footer_logo span{
    display: none;
}
#footer_contact{
    width: 280px;
    height: 37px;
    float: left;
    margin: 5px 0px 0px 10px;
    background: url(../images/footer_contact.gif) left top no-repeat;
}
#footer_contact a{
    display: block;
    width: 175px;
    height: 14px;
    margin: 22px 0px 0px 0px;
}
#footer_contact span{
    display: none;
}

#footer_link{
    margin: 6px 0px 0px 0px;
    text-align: right;
}

#copyright{
    clear: both;
    padding: 14px 0px 20px 0px;
    text-align: right;
}



/*------------------------------------------------
    main contents styles
--------------------------------------------------*/
/* subhead */
h2{
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    background: url(../images/bg_black01.gif) left bottom repeat-x;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 140%;
}
h2 a:link{
    color: #0081cc;
}
h2 a:visited{
}
h2 a:hover{
    color: #0081cc;
}
h2 a:active{
    color: #0081cc;
}
h2.first{
    margin: 0px 0px 0px 0px;
}
h3{
    margin: 30px 0px 0px 0px;
}
h3.next_h2{
    margin: 15px 0px 0px 0px;
}
h3 span{
    display: table-cell;
    padding: 2px 3px 1px 3px;
    line-height: 1.2em;
    background: #000000;
    font-size: 100%;
    color: #ffffff;
}
h4{
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(../images/i_blue02.gif) left top no-repeat;
}


/* text */
.text01{
    margin: 7px 0px 0px 0px;
    line-height: 1.5em;
}
.text02{
    margin: 18px 0px 0px 0px;
    line-height: 1.5em;
}


/* link */
.link01{
    margin: 10px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    background: url(../images/bg_blue02.gif);
}
.link01 span{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 13px;
    background: #ffffff;
}
.link01 span a{
    display: inline;
}
.link01 span a img{
    margin: 0px 7px 1px 0px;
    vertical-align: middle;
}

.link02{
    margin: 10px 0px 0px 0px;
    width: 100%;
}
.link02 .link01{
    float: left;
    margin: 0px 10px 0px 0px;
}
.link02 .link01 span{
    padding: 5px 13px 5px 13px;
}


/* image */
.image01{
    display: block;
    line-height: 1.2em;
    margin: 10px 0px 0px 0px;
}
.image01 span{
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 5px;
    background: #f5f5f5;
}
.image02{
    display: block;
    line-height: 1.2em;
    margin: 10px 0px 0px 0px;
}


/* list */
.ulist01{
    margin: 8px 0px 0px 0px;
}
.ulist01 li{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(../images/i_blue01.gif) left 0.5em no-repeat;
    line-height: 1.4em;
}

/* list02*/

#main_contents .kanren_top {
    margin: 40px 0px -10px 0px;
}

/* list03 */
.olist01{
    margin: 8px 0px 0px 0px;
}
.i_ol01{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background: url(../images/i_ol01.gif) left 0.2em no-repeat;
    line-height: 1.4em;
}
.i_ol02{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background: url(../images/i_ol02.gif) left 0.2em no-repeat;
    line-height: 1.4em;
}
.i_ol03{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background: url(../images/i_ol03.gif) left 0.2em no-repeat;
    line-height: 1.4em;
}
.i_ol04{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background: url(../images/i_ol04.gif) left 0.2em no-repeat;
    line-height: 1.4em;
}
.i_ol05{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background: url(../images/i_ol05.gif) left 0.2em no-repeat;
    line-height: 1.4em;
}
.i_ol06{
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background: url(../images/i_ol06.gif) left 0.2em no-repeat;
    line-height: 1.4em;
}
.olist01 ol li{
    margin: 8px 0px 0px 0px;
}
.olist01 ol li span{
    display: block;
    margin: 0px 0px 0px 18px;
    line-height: 1.4em;
}
.olist01 ol li ul.ulist01{
    margin: 0 0 0 20px;
}
.olist01 ol li ul.ulist01 li{
    margin: 3px 0px 0px 0px;
}
/* table */
.table01{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    table-layout: auto;
    margin: 10px 0px 0px 0px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.table01 th,
.table01 td{
    padding: 12px 6px 11px 10px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    text-align: left;
    vertical-align: top;
    table-layout: fixed;
    line-height: 1.3em;
    background: #ffffff;
    font-weight: normal;
}
.table01 th.table_head01{
    background: #f5f5f5;
}
.table01 th.table_head02{
    background: #eef9ff;
}


/* column */
.column_block01{
    width: 100%;
    overflow: hidden;
}
.column_block01:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.column_block01 .image01_l{
    float: left;
    width: 170px;
}
.column_block01 .image01_r{
    float: right;
    width: 170px;
}
.column_block01 .textcontents01_l{
    float: left;
    width: 350px;
    margin: 0px 20px 0px 0px;
}
.column_block01 .textcontents01_r{
    float: right;
    width: 350px;
    margin: 0px 0px 0px 20px;
}

.column_block01 .textcontents02_l{
    float: left;
    width: 260px;
    margin: 0px 0px 0px 0px;
}
.column_block01 .textcontents02_r{
    float: left;
    width: 260px;
    margin: 0px 0px 0px 20px;
}

#contentsarea02_2 .column_block01 .textcontents01_l{
    float: left;
    width: 540px;
    margin: 0px 20px 0px 0px;
}
#contentsarea02_2 .column_block01 .textcontents01_r{
    float: right;
    width: 540px;
    margin: 0px 0px 0px 20px;
}

.column_block01 .textcontents02_l .textcontents02_img_txt {
    width: 258px;
    overflow: hidden;
}
.column_block01 .textcontents02_l .textcontents02_img_txt .image01{
    float: left;
    width: 100px;
    margin: 10px 0px 0px 0px;
}
.column_block01 .textcontents02_l .textcontents02_img_txt .text01{
    float: right;
    width: 148px;
}

.column_block01 .textcontents02_r .textcontents02_img_txt {
    width: 258px;
    overflow: hidden;
}
.column_block01 .textcontents02_r .textcontents02_img_txt .image01{
    float: left;
    width: 100px;
    margin: 10px 0px 0px 0px;
}
.column_block01 .textcontents02_r .textcontents02_img_txt .text01{
    float: right;
    width: 148px;
}

/* column02 */
.column_block02{
    width: 100%;
    overflow: hidden;
}
.column_block02:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.column_block02 .image01_r{
    margin: 15px 0 0 0;
    float: right;
    width: 260px;
}
.column_block02 .image01_l{
    float: left;
    width: 260px;
    margin: 15px 0 0 0;
}


/* frame */
#contentsarea02_2 .frame01{
    width: 730px;
    margin: 10px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    background: url(../images/bg_blue03.gif);
}
.frame01_inner{
    width: 690px;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
}


/* other */
.tab01{
    width: 540px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 7px 0px;
    background: url(../images/tab_bg.gif) left bottom repeat-x;
    overflow: hidden;
}
.tab01:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.tab01 ul{
    width: 544px;
    margin: 0px 0px 0px -4px;
}
.tab01 ul li{
    display: inline;
    width: 268px;
    float: left;
    margin: 0px 0px 0px 4px;
}
.pagelink01{
    width: 540px;
    margin: 10px 0px 0px 0px;
}
.pagelink01 div{
    padding: 0px 0px 0px 1px;
    background: url(../images/l_blue01_2.gif) left top repeat-y;
}
.pagelink01 div ul{
    overflow: hidden;
}
.pagelink01 div ul:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pagelink01 div ul li{
    float: left;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
    background: url(../images/l_blue01_2.gif) right top repeat-y;
}
.pagelink01 div ul li span{
    display: block;
    margin: 0px 0px 0px 11px;
    padding: 2px 12px 1px 11px;
    line-height: 1.2em;
    text-indent: -11px;
}
.pagelink01 div ul li span img{
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
}

#main_contents .back_list a{
    margin: 80px auto 0 auto;
    display: block;
    width: 202px;
    height: 45px;
}
#main_contents .back_list a span{
    display: none;
}
#main_contents .back_list a:link,
#main_contents .back_list a:visited{
    background: url(../images/btn_ichiran.gif) left -45px no-repeat;
}
#main_contents .back_list a:hover,
#main_contents .back_list a:active{
    background: url(../images/btn_ichiran.gif) left top no-repeat;
}


/*------------------------------------------------
    font size script styles
--------------------------------------------------*/
#pankuzu,
#left_menu,
#left_search,
#left_btn,
#page_menu,
#catchcopy,
#main_contents,
#right_contents,
#footer{
    visibility: hidden;
}







/* 変更css */

#footer_mark{
    width: 330px;
    float: left;
    margin: 0px 0px 0px 8px;
}
#footer_mark ul li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 8px;
}

#footer_right{
    margin: 0px 0px 0px 0px;
    width: 262px;
    float: right;
}

/* /変更css */