@charset "UTF-8";

/*-----タグ共通------------------*/


p.infobox {
    height: 10.5em;
    overflow: scroll;
    border: red lpx dashed;
    background-color: #fff0f0;
}

#main .box_srcollbar {
    overflow:auto;
    width:690px;
    #height:260px;
    #height:350px;
    height:450px;
    padding:5px;
    border:1px solid #000;
    background-color:#F9F9F9;
    color:#000;
    font-size:14px;
}

#main .box_title{
    border:1px solid #000;
    padding:5px;
    width:690px;
    font-weight:bold;
    font-size:14px;
    background-color:#000;
    color:#fff;
}




/*-------------------------------*/

body{
        margin:0 auto;
        padding:0 auto;
        text-align:center;
        /* background:#ecf2f8; */
        /* background:#ccddff; */
        background:#505550;
        font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
h1,h2,h3,h4{
        margin:0;
}
p{
        margin-left:1em;
        margin-right:1em;
        line-height:1.5;
}
p,li,blockquote{
        font-size:0.94em;
}


a img {
        border:none;
}
a,a:visited{
        color:#036;
}
a:hover{
        color:#547cc0;
}
strong{
        color:#478584;
}
em{
        font-style:normal;
        font-weight:bold;
        color:#e73d3d;
}
/*-----レイアウト大枠------------------*/
#container{
        width:1000px;
        margin:0 auto;
        padding:0 auto;
        text-align:center;
        background:#fff;
}
#header{
        text-align:left;
        margin:0 20px;
        background:#fff;
        position:relative;
}
#wrapper{
        background:#fff;
        margin:20px;
        text-align:left;
}
.main_index #main{
        float:left;
        width:720px;
}
.child #main{
        float:left;
        width:710px;
}
#side{
        float:right;
        width:225px;
}
#footer{
        clear:both;
        margin:0px 20px;
        padding-top:30px;
}
/*-----#header内の要素------------------*/
#header h1{
        padding:10px 0;
}
#header .msg{
        position:absolute;
        top:10px;
        left:500px;
}
#header .global_navi{
        height:42px;
        margin:0 0 20px 0;
        padding:0;
        background:#000 url(../img/bg_globalnavi.jpg) repeat-x;
        border-radius: 6px;        
    -webkit-border-radius: 6px;   
    -moz-border-radius: 6px;   
}
#header .global_navi li{
        height:42px;
        list-style:none;
        float:left;
        padding: 0px;
        line-height:42px;
        border-right:1px solid #91a1ad;
        font-size:.9em;
}
#header .global_navi li a{
        padding:0px 15px;
        display:block;
        text-decoration:none;
        color:#fff;
        
}
#header .global_navi li a:hover{
        color:#ff9;
        
}

#header .header_image{
        position:relative;
}

#header .header_img01{
        position:absolute;
        left:625px;
        top:28px;
}

#header .header_img02{
        position:absolute;
        left:480px;
        top:210px;
}

#header .header_img03{
        position:absolute;
        left:0px;
        top:200px;
}

#header .header_img04{
        position:absolute;
        left:520px;
        top:300px;
}

#header .header_img05{
        position:absolute;
        left:50px;
        top:300px;
}

#header .header_img06{
        position:absolute;
        left:300px;
        top:250px;
}

#header .header_img07{
        position:absolute;
        left:25px;
        top:450px;
}

#header .header_img08{
        position:absolute;
        left:740px;
        top:450px;
}

#header .header_img09{
        position:absolute;
        left:730px;
        top:200px;
}

#header .header_imgall{
        position:relative;
}

/*--参考用---------------*/
#header .header_detail{
        width:960px;
        height:250px;
        background:url(../img/headerbg.jpg) no-repeat;  
}
.header_left{
        float:left;
        width:600px;
        padding-top:15px;
}
.header_left img{
        padding-left:15px;
}
.header_left p{
        margin:0;
        padding:8px 10px 0px 30px;
        font-size:.9em;
}
.header_right{
        float:left;
        width:360px;
        text-align:center;
        margin-top:30px;
}
/*-----#mainの要素------------------*/

