/* common */
* {
        margin:0;
        padding:0;
}
a:link,
a:visited {
        color:#2585C6;
        text-decoration:underline;
}
a:hover,
a:active {
        color:#FF9933;
}
a img {
        border:none;
}
a.no_decoration {
	color:rgba(40,0,80,1);
	text-decoration:none;
}
html {
	height:100%;
	min-height:100%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size:14px;
        color:rgba(40,0,80,1); // 文字色
        letter-spacing:0.1em;
	line-height:20px;
	//background:rgba(230,230,255,1); // 背景に画像を使用する場合 url(../img/bg.png) repeat-x;
	background: linear-gradient(rgba(200,235,255,1), rgba(255,255,255,1));
	height:100%;
	background-attachment: fixed;
}
#wrap {
	width:1200px;
	height:auto;
	min-height: 100%;
	margin:0 auto;
	background:rgba(255,255,255,1);
	border-left:1px solid rgba(180,180,180,1);
	border-right:2px solid rgba(120,120,120,1);
	position: relative;
	padding-bottom: 120px;
	box-sizing: border-box;
}
div.fclear {
	clear:both;
}
.text_left {
	text-align:left;
}
.text_center {
	text-align:center;
}
.text_right {
	text-align:right;
}
p {
	margin:0 20px 20px 20px;
	font-size:16px;
	line-height:150%;
}
.bold {
	font-weight:bold;
}
.underline {
	text-decoration:underline;
}
.red {
	color:rgba(255,0,0,1);
}
.blue {
	color:rgba(0,0,255,1);
}
.green {
	color:rgba(0,200,0,1);
}
.orange {
	color:rgba(255,150,0,1);
}
.dark_pink {
	color:rgba(255,100,150,1);
}
.font_large {
	font-size:24px;
	line-height:32px;
}
.font_very_large {
	font-size:48px;
	line-height:64px;
}
h1 {
	margin:30px 10px;
}
h2 {
	//background:url(../img/h2_point.png) no-repeat;
	//background-position:0px -2px;
	margin:20px 0 20px 0;
	padding:10px 0 0 20px;
	width:750px;
	height:30px;
	border-left:12px double rgba(180,180,255,1);
	border-bottom:2px solid rgba(180, 180, 255,1);
}
h3 {
	background:rgba(255,235,245,1)  no-repeat;
	//background-position: 8px 5px;
	margin:40px 0 20px 20px;
	padding:10px 0 0 20px;
	width:660px;
	height:30px;
	border-left:4px solid rgba(180,180,255,1);
}
h4 {
	//background:url(../img/h4_point.png) no-repeat;
	//background-position: 0px 1px;
	margin:10px 0px 10px 0px;
	font-size:16px;
}

.w50 {
	width:50px;
}
.w100 {
	width:100px;
}
.w150 {
	width:150px;
}
.w200 {
	width:200px;
}
.w250 {
	width:250px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w400 {
	width:400px;
}
.w450 {
	width:450px;
}
/* header */
#header {
	width:1197px;
	height:30px;
	//background:url(../img/header_bg.jpg) no-repeat;
	//background-position:right;
	//text-align:center;
	background:rgba(240,240,240,1);
	border-bottom:1px solid rgba(220,220,220,1);
}

/* left */
div.left_logo {
	width:100%;
	text-align:center;
}
p.left_works_text {
	font-size:8pt;
	margin:5px 0 5px 0;
}
p.left_company_name {
	font-size:18pt;
	margin:10px 40px 10px 40px;
	border-bottom:1px solid rgba(200,200,200,1);
}

ul#left_menu {
	list-style-type:none;
	border:1px solid rgba(230,230,230,1);
}
ul#left_menu a:link,
ul#left_menu a:visited {
        color:rgba(40,40,40,1);
        text-decoration:none;
}
ul#left_menu a:hover,
ul#left_menu a:active {
        color:rgba(100,100,100,1);
}
#left_menu li {
	float:left;
	width:298px;
	height:30px;
	padding:10px 0 0 0;
	border-top:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.3);
	background:rgba(250,250,250,1);
}
li#menu_0:hover {
	background:rgba(255,230,150,1);
}
li#menu_1:hover {
	background:rgba(255,230,150,1);
}
li#menu_2:hover {
	background:rgba(255,230,150,1);
}
li#menu_201:hover {
	background:rgba(255,230,150,1);
}
li#menu_202:hover {
	background:rgba(255,230,150,1);
}
li#menu_3:hover {
	background:rgba(255,230,150,1);
}
li#menu_4:hover {
	background:rgba(255,230,150,1);
}
li#menu_5:hover {
	background:rgba(255,230,150,1);
}
li.level0 span {
	padding:0 0 0 10px;
}
li.level1 span{
	padding:0 0 0 30px;
}
li.level2 span{
	padding:0 0 0 50px;
}

