@media screen{


/***********************************************
  01.common
***********************************************/
* {
	margin          : 0px;
	padding         : 0px;
}

html {
 height          : auto;
}

body {
 font-family     : "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
 font-size       : 0.75em;
 line-height     : 1.58em;
 height          : auto;
 margin          : 0px;
 padding         : 0px;
 color           : #333333;
}

h1,h2,h3,h4,h5,h6 {
 font-size       : 1.0em;
}

.c-both{
 clear           : both;
}

.alCenter {
 text-align      : center;
}

.alRight {
 text-align      : right;
}

.alLeft {
 text-align      : left;
}

.ofHidden {
 overflow        : hidden;
}

.halfBlock {
 width           : 50%;
 float           : left;
}

.thirdBlock {
 width           : 232px;
 float           : left;
}

.flRight {
 float           : right;
}

.flLeft {
 float           : left;
}
.w150 {
 width           : 150px;
}

/***********************************************
  02.layout
***********************************************/
#wrap {
 width           : 100%;
 min-width       : 1020px;
 text-align      : center;
}


/***********************************************
  03.header
***********************************************/
#header {
	background-color: #F0F0F0;
	height          : 90px;
	width           : 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.headerArea {
 width           : 950px;
 margin          : 0 auto;
}

/***********************************************
  04.main
***********************************************/
#main {
 width           : 950px;
 margin          : 0 auto;
}




/***********************************************
  07.footer
***********************************************/
#footer {
 background		 : #0083E3;
 height          : 25px;
}

#copyright {
 width           : 950px;
 margin			 : 0 auto;
 text-align	 	 : center;
 padding-top     : 5px;
 overflow        : hidden;
 color           : #fff;
}
 



/***********************************************
  08.img
***********************************************/

img {
	border          : 0px;
	vertical-align  : top;
}


/***********************************************
  09.text
***********************************************/

.lh11 {line-height : 1.1em !important;}
.lh12 {line-height : 1.2em !important;}
.lh13 {line-height : 1.3em !important;}
.lh14 {line-height : 1.4em !important;}
.lh15 {line-height : 1.5em !important;}
.lh16 {line-height : 1.6em !important;}
.lh17 {line-height : 1.7em !important;}
.lh18 {line-height : 1.8em !important;}
.lh19 {line-height : 1.9em !important;}
.lh20 {line-height : 2.0em !important;}




/***********************************************
  10.table
***********************************************/
table {
 color           : #333333;
}

table.serviceTab {
 width           : 614px;
 margin          : 0 auto;
 border-collapse : collapse;
 text-align      : center;
 color           : #666666;
}

table.serviceTab th {
 background      : #DDF0FF;
 padding         : 5px;
 width           : 200px;
 vertical-align  : top;
 font-weight     : normal;
 border          : 1px solid #cccccc;
}

table.serviceTab td {
 border          : 1px solid #cccccc;
 padding         : 5px;
 font-weight     : bold;
}

table.crammerTab {
 width           : 614px;
 margin          : 0 auto;
 border-collapse : collapse;
 text-align      : left;
 color           : #666666;
}

table.crammerTab th {
 background      : #DDF0FF;
 padding         : 5px 20px;
 width           : 140px;
 vertical-align  : top;
 font-weight     : normal;
 border          : 1px solid #cccccc;
}

table.crammerTab td {
 border          : 1px solid #cccccc;
 padding         : 5px 20px;
 font-weight     : normal;
}
table.crammerTab td .blueBold{
 color           : #0068B7;
 font-weight     : bold;
}

table.crammerTab .w60 {
 width           : 60px !important;
 vertical-align  : middle;
}
table.aboutTab {
 width           : 650px;
 margin          : 0 auto;
 border-collapse : collapse;
 text-align      : left;
 color           : #333333;
}

table.aboutTab th {
 background      : #DDF0FF;
 padding         : 10px;
 width           : 200px;
 vertical-align  : center;
 font-weight     : normal;
 border          : 1px solid #cccccc;
}

table.aboutTab td {
 border          : 1px solid #cccccc;
 padding         : 10px;
}

table.aboutTab td a.googleBtn {
 width           : 129px;
 height          : 20px;
 background      : url(../images/bg_google.gif) no-repeat;
 display         : block;
 text-align      : center;
 color           : #ffffff;


}




table.baseTab {
 width           : 715px;
 margin          : 0 auto;
 border-collapse : collapse;
 border-top      : 1px solid #96c2fb;
}

table.baseTab th {
 background      : #cde2f5;
 width           : 174px;
 text-align      : left;
 padding         : 10px 15px;
 font-weight     : normal;
 border-bottom   : 1px solid #96c2fb;
}

table.baseTab td {
 padding         : 10px 15px;
 text-align      : left;
 border-bottom   : 1px solid #96c2fb;
}