/* 子ページ*/
.child #main h2{
        background:#edf2f8 url(../img/bg_title.jpg) repeat-x;
        padding:6px 12px;
        color:#036;
        border:2px solid #edf2f8;
        border-radius: 6px;     
        -webkit-border-radius: 6px;   
        -moz-border-radius: 6px; 
        font-size:1.4em;
        margin-bottom:20px;

}
.child #main h3{
        margin:0px 0px 15px 10px;
        padding-left:10px;
        border-left:10px solid #174b7b;
        font-size:1.2em;
}
.child #main h4{
        margin:0px 0px 10px 5px;
        padding-left:24px;
        color:#f60;
        background: url(../img/ico_marker01.gif) no-repeat;
}
.child #main p{
        margin-left:24px;
}
.child blockquote{
        background:#edf2f8 url(../img/ico_quote.gif) no-repeat 10px 10px;
        padding:15px 15px 10px 40px;
        margin:15px .5em 15px 24px;
        line-height:1.5;
        border-radius: 6px;        
        -webkit-border-radius: 6px;   
        -moz-border-radius: 6px;   

}

/*Index(top)page*/


#main .font-aaa {
   font-size: 28px;
   background-color: #ffbb00;
}

#main .font-bbb {
   font-size: 28px;
   background-color: #bbff00;
}

#main .font-ccc {
   font-size: 28px;
   background-color: #00ffbb;
}

#main .font-ddd {
   font-size: 22px;
   background-color: #00bbff;
}

#main .font-eee {
   font-size: 28px;
   background-color: #44ff44;
}

#main .font-fff {
   font-size: 28px;
   background-color: #ff4444;
}

#main .font-ggg {
   font-size: 28px;
   background-color: #8888ff;
}


#main .font-gray1 {
   font-size: 28px;
   background-color: #d26e32;
}

#main .font-gray1small {
   font-size: 18px;
   #background-color: #f28e52;
   #background-color: #8ef252;
   #background-color: #6ed252;
   background-color: #8fbc8f;
}

#main .font-hhh {
   font-size: 18px;
   #background-color: #f28e52;
   #background-color: #8ef252;
   background-color: #92aef2;
}


#main .font-red {
   font-size: 18px;
   #background-color: #f29999;
   background-color: #f2CCCC;
}


/* --------------------------- */

#main .font-yomoyama-title {
   font-size: 22px;
   background-color: #ccccff;
}

/* --------------------------- */


#main .menulist{
        margin:0 0 30px 0px;
        padding:0;
}
#main .menulist li{
        list-style:none;
        margin:0;
        padding:0;
        float:left;
        width:180px;
        height:180px;
        position:relative;
}
#main .menulist img{
        border:1px solid #ccc;
        border-radius: 5px;        
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px;   
        
}
#main .4th{
        width:172px;
}
#main .menulist a span{
        display:none;
        position:absolute;
        border-radius: 4px;        
    -webkit-border-radius: 4px;   
    -moz-border-radius: 4px;   
        z-index:1;
        color:#000;
}
#main .menulist a:hover span{
        display:block;
        top:40px;
        left:120px;
        width:130px;
        padding:10px;
        background:#aff299;
        z-index:999;
        font-size:0.75em;
        opacity:0.75;
}
#main .news{
        font-size:0.9em;
        margin:10px 0 25px 0;
        padding:0;
}
#main .news dt{
        float:left;
        width:120px;
        
}
#main .news dt span{
        padding-left:1em;
        font-weight:bold;
        color:#174b7b;
}
#main .news dd{
        float:left;
        width:590px;
        padding-bottom:8px;
}
.main_index #main h2{
        background:url(../img/bg_line01.gif) repeat-x 0% 50%;
        margin-right:10px;
        margin-bottom:10px;

}
.product_name{
        font-size:.9em;
        padding-left:.5em;
        margin-bottom:15px;
        color:#063;
}

/*-----#sideの要素------------------*/

#side h3{
        background:#519ddf url(../img/bg_sidenavi.jpg) repeat-x;
        color:#174b7b;
        font-size:.9em;
        padding:8px 0 8px 10px;
        border:none;
        border-radius: 5px 5px 0 0;        
    -webkit-border-radius:5px 5px 0 0 ;   
    -moz-border-radius: 5px 5px 0 0;
        
}

