@charset "utf-8";

body {
	background-color:	#FFF;
	margin:				0;
	padding:				0;
	background-image:	url(./../img/bg.jpg);
	background-repeat:	repeat-x;
}
a img {
	border:				none;
}
.Split {
	clear:					both;
	display:				block;
	width:					100%;
	height:				0px;
	overflow:				hidden;
	margin:				0;
	padding:				0;
}
.Split3 {
	clear:					both;
	display:				block;
	width:					100%;
	height:				3px;
	overflow:				hidden;
	margin:				0;
	padding:				0;
}
.Split5 {
	clear:					both;
	display:				block;
	width:					100%;
	height:				5px;
	overflow:				hidden;
	margin:				0;
	padding:				0;
}
.Split10 {
	clear:					both;
	display:				block;
	width:					100%;
	height:				15px;
	overflow:				hidden;
	margin:				0;
	padding:				0;
}
.SplitDashed {
	clear:					both;
	display:				block;
	width:					100%;
	height:				15px;
	border-bottom:		1px dashed #CCC;
	padding:				0;
	margin:				0 0 15px 0;
	overflow:				hidden;
}
.MainBox {
	width:					850px;
	margin:				0 auto 0 auto;
	padding:				0;
}
.S5 {
	height:				5px;
	overflow:				hidden;
	margin:				0;
	padding:				0;
}
/*******************************************************************************
	ヘッダーカラム
*******************************************************************************/
.HeaderBox {
	width:					100%;
	height:				110px;
	background-image:	url(./../img/bg_head.jpg);
	background-repeat:	no-repeat;
}
.HeadTop {
	color:					#FFF;
	padding:				3px 10px;
	font-size:				12px;
}
.HeadLeft {
	width:					550px;
	float:					left;
}
.HeadRight {
	width:					250px;
	line-height:			35px;
	text-align:			center;
	font-size:				24px;
	font-weight:			bold;
	color:					#FFF;
	float:					right;
	padding:				15px 0 0 0;
}
/*******************************************************************************
	ヘッダーカラム END
*******************************************************************************/



.MiddleBox {
	clear:					both;
	width:					850px;
	_width:					855px;
	margin:				0 auto 0 auto;
	padding:				0;
	border:				1px solid #CCC;
	background-color:	#FFF;
}

/*******************************************************************************
	メインコンテンツカラム 共通
*******************************************************************************/
.MainColumn {
	width:					640px;
	float:					right;
}


h1 {
	width:					574px;
	height:				35px;
	line-height:			35px;
	text-align:			left;
	font-size:				16px;
	font-weight:			bold;
	padding:				0 0 0 30px;
	margin:				15px auto 10px auto;
}

h2 {
	width:					579px;
	height:				30px;
	line-height:			30px;
	color:					#FFF;
	text-align:			left;
	font-size:				14px;
	padding:				0 0 0 15px;
	margin:				25px auto 10px auto;
}

h3 {
	width:					579px;
	height:				30px;
	line-height:			30px;
	color:					#FFF;
	text-align:			left;
	font-size:				14px;
	padding:				0 0 0 15px;
	margin:				25px auto 10px auto;
}
h4 {
	width:					569px;
	height:				28px;
	line-height:			28px;
	text-align:			left;
	font-size:				14px;
	padding:				0 0 0 25px;
	margin:				0 auto 10px auto;
}

h5 {
	width:					579px;
	height:				30px;
	line-height:			30px;
	color:					#FFF;
	text-align:			left;
	font-size:				14px;
	padding:				0 0 0 15px;
	margin:				0 auto 10px auto;
}

.Comment {
	width:					569px;
	line-height:			150%;
	padding:				0 15px 15px 15px;
	font-size:				14px;
}
.Comment a{
	text-decoration:		none;
	color:					#255287;
	font-weight:			bold;
}
.Comment a:hover{
	color:					#E4634C;
}

.Comment p {
	margin:				0;
	line-height:			140%;
	padding-bottom:		8px;
}

/*******************************************************************************
	メインコンテンツカラム 共通　END
*******************************************************************************/



/*******************************************************************************
	Web制作関連
*******************************************************************************/