table.historyTab {
 width           : 715px;
 margin          : 0 auto;
 border-collapse : collapse;
}

table.historyTab th {
 width           : 174px;
 text-align      : left;
 padding         : 15px 15px 5px;
 color           : #2d85f8;
 border-bottom   : 1px dotted #ccc;
 vertical-align  : bottom;
}

table.historyTab td {
 padding         : 15px 15px 5px;
 text-align      : left;
 border-bottom   : 1px dotted #ccc;
}

table.companyTab {
 width           : 715px;
 margin          : 0 auto;
 border-collapse : collapse;
 border-top      : 1px solid #96c2fb;
}

table.companyTab th {
 background      : #cde2f5;
 color           : #2d85f8;
 width           : 10px;
 padding         : 5px 10px;
 border-bottom   : 1px solid #96c2fb;
 vertical-align  : top;
}

table.companyTab td {
 padding         : 5px 10px;
 text-align      : left;
 border-bottom   : 1px solid #96c2fb;
}

table.companyTab td ul.companyList {
 overflow        : hidden;
}

table.companyTab td ul.companyList li {
 width           : 191px;
 float           : left;
 padding         : 0px 15px;
 background      : url(../images/ic_blue.gif) no-repeat 0 40%;
}

/* カレンダー */
@media screen {
div#navigation table {
 margin          : 0 auto;
 width           : 95%;
}
div#navigation table tr th {
 padding         : 5px;
 border          : 0px solid #AAAAAA;

	background-color: #FFFFFF;

 text-align      : left;
}
div#navigation table tr td {
 padding         : 3px;
 border          : 0px solid #AAAAAA;

 text-align      : center;
}

/* カレンダー */
div#navigation .calender {
 margin          : 2px 10px;
 text-align      : center;
}

div#navigation .calender li {
 display         : inline;

 margin-right    : 10px;
}

div#navigation .block {
 padding         : 10px;
 border          : 1px solid #E6E6E6;
 text-align      : left;
 margin-bottom   : 15px;
}

/* 検索 */
form fieldset {
 border          : 0px solid #000000;
}
form legend {
 display         : none;
}
form input, form select {
 margin-right    : 1px;
 padding         : 1px;

	font-size      : 90%;
}
@media screen {
form input, form select {
 font-family     : Verdana, Arial, sans-serif;
}
}
form select {
 margin-top      : 1px;
}
form p input {
 text-align      : center;
}
form textarea {
 padding         : 1px;

 font-family     : 'ＭＳ ゴシック', Osaka, monospace;
 line-height     : 1.2em;
}

div#navigation form dl dt {
	display        : none;
}

/* ----- 記事一覧 -------------------------------------- */

div#logs {
 width          : 690px;
}

div#diary .diary .text{
 width          : 670px;
 padding        : 10px;

}
div#diary .diary .info{
 width          : 670px;
 padding        : 10px;
}
div#diary h2 {
 display        : none;
}

/* ----- ページ移動 ------------------------------------ */

div#page h2 {
	display: none;
}

div#page ul {
	margin: 0px;
}
div#page ul li {
	display: inline;
	margin-right: 10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navi h2 {
	display: none;
}

div#navi ul {
	margin: 5px 0px;

	text-align: right;
}
div#navi ul li {
	display: inline;
	margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;
}
div#navi form input {
	padding: 0px;
}
div#diary .info {
	margin: 5px 10px;

	text-align: right;
}
div#diary .info * {
	font-size: 10px;
}
div#diary .info li {
	display: inline;

	margin-left: 5px;
}
.new {
	color: #FF0000;
}


/***********************************************
  11.font
***********************************************/

