/* ---------------------------------------------------------

アイティサービス 共通スタイルシート
IT-Service common css

--------------------------------------------------------- */



/* ---------------------------------------------------------
フォント初期化
--------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

body {
    font-size: 62.5%;
    font-family: Arial, sans-serif;
    line-height: 1.8;
}

table {
    font-size: 100%;
    font-family: Arial, sans-serif;
    line-height: 1.8;
}


/* ---------------------------------------------------------
float解除用
--------------------------------------------------------- */

#header #login:after,
#header #login ul:after,
#header #title:after,
#header #navi:after,
#container:after,
#container #main:after,
#footer #footernavi:after {
	content: url(../img/common/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

#header #login,
#header #login ul,
#header #title,
#header #navi,
#container,
#container #main,
#footer #footernavi {
	display: inline-block;
}

#header #login,
#header #login ul,
#header #title,
#header #navi,
#container,
#container #main,
#footer #footernavi {
	display: block;
} 


/* ---------------------------------------------------------
全体構造
--------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
	text-align: center; /* for IE */
}

a {
	color: #00b2d6;
}

a:hover {
	color: #39bede;
}

img {
	border: 0;
}

#header {
	margin: 0 0 5px 0;
	background: #f7fbe7 url(../img/common/bg-header.gif) repeat-x left bottom;
}

#bread {
	width: 900px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: left; /* for IE */
	font-size: 1.2em;
	color: #666;
}

#container {
	padding: 10px 0;
}

#container-inner {
	width: 900px;
	margin: 0 auto;
	text-align: left; /* for IE */
}

	#container #main {
		width: 650px;
		float: left;
	}
	
		#container #main #maincol {
			width: 468px;
			float: right;
		}
		
		#container #main #subcol {
			width: 170px;
			float: left;
		}
	
	#container #sidebar {
		width: 234px;
		float: right;
	}

#footer {
	margin: 5px 0 10px 0;
	border-top: solid 1px #ccc;
}


/* ---------------------------------------------------------
ヘッダー
--------------------------------------------------------- */

#header #title {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 2px 0;
	text-align: left; /* for IE */
}

	#header #title #logo {
		width: 432px;
		float: left;
		padding: 2px 0;
	}
		
		#header #title #logo p {
			width: 256px;
			height: 84px;
			margin: 0;
		}
		
			#header #title #logo p a {
				display: block;
				height: 84px;
				text-indent: -2000px;
				background: url("../img/common/logo2.gif") no-repeat;
			}
			
			.old #header #title #logo p a {
				display: block;
				height: 0;
				padding: 84px 0 0 0;
				background: url("../img/common/logo.gif") no-repeat;
				overflow: hidden;
			}
		
	#header #title #banner1 {
		width: 468px;
		float: right;
		margin: 0;
		padding-top: 15px;
	}
	
#header #navi {
	width: 900px;
	margin: 0 auto;
	height: 42px;
	text-align: left; /* for IE */
}

	#header #navi ul {
		list-style-type: none;
		width: 651px;
		margin: 0;
		padding: 0;
		float: left;
	}

		#header #navi ul li {
			width: 177px;
			height: 42px;
			float: left;
		}
		
			#header #navi ul li#navi-in {
				width: 120px; /* 微調整 */
			}
		
		#header #navi ul li a {
			display: block;
			height: 42px;
			text-indent: -2000px;
			background-image: url(../img/common/navi-global3.gif);
		}
		
		.old #header #navi ul li a {
			display: block;
			height: 0;
			padding: 42px 0 0 0;
			background-image: url(../img/common/navi-global3.gif);
			overflow: hidden;
		}
		
			#header #navi-home a { background-position: 0 0;}
			
			#header #navi-home a:hover { background-position: 0 -84px;}
			
			#header #navi-sp a { background-position: -177px 0;}
			
			#header #navi-sp a:hover { background-position: -177px -84px;}
			
			#header #navi-ss a { background-position: -354px 0;}
			
			#header #navi-ss a:hover { background-position: -354px -84px;}
			
			#header #navi-in a { background-position: -531px 0;}
			
			#header #navi-in a:hover { background-position: -531px -84px;}

	#header #navi form {
		width: 234px;
		padding: 10px 0 0 0;
		float: right;
		text-align: right;
	}
	
		#header #navi form input {
			border: solid 1px #999;
			width: 130px;
			margin: 0 2px 0 0;
			vertical-align: top;
		}
		
		#header #navi form button {
			border: solid 1px #ccc;
			background: #eee;
			color: #00b2d6;
			font-size: 12px;
			line-height: 12px;
			padding: 2px;
			vertical-align: top;
		}


/* ---------------------------------------------------------
コンテナ
--------------------------------------------------------- */

#about {
	margin: 0 0 10px 0;
}

	#about a {
		display: block;
		width: 234px;
		height: 0;
		padding: 60px 0 0 0;
		background: url(../img/common/button-about.gif) no-repeat;
		overflow: hidden;
	}
	
	#about a:hover {
		background-position: 0 -60px;
	}
	
#banner2 {
	margin: 0 0 10px 0;
	text-align: center;
}

#banner3 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	#banner3 li {
		margin: 0 0 10px 0;
	}


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

#footer #footer-inner {
	width: 900px;
	margin: 0 auto;
	text-align: left; /* for IE */
}

#footer #footernavi {
	margin: 0 0 10px 0;
}

	#footer #footernavi ul {
		list-style-type: none;
		width: 800px;
		float:left;
		margin: 0;
		padding: 10px 0 0 0;
		font-size: 1.2em;
	}
	
		#footer #footernavi ul li {
			display: inline;
		}
	
	#footer #footernavi #gototop {
		width: 100px;
		float: right;
		margin: 0;
	}
	
		#footer #footernavi #gototop a {
			display: block;
			height: 30px;
			text-indent: -2000px;
			background: url("../img/common/navi-gototop.gif") no-repeat 0 0;
		}
		
		#footer #footernavi #gototop a:hover {
			background-position: 0 -30px;
		}
		
#footer #credit {
	background: #f7fbe7;
	margin: 10px 0;
	padding: 5px 5px 5px 20px;
	border: solid 1px #ccc;
}

	#footer #credit img {
		float: left;
	}
	
	#footer #credit p {
		margin: 0 0 0 200px;
		padding: 5px;
	}
	
#footer #copyright {
	margin: 0;
	font-size: 1.2em;
	color: #666;
}

#footer #poweredby {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../img/common/logo-it.gif) no-repeat left center;
}


/* ---------------------------------------------------------
共通パーツ
--------------------------------------------------------- */

a.ya {
	background: url(../img/common/icon-ya.gif) no-repeat left center;
	padding-left: 15px;
}