﻿@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */


body{
color:#0d174a;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
background:#fff;
text-align:center;
}

body#style2{
background-image:url("../img/backimage.jpg");
}



/* リンク設定
------------------------------------------------------------*/
a{color:#a3ffff;text-decoration:none;}
a:hover{opacity:.8;}
a:active, a:focus{outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:880px;
background:#fff;
}

h1{
font-size:20px;
margin-bottom:30px;
}

h2{
font-size:36px;
margin-top:10px;
}

#style2 p{
font-size:24px;
line-height:1.5
}

#style2 p#font-s{
font-size:11px;
text-align:right;
}


.yellow{
color:yellow;
}

.cyan{
color:deepskyblue;
}

.blue{
color:blue;
}


.w50{
width:50px;
}

.r{
text-align:right;
}

.italic{
font-style:italic;
padding-top:10px;
}

#font-s{
font-size:11px;
}


/*************
/* ヘッダー
*************/

#header{
overflow:hidden;
padding:5px 0 0;
}


* html #header{height:1%;}

/**************************
/* トップナビゲーション
**************************/
ul#topnav{
clear:both;
overflow:hidden;
margin:0 auto;
text-align: left;
}

* html ul#topnav{height:1%;}

ul#topnav li,img{
float:left;
}

ul#topnav a{
width:110px;
font-size:24px;
display:block;
padding:0px 0px 10px 35px;
margin-left:0px;
color:#0d174a;
}

ul#topnav a.s{
font-size:11px;
}

ul#topnav a:link.rokett{
background-image:url("../img/botan1.jpg");
background-repeat: no-repeat;
}
ul#topnav a:hover.rokett{
background-image:url("../img/botan2.jpg");
background-repeat: no-repeat;
}

/*************
/* 地図
*************/
#map{
}


/*************
/* 交通案内
*************/
#annai{
clear:both;
margin:0 100px;
}

#annai p{
font-size:24px;
text-align:left;
line-height:1.5
}

/*************
/* 会社概要
*************/
#outlineBox{
float:left;
width: 410px;
}

#outlineBox dl dt{
	float: left;
	width:150px;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 6px;
	font-size: 18px;
}
#outlineBox dl dd{
	margin-bottom: 16px;
	font-size: 16px;
}

#policy{
padding-bottom: 30px;
}
/*****************
/* スタイル２　表
******************/
#style2 table{
margin:10px auto;
line-height:1.5em;
}

#style2 th{
font-size: 18px;
font-style: bold;
}



#style2 td{
vertical-align:middle;
padding-left:15px;
font-size: 16px;
}


#style2 td span{
color:#000080;
font:18px "HG創英角ﾎﾟｯﾌﾟ体",verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#fff;
}


#style2 img{
margin-top:0px;
margin-bottom:0px;
margin-right:30px;
}

/*****************
/* 活動　表
******************/

#activity td{
vertical-align: top;
}

/*****************
/* 募集　表
******************/

#recruit th{
vertical-align: top;
font-size:18px;
}


#recruit td{
font-size:16px;
line-height:1.5;
padding-bottom:20px;

}