.Contents {
	padding:				25px 25px 25px 20px;
}

.Contents h1{
	background-image:		url(./../img/h1_web.png);
	background-repeat:	no-repeat;
}
.Contents h2{
	background-image:		url(./../img/h2.png);
	background-repeat:	no-repeat;
}
.Contents h3{
	background-image:		url(./../img/h3.png);
	background-repeat:	no-repeat;
}
.Contents h4{
	background-image:		url(./../img/h4_web.gif);
	background-repeat:	no-repeat;
}

.Contents h5{
	background-image:		url(./../img/h5.png);
	background-repeat:	no-repeat;
}

.Contents h6{
	width:					100%;
	font-size:				18px;
	padding:				3px 0 3px 0;
	margin:				0;
	font-size:				14px;
	color:					#F33;
	font-weight:			bold;
}


.IndexBox {
	width:					569px;
	line-height:			150%;
	padding:				0 15px 15px 15px;
	font-size:				14px;
}
.IndexBoxLink {
	display:				block;
	width:					151px;
	height:				31px;
	float:					right;
	padding:				0 10px 0 10px;
}

.IndexUL{
	width:					395px;
	display:				block;
	float:					right;
}
.IndexUL ul{
	line-height:			150%;
	margin:				5px 0 5px 0;
	font-size:				12px;
}

.SiteLeft, .SiteRight {
	display:				block;
	width:					290px;
	font-size:				12px;
}

.SiteLeft {
	float:					left;
}

.SiteLeft1 {
	padding:0;
	marign:0;
	line-height:120%;
	height:					80px;
	overflow:				auto;
	margin-top:				5px;
}
.SiteLeft1 ul {
	margin:					5px 0 0 1em;
	padding:				0;
}

.SiteRight {
	float:					right;
}

.SiteImg {
	margin-right:			10px;
	float:					left;
}
.ServiceImg {
	margin-right:			10px;
	margin-bottom:		10px;
	float:					left;
}
.ServiceImg2 {
	margin-left:			10px;
	margin-bottom:		10px;
	float:					right;
}

.Name {
	font-weight:			bold;
	padding-bottom:		5px;
}

.Name a{
	text-decoration:		none;
	color:					#255287;
	font-weight:			bold;
}

.Name a:hover{
	color:					#E4634C;
}


.ServiceButton a {
	display:				block;
	width:					140px;
	height:				26px;
	line-height:			26px;
	font-size:				14px;
	text-decoration:		none;
	color:					#FFF;
	padding-left:			16px;
	margin:				0 auto 0 auto;
	font-weight:			bold;
	background-image:		url(./../img/button_01.png);
	background-repeat:	no-repeat;
	float:					right;
}
.ServiceButton a:hover {
	color:					#FF6;
}


.WebPageMenu {
	display:				block;
	padding:				0;
	margin:				0;
	list-style-type:		none;
}
.WebPageMenu li {
	float:					left;
	height:				23px;
	line-height:			24px;
	padding:				0;
	margin:				0;
	overflow:				hidden;
}
.WebPageMenu .NotLink{
	padding:				0 20px 0 20px;
	font-size:				12px;
	font-weight:			bold;
	background-image:		url(./../img/button_03.png);
	background-repeat:	no-repeat;
}

.WebPageMenu .Link a {
	padding-right:		20px;
	font-size:				12px;
	text-decoration:		none;
	color:					#333;
}

.WebPageMenu .Link a:hover {
	font-weight:			bold;
}

.ConOL {
	margin:				0 0 0 100px;
	padding:				0 0 0 100px;
}
.ConOL li {
	margin:				0;
	padding:				0;
}

.T_Box {
	width:					500px;
	margin:				10px auto 10px auto;
}
.T_BoxL {
	width:					100px;
	float:					left;
}
.T_BoxR {
	width:					395px;
	float:					left;
}
.T_BoxS {
	clear:					both;
	width:					100%;
	height:				5px;
	border-top:			1px solid #DDD;
}

