/* CSS Document */
@charset "utf-8";

html { 
}


body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:13px;
	color:#333333;
	line-height:1.5;
	min-width:940px;
}

a:link		{ color:#333333; text-decoration: none;}
a:visited	{ color:#333333; text-decoration: none;}
a:hover		{ color:#FF0000; text-decoration: underline;}
a:active	{ color:#FF0000; text-decoration: underline;}

img {
	border:none;}

.clearfix {zoom:1;overflow:hidden;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}


/* header */

.header {
	border-top:3px solid #74BD2A;
}

.head {
	width:940px;
	margin:0 auto;
	padding-bottom:7px;
}

h1 {
	width:454px;
	margin:0;
	padding:16px 0 5px 15px;
	float:left;
	display:block;
}

.header_tel_box {
	width:376px;
	min-height:55px;
	background:#74BD2A;
	border-radius:0 0 10px 10px;
	float:right;
}

.header_tel {
	padding-top:3px;
	font-size:17px;
	color:#FFF;
	line-height:150%;
	font-weight:bold;
	text-align:center;
}

.header_tel_text {
	padding:3px 0 0 15px;
	font-size:13px;
	color:#FFF;
	line-height:150%;
	text-align:center;
}

.navi_area {
	background:url(../images/common/navi_bg.png) repeat-x;
}

.navi {
	width:940px;
	margin:0 auto;
	border-left:1px solid #CCC;
}

.navi_item {
	float:left;
}

.navi_item a {
	width:187px;
	padding-top:3px;
	border-right:1px solid #CCC;
	display:block;
	font-size:14px;
	color:#333;
	line-height:37px;
	text-align:center;
	text-decoration:none;
}

.navi .navi_item:last-child a {
	width:186px;
}


/* wrapper */

.wrapper {
	margin:15px 0 45px 0;
	background:#F5F5F5;
}

.main_image {
	text-align:center;
}


/* under_column */

.container {
	width:920px;
	margin:0 auto;
	padding:0 10px;
	background:#FFF;
}

h2 {
	margin:0;
	padding:2px 0 0 24px;
	background:#27AAE1;
	border-radius:18px;
	display:block;
	font-size:16px;
	color:#FFF;
	line-height:34px;
	font-weight:bold;
}

.table_box {
	padding-top:15px;
}


/* idea */

.idea_box {
	padding-top:5px;
}

.idea_item {
	padding:30px 25px 8px 5px;
	border-bottom:1px dashed #CCC;
}

.idea_number {
	width:35px;
	float:left;
	font-size:17px;
	color:#868686;
	line-height:150%;
}

.idea_item_text {
	width:855px;
	float:right;
	font-size:17px;
	color:#000;
	line-height:150%;
}

.idea_text {
	padding:0 2px 7px 2px;
	font-size:15px;
	color:#000;
	line-height:150%;
}

.idea_story {
	position:relative;
}

.idea_story_item {
	margin-top:15px;
	padding:15px 27px 40px 7px;
	border-bottom:1px dashed #CCC;
	position:relative;
	font-size:15px;
	color:#000;
	line-height:150%;
}

.idea_story .idea_story_item:first-child,
.idea_story .idea_story_item:last-child {
	padding-bottom:30px;
}

.idea_story_item span {
	font-size:18px;
	color:#D80000;
	line-height:150%;
	font-weight:bold;
}

.idea_story_item a {
	color:#000;
	text-decoration:none;
}

h2.h2_under {
	margin-top:50px;
}

.idea_link {
	padding:20px;
}

.idea_link_item {
	border-bottom:1px dashed #CCC;
}

.idea_link_item a {
	padding:10px;
	display:block;
	font-size:16px;
	color:#000;
	line-height:150%;
	text-decoration:none;
}

.idea_link_item a span {
	text-decoration:underline;
}

.idea_link_item a:hover {
	background:#EEE;
}

.idea_top_btn {
	position:absolute; bottom:15px; right:10px;
}

.idea_top_btn a {
	padding:5px 10px;
	background:#EEE;
	border-radius:15px;
	font-size:14px;
	color:#333;
	line-height:150%;
	text-align:center;
}

.idea_thum_box {
	position:absolute; top:-41px; right:20px;
}

.idea_thum {
	width:190px;
}

.idea_thum img {
	width:100%;
}

.idea_thum_name {
	padding-top:7px;
	font-size:16px;
	color:#333;
	line-height:150%;
	font-weight:bold;
	text-align:center;
}

.movie {
	width:100%;
	margin-top:30px;
	padding-top:56.25%;
	position:relative
}
.movie iframe {
	width:100% !important;
	height:100% !important;
	position:absolute; top:0; right:0;
}

.blog_link{
	width:50%;
	margin:0 auto;
	padding:50px 0;
}
.blog_link a{
	padding:9px 0 8px 0;
	background:#AAA;
	border-radius:24px;
	display:block;
	font-size:20px;
	line-height:1.5;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}


/* work */

.work_thum_box {
	padding-top:20px;
}

.work_thum {
	width:300px;
	margin-right:10px;
	float:left;
}

.work_thum:last-child {
	margin-right:0;
}


/* company */

.company_map {
	padding-top:20px;
}


/* recruit */

.recruit{
	margin-top:20px;
	text-align:center;
}
.recruit .text{
	margin-bottom:20px;
	padding:30px 20px 28px 20px;
	border:1px solid #CCC;
	font-size:22px;
}
.recruit .link{
	width:55%;
	margin:0 auto;
	padding-top:10px;
}
.recruit .link a{
	padding:9px 0 8px 0;
	background:#AAA;
	border-radius:24px;
	display:block;
	font-size:20px;
	line-height:1.5;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}


/* footer */

.footer {
	padding-bottom:22px;
	background:url(../images/common/footer_bg.png) repeat-x;
}

.foot {
	width:940px;
	min-height:130px;
	margin:0 auto;
	position:relative;
}

.footer_navi {
	padding-top:37px;
	font-size:13px;
	color:#444;
	line-height:150%;
	text-align:center;
}

.footer_navi a {
	color:#444;
}

.top_marker {
	position:absolute; top:-25px; right:0;
}

.copyright_area {
	border-top:5px solid #F8981D;
	text-align:center;
}

.footer_logo {
	padding-top:18px;
}

.footer_title {
	padding-top:20px;
	font-size:15px;
	color:#000;
	line-height:150%;
}

.footer_text {
	padding-top:7px;
	font-size:13px;
	color:#212121;
	line-height:150%;
}

.copyright {
	padding-top:25px;
	font-size:11px;
	color:#444;
	line-height:150%;
}


/* table */

.table_box table {
	border-collapse:collapse;
	width:100%;
}

.table_box table tr,
.table_box table th,
.table_box table td {
	border-collapse:collapse;
	border:1px solid #999;
}

.table_box table th,
.table_box table td {
	padding:7px 9px;
	background:#FFF;
}

.table_box table td{
	background: #FFFFFF;
	margin: 0px;
	padding:10px;
}

.table_box table th {
	background-color:#F2F2F2;
	font-weight:normal;
	padding:10px;
}


table a:link		{ color:#333333; text-decoration: underline;}
table a:visited		{ color:#333333; text-decoration: underline;}
table a:hover		{ color:#D90000; text-decoration: underline;}


/* font */

.blue { color:#0000FF;}
.red { color:#FF0000;}
