@charset "utf-8"; 


body {
	background-color:#083E91;
}

body,td,th {
	font-family:'メイリオ','ＭＳ Ｐゴシック',serif;
	font-size:12px;
	color:#555;
	font-style: normal;
	line-height: 160%;
	font-weight: normal;
	
}


a:link { color:#09c; text-decoration:underline; outline:none;}
a:visited { color:#09c; text-decoration:none; }
a:hover { color:#6cc; text-decoration:underline; }

.imp {
	color:#C36;
}

#wrp {
	width: 100%;
	text-align:center;
	background-color:#FFF;
}

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

#header {
	width:980px;
	height:102px;
	margin:0 auto ;
}

#header #logo {
	float:left;
	width:328px;
	height:42px;
	padding-top:30px;
}

#header #logo a {
	display:block;
	width:328px;
	height:42px;
	text-indent:-9999px;
	background-image:url(/common/img/base/h_logo.gif);
}

#header .menu {
	float:right;
	background-image:url(/common/img/base/bg_h_menu.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:595px;
	height:102px;
	position:relative;
}

#header .menu ul {
	width:595px;
	height:102px;
}

#header .menu li {
	float:left;
	height:102px;
}

#header .menu li a {
	display:block;
	height:102px;
	background-position:top;
	background-repeat:no-repeat;
}

#header .menu li a:hover {
	background-position:bottom;
}

#header .menu li.h-menu1 a {
	background-image:url(/common/img/base/h_home_on.gif);
	width:90px;
}

#header .menu li.h-menu2 a {
	background-image:url(/common/img/base/h_concept_on.gif);
	width:114px;
}

#header .menu li.h-menu3 a {
	background-image:url(/common/img/base/h_profile_on.gif);
	width:162px;
}

#header .menu li.h-menu4 a {
	background-image:url(/common/img/base/h_company_on.gif);
	width:102px;
}

#header .menu li.h-menu5 a {
	background-image:url(/common/img/base/h_contact_on.gif);
	width:127px;
}

.home #header .menu li.h-menu1 a,
.concept #header .menu li.h-menu2 a,
.profile #header .menu li.h-menu3 a,
.company #header .menu li.h-menu4 a,
.contact #header .menu li.h-menu5 a{
	text-indent:-9999px;
}


/*---------------------------------------------------------
 * content
 *---------------------------------------------------------*/

.top-img {
	width: 100%;
	text-align:center;
	background-color:#F8F8F8;
	background-image:url(/common/img/base/bg_line_main.gif);
	padding:3px 0;
}

.home .top-img {
	background-image:url(/common/img/home/bg_line_main.gif);
	height:340px;
}

.top-img h1,
.top-img h2 {
	margin:0 auto;
	height:94px;
	text-indent:-9999px;
	background-position:center;
	background-repeat:no-repeat;	
}

.home .top-img h2 {
	height:340px;
	background-image:url(/common/img/home/img_main.jpg);
}

.concept .top-img h1 {
	background-image:url(/common/img/base/img_main_concept.jpg);
}

.profile .top-img h1 {
	background-image:url(/common/img/base/img_main_profile.jpg);
}

.company .top-img h1 {
	background-image:url(/common/img/base/img_main_company.jpg);
}

.contact .top-img h1 {
	background-image:url(/common/img/base/img_main_contact.jpg);
}

.defo .top-img h1 {
	background-image:url(/common/img/base/img_main_news.jpg);
}

.defo .top-img h1.tit-error {
	background-image:url(/common/img/base/img_main_error.jpg);
}

#content {
	width:980px;
	margin:0 auto;
	background-image:url(/common/img/base/bg_side.gif);
	background-position:bottom right;
	background-repeat:repeat-y;
}



/*---------------------------------------------------------
 * content:main
 *---------------------------------------------------------*/

.box-main {
	width:700px;
	padding:30px 0;
}

.box-main .box {
	margin-bottom:30px;
	text-align:left;
	line-height:180%;
}

.box-main .box h2 {
	color:#13171E;
	font-size:14px;
	margin-bottom:15px;
	font-weight:bold;
}

.box-main .box h3 {
	margin-bottom:10px;
	font-weight:bold;
	color:#003366;
}

