@charset "utf-8";                        
                        
/* ========================================================                        
    base.css => 全体共通CSS                    
======================================================== */                        
                        
/* ------------ 全体共通 ------------ */                        
body {    
    width: 100%;                
    height: 100%;            
    margin: 0;    
    padding: 0;
    font-size: 13px;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , Verdana ,'Osaka' ,sans-serif;    
    background:#FFFFFF;
    overflow-x:hidden;
}            
                        
div {                        
    vertical-align:top;                    
}                        
                        
/* normalize.cssを上書き */                        
table {                        
    border-collapse: separate;                    
    border-spacing: 2px;                    
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { 
    margin: 0;
    padding: 0;
}

ul{list-style:none;}


a{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    outline:none;
    overflow:hidden;
    text-decoration:none;
    }
a:link {/*未訪問のリンク*/
    color:#000000;
    font-style:normal;
    }
a:visited {/*訪問後のリンク*/
    color:#000000;
    }
a:hover {/*マウスをのせたとき*/
    color:#000000;
    font-style:normal;
    text-decoration:underline;
    }
a:active {/*クリック中*/
    color:#000000;
     }

                
                        
/* ------------ inputタグ共通 ------------ */                        
input {                        
    font-size: 12px;                    
}                        
                        
/* ------------ テキストボックス[全般] ------------ */

/*
input {                        
    background-color: #ffffff;
    border: 1px solid #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 1px #acacac;
    -webkit-box-shadow: inset 0px 1px 1px #acacac;
    box-shadow: inset 0px 1px 1px #acacac;
    padding: 5px                    
}        
                
.indispensable input{
    border: 2px solid #ff8000;
    }
*/

input[type="text"] {                        
    background-color: #ffffff;
    border: 1px solid #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px
}        

input[type="password"] {                        
    background-color: #ffffff;
    border: 1px solid #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px
}        

                
.indispensable input[type="text"] {
    border: 2px solid #ff8000;
    }

    

/* ------------ テキストエリア ------------ */                        
textarea {                        
    border-radius: 2px;                    
    -moz-border-radius: 2px;                    
    -webkit-border-radius: 2px;                    
    /*border: inset 2px #F0F0F0;*/
    font-size: 12px;    
    /*height:25px;*/
    border:solid 1px #cccccc;        
    font-size: 12px;                    
    padding: 5px;
    }

.indispensable textarea{
    border: 2px solid #ff8000;
    }

                        
/* ------------ セレクトリスト[全般] ------------ */                        
select {                        
    border-radius: 2px;                    
    -moz-border-radius: 2px;                    
    -webkit-border-radius: 2px;                    
    /*border: inset 2px #F0F0F0;*/
    font-size: 12px;    
    /*height:25px;*/
    border:solid 1px #cccccc;
}







/* float
-----------------------------------------------------------*/
.fl {float: left;}
.fr {float: right;}
.cl {clear:both;}

/* text-align
-----------------------------------------------------------*/
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

/* 配置
-----------------------------------------------------------*/
.inner{margin:auto;}
.leftArea{float:left;}
.rightArea{float:right;}



/* --------------------------------------------------------
	画像効果
------------------------------------------------------------*/
a img{background:none!important;}
a:hover img{
    opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
}
#image-navigation a img,
#image-navigation a:hover img{
    opacity:100;
    filter:alpha(opacity=100);
}

.mainSlide a img,
.mainSlide a:hover img{
    opacity:100;
    filter:alpha(opacity=100);
}

/* --------------------------------------------------------
	コンテンツ　背景
------------------------------------------------------------*/

.bgGray{
    background-color: #f5f3ef;
}

.bgGrayBorder{
    background:#eeeeee;
    border:solid 1px #cccccc;
}

.bgShadow{
    background-color: #ffffff;
    border: solid 1px #CCC;
}


.bgShadowBlue{
    background-color: #009cce;
}