@charset "utf-8";

body{
	font-family: 'Open Sans', sans-serif;
	color:#555555;
}

#wrap{
	width:980px;
	margin:0 auto 50px auto;
}

.basic_area{
	margin:0 0 10px 0;
}

::selection {
	background: #607DD0;
	color: white;
}


/*=======================================================================

共通

=======================================================================*/

.content_ttl{
	clear:both;
	padding:10px;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
	border-bottom:solid 1px #607DD0;
}

.display-none {
    display:none;
}



/*=======================================================================

パンクズ

=======================================================================*/

#bread{
	line-height:1;
	overflow: hidden;
	zoom: 1;
	width: 660px;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	font-size:12px;
	background:#EFEFEF;
}

#bread li {
  float: left;
}

#bread li a {
	color:#607DD0;
	border-right:1px solid #ccc;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	text-decoration: none;
}


/*=======================================================================

下層ページタイトル

=======================================================================*/

#in_title{
	width: 690px;
	height: 130px;
	margin:0 0 20px 0;
	position: relative;
}

#in_title h2{
	letter-spacing: 3px;
	position: absolute;
	left: 20px;
	/* 画像の高さにより調節 */
	top:45px;
	background-color: rgba(96,125,208,0.6);
	/*background: #607DD0;*/
	color: white;
	line-height: 1;
	padding: 10px;
}

#in_title span{
	margin:0 0 0 5px;
	font-size:14px;
}


/*=======================================================================

下層ページテーブル系

=======================================================================*/

.in_list {
	overflow:hidden;
  padding: 0 0px 10px 10px;
  line-height: 1.8;
}

.in_list h3 {
  font-weight: bold;
  padding: 10px;
  border-bottom: solid 1px #ccc;
  width: 150px;
  float: left;
}
.in_list .in_list_r {
  padding: 10px;
  border-bottom: dotted 1px #ccc;
  width: 480px;
  float: left;
}
.in_list .in_list_r h4 {
  margin: 0 0 2px 0;
  font-weight: bold;
}
.in_list .in_list_r ul {
  margin: 0 0 5px 0;
}



/*=======================================================================

フォームテーブル系

=======================================================================*/


.basic_table {
	padding:0px 10px 10px 10px;
	vertical-align: top;
}

.basic_table table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.basic_table table th{
	border-bottom: solid 1px #ccc;
	text-align: left;
	width: 200px;
	padding: 10px;
}

.basic_table table td {
	border-bottom: dotted 1px #ccc;
	padding: 10px;
}

.basic_table table td input,.basic_table table td input textarea,.basic_table table td input select{
	margin: 3px 2pt !important;
	padding: 3px 1pt;
}

.auth-captcha {
  width: 430px;
  margin: 10px auto;
}

.submit {
  text-align: center;
}

.submit .btn-gray{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 10px 20px;
	margin:0 10px 0 0;
	border: none;
	background: #CCC;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.submit .btn-orange{
	margin:20px 0 0 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 10px 20px;
	border: none;
	background: #607DD0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.submit .btn-red{
	margin:20px 0 0 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 10px 20px;
	border: none;
	background: #607DD0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#flashMessage {
	padding: 10px 20px;
	margin: 15px auto!important;
	color: #C30;
	font-weight: bold;
	border: 5px solid #C30;
}

.error-message {
	color: #C30;
	font-weight: bold;
	font-size: small;
}


/* submitページ */

#mail_thanks{
	line-height:1.9;
}

#mail_thanks p{
	margin:0 0 5px 0;
}


#mail_thanks a{
	color:#607DD0;
	text-decoration:underline;
}


/*=======================================================================

widget

=======================================================================*/

.widget {
	margin-top:30px;
}
.widget h2 {
	clear: both;
	padding: 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
	border-bottom: solid 1px #607DD0;
}

.widget ul li {
	padding-left:16px;
	line-height:20px!important;
	font-size:12px;
}
.widget li.current a,
.widget li.selected a{
	font-weight: bold;
	color:#360;
}
h3.contents-head {
	margin-bottom:20px!important;
	padding:5px 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	margin-left:30px;
	margin-right:20px;
	color:#607DD0;
}
h4.contents-head {
	padding:5px 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #607DD0;
	margin:10px 10px!important;
}
#blogDescription {
	margin-left:35px;
	margin-right:35px;
}
#contentsBody p {
	line-height: 2em!important;
}
#contentsBody .section {
	margin:0 35px 20px 35px;
}
#contentsBody ul,
.post ul {
	margin:3px 35px 20px 35px;
}
#ContentsNavi {
	margin-top:50px;
	margin-bottom:20px;
	text-align: center;
}


