@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:14px;
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:11px;
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: 14px;
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;
background-image: url("/image/header_bg.jpg"); 
background-repeat: no-repeat;
background-position: 0% 80%;
}

#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:13px;
margin:0 0 5px 0;
}


#herder #main_nav span{
display:block;
margin:0 0 0 2px;
font-size:10px;
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:980px;
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;
background-image: url("/image/footer_bg.jpg"); 
background-repeat: no-repeat;
background-position: 50% 40%;
}

#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:10px;
clear:both;
}


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

TOP

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


/* news */

.news_in{
padding:10px;

clear:both;
overflow:hidden;zoom:1;
border-bottom:dotted 1px #ccc;
background:#ffffff;
}

.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;
background:#ffffff;
}

.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;
padding-left:10px
}

.service_in{
float:left;
overflow:hidden;zoom:1;
width:210px;
padding:0 20px 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;
}



.pop a:hover{
/*マウスが乗ったら*/
        position: relative;
        top: 0px; left: 0px;
}
.fukidasipop {
/*吹き出し本体*/
        position: absolute;
        top:0px; left:10px;
        display: none; /*何も表示しない*/
        padding: 20px; /*内側の余白*/
        width: 500px; /*ブロックの幅
        font-weight: bold; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color: #ffffff; /*文字色*/
        background-color: #000000; /*背景色*/

        border-top:#FFCCCC solid 3px;
        border-left:#CCCCCC solid 5px;
        border-bottom:#FFCCCC solid 3px;
border-right:#CCCCCC solid 2px;

     filter: alpha(opacity=85); /* IE */
　　-moz-opacity:0.85; / *Firefox・Netscape */
  　opacity:0.85; /* Opera・Safari */
}
a:hover .fukidasipop {
        display: block; /*ブロック要素で表示*/
}


.event dl {
width:800px;
margin:10px auto;
}


.event dl dt {
font: bold 28px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #C00;
clear: left;
float: left;
margin: 0 0 0.2em 0.5em;
width: 18em;
border-bottom:solid 1px #666;
padding-left: 5px;
line-height:1em;
}

.event dl dd {
font: bold 28px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000;
line-height:1em;
border-bottom:solid 1px #666;
margin: 0 0 0.2em 0;
}

.event p {
width: 800px;
margin: 20px 0px 0px 40px;
font: bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #666;
}


/* 検索
---------------------------------------------------*/
#search .search-box {
float: right;
text-align: center;
padding-top: 10px;
padding-right:0;
margin-bottom: 0;
}

.search-box input[type="text"] {
}
.search-box .submit_button{
border-radius: 16px 16px 16px 16px;
text-indent: -9999px;
box-shadow:none;
    cursor: pointer;
    border: none;
    color: #fff;
    height: 34px;
    width:34px;
    background-image: url(/image/icons_search.png);
    background-color: transparent;
    background-repeat: no-repeat;
    margin-bottom: 0;
    vertical-align: top;
}

.search-result {
text-align: right;
}

#ContentQ{
font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
width:200px;
height:25px;
font-size:150%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
border-radius: 17px 17px 17px 17px;
padding: 5px;
}
#top-main-serch .search-box{
	padding:0;
	margin:0;
float: right;

}
#top-main-serch #ContentSearchForm #ContentQ{
	width:245px;
}