@charset "utf-8";

@import url("default.css");
@import url("base.css");


/* ------------------------ ヘッダー ------------------------ */
		
	#header{
		background:url(../images/bg_header.gif) no-repeat 1px 0;
	}

	h1{
		text-indent:-9999px;
	}


/* ------------------------ メイン ------------------------ */
		
	#main{
		width:100%;
		background:url(../shared/line_main.gif) repeat-y 789px 0 #fff;
	}
		
		#homemain{
			width:100%;
			background:url(../images/img_main.jpg) no-repeat 106px 56%;

		}

	/* トップページ画像部分 */

		#maincaption{
			float:left;
			width:520px;
		}

			#maincaption strong{
				display:block;
				text-indent:-9999px;
			}

	/* トップページ右部分 */
	
		#content{
			float:left;
			width:230px;
			padding:25px 0 35px;
		}

		/* What's NewとServiceのラベル */	
			#content h2{
				height:23px;
				text-indent:-9999px;
				margin:0;
			}
	
				#labelwhatsnew{background:url(../images/lbl_whatsnew.gif);}
				#labelservice{background:url(../images/lbl_service.gif);}
				#labeletc{background:url(../images/lbl_etc.gif);}

				#content ul{margin:0 0 25px;}
		
				#content li{
					list-style:none;
					margin:6px 0 6px 5px;
					line-height:120%;
					font-size:85%;
				}


		/* Service */	
			
			#content #servicelist{margin:0 0 0;}
			
			#content #servicelist a:hover{text-decoration:underline;}

			#servicelistcap{
				margin:8px 0 6px 5px;
				font-size:85%;
			}

			/* バナー */
				
					/* 通常バナー */
					#servicelist .serviceban{
						width:220px;
						height:42px;
						padding:0;
					}

					/* どこ携バナー */
					#servicelist .serviceban2{
						width:220px;
						height:62px;
						padding:0;
					}

					/* CataRevoバナー */
					#servicelist .serviceban6{
						width:220px;
						height:57px;
						padding:0;
					}

					/* EasyShiftバナー */
					#servicelist .serviceban7{
						width:220px;
						height:57px;
						padding:0;
					}

						#servicelist .serviceban a{
							display:block;
							width:220px;
							height:42px;
							text-indent:-9999px;
							text-decoration:none;
						}
						/* \*/#servicelist .serviceban a{overflow:hidden;}/* */
						
						
						/* FlyMailバナー */
							#servicelist #serviceban1{
								background:url(../images/ban_flymail.gif);
								margin:0 0 5px 5px;
							}

						/* kumamoto-cloudバナー */
							#servicelist #serviceban5{

								background:url(../images/ban_kca.jpg);
								margin:0 0 5px 5px;
							}
							
						/* facebookバナー */
							#servicelist #serviceban4{

								background:url(../images/facebook.png);
								margin:0 0 5px 5px;
							}
							
						/* どこでも携監バナー */
							#servicelist #serviceban2{
								background:url(../images/ban_keikan.gif);
								margin:0 0 5px 5px;
							}
						/* CataRevoバナー */
							#servicelist #serviceban6{
								background:url(../images/catarevo_banner.png);
								margin:0 0 5px 5px;
							}
						/* SugoPonバナー */
							#servicelist #serviceban3{
								background:url(../images/banner_sugopon.gif);
								margin:0 0 5px 5px;
							}
						/* EasyShiftバナー */
							#servicelist #serviceban7{
								background:url(../images/ban_easyshift.gif);
								margin:0 0 5px 5px;
							}


			/* テキストリンク */	
			
					#servicelist li{
						background:url(../common/arrow_squre5_gray.gif) no-repeat 0 50%;
						padding:0 0 0 17px;
						font-size:90%;
					}
				
						#servicelist li a{
							text-decoration:none;
						}

			/* etc */
			#content #etclist{margin:5px 0 0 0;}

			#content #etclist a:hover{text-decoration:underline;}

						#etclist .etcban a{
							display:block;
							width:188px;
							height:47px;
							text-indent:-9999px;
							text-decoration:none;
							margin: auto;
						}
						/* \*/#etclist .etcban a{overflow:hidden;}/* */

						/* KISIAバナー */
						/* facebookバナー */
							#etclist #etcban2{

								background:url(../images/ban_fb_new.jpg) no-repeat center;
								margin:0 0 5px 5px;
							}

							#etclist #etcban1{

								background:url(../images/ban_kisia.jpg) no-repeat center;
								margin:0 0 0px 5px;
							}


	/* メインフッター */
	
	#mainfooter{
		width:700px;
		background:url(../images/bg_mainfooter.gif);
		height:71px;
		padding:0 0 0 90px;
	}

		#mainfooter li{
			float:left;
			list-style:none;
			height:42px;
			margin:14px 30px 0 0;
		}
	
			#mainfooter li a{
				display:block;
				width:220px;
				height:42px;
				text-indent:-9999px;
				text-decoration:none;
			}
			/* \*/#mainfooter li a{overflow:hidden;}/* */
	
					#mainfooter #linkbanner3 a{width:110px;}

				#mainfooter #linkbanner1{
					background:url(../images/ban_forbusiness.gif);
					width:220px;
				}
	
				#mainfooter #linkbanner2{
					background:url(../images/bac_recruit.gif);
					width:220px;
				}
	
				#mainfooter #linkbanner3{
					background:url(../images/ban_column.gif);
					width:110px;
					margin:14px 0 0 0;
				}


	/* フッター */
	
		#footer li{background:url(../common/arrow_squre5_red.gif) no-repeat 0 50%;}