.WebContact a {
	display:				block;
	width:					401px;
	height:				51px;
	margin:				10px auto 10px auto;
	background-image:		url(./../img/web_contact.png);
	background-repeat:	no-repeat;
	background-position:	top;
}
.WebContact a:hover {
	background-position:	bottom;
}

.WebFlowComment {
	width:					569px;
	line-height:			150%;
	padding:				8px 15px 15px 15px;
	font-size:				14px;
}

.WebFlowComment p {
	margin:				0;
	line-height:			140%;
	padding-bottom:		8px;
}

.WebResults a{
	text-decoration:		none;
	color:					#255287;
	font-weight:			bold;
}

.WebResults a:hover{
	color:					#E4634C;
}



/*******************************************************************************
	Web制作関連 END
*******************************************************************************/




/*******************************************************************************
	修理関連
*******************************************************************************/

.RepairContents {
	padding:				25px 25px 25px 20px;
}
.RepairContents h1 {
	background-image:	url(./../img/h1_rep.png);
	background-repeat:	no-repeat;
}
.RepairContents h2 {
	background-image:	url(./../img/h2.png);
	background-repeat:	no-repeat;
}
.RepairContents h3 {
	background-image:	url(./../img/h3.png);
	background-repeat:	no-repeat;
}
.RepairContents h4 {
	background-image:	url(./../img/h4.gif);
	background-repeat:	no-repeat;
}
.RepairContents h5 {
	background-image:	url(./../img/h5.png);
	background-repeat:	no-repeat;
}

/*****	修理の事例	*****/


.BlogDescription {
	margin:				3px 15px 3px 15px;
	font-size:				12px;
	line-height:			130%;
}
.BlogLink {
	width:					100%;
	margin:				0;
}
.BlogLink a{
	display:				block;
	width:					61px;
	height:				31px;
	margin:				5px 0 5px auto;
	background-image:	url(./../img/blog_link.png);
	background-repeat:	no-repeat;
}
.BlogLink img{
	width:					61px;
	height:				31px;
	border:				none;
}

/*****	問い合わせの例	*****/

.Q_Icon {
	display:				block;
	width:					30px;
	height:				26px;
	background-image:	url(./../img/question.png);
	background-repeat:	no-repeat;
	float:					left;
}
.A_Icon {
	display:				block;
	width:					30px;
	height:				26px;
	background-image:	url(./../img/answer.png);
	background-repeat:	no-repeat;
	float:					left;
}
.Q_Box {
	font-size:				14px;
	display:				block;
	width:					550px;
	float:					right;
}
.A_Box {
	font-size:				12px;
	line-height:			130%;
	display:				block;
	width:					550px;
	float:					right;
}
.PriceTable table a {
	color:					#F33;
	text-decoration:		none;
}
.PriceTable table a:hover {
	text-decoration:		underline;
}
.PriceTable table{
	width:					100%;
	border-collapse:		collapse;
	border-spacing:		0;
	border:				1px solid #CCC;
	border-left:			5px solid #CCC;
	font-size:				12px;
	margin:				15px auto 15px auto;
}

.PriceTable th {
	width:					25%;
	padding:				5px;
	border:				1px solid #CCC;
	text-align:			left;
	vertical-align:		top;
	background-color:	#EEE;
}
.PriceTable td {
	width:					60%;
	padding:				5px;
	border:				1px solid #CCC;
}

.PriceTable table .Price {
	width:					15%;
	text-align:			right;
	vertical-align:		bottom;
}
.PriceTable table .Title {
	border:				1px solid #CCC;
	height:				30px;
	line-height:			30px;
	text-align:			left;
	font-size:				16px;
	padding:				0 0 0 30px;
	background-image:	url(./../img/price_title.gif);
	background-repeat:	no-repeat;
	background-color:	#A5A5A5;
	color:					#FFF;
}
.PriceTable table .ColName {
	text-align:			center;
}
.PriceTable table .PriseBottom {
	padding:				10px;
	background-color:	#EEE;
	color:					#F66;
	font-weight:			bold;
}

.RepContact a {
	display:				block;
	width:					401px;
	height:				51px;
	margin:				10px auto 10px auto;
	background-image:	url(./../img/rep_contact.png);
	background-repeat:	no-repeat;
	background-position:	top;
}
.RepContact a:hover {
	background-position:	bottom;
}

