@charset "utf-8";

/*** 全体 ***********************************************************************/

body{
	margin:			0px;
	padding:		0px;
	text-align:		center;
}


html, div{
	margin:			0;
	padding:		0;
	font-size:		14px;
	font-family:		"メイリオ", sans-serif;
	border:			1000px;
}

/********************************************************************************/



/*** ヘッダ関連 *****************************************************************/

table.top{
	line-height:		0;
	border-collapse:	collapse;
}


.center{
	border:			1px solid #FFFFFF;
	margin-left:		auto;
	margin-right:		auto;
	text-align:		left;
	width:			800px;
}


.btnHome		{	background: url("img/btnHomeOn.jpg") no-repeat;		}
.btnHome a		{	display: inline-block;					}
.btnHome a:hover	{	background-color: transparent;				}
.btnHome a:hover img	{	visibility: hidden;					}

.btnContact		{	background: url("img/btnContactOn.jpg") no-repeat;	}
.btnContact a		{	display: inline-block;					}
.btnContact a:hover	{	background-color: transparent;				}
.btnContact a:hover img	{	visibility: hidden;					}

.btnProduct		{	background: url("img/btnProductOn.jpg") no-repeat;	}
.btnProduct a		{	display: inline-block;					}
.btnProduct a:hover	{	background-color: transparent;				}
.btnProduct a:hover img	{	visibility: hidden;					}

.btnProfile		{	background: url("img/btnProfileOn.jpg") no-repeat;	}
.btnProfile a		{	display: inline-block;					}
.btnProfile a:hover	{	background-color: transparent;				}
.btnProfile a:hover img	{	visibility: hidden;					}

/********************************************************************************/



/*** frame関連 ******************************************************************/

table.frame{
	margin:			0 auto;
	width:			800px;
	border:			1px #3CA5E2 solid;
	border-collapse:	collapse;
/*	border:			100px;	*/
}

td.frameTitle{
	font-size:		14px;
	color:			#FFFFFF;
	background:		#3CA5E2;
	border:			1px #3CA5E2 solid;
}

td.frameText{
	font-size:		14px;
	color:			#000000;
	background:		#FFFFFF;
	border:			1px #3CA5E2 solid;
}

/********************************************************************************/


/*** mini frame関連 *************************************************************/

table.miniFrame{
	margin:			0 auto;
	width:			750px;
	border:			1px #3CA5E2 solid;
	border-collapse:	collapse;
	border:			100px;
}

td.miniFrameTitle{
	width:			160px;
	font-size:		14px;
	color:			#FFFFFF;
	background:		#3CA592;
	border:			1px #3CA592 solid;
}

td.miniFrameText{
	font-size:		14px;
	color:			#000000;
	background:		#FFFFFF;
	border:			1px #3CA592 solid;
}


table.childFrame{
	margin:			0 auto;
	width:			750px;
	border:			1px #3CA592 solid;
	border-collapse:	collapse;
	border:			100px;
}

td.childFrameTitle{
	width:			160px;
	font-size:		14px;
	color:			#FFFFFF;
	background:		#3CA592;
	border:			1px #D3D3D3 solid;
}

td.childFrameText{
	font-size:		14px;
	color:			#000000;
	background:		#FFFFFF;
	border:			1px #D3D3D3 solid;
}

/********************************************************************************/


/* サービス関連 **********************************************************************/
table.service{
	margin:			0 auto;
	width:			700px;
	border:			1px #D3D3D3 solid;
	border-collapse:	collapse;
	border:			100px;
}

td.serviceTop{
	border:			1px #D3D3D3 solid;
	background:		#B0C4DE;
	font-size:		14px;
}

td.serviceLine{
	border:			1px #D3D3D3 solid;
	background:		#FFFFFF;
	font-size:		14px;
	text-align:		left;
}

/********************************************************************************/


/* NAS関連 **********************************************************************/
table.nas{
	margin:			0 auto;
	width:			600px;
	border:			1px #D3D3D3 solid;
	border-collapse:	collapse;
	border:			100px;
}

th.nasTop{
	border:			1px #D3D3D3 solid;
	background:		#B0C4DE;
	font-size:		14px;
	text-align:		center;
}

td.nasLine{
	border:			1px #D3D3D3 solid;
	background:		#FFFFFF;
	font-size:		14px;
/*	text-align:		left;			*/
	text-align:		center;
}

/********************************************************************************/



/* プロフィール関連 *************************************************************/
table.profile{
	margin:			0 auto;
	width:			650px;
	border:			1px #3CA5E2 solid;
	border-collapse:	separate;
	border:			100px;
}

td.profileTitle{
	width:			100px;
	font-size:		14px;
/*	font-weight:		bold;		*/
	color:			#FFFFFF;
	background:		#3CA5E2;
	border:			1px #3CA5E2 solid;
}

td.profileText{
	font-size:		14px;
	color:			#000000;
	background:		#FFFFFF;
	border:			1px #3CA5E2 solid;
}

img.profile{
	vertical-align:		middle;
}


/********************************************************************************/


/* コンタクト関連 *************************************************************/
table.contact{
	margin:			0 auto;
	width:			750px;
	border:			1px #3CA5E2 solid;
	border-collapse:	separate;
	border:			100px;
}

td.contactTitle{
	width:			230px;
	font-size:		14px;
	color:			#FFFFFF;
	background:		#3CA5E2;
	border:			1px #3CA5E2 solid;
}

td.contactText{
	font-size:		14px;
	color:			#000000;
	background:		#FFFFFF;
	border:			1px #3CA5E2 solid;
}

td.contactButton{
	text-align:		center;
}

img.contact{
	vertical-align:		middle;
}


/********************************************************************************/


/* リンク関連 *******************************************************************/

a {
	color:			#000000;
	outline:		0;
	text-decoration:	underline;
}
a:visited {
	color:			#000000;
	outline:		0;
	text-decoration:	underline;
}
a:hover {
	color:			#4D99E0;
	outline:		0;
	text-decoration:	underline;
}
a:hover img {
	opacity:		0.7;
}

a img {
	border:			0;
}
a:active{
	color:			inherit;
}
/********************************************************************************/

#center {
	text-align:		center;
}