@charset "utf-8";


/*** 初期化 Style ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;}

/*
=========================================================================
                                                            サイト全体に適応
=========================================================================
*/
html , body {
height: 100%;
}

html {overflow-y:scroll;
overflow-x:hidden;
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
margin: 0px;
padding: 0px;
font-size: 0.875em;
color:#303030;
line-height:1.6;
background-image:url(./images/headerBack.jpg);
background-position: top center;
background-repeat: repeat-x;
background-color: #ffffff;
}

.clear{
clear: both;
}

/*
=========================================================================
                                                                    リンク
=========================================================================
*/
a{/*リンクされた文字*/
    color:#303030;
    font-style:normal;
    text-decoration: none;
}
a:link {/*未訪問のリンク*/
    color:#303030;
    font-style:normal;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#303030;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color:#00AFCC;
    font-style:normal;
    text-decoration:none;
}

a { outline: none; }


/*
=========================================================================
                                                                    文字
=========================================================================
*/
.home p{
font-size: 13px;
line-height: 20px;
}

li{
padding-left: 1em;
text-indent: -1em;
}

.newsBox2 li{
margin-bottom: 10px;
}

#inquiry span{
color: #008b8c;
}

#inquiry p{
color: #008b8c;
}

.red{
color: #008b8c;
}


/*
=========================================================================
                                                                    カラム
=========================================================================
*/

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
padding: 0px 30px ;
width: 960px;
text-align: left;
position:relative;
background-repeat:repeat-y;
}

/*
=========================================================================
                                                           ヘッダー&フッター
=========================================================================
*/

#header {
width:960px;
height:50px;
margin-bottom:30px;
}

#logo {
width: 300px;
height: 26px;
float: left;
margin-top: 8px;
}

#bottomMargin{
height: 100px;
}

#footer{
position:absolute;
bottom:0;
width:100%;
text-align: right;
font-size: 10px;
padding-bottom: 6px;
padding-right: 100px;
}

/*
=========================================================================
                                                                  メニュー
=========================================================================
*/
#menu {
width: 430px;
height: 46px;
float: right;
margin-top:0px;
text-align: center;
line-height: 46px;
}

#HOME{
width: 84px;
height: 46px;
float: right;
text-align: center;
background-color: black;
}

#SERVICE{
width: 104px;
height: 46px;
float: right;
text-align: center;
background-color: black;
}

#ABOUT{
width: 104px;
height: 46px;
float: right;
text-align: center;
background-color: black;
}

#CONTACT{
width: 132px;
height: 46px;
float: right;
text-align: center;
background-color: black;
}

/*
=========================================================================
                                                               サイトトップ
=========================================================================
*/
#topImage{
width: 960px;
height: 200px;
background-image:url(./images/topImage.jpg);
margin-bottom: 30px;
}

/*** SideBooks&StandRack ***/
.topSidebooks
{
width: 460px;
height: 140px;
float: left;
margin-bottom: 25px;
}

.topStandRack
{
width: 460px;
height: 140px;
float: right;
margin-bottom: 25px;
}

.topSidebooksImg
{
float: left;
margin-right: 20px;
}

.topSidebooksbox
{
float: left;
width: 330px;
height: 140px;
}

#AppStore{
/*float: right;*/
float: right;
margin-right: 90px;
}

#AppStore2{
margin-left: 80px;
margin-bottom: 28px;
}


/*** ＡＳＰ・ウエブサービス ***/
.aspWebBox
{
width: 255px;
height: 171px;
float: left;
}

.aspWebBox2
{
width: 224px;
height: 130px;
padding: 5px 15px;
border-left: solid 1px #e2e2e2 ;
}

.aspWebBox2 h3{
font-size: 18px;
line-height: 22px;
height: 30px;
background-repeat: no-repeat;
background-position: left ;
padding: 5px 0px 0px 0px ;
}
.aspWebBox2 img{
float: left;
margin-right: 5px;
}

.aspWebBox2 p{
clear: both;
}

.otherBox2 h3{
font-size: 18px;
line-height: 22px;
height: 40px;
background-repeat: no-repeat;
background-position: left ;
padding: 2px 0px 3px 0px ;
}


.otherBox2 p{
clear: both;
}
.otherBox
{
width: 690px;
height: 171px;
float: right;
}

.otherBox2
{
width: 198px;
height: 130px;
padding: 5px 15px;
border-left: solid 1px #e2e2e2 ;
float: left;
}


.newsBox
{
width: 570px;
float: left;
margin-top:40px;
}

.newsBox2
{
width: 560px;
padding: 5px 0px;
/*border-left: solid 1px #ababab ;
border-right: solid 1px #ababab ;*/
}

.otherBox2 img{
float: left;
margin-right: 5px;
}



/*
=========================================================================
                                                                  事業内容
=========================================================================
*/
.sideMenuBox{
width: 198px;
float: left;
border: solid 1px #e2e2e2;
border-bottom: none;
}

.sideMenu{
width: 178px;
height: 35px;
padding: 10px;
border-bottom: solid 1px #e2e2e2;
line-height:1.4;
}

.line{
line-height: 35px;
}

.sideMenu img{
float: left;
margin-right: 5px;
}

.aboutBox{
width: 720px;
min-height: 600px;
float: right;
margin-bottom: 300px;
font-size: 1.1em;
}

.aboutBox h3{
padding-top: 50px;
line-height: 35px;
margin-bottom: 10px;
font-size: 18px;
}

.aboutMargin{
margin-bottom: 0px;
}

h3 img{
float: left;
margin-right: 5px;
}


.aboutBox p{
margin-bottom: 20px;
overflow: hidden;
}




/*
=========================================================================
                                                                 h1 h2 h3
=========================================================================
*/

h2{
height: 16px;
line-height: 16px;
padding-left: 16px;
background-image:url(./images/h2.jpg);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 15px;
}


h3
{
font-weight: bold;
}







/*
=========================================================================
                                                                    table
=========================================================================
*/
table#about {
    width: 620px;
    border-collapse: collapse;
    border-spacing: 0;
}

table#about td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #e2e2e2;
}

table#inquiry{
    width: 600px;
    margin-bottom: 30px;
    text-align: left;
}

table#inquiry td {
    padding: 20px 0px ;
    width: 430px;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #e2e2e2;
}

table#inquiry th {
    padding: 20px 0px ;
    padding-right: 20px;
    width:150px;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #e2e2e2;
}

.odd{
/*background-image:url(./images/tableBackground.jpg);*/
}


/*
=========================================================================
                                                            個人情報保護方針
=========================================================================
*/
.privacy{
width: 720px;
}

.privacy ol li
{
list-style-type: decimal;
padding-left: 0;
text-indent: 0;
margin-left: 1.5em;
}

/*
=========================================================================
                                                                    その他
=========================================================================
*/
.error{background:#ff6699;padding: 20px;text-align:center;}






/* ------ mobilyslider
-----------------------------------------------*/

#content {
width:800px;
margin:100px auto 0;
}

.slider {
float:left;
width:800px;
height:350px;
position:relative;
padding-bottom:26px;
background:url(./images/bottom_shadow.png) no-repeat bottom center;
margin-left: 80px;
margin-bottom: 60px;
margin-top: 10px;
}

.sliderContent {
float:left;
width:800px;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(./images/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:800px;
height:350px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(./images/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}