@charset "utf-8";

/* ===== Main Contents Area ===== */

#other_outline {
	width: 770px;
	margin-bottom: 30px;
	text-align: left;
}

#leftContentsArea {
	float: left;
	width: 570px;
	display: inline;
}

#leftContentsArea_wide {
	float: left;
	width: 770px;
}

#rightContentsArea {
	float: left;
	width: 200px;
	display: inline;
}

.line_space {
	margin: 20px 0 20px 0;
}

.txt_service_foot {
	text-align: center;
	color: #666;
	font-size: 75%;
}

.txt_back_foot {
	margin: 20px 0 30px 0;
	width: 770px;
	text-align: center;
	color: #666;
	font-size: 75%;
}



/* ===== Service ===== */

#serviceArea {
	margin: 5px 10px 0 10px;
	width: 550px;
}

#serviceArea .headArea {
	width: 550px;
}
#serviceArea .headArea p {
	margin-top: 10px;
	color: #666;
	font-size: 75%;
}
#serviceArea .headArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .headArea p span {
	font-weight: bold;
}
#serviceArea .headArea p a:link,
#serviceArea .headArea p a:visited {
	color: #b1552a;
}
#serviceArea .headArea p a:active,
#serviceArea .headArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}


#serviceArea .w3cArea {
	width: 550px;
	margin-top: 20px;
}
#serviceArea .w3cArea img.site-image {
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}
#serviceArea .w3cArea img.site-image-last {
	float: left;
	margin-top: 10px;
	margin-right: 0;
}
#serviceArea .w3cArea p {
	margin-top: 10px;
	color: #666;
	font-size: 75%;
}
#serviceArea .w3cArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .w3cArea ul {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color : #666;
	font-size: 75%;
}


#serviceArea .blogpartsArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;

	page-break-after: always;
}
#serviceArea .blogpartsArea .textArea {
	float: left;
	width: 390px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
}
#serviceArea .blogpartsArea .textArea p {
	color: #666;
	font-size: 75%;
}
#serviceArea .blogpartsArea .textArea ul {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color : #666;
	font-size: 75%;
}
#serviceArea .blogpartsArea .imageArea {
	float: left;
	width: 150px;
	margin-top: 10px;
	display: inline;
}


#serviceArea .flashSiteArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;
}
#serviceArea .flashSiteArea .imageArea {
	float: left;
	width: 170px;
	margin-top: 10px;
	display: inline;
}
#serviceArea .flashSiteArea .textArea {
	float: left;
	width: 380px;
	margin-top: 10px;
	display: inline;
}
#serviceArea .flashSiteArea .textArea p {
	color: #666;
	font-size: 75%;
}
#serviceArea .flashSiteArea .textArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .flashSiteArea .textArea p a:link,
#serviceArea .flashSiteArea .textArea p a:visited {
	color: #b1552a;
}
#serviceArea .flashSiteArea .textArea p a:active,
#serviceArea .flashSiteArea .textArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}
#serviceArea .flashSiteArea .textArea ul {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color : #666;
	font-size: 75%;
}


#serviceArea .webbookArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;
}
#serviceArea .webbookArea img.site-image {
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}
#serviceArea .webbookArea img.site-image-last {
	float: left;
	margin-top: 10px;
	margin-right: 0;
}
#serviceArea .webbookArea p {
	margin-top: 10px;
	color: #666;
	font-size: 75%;
}
#serviceArea .webbookArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .webbookArea p a:link,
#serviceArea .webbookArea p a:visited {
	color: #b1552a;
}
#serviceArea .webbookArea p a:active,
#serviceArea .webbookArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}
#serviceArea .webbookArea ul {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color : #666;
	font-size: 75%;
}