/* color */
.green     { color:#73bb19 !important; }
.red       { color:#CC0000 !important; }
.orange    { color:#FF9900 !important; }
.blue      { color:#0073CA !important; }
.lightBlue { color:#0F89E3 !important; }
.black     { color:#000 !important; }
.gray      { color:#999 !important; }

/* font-size */
.sizeRe,
.big00,
.small00   { font-size:1.0em !important; }
.big01     { font-size:1.1em !important; }
.big02     { font-size:1.2em !important; }
.big03     { font-size:1.3em !important; }
.big04     { font-size:1.4em !important; }
.big05     { font-size:1.5em !important; }
.big06     { font-size:1.6em !important; }
.big07     { font-size:1.7em !important; }
.big08     { font-size:1.8em !important; }
.big09     { font-size:1.9em !important; }
.big10     { font-size:2.0em !important; }
.small01   { font-size:0.9em !important; }
.small02   { font-size:0.8em !important; }
.small03   { font-size:0.7em !important; }
.small04   { font-size:0.6em !important; }
.small05   { font-size:0.5em !important; }
.small06   { font-size:0.4em !important; }
.small07   { font-size:0.3em !important; }
.small08   { font-size:0.2em !important; }
.small09   { font-size:0.1em !important; }

/* font-weight */
.bold      { font-weight:bold !important; }
.normal    { font-weight:normal !important; }







/***********************************************
  12.link
***********************************************/

a:link {
 color           : #2d85f8;
 text-decoration : underline;
}

a:visited {
 color           : #2d85f8;
 text-decoration : underline;
}

a:hover {
 color           : #2d85f8;
 text-decoration : none;
}

#breadcrumbs a:link {
 color           : #666666;
 text-decoration : none;
 font-weight     : normal;
}

#breadcrumbs a:visited {
 color           : #666666;
 text-decoration : none;
 font-weight     : normal;
}

#breadcrumbs a:hover {
 color           : #666666;
 text-decoration : underline;
 font-weight     : normal;
}

#slider1 a:link {
 color           : #2d85f8;
 text-decoration : none;
}

#slider1 a:visited {
 color           : #2d85f8;
 text-decoration : none;
}

#slider1 a:hover {
 color           : #2d85f8;
 text-decoration : underline;
}

ul#footLinkList a:link {
 color           : #ffffff;
 text-decoration : none;
}

ul#footLinkList a:visited {
 color           : #ffffff;
 text-decoration : none;
}

ul#footLinkList a:hover {
 color           : #FF9900;
 text-decoration : none;
}

a.blueArrowLink:link,
a.blueArrowLink:visited,
a.blueArrowLink:hover {
 background      : url(../images/ic_arrow_disc.gif) no-repeat 100% 0;
 padding         : 0px 18px 0px 0px;
}

a.link1:link {
 color           : #999999;
 text-decoration : none;
}

a.link1:visited {
 color           : #999999;
 text-decoration : none;
}

a.link1:hover {
 color           : #999999;
 text-decoration : underline;
}

#copyright a:link {
 color           : #ffffff;
 text-decoration : none;
}

#copyright a:visited {
 color           : #ffffff;
 text-decoration : none;
}

#copyright a:hover {
 color           : #ffffff;
 text-decoration : underline;
}



/***********************************************
  99.other
***********************************************/
ul {
 list-style-type : none;
}

ul.nomalList {
 list-style-type : disc;
 margin-left     : 15px;
}





/* たかし追加 */

table.inqTab input {
 border          : 1px solid #cccccc;
}

table.inqTab {
 width           : 714px;
 margin          : 0 auto;
 border-collapse : collapse;
 border-top      : 1px solid #cccccc;
}

table.inqTab tr th {
 background      : #cde2f5;
 width           : 184px;
 padding         : 10px;
 border-bottom   : 1px solid #cccccc;
 font-weight     : normal;
 text-align      : left;
}

table.inqTab tr th.requisite {
 background      : url(../images/ic_required.gif) no-repeat #cde2f5 95% 50% ;
}

table.inqTab tr td {
 background      : #fff;
 padding         : 10px;
 text-align      : left;
 border-bottom   : 1px solid #cccccc;
}

/*150316追加*/
.tabTop {
 vertical-align  : top;
}

.tabLeft{
 text-align      : left;
}



/* ----- 処理選択 -------------------------------------- */

div#work h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}

div#work form {
	margin: 10px 0px;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	float: left;
}
div#work form input {
	padding: 0px;
}

/* ----- フォーム -------------------------------------- */

div#form h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}

div#form form {
	margin-bottom: 10px;
}
div#form form dl {
	margin-bottom: 20px;
}
div#form form dl dt {
	float: left;
	clear: left;
	width: 5em;
}
div#form form dl dd {
}
div#form form dl dd textarea {
	margin-top: 2px;
}
div#form form ul {
	margin: 0px 0px 20px 0px;
}
div#form form ul li {
	list-style-type: none;
}

/* ----- 環境設定 -------------------------------------- */

div#env h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#env h3 {
	margin-bottom: 15px;
	padding: 5px;

	background-color: #EEEEEE;
}

div#env dl {
	margin-bottom: 20px;
}
div#env dl dd {
	margin-bottom: 10px;
}

div#env form {
	margin-bottom: 20px;
}
div#env form p {
	margin-bottom: 20px;
}

/* ----- キャンバス ------------------------------------ */

div#canvas h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#canvas applet {
	margin-bottom: 15px;
}

/* ----- ステータス ------------------------------------ */

div#status h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#status h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #999999;
}
div#status h4 {
	margin-bottom: 10px;
}

div#status dl {
	margin-bottom: 20px;
}
div#status dl dt {
	float: left;
	clear: left;
	width: 10em;
}
div#status dl dd {
}


.contactArea {
 width           : 950px;
 margin          : 25px auto 0;
 overflow		 : hidden;
}


}