/*=======================================================================

blog

=======================================================================*/


/* blog-description
---------------------------------------------------*/
.blog-description {
	line-height:1.8;
	margin:0 0 20px 0;
	padding: 10px 10px 10px 10px;
	border: dotted 1px #CCC;
}
/* post
---------------------------------------------------*/
.post {
	margin:0 0 20px 0;
	padding: 10px 10px 10px 10px;
	border: dotted 1px #CCC;
}
.post-body,
#post-detail {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
	line-height:2em;
}
.more {
	text-align:right;
	margin:20px 10px 40px 10px;
}
/* meta
---------------------------------------------------*/
.meta {
	background-color:#F3F3F3;
	color:#999999;
	font-size:0.85em;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	text-align:right;
}
/* tag
---------------------------------------------------*/
.tag {
	color:#999999;
	font-size:0.85em;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	text-align: right;
}
/* calendar
----------------------------------------------- */
.widget-blog-calendar table {
	width:100%;
}
.widget-blog-calendar th {
	border-bottom:1px solid #e2e2e2;
}
.widget-blog-calendar th,
.widget-blog-calendar td {
	padding:2px 3px;
	font-size:12px;
	text-align: center;
}
.widget-blog-calendar .sunday {
	color:#ff6633;
}
.widget-blog-calendar .saturday {
	color:#3366FF;
}
.widget-blog-calendar .today {
	background-color:#e2e2e2;
}

/* BlogComment
----------------------------------------------- */
#BlogComment {
	margin-top:40px;
	padding: 0px 10px 10px 10px;
}
#BlogCommentList {
	padding:10px 20px;
	margin-top:20px;
}
#BlogCommentAddForm {
	padding:10px 20px;
}
#BlogCommentList .comment {
	padding-bottom:8px;
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:20px;
}
/* contentsNavi
----------------------------------------------- */
#contentsNavi {
	text-align:center;
}

#BlogCommentAddForm table {
	padding:0px 10px 10px 10px;
	vertical-align: top;
}

#BlogCommentAddForm table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#BlogCommentAddForm table  th{
	border-bottom: solid 1px #ccc;
	text-align: left;
	width: 70px;
	padding: 10px;
}

#BlogCommentAddForm table  td {
	border-bottom: dotted 1px #ccc;
	padding: 10px;
}

#BlogCommentAddForm table  td input,.basic_table table td input textarea,.basic_table table td input select{
	margin: 3px 2pt !important;
	padding: 3px 1pt;
}


/*=======================================================================

サービス案内

=======================================================================*/

.service_content p{
	padding:0 10px 10px 10px;
	line-height:1.9;
}


/*=======================================================================

会社概要

=======================================================================*/

.map{
	padding:0px 10px 10px 10px;
}


/*==========

header

==========*/

#herder{
	padding:45px 0 0 0;
	position:relative;
}

#herder #ttl{
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	top:40;
	left:0;
}

#herder #ttl h1{
	font-style:italic;
	font-weight:bold;
	font-size:28px;
	margin:0 0 2px -2px;
}

#herder #ttl h1 a:hover{
	color:#fff;
	background:#607DD0;
}

/* main_nav */

#herder #main_nav{
	margin:0 0 20px 0;
	text-align:right;
}

#herder #main_nav p{
	letter-spacing:1px;
	font-size:14px;
	margin:0 0 5px 0;
}


#herder #main_nav span{
	display:block;
	margin:0 0 0 2px;
	font-size:12px;
	color:#607dd0;
}

#herder #main_nav li{
	display:inline-block;
	text-align:left;
	margin:0 30px 0 0;
}

#herder #main_nav li a{
	border-left:2px solid #EBEBEB;
	display:inline-block;
	padding:40px 0 5px 10px;
}

#herder #main_nav li a:hover{
	border-left:2px solid #607dd0;
}

.none{
	display:none;
}

.linkbox{
	cursor:pointer;
}

/* sub_nav */

#sub_nav{
	position:absolute;
	top:4px;
	right:0;
	text-align:right;
}

#sub_nav li{
	display:inline-block;
}

#sub_nav li a{
	letter-spacing:2px;
	font-size:11px;
	color:#FFF;
	line-height:1;
	background:#607dd0;
	text-align:left;
	padding:5px 10px;
}

#sub_nav li a:hover{
	background:#ccc;
}