#serviceArea .characterArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;

	page-break-after: always;
}
#serviceArea .characterArea .flashArea {
	float: right;
	width: 260px;
	height: 180px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline;
}
#serviceArea .characterArea p {
	margin-top: 10px;
	color: #666;
	font-size: 75%;
}
#serviceArea .characterArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .characterArea ul {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color : #666;
	font-size: 75%;
}


#serviceArea .flashGalleryArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;
}
#serviceArea .flashGalleryArea .textArea {
	float: left;
	width: 390px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
}
#serviceArea .flashGalleryArea .textArea p {
	color: #666;
	font-size: 75%;
}
#serviceArea .flashGalleryArea .textArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .flashGalleryArea .textArea p a:link,
#serviceArea .flashGalleryArea .textArea p a:visited {
	color: #b1552a;
}
#serviceArea .flashGalleryArea .textArea p a:active,
#serviceArea .flashGalleryArea .textArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}
#serviceArea .flashGalleryArea .textArea ul {
	margin-top: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color : #666;
	font-size: 75%;
}
#serviceArea .flashGalleryArea .imageArea {
	float: left;
	width: 150px;
	margin-top: 10px;
	display: inline;
}


#serviceArea .otherServiceArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;
}
#serviceArea .otherServiceArea p {
	margin-top: 10px;
	color: #666;
	font-size: 75%;
}
#serviceArea .otherServiceArea p.p-inner {
	margin-top: 10px;
}
#serviceArea .otherServiceArea p a:link,
#serviceArea .otherServiceArea p a:visited {
	color: #b1552a;
}
#serviceArea .otherServiceArea p a:active,
#serviceArea .otherServiceArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}



/* ===== Service Mobile ===== */

#mobileArea {
	width: 750px;
	margin: 0 10px 0 10px;
}
#mobileArea h2 {
	margin-top: 5px;
}
#mobileArea #mobileArea-space {
	width: 750px;
}
#mobileArea #mobileArea-space:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#mobileArea #mobileArea-space .leftArea {
	float: left;
	width: 480px;
	margin: 10px 20px 0 0;
	display: inline;
}
#mobileArea #mobileArea-space .rightArea {
	float: left;
	width: 250px;
	margin: 10px 0 0 0;
	display: inline;
}
#mobileArea #mobileArea-space .leftArea p {
	color: #666;
	font-size: 75%;
}
#mobileArea #mobileArea-space .leftArea p.p-inner {
	margin: 15px 0 0 0;
}
#mobileArea #mobileArea-space .leftArea p span {
	color: #729809;
}
#mobileArea #mobileArea-space .leftArea img.qr-code {
	margin: 5px 0 0 0;
}
#mobileArea .contactLinkArea {
	width: 750px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;
	text-align: center;
}
#mobileArea .contactLinkArea p {
	color: #666;
	font-size: 75%;
}
#mobileArea .contactLinkArea p a:link,
#mobileArea .contactLinkArea p a:visited {
	color: #b1552a;
}
#mobileArea .contactLinkArea p a:active,
#mobileArea .contactLinkArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}


















/* ===== Process ===== */

#processArea {
	margin: 5px 10px 0 10px;
	width: 550px;
}

#processArea .headArea {
	width: 550px;
}
#processArea .headArea p {
	margin-top: 10px;
	color: #666;
	font-size: 75%;
}
#processArea .headArea p.p-inner {
	margin-top: 10px;
}
#processArea .headArea p span {
	font-weight: bold;
}
#processArea .headArea p a:link,
#processArea .headArea p a:visited {
	color: #b1552a;
}
#processArea .headArea p a:active,
#processArea .headArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}

#processArea .processListArea {
	width: 550px;
	margin-top: 5px;
}
#processArea .processListArea p {
	margin-top: 5px;
	color: #666;
	font-size: 75%;
}
#processArea .processListArea img.img-next {
	margin-top: 5px;
}








/* ===== ページ下のお問い合わせ Area ===== */

