@charset "UTF-8";
@import "default.css";
@import "parts.css";

/* ================================================== body */
body{
	background-color: #fcfcf4;
	background-image: url(menu_back.gif);
	background-repeat: repeat-y;
	
	border-top: 8px solid #666666;
}


/* ================================================== table */
.main_left {
	width: 216px;
	padding-right: 20px;
}
.main_right {
	padding-left:10px;
	color: #6a6a6a;
	font-size: 84%;
	line-height: 1.6;
	font-family: sans-serif;
	padding-right: 10px;
}
/* ================================================== menu */
.menu_div {
	/*text-align: right;*/
	padding-right: 20px;
}
.menu_icon {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
	clear: both;
	float: right; display: inline;
}
/* メニュー↓ */
	.menu{
		width: 160px;
	}
	.menu ul{
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.menu li{
		float: right; display: inline;
		overflow: hidden;
	}
	.menu span{
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.menu a{
		display: block;
		width:160px;
		height:22px;
	}
	/* WEB APP + SI */
	#menu01 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 0px;
	}
	#menu02 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -22px;
	}
	#menu03 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -44px;
	}
	#menu04 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -66px;
	}
	#menu05 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -88px;
	}
	#menu06 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -110px;
	}

	#menu01 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px 0px;
	}
	#menu02 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -22px;
	}
	#menu03 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -44px;
	}
	#menu04 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -66px;
	}
	#menu05 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -88px;
	}
	#menu06 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -110px;
	}
	/* FREE SOFT */
	#menu07 a{
	background: url(menu_b.gif) no-repeat;
	background-position: 0px 0px;
	}
	#menu07 a:hover{
	background-position: -160px 0px;
	}
	#menu11 a{
	background: url(menu_b.gif) no-repeat;
	background-position: 0px -22px;
	}
	#menu11 a:hover{
	background-position: -160px -22px;
	}
	#menu12 a{
	background: url(menu_b.gif) no-repeat;
	background-position: 0px -44px;
	}
	#menu12 a:hover{
	background-position: -160px -44px;
	}
	/* CONTACT */
	#menu08 a{
	background: url(menu_c.gif) no-repeat;
	background-position: 0px 0px;
	}
	#menu08 a:hover{
	background-position: -160px 0px;
	}
	/* LINK */
	#menu09 a{
	background: url(menu_d.gif) no-repeat;
	background-position: 0px 0px;
	}
	#menu09 a:hover{
	background-position: -160px 0px;
	}
	#menu10 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -132px;
	}
	#menu10 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -132px;
	}
	#menu13 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -154px;
	}
	#menu13 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -154px;
	}
	#menu14 a{
	background: url(menu_a.gif) no-repeat;
	background-position: 0 -176px;
	}
	#menu14 a:hover{
	background: url(menu_a.gif) no-repeat;
	background-position: -160px -176px;
	}
	#menu15 a{
	background: url(menu_b.gif) no-repeat;
	background-position: 0 -66px;
	}
	#menu15 a:hover{
	background: url(menu_b.gif) no-repeat;
	background-position: -160px -66px;
	}

/* メニュー↑ */


/* ================================================== contents */
#contents_title01, #contents_title02, #contents_title03, #contents_title04, #contents_title05, #contents_title06, #contents_title07, #contents_title08, #contents_title09, #contents_title10, #contents_title11, #contents_title12, #contents_title14, #contents_title15{
	width:281px;
		height: 31px;
		margin-top:10px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(contents_title.gif) no-repeat;
}
#contents_title02{
	background-position: 0 -31px;
}
#contents_title03{
	background-position: 0 -62px;
}
#contents_title04{
	background-position: 0 -93px;
}
#contents_title05{
	background-position: 0 -124px;
}
#contents_title06{
	background-position: 0 -155px;
}
#contents_title07{
	background-position: 0 -186px;
}
#contents_title08{
	background-position: 0 -217px;
}
#contents_title09{
	background-position: 0 -248px;
}
#contents_title10{
	background-position: 0 -279px;
}
#contents_title11{
	background-position: 0 -310px;
}
#contents_title12{
	background-position: 0 -341px;
}
#contents_title14{
	background-position: 0 -372px;
}
#contents_title15{
	background-position: 0 -403px;
}

.contents_line{
	margin-top:10px;
	height: 1px;
	width: 100%;
	background: url(contents_line.gif) repeat-x;
	clear: both;
}
.fl{
	clear: both;
	float: left;
	margin-right: 8px;
	display: block;
	margin-bottom: 8px;
}
.pt{
	clear:both;
	display: block;
	line-height:1.2;
	padding-top:30px;
	padding-bottom:0px;
	color: #027ABB;
}
.fr {
	float: right;
	padding-left: 8px;
}

.list{
	margin-left:20px;
	line-height: 1.4;
}
.list li{
	margin-top: 5px;
}
.footer {
	line-height: 1.2;
	color: #c9c9c9;
	margin-top: 5px;
	font-family: Verdana;
	font-size: 10px;
}
.thumbnail {
	border: 1px solid #F0F0E5;
}
.clear {
	clear: both;
}
.mini {
	font-size: 70%;
}
.waku {
	background: #f3f3f3;
	padding: 10px;
	border: 1px solid #e8e8e8;
}
.line1{
	height: 1px;
	background: url(line1.gif) repeat-x;
	overflow: hidden;
}
.phone1{
	font-family: Verdana;
	font-size:  12px;
	color: #666;
}

.form_window table{
	/*width: 100%;*/
	border: 1px solid;
	border-color: #d2d3cd;
}	
.form_window td{
	vertical-align: top;
	padding: 11px;
	background-color: #fffffa;
	color: #333;
	font-size: smaller;
	border-left: 1px solid;
	border-top: 1px solid;
	border-color: #d2d3cd;
}
.form_window strong{
	font-family: Verdana;
}

.formresult_window table{
	width: 400px;
	border: 1px solid;
	border-color: #d2d3cd;
}	
.formresult_window td{
	vertical-align: top;
	padding: 5px;
	background-color: #fffffa;
	color: #333;
}
.formresult_window .left{
	padding-left: 30px;
}
.formresult_window .right{
	padding-right: 30px;
}
.formresult_window strong{
	display: block;
	margin-top: 10px;
	font-family: Verdana;
}
.formresult_window span{
	font-size: 10px;
	color: #999;
}
.source{
	font-size: 11px;	
	display: block;
	border: 1px solid #fafaea;
	padding: 5px;
	background-color: white;
	color: #888;
}

#contact_table{
	font-size: 90%;
	border-collapse: separate;
}
#contact_table　td {
	vertical-align: middle;
}
.table1{
	padding: 5px;
	background-color: #eaeae3;
}
.table2{
	padding: 5px;
	background-color: #f4f4ec;
}
#contact_table .memo{
	font-size: 11px;
	color: #666;
}
#contact_table strong {
	color: #f8524f;
}
.form1{
	width: 400px;
}

#accessing{
	font-family: Verdana,sans-serif;
	font-size: 10px;
	color: #ababab;
	margin-top: 10px;
}

ul.release{
	margin-left: 15px;
}