@charset "utf-8";

/*					 Default
---------------------------------------------------------------*/
html {
	overflow-y:scroll;
}

body {
	background: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #1F3A45;
	margin: 10px 0 15px;
}
h2:first-letter {
	font-size: 26px;
	color:#D75E6B;
}
p {
	font-size: 14px;
}
address {
	font-size: 0.7em;
	text-align: center;
	padding-top: 1.5em;
	border-top: 1px solid #e8e8e8;
	height: 3em;
}

/*					 Module
---------------------------------------------------------------*/
#eyeCatch,
#main_contents,
#site_name_inner,
ul#navigation {
	width: 720px;
	margin: 0 auto;
}
#header,
#site_name,
#nav_wrap,
#eyeCatch_wrap,
#footer {
	width: 100%;
}

/*					Header
---------------------------------------------------------------*/
#header {
	border-top: 14px solid #1F3A45;
}
#site_name {
	border-top: 20px solid #e8e8e8; 
}
h1 {
	font-size: 0.7em;
	line-height: 1;
	margin-top: -15px;
	margin-bottom: 15px;
}
p.title {
	text-indent: -9999px;
	width: 185px;
	height: 60px;
}
p.title a {
	display: block;
	width: 185px;
	height: 60px;
	background: url("../img/title.png") left center no-repeat;
}
/*					Navigation
---------------------------------------------------------------*/
#nav_wrap {
	background: url("../img/nav_bg.png") left center repeat-x;
	height: 40px;
}
#navigation li{
	width: 120px;
	height: 40px;
	float: left;
}
#navigation li a {
	display: block;
	width: 120px;
	height: 40px;
	text-indent: -9999px;
	background: url("../img/nav.png") left center no-repeat;
}
#navigation li.top a {background-position: 0 0;}
#navigation li.tech a {background-position: -120px 0;}
#navigation li.ip a {background-position: -240px 0;}
#navigation li.host a {background-position: -360px 0;}
#navigation li.vpn a {background-position: -480px 0;}
#navigation li.use a {background-position: -600px 0;}
#navigation li.top a:hover {background-position: 0 -40px;}
#navigation li.tech a:hover {background-position: -120px -40px;}
#navigation li.ip a:hover {background-position: -240px -40px;}
#navigation li.host a:hover {background-position: -360px -40px;}
#navigation li.vpn a:hover {background-position: -480px -40px;}
#navigation li.use a:hover {background-position: -600px -40px;}

/*					EyeCatch
---------------------------------------------------------------*/
#eyeCatch_wrap {
	clear: both;
	background: #e8e8e8;
	border-top: 2px solid #b8b8b8;
	border-bottom: 2px solid #e0e0e0;
}
#eyeCatch {
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,5);
	-moz-box-shadow: 0 0 0 0 rgba(0,0,0,5);
	-ms-box-shadow: 0 0 0 0 rgba(0,0,0,5);
	box-shadow: 0 0 0 0 rgba(0,0,0,5);
}
/*					Main Contents
---------------------------------------------------------------*/
#main_contents {
	padding: 20px 14px;
	text-align: left;
}
#main_contents p {
	line-height: 1.6;
	text-indent: 0.85em;
	margin-bottom: 0.8em;
}
/*					Footer Module
---------------------------------------------------------------*/
#footer {
	border-bottom: 10px solid #1F3A45;
}