.PriceTableLink .Left a {
	width:					216px;
	height:				28px;
	line-height:			28px;
	color:					#FFF;
	font-weight:			bold;
	text-decoration:		none;
	font-size:				14px;
	margin:				0 30px 0 30px;
	padding-left:			15px;
	background-image:	url(./../img/button_02.png);
	float:					left;
}
.PriceTableLink .Left a:hover {
	color:					#FF6;
}
.PriceTableLink .Right a {
	width:					216px;
	height:				28px;
	line-height:			28px;
	color:					#FFF;
	font-weight:			bold;
	text-decoration:		none;
	font-size:				14px;
	margin:				0 30px 0 30px;
	padding-left:			15px;
	background-image:	url(./../img/button_02.png);
	float:					right;
}
.PriceTableLink .Right a:hover {
	color:					#FF6;
}

.PriceEndComment {
	font-size:				14px;
}

.RepLink {
	width:					196px;
	float:					left;
}
.RepLine {
	text-align:			right;
	margin:				5px 0;
	font-size:				16px;
	float:					right;
}
.RepLine a {
	text-decoration:		none;
	color:					#F66;
	font-weight:			bold;
}
.RepLine a:hover {
	color:					#A33;
}
.Button1 a {
	display:				block;
	width:					140px;
	height:				26px;
	line-height:			26px;
	font-size:				14px;
	text-decoration:		none;
	color:					#FFF;
	padding-left:			16px;
	margin:				0 auto 0 auto;
	font-weight:			bold;
	background-image:		url(./../img/button_01.png);
	background-repeat:	no-repeat;
}
.Button1 a:hover {
	color:					#FF6;
}
.Button2 a {
	display:				block;
	width:					220px;
	height:				28px;
	line-height:			28px;
	font-size:				14px;
	text-decoration:		none;
	text-align:			left;
	color:					#FFF;
	padding-left:			11px;
	margin:				0 0 0 0;
	font-weight:			bold;
	background-image:	url(./../img/button_02.png);
	background-repeat:	no-repeat;
}
.Button2 a:hover {
	color:					#FF6;
}
.RepBottom {
	font-size:				14px;
	width:					90%;
	line-height:			130%;
	letter-spacing:		1px;
	font-weight:			bold;
	margin:				10px auto 0 auto;
}






.DataImg1 {
	margin:				0 10px 10px 0;
	float:					left;
}
.PCImgNum {
	margin:				0 10px 25px 0;
	float:					left;
}
.PCul {
	font-size:				14px;
}

.MediaTable table {
	width:					100%;
	border-collapse:		collapse;
	border-spacing:		0;
	border:				1px solid #CCC;
	font-size:				12px;
	margin:				10px auto 15px auto;
}
.MediaTable th {
	width:					33%;
	background-color:	#CCC;
	line-height:			25px;
}
.MediaTable .text{
	border-left:			1px solid #CCC;
	border-right:			1px solid #CCC;
	padding:				10px;
}
.MediaTable .img{
	border-left:			1px solid #CCC;
	border-right:			1px solid #CCC;
	border-bottom:		1px solid #CCC;
	padding:				5px;
	text-align:			center;
}


/*	修理関連 END	*/


/*******************************************************************************
	修理関連 END
*******************************************************************************/

/*******************************************************************************
	総合問い合わせ関連
*******************************************************************************/


.InfoContents {
	background-image:	url(./../img/h1_info.png);
	background-repeat:	no-repeat;
}

/*******************************************************************************
	総合問い合わせ関連 END
*******************************************************************************/


/*	問い合わせFORM	*/
.Contact {
	padding:				0 25px 25px 20px;
}
.Company {
	line-height:			150%;
}
.Company a{
	text-decoration:		none;
	color:					#333;
}
.Company a:hover{
	color:					#336;
}
.Contact table, .Company table {
	width:					100%;
	border-collapse:		collapse;
	border-spacing:		0;
	border:				1px solid #CCC;
	border-left:			5px solid #CCC;
	font-size:				12px;
}