#serviceArea .contactLinkArea,
#processArea .contactLinkArea {
	width: 550px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #666;
	text-align: center;
}
#serviceArea .contactLinkArea p,
#processArea .contactLinkArea p {
	color: #666;
	font-size: 75%;
}
#serviceArea .contactLinkArea p a:link,
#serviceArea .contactLinkArea p a:visited,
#processArea .contactLinkArea p a:link,
#processArea .contactLinkArea p a:visited {
	color: #b1552a;
}
#serviceArea .contactLinkArea p a:active,
#serviceArea .contactLinkArea p a:hover,
#processArea .contactLinkArea p a:active,
#processArea .contactLinkArea p a:hover {
	color: #b1552a;
	text-decoration: underline;
}





/* ===== Sub Contents Area ===== */

#blogpartsBannerArea {
	width: 200px;
}


#flashContentsWindowArea {
	width: 178px;
	margin: 10px 10px 0 10px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
#flashContentsWindowArea .flashArea {
	width: 168px;
	height: 120px;
	margin: 0px 5px 0 5px;
}
#flashContentsWindowArea .textArea {
	width: 168px;
	margin: 5px 5px 10px 5px;
}
#flashContentsWindowArea .textArea p {
	color: #666;
	font-size: 75%;
}


#systemDesignWindowArea {
	width: 178px;
	margin: 10px 10px 0 10px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
#systemDesignWindowArea .textArea {
	width: 168px;
	margin: 5px 5px 10px 5px;
}
#systemDesignWindowArea .textArea p {
	color: #666;
	font-size: 75%;
}
#systemDesignWindowArea .textArea p img {
	float: right;
}


#webServerWindowArea {
	width: 178px;
	margin: 10px 10px 0 10px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
#webServerWindowArea .textArea {
	width: 168px;
	margin: 5px 5px 10px 5px;
}
#webServerWindowArea .textArea p {
	color: #666;
	font-size: 75%;
}
#webServerWindowArea .textArea p img {
	float: right;
}


#photographyWindowArea {
	width: 178px;
	margin: 10px 10px 0 10px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
#photographyWindowArea .textArea {
	width: 168px;
	margin: 5px 5px 10px 5px;
}
#photographyWindowArea .textArea p {
	color: #666;
	font-size: 75%;
}
#photographyWindowArea .textArea p img {
	float: right;
}








/* ===== Photography Window Area ===== */

div#space_window_photography {
	margin: 20px 10px 0 10px;
}

div#window_photography {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_photography1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
}

p#space_window_photography1 {
	margin: 5px 5px 5px 5px;
}




/* ===== Access Analyze Window Area ===== */

div#space_window_access_analyze {
	margin: 10px 10px 0 10px;
}

div#window_access_analyze {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_access_analyze1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_access_analyze1 {
	margin: 5px 5px 5px 5px;
}

/* ===== Accessibility Window Area ===== */

div#space_window_accessibility {
	margin: 20px 10px 0 10px;
}

div#window_accessibility {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_accessibility1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_accessibility1 {
	margin: 5px 5px 5px 5px;
}


/* ===== Recruit Window Area ===== */

div#space_window_recruit {
	margin: 10px 10px 0 10px;
}

div#window_recruit {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_recruit1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_recruit1 {
	margin: 5px 5px 5px 5px;
}

/* ===== Greeting Window Area ===== */

div#space_window_greeting {
	margin: 0 10px 0 10px;
}

div#window_greeting {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_greeting1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_greeting1 {
	margin: 5px 5px 5px 5px;
}

/* ===== Access Map Area ===== */

div#space_window_access_map {
	margin: 10px 10px 0 10px;
}

div#window_access_map {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_access_map1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_access_map1 {

	margin: 5px 5px 5px 5px;
}

/* ===== License Map Area ===== */

div#space_window_license {
	margin: 10px 10px 0 10px;
}

div#window_license {
	margin: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_license {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_license {
	margin: 5px 5px 5px 5px;
}