.box-main .box h2.tit,
.box-main .box h3.tit {
	border-bottom:#D6D6D6 1px dotted;
	padding: 0 0 5px 15px;
	background-image:url(/common/img/base/icon_tit1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.box-main .box p {
	margin-bottom:20px;
}

/*---------------------------------------------------------
 * content:side
 *---------------------------------------------------------*/

.box-side {
	width:238px;
	background-color:#F6F6F6;
	border:#E7E7E7 solid 1px;
	border-width:1px 1px 0 1px;
	margin-top:-25px;
}

.box-side .box-s {
	margin:5px 5px 0;
	background-color:#FFF;
	padding:15px;
}

.box-side .box-contact h2 {
	text-align:left;
	margin-bottom:20px;
}

.box-side .box-contact a {
	margin-bottom:30px;
	display:block;
}


.box-side #archives {
}

.box-side #archives li {
	margin:0 0 5px 5px;
	padding-left:15px;
	background-image:url(/common/img/base/icon_arrow.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	font-size:11px;
}

.box-side h2.widget-title {
	color: #13171E;
    font-weight: bold;
	border-bottom:#D6D6D6 1px dotted;
	padding: 2px 0 10px 15px;
	margin-bottom:10px;
	background-image:url(/common/img/base/icon_tit1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

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

#footer {
	width: 100%;
	padding:20px 0;
	text-align:center;
	color:#FFF;
}

#footer-info {
	width:980px;
	height:31px;
	margin:0 auto;
}

#footer-info .menu {
	float:left;
	width:600px;
}

#footer-info .menu li {
	float:left;
	margin-right:10px;
}

#footer-info p.f-copy {
	float:right;
	width:340px;
}


/*---------------------------------------------------------
 * HOME
 *---------------------------------------------------------*/
 
 
.home .top-img {
	width: 100%;
	text-align:center;
	background-color:#000109;
}

.home #content {
	background-image:url(/common/img/home/bg_news.jpg);
	background-position:bottom left;
	background-repeat:repeat-y;
}

.home .box-main {
	padding-top:0px;
	padding-bottom:0px;
}

.home .box-main .box-news h3 {
	width:114px;
	float:left;
	padding:20px 0 20px 20px;
}

.home .box-main .box-news h3 .title {
	display:block;
	margin-bottom:10px;
}

.home .box-main .box-news ul {
	float:right;
	width:540px;
	padding:25px 0 0;
}


.home .box-main .box-news li {
	padding:0px 10px 10px 80px;
}

.home .box-main .box-news li .date {
	margin-right:15px;
	margin-left:-70px;
}

/*---------------------------------------------------------
 * NEWS
 *---------------------------------------------------------*/

.tag-news .box-main .box {
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(/common/img/base/line_box.gif);
	background-position: bottom;
	background-repeat:repeat-x;
}

#single-image .box-main .box {
}

#index .box-main .box h3,
#single .box-main .box h3 {
	font-size:16px;
	font-weight:normal;
}

#single-image .box-main .box h3 {
	margin-bottom:5px;
}

#single-image .box-main .box h4 {
	margin-bottom:15px;
}

#index .box-main .page-header {
	padding-bottom:10px;
	background-image:url(../img/line_dot.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	margin-bottom:30px;
}

#index .box-main .page-header h3 {
	font-weight:bold;
	color: #313B39;
}


.box-main .box .entry-meta {
	margin-top:20px;
	text-align:right;
	font-size:10px;
	clear:both;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	font-size: 12px;
	margin: 5px;
}

/*** ページナビ *********************/

#nav-single,
.wp-pagenavi {
	clear: both;
	font-size:11px;
	height:60px;
}

#nav-single a,
.wp-pagenavi a {
	text-decoration: none;
	border: 1px solid #DBDBDB;
	background-color:#F3F3F3;
	padding: 2px 7px;
	margin: 2px;
}

#nav-single span.nav-previous,
.wp-pagenavi span.pages {
	padding-right:10px;
}

#nav-single a:hover,
.wp-pagenavi a:hover {
	text-decoration: none;
	border: 1px solid #083E91;
	background-color:#083E91;
	color:#FFF;
	padding: 2px 7px;
	margin: 2px;
}
.wp-pagenavi span.current {
	border: 1px solid #083E91;
	background-color:#083E91;
	color:#FFF;
	padding: 2px 7px;
	margin: 2px;
}

.breadcrumb {
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(/common/img/base/line_box.gif);
	background-position: bottom;
	background-repeat:repeat-x;
}

