*{
    margin : 0px ;
    padding : 0px ;
    border : none ;
    color : #363636 ;
    font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
    font-weight : normal ;
    font-style : normal ;
}

ul {
    list-style : none ;
}

ul#disc {
    margin-left: 20px;
    list-style-type: disc;
}

ul li {
    font-size : 14px ;
    line-height : 28px ;
}

a{
    color : #1E90FF ;
    text-decoration : none ;
}

a:hover{
    text-decoration : underline ;
}

p {
    margin : 0px auto 25px auto ;
    font-size : 14px ;
    line-height : 28px ;
    text-align : left ;
}


h2.it-hojo {
    margin : 60px 0px 30px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 100% ;
    font-size : 32px ;
    text-align : center ;
}

h3.it-hojo {
    margin : 40px 0px 10px 0px ;
    padding : 0px 0px 0px 0px ;
}

div.it-hojo {
    margin : 40px 0px 40px 0px ;
    padding : 24px 0px 24px 0px ;
    font-size : 32px ;
    text-align : center ;
    color: #000080;
    background: #f0f8ff;
}

div.it-hojo-contact {
    margin : 80px 0px 40px 0px ;
}

div.it-hojo-contact a {
    padding : 24px 0px 24px 0px ;
    width: 100%;
    font-size : 32px ;
    text-align : center ;
    color: #ffffff;
    background: #000080;
    display: block;
}

div.it-hojo-contact a:hover{
    text-decoration : none ;
    background: #0000cd;
}

body {
    background-image : url("../img/bg.jpg") ;
}

div.wrap {
    margin : 0px auto 0px auto ;
    padding : 0px 0px 0px 0px ;
    width : 901px ;
    height : 100% ;
}


h1 {
    margin : 10px 0px 20px 0px ;
    padding : 0px 0px 0px 0px ;
    font-size : 12px ;
    color : #999999 ;
    width : 901px ;
}

div.header {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 901px ;
    height : 70px ;
    background-image : url("http://www.kojiyasan.net/img/common/header_bg.png") ;
    background-repeat : repeat-x ;
    background-position : 0px 200px ;
    position : relative ;
}

div.header h2 {
    top : 0px ;
    left : 0px ;
    position : absolute ;
}

div.header ul {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    bottom : 0px ;
    right : 0px ;
    position : absolute ;
}

div.header ul li {
    margin : 0px 15px 0px 15px ;
    float : left ;
}


div.menu {
    margin : 15px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
}

div.menu ul {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
}

div.menu ul li {
    border-left : 1px solid #dddddd ;
    border-top : 1px solid #dddddd ;
    border-bottom : 1px solid #dddddd ;
    float : left ;
}

div.menu ul li#m-end {
    border-right : 1px solid #dddddd ;
}

div.menu ul li a {
    margin : 0px 0px 0px 0px ;
    padding : 12px 0px 12px 0px ;
    font-size : 12px ;
    line-height : 12px ;
    text-align : center ;
    color : #333333 ;
    background : #f5f5f5 ;
    width : 179px ;
    display : block ;
}


div.breadcrumbs {
    margin : 15px 0px 15px 0px ;
    padding : 0px 0px 0px 0px ;
    font-size : 14px ;
    line-height : 14px ;
}


div.home_topimg {
    margin : 40px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 900px ;
    height : 450px ;
}

div.home_topimg div.slide {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 900px ;
    height : 330px ;
}

div.home_topimg div.banner {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 900px ;
    height : 120px ;
}

div.home_body {
    margin : 50px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 900px ;
    height : 100% ;
}


div.home_body div.point1 {
    margin : 0px 0px 0px 0px ;
    padding : 0px 20px 0px 20px ;
    width : 259px ;
    height : 150px ;
    float : left ;
}

div.home_body div.point1 h2,
div.home_body div.point2 h2 {
    margin : 10px 0px 20px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 259px ;
    height : 20px ;
    text-align : center ;
}

div.home_body div.point1 p,
div.home_body div.point2 p {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    font-size : 14px ;
    line-height : 28px ;
}

div.home_body div.point2 {
    margin : 0px 0px 0px 0px ;
    padding : 0px 20px 0px 0px ;
    width : 259px ;
    height : 150px ;
    float : right ;
}

div.header div.shop_info {
    width : 403px ;
    height : 98px ;
    top : 60px ;
    left : 200px ;
    position : absolute ;
}


div.main {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 700px ;
    float : right ;
}

div.head_info {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 100% ;
    height : 200px ;
}

div.head_info div.shop_info {
    margin : 37px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 262px ;
    height : 127px ;
    float : left ;
}

div.head_info div.page_title {
    margin : 15px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    float : right ;
}

div.main h2.title {
    margin : 0px 0px 50px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 700px ;
    text-align : center ;
}


div.main h3.access {
    margin : 20px 0px 5px 0px ;
    padding : 0px 0px 0px 0px ;
    font-size : 12px ;
    font-weight : bold ;
    width : 700px ;
    text-align : left ;
}


ul.submenu {
    margin : 0px 0px 65px 0px ;
    padding : 0px 0px 0px 0px ;
    text-align : center ;
    height : 11px ;
}

ul.submenu li {
    margin : 0px 10px 0px 0px ;
    padding : 0px 10px 0px 0px ;
    height : 11px ;
    display : inline ;
}

ul.submenu li,
ul.submenu li a {
    font-size : 11px ;
    line-height : 11px ;
}