#side h4{
        background:#df9d22 url(../img/bg_sidenavi02.jpg) repeat-x;
        color:#000000;
        font-size:.9em;
        padding:8px 0 8px 10px;
        border:none;
        border-radius: 5px 5px 0 0;        
    -webkit-border-radius:5px 5px 0 0 ;   
    -moz-border-radius: 5px 5px 0 0;
        
}

#side h2{
        background:#20a447 url(../img/bg_sidenavi03.jpg) repeat-x;
        color:#000000;
        font-size:.9em;
        padding:8px 0 8px 10px;
        border:none;
        border-radius: 5px 5px 0 0;        
    -webkit-border-radius:5px 5px 0 0 ;   
    -moz-border-radius: 5px 5px 0 0;
        
}

#side ul{
        margin:0 0 25px 0;
        padding:0;
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;

}
#side ul li{
        list-style:none;
        margin:0;
        padding:0;
        font-size:0.85em;
        border-bottom:1px solid #ccc;
}
#side ul li a{
        background:#fff url(../img/ico_arrow01.gif) no-repeat 4px 50%;
        padding:5px 1em 5px 24px;
        display:block;
        text-decoration:none;
}
#side ul li a:hover{
        background-color:#eff4f8;
        text-decoration:none;
        color:#036;
}

/*-----#footerの要素------------------*/
#footer address{
        height:38px;
        font-style:normal;
        font-size:12px;
        color:#91a1ad;
        line-height:38px;
        background:#000 url(../img/bg_globalnavi.jpg) repeat-x 0% 50%;
        border-radius: 6px;        
    -webkit-border-radius: 6px;   
    -moz-border-radius: 6px;   
}
/*-------classのみ単独指定---共通------*/

.sample {
        margin-right:10px;
        padding:5px 1em 5px 32px;
        border-bottom:3px solid #c6d1d5;
}

.recommend{
        /* background:url(../img/ico_denkyu.gif) no-repeat left 50%; */
        margin-right:10px;
        padding:5px 1em 5px 32px;
        border-bottom:3px solid #c6d1d5;
}
.recommendlist{
        margin:.5em 1em;
        padding:0;
}
.recommendlist li{
        padding:5px 1em 5px 28px;
        list-style:none;
        background:url(../img/ico_arrow02.gif) no-repeat left 50%;
}
.imgleft,
.imgright {
   overflow: hidden;
   height: auto;
}
 
.imgleft img {
   float: left;
   margin: 0 15px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.imgright img {
   float: right;
   margin: 0 0 0 15px !important;
   padding: 0 !important;
   border: 0 !important;
}

.question{
        background:#ddf8c0 url(../img/ico_question.gif) no-repeat 10px 10px;
        padding:15px 15px 10px 48px;
        margin:15px .5em 15px 24px;
        line-height:1.5;
        color:#030;
        border:2px solid #65bf00;
        border-radius: 6px;        
        -webkit-border-radius: 6px;   
        -moz-border-radius: 6px;   


}
.answer{
        background:#fff url(../img/ico_answer.gif) no-repeat 10px 10px;
        padding:15px 15px 10px 48px;
        margin:15px .5em 15px 24px;
        line-height:1.5;
}
.breadcrumb{
        font-size:0.8em;
        margin-bottom:10px;
}
.breadcrumb a{
        padding:0 5px;
}
.list1,list2{
        margin:15px;
}
.list1 li{
        list-style:none;
        margin:0;
        padding:0;
        font-size:0.9em;
        background:#fff url(../img/ico_arrow01.gif) no-repeat 0px 50%;
        padding:5px 1em 5px 20px;
                
}
.list2 li{
        list-style:none;
        margin:0;
        padding:0;
        background:#fff url(../img/ico_arrow02.gif) no-repeat 0px 50%;
        padding:10px 1em 10px 30px;
                
}

.mb15{
        margin-bottom:15px
}
.al_r{
        text-align:left;
}
.al_c{
        text-align:center;
}

button.buttonMail {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
}

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