@charset "UTF-8";

/* CSS Document */

/* --------------------------------------
	style_all
-------------------------------------- */
body {
	font: normal 75%/1.4em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
html>body {
		font-size: 12px;
}
.f_clear {
	clear: both;
	font:0;
	margin:0;
	padding:0;
	line-height:0;
}
body {
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	background:url("../images/bak.gif") repeat left top #131313;
}
a, 
a:visited {
	color:#00a6e7;
}
a:hover {
	text-decoration:none;
}
img {
	border:none;
}

/* --------------------------------------
	contents_all
-------------------------------------- */
#content_all {
	display:block;
	margin:0 auto;
	padding:0 0px;
	width:920px;
	height:100%;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

/* --------------------------------------
	header
-------------------------------------- */
#header {
	display:block;
	margin:0;
	padding:0 0 0 40px;
	text-align:left;
	height:60px;
	background:url("../images/title.gif") no-repeat -15px top;
}
#header h1 {
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	text-indent:-9999px;
}
#header h1 a {
	display:block;
	width:280px;
	height:60px;
	outline:none;
}

/* --------------------------------------
	main_image
-------------------------------------- */
#main_image p {
	display:block;
	margin:0;
	padding:0;
}

/* --------------------------------------
	main_area
-------------------------------------- */
#main_area {
	display:block;
	margin:0;
	padding:35px 40px 0 40px;
	background:url("../images/background.jpg") repeat left -40px #0c0c0c;
}


/* --------------------------------------
	main_left
-------------------------------------- */
#main_left {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:530px;
	text-align:left;
}
#main_left h2 {
	display:block;
	margin:0;
	padding:0;
	width:450px;
	height:45px;
	text-indent:-9999px;
}
#main_left h2#main_top { background:url("../images/title.gif") no-repeat left -80px;}
#main_left h2#main_policy { background:url("../images/title.gif") no-repeat left -140px;}
#main_left h2#main_solutions { background:url("../images/title.gif") no-repeat left -200px;}
#main_left h2#main_works { background:url("../images/title.gif") no-repeat left -260px;}
#main_left h2#main_aboutme { background:url("../images/title.gif") no-repeat left -320px;}
#main_left h2#main_access { background:url("../images/title.gif") no-repeat left -380px;}

#main_left p {
	display:block;
	margin:20px 0 0 0;
	padding:0;
	font-size:12px;
	line-height:24px;
	color:#cacaca;
}
#main_left p span {
	padding:0 0 0 13px;
	background:url("../images/arrow.gif") no-repeat left 2px;
}
#main_left dl {
	display:block;
	margin:0px 0 0 0;
	padding:0px 20px;
	border-top:1px solid #0f6a8e;
}
#main_left dt, 
#main_left dd {
	display:block;
	float:left;
	margin:10px 0;
	padding:0;
	font-size:12px;
	line-height:24px;
	color:#cacaca;
}
#main_left dt { width:95px; }
#main_left dd { width:395px; }

#main_left dd img {
	margin:10px 0 0 0px;
}

/* --------------------------------------
	main_right
-------------------------------------- */
#main_right {
	float:right;
	display:block;
	margin:0;
	padding:0 0 10px 0;
	width:270px;
	text-align:left;
	background:url("../images/menu.jpg") repeat-y left top;
}
#main_right ul {
	display:block;
	margin:0;
	padding:10px;
	list-style:none;
	text-indent:-9999px;
}
#main_right ul li {
	display:block;
	margin:0 0 3px 0;
}
#main_right ul li a {
	display:block;
	margin:0 0 0px 0;
	padding:0;
	width:250px;
	height:68px;
	outline:none;
}
/* menu */
#main_right ul li#menu_01 a { background: url("../images/menu.jpg") no-repeat -280px 0px;}
#main_right ul li#menu_02 a { background: url("../images/menu.jpg") no-repeat -280px -70px;}
#main_right ul li#menu_03 a { background: url("../images/menu.jpg") no-repeat -280px -140px;}
#main_right ul li#menu_04 a { background: url("../images/menu.jpg") no-repeat -280px -210px;}
#main_right ul li#menu_05 a { background: url("../images/menu.jpg") no-repeat -280px -280px;}

/* menu:hover */
#main_right ul li#menu_01 a:hover { background: url("../images/menu.jpg") no-repeat -550px 0px;}
#main_right ul li#menu_02 a:hover { background: url("../images/menu.jpg") no-repeat -550px -70px;}
#main_right ul li#menu_03 a:hover { background: url("../images/menu.jpg") no-repeat -550px -140px;}
#main_right ul li#menu_04 a:hover { background: url("../images/menu.jpg") no-repeat -550px -210px;}
#main_right ul li#menu_05 a:hover { background: url("../images/menu.jpg") no-repeat -550px -280px;}

#main_right h3 {
	display:block;
	margin:0 0 0px 20px;
	padding:0;
	width:250px;
	height:50px;
	text-indent:-9999px;
	background: url("../images/menu.jpg") no-repeat -840px -20px;
}
#main_right h4 {
	display:block;
	margin:5px 0 0px 20px;
	padding:0;
	text-indent:-9999px;
	background: url("../images/menu.jpg") no-repeat -840px -70px;
}
#main_right h4 a {
	display:block;
	margin:0px 0 0px 0px;
	padding:0;
	width:250px;
	height:45px;
	background: url("../images/menu.jpg") no-repeat -840px -70px;
}
#main_right h5 {
	display:block;
	margin:5px 0 0px 20px;
	padding:0;
	width:250px;
	height:50px;
	text-indent:-9999px;
	background: url("../images/menu.jpg") no-repeat -840px -120px;
}

/* --------------------------------------
	a_link
-------------------------------------- */
#a_link {
	float:right;
	display:block;
	margin:50px 0 0 0;
	padding:0 0 0 0;
	text-indent:-9999px;
}
#a_link a {
	display:block;
	margin:0;
	padding:0;
	width:90px;
	height:21px;
	background: url("../images/button.jpg") no-repeat 0px 0px;
}
#a_link a:hover { background: url("../images/button.jpg") no-repeat -100px 0px;}

/* --------------------------------------
	main_footer
-------------------------------------- */
#main_footer {
	display:block;
	margin:0px 0 0 0;
	padding:0px 40px;
	border-top:1px solid #2d2d2d;
	background:#000000;
}
#main_footer h5 {
	float:left;
	display:block;
	margin:10px 0;
	padding:0 0 0 0;
	width:500px;
	color:#dddddd;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}
#main_footer h5 span {
	display:block;
	margin:5px 0 0 0;
	padding:0 0 0 0;
}
#main_footer h6 {
	float:right;
	display:block;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	text-indent:-9999px;
}
#main_footer h6 a {
	display:block;
	width:184px;
	height:55px;
	outline:none;
	background: url("../images/button.jpg") no-repeat 0px -39px;
}
#main_footer h6 a:hover { background: url("../images/button.jpg") no-repeat 0px -39px;}