.breadcrumb ul {
	width:700px;
}

.breadcrumb ul li {
	float:left;
	margin-right:10px;
	background-image:url(/common/img/base/icon_arrow2.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	padding-left:10px;
}

/*---------------------------------------------------------
 * 404
 *---------------------------------------------------------*/

.error .box-main .box h3 {
	font-weight:bold;
	font-size:36px;
}

/*---------------------------------------------------------
 * CONCEPT
 *---------------------------------------------------------*/

.box-main .box h2.tit_concept,
.concept .box-main .box .list_project {
	margin-bottom:30px;
}

.concept .box-main .box li {
	margin:0 0 5px 5px;
	padding-left:15px;
	background-image:url(/common/img/base/icon_arrow.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	font-size:11px;
}


.box-main .box h3.tit-project {
	background-color:#F8F8F8;
	border: 1px solid #E7E7E7;
    color: #13171E;
	padding: 8px 0 8px 15px;
	margin-bottom:20px;
}
 
/*---------------------------------------------------------
 * PROFILE
 *---------------------------------------------------------*/

.list-history dt {
	float:left;
	display:block;
	width:60px;
	color:#999;
}

.list-history dd {
	border-left: 1px dotted #D6D6D6;
	margin-left:60px;
	padding-left:20px;
	margin-bottom:20px;
}

/*---------------------------------------------------------
 * COMPANY
 *---------------------------------------------------------*/
 

/* table *****************************/

.table-company {
	border:1px solid #E7E7E7;
	border-collapse:collapse;
	border-spacing:0;
	width:688px;
}

.table-company th {
	border-bottom:1px solid #E7E7E7;
	border-right:1px dotted #E7E7E7;
	background-color:#F8F8F8;
	vertical-align:top;
	padding:12px 0 12px 15px;
	line-height:160%;
	width:140px;
	color:#13171E;
}

.table-company td {
	padding:12px 0 12px 15px;
	border-bottom:1px dotted #E7E7E7;
	vertical-align:top;
	white-space:normal;
	line-height:160%;
}


/*---------------------------------------------------------
 * CONTACT
 *---------------------------------------------------------*/


/* table *****************************/

.table-form {
	border:1px solid #E7E7E7;
	border-collapse:collapse;
	border-spacing:0;
	width:688px;
}

.table-form th {
	border-bottom:1px solid #E7E7E7;
	border-right:1px dotted #E7E7E7;
	background-color:#F8F8F8;
	vertical-align:top;
	padding:12px 0 12px 15px;
	line-height:160%;
	width:140px;
	color:#13171E;
}

.table-form td {
	padding:12px 0 12px 15px;
	border-bottom:1px dotted #E7E7E7;
	vertical-align:top;
	white-space:normal;
	line-height:160%;
}


.table-form th .imp {
	color:#C36;
	font-size:10px;
	padding-left:5px;
}

.table-form td input {
    padding: 4px 6px;
    border: 1px solid #CCCCCC;
	outline:none;
}

.table-form td  textarea {
    padding: 4px 6px;
    width: 90%;
    border: 1px solid #CCCCCC;
}

.table-form td input:hover,
.table-form td  textarea:hover {
	background-color: #F7FAFB;
}

.table-form td input:focus,
.table-form td  textarea:focus {
    border: 1px solid #6699CC;
}

.bt-form {
    margin: 20px 0;
    text-align: center;
}

.bt-form input {
    cursor: pointer;
    padding: 10px 0;
    width: 200px;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 0 0 15px;
	padding: 5px 10px;
}

div.wpcf7-mail-sent-ok {
	background: #083E91;
	border: 1px solid #fff;
	color:#FFF;
}

div.wpcf7-mail-sent-ng {
	background: #C36;
	border: 1px solid #fff;
	color:#FFF;
}

div.wpcf7-spam-blocked {
	background: #C36;
	border: 1px solid #fff;
	color:#FFF;
}

div.wpcf7-validation-errors {
	background: #C36;
	border: 1px solid #fff;
	color:#FFF;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	margin-top: 3px;
	left: 1px;
	z-index: 100;
	background: #fff;
	font-size: 10px;
	color:#C36;
	padding: 0 10px 0;
	width:240px;
}

.your-message span.wpcf7-not-valid-tip {
}

*html .your-message span.wpcf7-not-valid-tip {
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10px;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}