.Contact th, .Company th {
	width:					30%;
	padding:				3px;
	border:				1px solid #CCC;
	text-align:			left;
	padding-left:			5px;
}
.Contact td, .Company td {
	padding:				3px;
	border:				1px solid #CCC;
}
.Company th {
	vertical-align:		top;
}

.Contact span {
	color:					#DB6;
	font-size:				11px;
}
.Contact .Text1 {
	border:				1px solid #DDD;
	width:					95%;
}
.Contact .Text2 {
	border:				1px solid #DDD;
	width:					60px;
}
.Contact .Radio {
	width:					49%;
	float:					left;
}
.Contact textarea {
	width:					95%;
	height:				120px;
	border:				1px solid #DDD;
}
.Submit{
	width:					200px;
	margin:				15px auto 15px auto;
}

.Contact button {
	width:					200px;
	height:				25px;
	line-height:			25px;
	background-image:	url(./../img/submit.png);
	border:				none;
	color:					#FFF;
	font-weight:			bold;
}

.Contact button:hover {
	color:					#FEA;
}
.Contact .ContactError {
	padding:				3px;
	color:					#F66;
	font-weight:			bold;
}



.TopAnchor {
	width:					100%;
	margin:				15px 0 15px 0;
}
.TopAnchor a{
	display:				block;
	width:					65px;
	line-height:			15px;
	margin:				15px 0 15px auto;
	background-image:	url(./../img/top_back.gif);
	background-repeat:	no-repeat;
	font-size:				12px;
	font-weight:			bold;
	text-align:			right;
	text-decoration:		none;
	color:					#333;
}
.TopAnchor a:hover{
	color:					#A33;
}

/*	問い合わせFORM END	*/






/*	プライバシー 	*/
.privacy {
	line-height: 130%;
	font-size: 12px;
}

.privacy ol{
	margin:					0;
	padding-left:			30px;
}

.privacy li{
	margin:					15px 0 5px 0;
	padding-right:			30px;

}

.privacy div {
	width:570px;
	padding:0 10px 0 10px;
}

/*	プライバシー END	*/






/*******************************************************************************
	メインコンテンツカラム　END
*******************************************************************************/

/*******************************************************************************
	左カラム
*******************************************************************************/
.LeftColumn {
	width:					205px;
	margin-top:			10px;
	float:					left;
	overflow:				hidden;
}

/*	メニュースタイル	*/
.LeftColumn ul {
	width:					100%;
	padding:				0;
	margin:				15px 0 0 0;
	list-style-type:		none;
}
.LeftColumn li {
	display:				block;
}


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

.LeftColumn .WebTitle {
	width:					150px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				14px;
	font-weight:			bold;
	color:					#FFF;
	background-color:	#255287;
	margin:				2px 0 0 25px;
	padding:				0 0 0 30px;
	background-image:	url(./../img/Menu_Title_Web.gif);
}

.LeftColumn .RepTitle {
	width:					150px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	color:					#FFF;
	background-color:	#255287;
	margin:				2px 0 0 25px;
	padding:				0 0 0 30px;
	background-image:	url(./../img/Menu_Title_Rep.gif);
}

.LeftColumn .SitTitle {
	width:					150px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				14px;
	font-weight:			bold;
	color:					#FFF;
	background-color:	#255287;
	margin:				2px 0 0 25px;
	padding:				0 0 0 30px;
	background-image:	url(./../img/Menu_Title_Site.gif);
}

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

.LeftColumn .WebMenuN {
	width:					160px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				12px;
	color:					#333;
	margin:				2px 0 0 25px;
	padding:				0 5px 0 15px;
	background-image:	url(./../img/Menu_Web2.gif);
}
.LeftColumn .WebMenu a {
	width:					160px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				12px;
	color:					#333;
	margin:				2px 0 0 25px;
	padding:				0 5px 0 15px;
	background-image:	url(./../img/Menu_Def.gif);
	text-decoration:		none;
}
.LeftColumn .WebMenu a:hover {
	background-image:	url(./../img/Menu_Web1.gif);
}