div#left {
	float:left;
	width:300px;
	height:100%;
	//border-right:1px solid rgba(200,200,200,1);
	padding:5px 0px 5px 0px;
}

div.left_info table {
	width:280px;
	margin:20px 0px 20px 10px;
	border:1px solid rgba(180,180,180,1);
	border-collapse: collapse;
}
div.left_info td {
	border:1px dashed rgba(180,180,180,1);
	padding:5px 0 5px 10px;
}
div.left_info th {
	border:1px dashed rgba(180,180,180,1);
	background:rgba(220,220,250,1);
	width:280px;
}

.left_bottom_img {
	opacity:0.9;
	display: block;
}
div.recruitment {
	width:100%;
	text-align:center;
	margin:20px 0;
}
div.recruitment img {
	border:1px solid rgba(128,128,128,1);
}
div.twitter_timeline {
	width:100%;
	text-align:center;
	margin:20px 0;
}

/*
#pankuzu {
	width:800px;
	height:27px;
	border:1px solid rgba(128,128,128,1);
	border-radius:10px 10px 10px 10px;
	background:rgba(255,255,240,1);
	padding:3px 0 0 0;
	margin:0 0 30px 0;
}
*/

/* contents */
#contents {
	float:left;
	width:800px;
	height:100%;
	min-height: 100%;
	margin:20px 0px 20px 50px;
}
div#pagetop {
	margin:30px 0 50px 0;
	text-align:center;
}
img.right_image {
	float:right;
	margin:10px;
	padding:10px;
	border:1px solid rgba(220,220,220,1);
	border-radius:10px;
}
div.center_message {
	width:100%;
	height:30px;
	text-align:center;
	padding:10px 0 40px 0;
}
/* contents */
div#top_image {
	width:100%;
	text-align:center;
}
div.sign_blocks {
	float:left;
	width:800px;
	margin:10px 0;
}
div.sign_left {
	float:left;
	width:400px;
	padding:30px 0 0 0;
	font-size:20px;
	text-align:center;
	text-decoration:underline;
}
div.sign_right {
	float:left;
	width:300px;
	text-align:center;
	margin:0 0 0 10px;
}
div.blocks {
	float:left;
	width:810px;
	margin:10px 0;
}
div.left_block {
	float:left;
	width:520px;
}
div.right_block {
	float:left;
	width:200px;
	margin:0 0 0 10px;
}
div.left_works_block {
	float:left;
	text-align:center;
	width:400px;
}
div.right_works_block {
	float:left;
	width:400px;
	text-align:center;
	margin:0 0 0 10px;
}

table.info {
	width:640px;
	margin:0 40px 30px 30px;
	border:1px solid rgba(180,180,180,1);
	border-collapse: collapse;
}
table.info td {
	border:1px dashed rgba(180,180,180,1);
	padding:5px 0 5px 10px;
}
table.info th {
	border:1px dashed rgba(180,180,180,1);
	background:rgba(220,220,250,1);
	width:200px;
}

div.contact_button {
	width:100%;
	text-align:center;
}

div.contact_button input {
	margin:0 20px;
}

/* footer */
#footer {
	width:100%;
	padding:10px 0 0 0;
	text-align:center;
	background:rgba(240,240,240,1);
	border-top:1px solid rgba(180,180,180,1);
	border-bottom:1px solid rgba(180,180,180,1);
	position: absolute;
	bottom: 0;
}

#footer_menu {
	width:1000px;
	margin:0 0 0 80px;
}

#footer_menu ul {
	list-style-type:none;
}

#footer_menu li {
	float:left;
	width:180px;
	text-align:center;
}
div#copyright {
	padding:15px 0 30px 0;
}