/*==========

TOP

==========*/

#sitemap{
	padding:10px;
}

#sitemap .mt20{
	margin:20px 0 0 0;
}

#sitemap a{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	border-left: 2px solid #EBEBEB;
}

#sitemap a:hover{
	border-left: 2px solid #607DD0;
}



/*==========

main

==========*/

#main{
	width:980px;
	height:311px;
	margin:0 0 20px 0;
	position:relative;
}

#main img{
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;  
	-webkit-border-top-left-radius: 50px;  
    -webkit-border-bottom-right-radius: 50px;  
   -moz-border-top-left-radius: 50px;  
    -moz-border-bottom-right-radius: 50px;  
}

#copy{
	font-style:italic;
	letter-spacing:3px;
	font-weight:bold;
	margin:-22px 0 0 0;
	position:absolute;
	left: 20px;
	top: 50%;
	/*background:#607DD0;*/
	background-color: rgba(96,125,208,0.6);
	color:#FFF;
	line-height:1;
	padding:10px;
}



/*==========

content

==========*/

#content{
	overflow:hidden;zoom:1;
}


#content a{
	color:#607DD0;
}


#content a:hover{
	color:#555555;
}


/*==========

main_col

==========*/


#main_col{
	width:690px;
	float:left;
}



/*==========

side_col

==========*/


#side_col{
	float:right;
	width:260px;
}

#side_company_info_in{
	padding:0 10px 10px 10px;
}

#side_company_info_in h3{
	font-size:12px;
	margin:0 0 3px 0;
	font-weight:bold;
}


#side_company_info_in p{
	line-height:1.8;
}

#side_company_info_in img{
	margin:0 0 2px 0;
}




/*==========

footer

==========*/

/* pagetop */

#btn_pagetop{
	font-size:11px;
	line-height:1;
	width:980px;
	margin:0 auto;
	text-align:right;
}

#btn_pagetop a{
	border-top:dotted 1px #607DD0;
	border-left:dotted 1px #607DD0;
	border-right:dotted 1px #607DD0;
	padding:10px;
	letter-spacing:2px;
	display:inline-block;
	color:#607DD0;
}

#btn_pagetop a:hover{
	color:#555555;
}

#footer_in{
	border-top:dotted 1px #607DD0;
	border-bottom:solid 8px #607DD0;
	clear:both;
}

#footer_nav a{
	color:#607DD0;
}

#footer_nav a:hover{
	color:#555555;
}

#footer_nav{
	margin:20px auto 0 auto;
	font-weight:bold;
	overflow:hidden;zoom:1;
	width:980px;
}

#footer_nav ul{
	float:left;
}


#footer_nav li{
	margin:0 20px 0 0;
	float:left;	
}

#copyright{
	font-style:italic;
	width:980px;
	padding:0 0 30px 0;
	margin:8px auto 0px auto;
	font-size:12px;
	clear:both;
}


/*==========

TOP

==========*/


/* news */

.news_in{
	padding:10px;
	clear:both;
	overflow:hidden;zoom:1;
	border-bottom:dotted 1px #ccc;
}

.news_in_date{
	font-weight:bold;
	font-style:italic;
	float:left;
	margin:0 10px 0 0
}

.news_in p{
	float:left;
}

#content .news_in a:hover{
	color:#607DD0;
}

#news .box_hover{
	background:#fbfbfb;
	border-bottom:dotted 1px #607DD0;
}


#news .box_hover .news_in_date{
	color:#607DD0;
}


.news_in_more{
	text-align:right;
}

.news_in_more a{
	display:block;
	padding:10px;
	border-bottom:dotted 1px #ccc;
}

.news_in_more a:hover{
	color:#607DD0;
	background:#fbfbfb;
	border-bottom:dotted 1px #607DD0;
}

/* service */

#service{
	overflow:hidden;zoom:1;
	margin:0 0 10px 0;
}

.service_in{
	float:left;
	overflow:hidden;zoom:1;
	width:210px;
	padding:0 10px 10px 10px; 
}

.service_in h3{
	font-size:12px;
	margin:0 0 3px 0;
	font-weight:bold;
}

.service_in_text{ 
	line-height:1.8;
	margin:0 0 10px 0;
}



.service_in_more{
	text-align:right;
}

.service_in_more a{
	display:block;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	padding:10px;
}

.service_in_more a:hover{
	color:#607DD0;
	background:#fbfbfb;
}

.service_in img{
	margin:0 0 2px 0;
}