.LeftColumn .RepMenuN {
	width:					160px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				12px;
	color:					#333;
	margin:				2px 0 0 25px;
	padding:				0 5px 0 15px;
	background-image:	url(./../img/Menu_Rep2.gif);
}
.LeftColumn .RepMenu a {
	width:					160px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				12px;
	color:					#333;
	margin:				2px 0 0 25px;
	padding:				0 5px 0 15px;
	background-image:	url(./../img/Menu_Def.gif);
	text-decoration:		none;
}
.LeftColumn .RepMenu a:hover {
	background-image:	url(./../img/Menu_Rep1.gif);
}

.LeftColumn .SitMenu a {
	width:					160px;
	height:				25px;
	line-height:			25px;
	display:				block;
	font-size:				12px;
	color:					#333;
	margin:				2px 0 0 25px;
	padding:				0 5px 0 15px;
	background-image:	url(./../img/Menu_Def.gif);
	text-decoration:		none;
}
.LeftColumn .SitMenu a:hover {
	background-image:	url(./../img/Menu_Site.gif);
}


/******************************************************************************/
.LeftColumn .WebSubMenuN, .LeftColumn .WebSubMenuNT {
	width:					160px;
	display:				block;
	height:				15px;
	line-height:			15px;
	font-size:				11px;
	color:					#333;
	padding:				0 5px 0 15px;
	background-color:	#E6F7DF;
	margin:				0 0 0 25px;
}
.LeftColumn .WebSubMenu a, .LeftColumn .WebSubMenuT a {
	width:					160px;
	display:				block;
	height:				15px;
	line-height:			15px;
	font-size:				11px;
	color:					#333;
	text-decoration:		none;
	margin:				0 0 0 25px;
	padding:				0 5px 0 15px;
	background-color:	#E8E8E8;
}
.LeftColumn .WebSubMenuNT, .LeftColumn .WebSubMenuT a {
	margin:				2px 0 0 25px;
}
.LeftColumn .WebSubMenu a:hover, .LeftColumn .WebSubMenuT a:hover {
	background-color:	#E6F7DF;
}


.LeftColumn .RepSubMenuN, .LeftColumn .RepSubMenuNT {
	width:					160px;
	display:				block;
	height:				15px;
	line-height:			15px;
	font-size:				11px;
	color:					#333;
	padding:				0 5px 0 15px;
	background-color:	#DEEFF8;
	margin:				0 0 0 25px;
}
.LeftColumn .RepSubMenu a, .LeftColumn .RepSubMenuT a {
	width:					160px;
	display:				block;
	height:				15px;
	line-height:			15px;
	font-size:				11px;
	color:					#333;
	text-decoration:		none;
	margin:				0 0 0 25px;
	padding:				0 5px 0 15px;
	background-color:	#E8E8E8;
}
.LeftColumn .RepSubMenuNT, .LeftColumn .RepSubMenuT a {
	margin:				2px 0 0 25px;
}
.LeftColumn .RepSubMenu a:hover, .LeftColumn .RepSubMenuT a:hover {
	background-color:	#DEEFF8;
}


/*	メニュースタイル END	*/

.AimInfo {
	width:					130px;
	line-height:			18px;
	font-size:				12px;
	color:					#333;
	background-color:	#E8E8E8;
	margin:				20px 0 0 25px;
	padding:				15px 25px 15px 25px;
	border:				1px solid #CCC;
}
.AimLogo {
	margin:				20px 0 25px 25px;
}

.LeftBanner {
	width:					100%;
	margin:				15px 0 15px 15px;
	text-align:			center;
}

/*******************************************************************************
	左カラム　END
*******************************************************************************/

/*******************************************************************************
	フッター
*******************************************************************************/

.FooterBox {
	clear:					both;
	width:					100%;
	height:				50px;
	background-color:	#000;
	text-align:			center;
	font-size:				12px;
	line-height:			20px;
	color:					#FFF;
	padding:				5px 0 5px 0;
}
.FooterBox a {
	color:					#FFF;
	text-decoration:		none;
}
.FooterBox a:hover {
	color:					#E8E8E8;
}
/*******************************************************************************
	フッター　END
*******************************************************************************/