table th {
    padding: 5px 15px 5px 15px;
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
    background: #dddddd ;
    text-align: center ;
}

table th.id1 {
    width: 40%;
    background: #98fb98 ;
}

table th.id2 {
    width: 40%;
    background: #f0e68c ;
}

table td {
    padding: 5px 15px 5px 15px;
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

.ctr {
    width: 40%;
    text-align: center ;
}

.ctr2 {
    width: 25%;
    text-align: center ;
}

table td.bg {
    background: #f5f5f5;
    text-align : left ;
    width : 120px ;
}

table td.bg2 {
    background: #dddddd;
    text-align : center ;
}

table td.lf {
    text-align : left ;
}

table td small {
    font-size : 11px ;
    line-height : 20px ;
}


div.bottom_menu {
    margin : 150px 0px 20px 0px ;
    position : relative ;
    overflow : hidden ;
}

div.bottom_menu ul {
    position : relative ;
    height : 14px ;
    left : 50% ;
    float : left ;
}

div.bottom_menu ul li {
    margin : 0px 0px 0px 10px ;
    padding : 0px 0px 0px 10px ;
    border-left : 1px solid #999999 ;
    position : relative ;
    left : -50% ;
    float : left ;
}

div.bottom_menu ul li#bm_end {
    margin : 0px 0px 0px 10px ;
    padding : 0px 10px 0px 10px ;
    border-right : 1px solid #999999 ;
}

div.bottom_menu ul li,
div.bottom_menu ul li a {
    font-size : 14px ;
    line-height : 14px ;
}

div.info_bg {
    padding : 30px 0px 30px 0px ;
    border-top : 1px dotted #999999 ;
    border-bottom : 1px dotted #999999 ;
    width : 100% ;
    height : 100% ;
    background : #ffffff ;
}

div.info_body {
    margin : 0px auto 0px auto ;
    padding : 0px 0px 0px 0px ;
    width : 900px ;
    height : 100% ;
}

div.info_body h4 {
    margin : 0px 0px 15px 15px ;
    padding : 0px 0px 0px 0px ;
}

.headline {
    margin : 0px 15px 0px 15px ;
    width : 150px ;
    font-size : 12px ;
    line-height : 18px ;
    float : left ;
}

.headline img {
    margin : 0px 0px 3px 0px ;
}

.headline a {
    color : #999999 ;
}

div.footer_bg {
    width : 100% ;
    height : 100% ;
    background : #eaeaea ;
}

div.footer {
    margin : 0px auto 0px auto ;
    padding : 0px 0px 0px 0px ;
    width : 900px ;
    height : 230px ;
    background-image : url("../img/common/footer_bg.png") ;
    background-repeat : repeat-x ;
    background-position : 0px 0px ;
    position : relative ;
}

div.footer div.ft_co1 {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 154px ;
    height : 23px ;
    bottom : 20px ;
    right : 158px ;
    position : absolute ;
}

div.footer div.ft_co2 {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 24px ;
    height : 23px ;
    bottom : 20px ;
    right : 124px ;
    position : absolute ;
}

div.footer div.ft_co3 {
    margin : 0px 0px 0px 0px ;
    padding : 0px 0px 0px 0px ;
    width : 104px ;
    height : 23px ;
    bottom : 20px ;
    right : 10px ;
    position : absolute ;
}

div.footer h6.apps {
    width : 144px ;
    height : 14px ;
    top : 30px ;
    left : 378px ;
    position : absolute ;
}

div.footer div.apps1 {
    width : 189px ;
    height : 58px ;
    top : 60px ;
    left : 125px ;
    position : absolute ;
}

div.footer div.apps2 {
    width : 163px ;
    height : 58px ;
    top : 60px ;
    left : 375px ;
    position : absolute ;
}

div.footer div.apps3 {
    width : 177px ;
    height : 58px ;
    top : 60px ;
    right : 125px ;
    position : absolute ;
}

div.footer address {
    margin : 0px 0px 0px 0px ;
    width : 106px ;
    height : 11px ;
    bottom : 25px ;
    left : 0px ;
    position : absolute ;
}


.mt10 { margin-top : 10px ; }
.mt15 { margin-top : 15px ; }
.mt20 { margin-top : 20px ; }
.mt25 { margin-top : 25px ; }
.mt30 { margin-top : 30px ; }
.mt35 { margin-top : 35px ; }
.mt40 { margin-top : 40px ; }
.mt45 { margin-top : 45px ; }
.mt50 { margin-top : 50px ; }
.mt55 { margin-top : 55px ; }
.mt60 { margin-top : 60px ; }
.mt65 { margin-top : 65px ; }
.mt70 { margin-top : 70px ; }
.mt75 { margin-top : 75px ; }
.mt80 { margin-top : 80px ; }
.mt85 { margin-top : 85px ; }
.mt90 { margin-top : 90px ; }
.mt95 { margin-top : 95px ; }




/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 32px;
    left: 8px;
}
 
/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 横幅 */
    width: 68px;
}
 
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 10px; }
 
/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
 
    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}
 
/* マウスオーバー時の表現 */
#fixed_right_banner > a:hover
{
    /* 20%透過させる */
    opacity: .8;
}
 
/* コンテンツに被らないようにするメディアクエリ */
@media (max-width: 1080px)
{
    #fixed_right_banner { display: none; }
}


.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */