@charset "utf-8";

body{
	margin:0;
	padding-bottom:50px;
	font-size: 14px;
	line-height: 1.8;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

a{
	color: #333;
	text-decoration: none;
}

a:hover{
	top: 1px;
	left: 1px;
	position: relative;
}

a img{
	border: none;
}

#container{
	margin: auto;
	width: 950px;
}

.clearfix:after{
	content:"";
	display: block;
	clear: both;
}


/*	header
-------------------------------------------------*/

header{
	margin-bottom: 15px;
	width: 100%;
}

header p.description{
	margin: 0;
	font-size: 12px;
}

header h1{
	margin: 15px 0 0 10px;
	padding: 0;
	width: 203px;
	height: 54px;
	float: left;
}

header #serviceMenu_wrap{
	width: 658px;
	height: 74px;
	float:right;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(211,211,211,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(211,211,211,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(211,211,211,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80d3d3d3',GradientType=0 ); /* IE6-9 */
	position: relative;
}
	header #serviceMenu_wrap ul.main{
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		width: 100%;
		left: 0px;
		top: 10px;
	}
		header #serviceMenu_wrap ul.main li{
			width: 70px;
			float:left;
			text-align: center;
		}
	header #serviceMenu_wrap ul.etc{
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		float: right;
		position: absolute;
		right: 20px;
		bottom: 10px;
		font-size: 80%;
		border-right: 1px solid #333;
	}
		header #serviceMenu_wrap ul.etc li{
			display: inline;
			padding: 0 10px;
			border-left: 1px solid #333;
		}
			header #serviceMenu_wrap ul.etc li a{
				color: #333;
				text-decoration: none;
			}

header .cm{
	clear: both;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
	header .cm li{
		margin: 0;
		padding: 0 1em;
		list-style: none;
		display: inline;
		background: url("../images/allow.jpg") no-repeat 5px;
	}
		header .cm li a{
			color: #333;
			text-decoration: none;
		}

/*	leftnavi
-------------------------------------------------*/

nav#navi1{
	width: 170px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url("../images/navi_bg.jpg") repeat-y 0 0;
	box-sizing: border-box;
	float: left;
}

nav#navi1 h2{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	background: url("../images/left_bar.jpg") no-repeat 0 0;
	text-indent: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	nav#navi1 ul{
		margin:  10px 0;
		padding: 0;
		list-style: none;
		font-size: 90%;
	}
		nav#navi1 ul li{
			padding-left: 25px;
			background: url("../images/allow.jpg") no-repeat 10px 5px;
		}

/* icons */
nav#navi1 ul li.net{ background:url("../images/navi_icon01.jpg") no-repeat 0; }
nav#navi1 ul li.server{ background:url("../images/navi_icon02.jpg") no-repeat 0; }
nav#navi1 ul li.freemail{ background:url("../images/navi_icon03.jpg") no-repeat 0; }
nav#navi1 ul li.addmailaddress{ background:url("../images/navi_icon04.jpg") no-repeat 0; }
nav#navi1 ul li.webmail{ background:url("../images/navi_icon05.jpg") no-repeat 0; }
nav#navi1 ul li.viruscheck{ background:url("../images/navi_icon06.jpg") no-repeat 0; }
nav#navi1 ul li.spamfilter{ background:url("../images/navi_icon07.jpg") no-repeat 0; }
nav#navi1 ul li.webfilter{ background:url("../images/navi_icon08.jpg") no-repeat 0; }
nav#navi1 ul li.soft_time{ background:url("../images/navi_icon31.jpg") no-repeat 0; }
nav#navi1 ul li.freecalendar{ background:url("../images/navi_icon32.jpg") no-repeat 0; }

nav#navi1 ul li.yahoo{ background:url("../images/navi_icon11.jpg") no-repeat 0; }
nav#navi1 ul li.rakuten{ background:url("../images/navi_icon12.jpg") no-repeat 0; }
nav#navi1 ul li.infoseek{ background:url("../images/navi_icon13.jpg") no-repeat 0; }
nav#navi1 ul li.weather{ background:url("../images/navi_icon14.jpg") no-repeat 0; }
nav#navi1 ul li.translation{ background:url("../images/navi_icon17.jpg") no-repeat 0; }
nav#navi1 ul li.virussearch{ background:url("../images/navi_icon30.jpg") no-repeat 0; }

nav#navi1 ul li.newspaper{ background:url("../images/navi_icon21.jpg") no-repeat 0; }
nav#navi1 ul li.amazon{ background:url("../images/navi_icon23.jpg") no-repeat 0; }
nav#navi1 ul li.internetTV{ background:url("../images/navi_icon23.jpg") no-repeat 0; }
nav#navi1 ul li.youtube{ background:url("../images/navi_icon33.jpg") no-repeat 0; }
nav#navi1 ul li.googlemap{ background:url("../images/navi_icon34.jpg") no-repeat 0; }
nav#navi1 ul li.medicine{ background:url("../images/navi_icon28.jpg") no-repeat 0; }
/* icons end */

nav#navi1 .cm ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
	nav#navi1 .cm ul li{
		margin: 0 0 15px;
		padding: 0;
		list-style: none;
		background-image: none;
	}
	nav#navi1 .cm ul li a{
		color: #333;
		text-decoration: none;
	}

/*	contents_wrap
-------------------------------------------------*/

#contents_wrap{
	width: 770px;
	float: right;
}

/*	footer
-------------------------------------------------*/

#footer{
	padding: 10px;
	width: 770px;
	float: right;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#footer p{
	margin: 0;
	font-size: 90%;
}

#footer ul.linkList{
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	font-size: 80%;
}
	#footer ul.linkList li{
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline-block;
	}


#bookmarkWrap{
	clear:both;
	margin-bottom:-10px;
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
}

#bookmark{
	margin: auto;
	padding:10px;
	width:650px;
	background-color:#eee;
	border:1px solid #ccc;
	border-radius:10px;
}

#bookmark ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#bookmark ul li{
	margin:0;
	float:left;
	padding:0 5px;
}

#bookmark ul li.twitter_tweet{
	width:80px;
}
#bookmark ul li.twitter_follow{
	width:160px;
}

#bookmark ul li.facebook_check,
#bookmark ul li.facebook_check iframe{
	width:120px;
}

#bookmark ul.otherMenu{
	width:auto;
	border-left:1px solid #ccc;
	float:left;
}

#bookmark:after,
#bookmark ul:after{
	content:"";
	clear:both;
	display:block;
}