@charset "UTF-8";
/* CSS Document */
body {
	color:#666;
	font-size:13px;
	line-height:150%;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}
html {
    height: 92%;
}
body {
    height: 92%;
    margin: 0;
}

a:link      { color:#293d67; text-decoration:none; }
a:visited	{ color:#293d67; }
a:hover		{ opacity: 0.7; }
a:active	{ color:#0600ff }
.font		{ font-family: 'Quicksand', sans-serif; }
.font_300	{ font-weight: 300; }
.font_400	{ font-weight: 400; }
.font_700	{ font-weight: 700; }

/*logo----------------------------------------------------
----------------------------------------------------------*/
.top-logo {
  height: 100%;
  position: relative;
}
div#logo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
img.logo2 {
    padding: 0 10px;
}

/*menu----------------------------------------------------
----------------------------------------------------------*/
#menu {
	font-size:18px;
	text-align:center;
	color:#000;
	background-color:#FFF;
	padding-bottom: 10px;
}
#menu #menu_content {
	margin:0px auto;
	width:1000px;
	padding-top:0px;
	}
#menu a,
#menu p {
	display:block;
	margin: 0px 30px;
	float:left;
	line-height:20px;
	border-left:0px;
	}
#menu ul {
    text-align: center;
}
#menu li {
    zoom: normal;
    display: inline-block;
    vertical-align: middle;
}
#menu a:link	{ color:#000;font-size: 18px;}
#menu a:visited	{ color:#000; }
#menu a:hover	{ color: #666;}
#menu a:active	{ color:#000; }
#menu a img:hover { opacity: 0.7;}

/*wrap----------------------------------------------------
----------------------------------------------------------*/
.wrap {
	margin:0px auto;
	padding:50px 50px;
	max-width:1300px;
	}
.content {
	margin-bottom:200px;
	line-height:180%;
	}
.content h3 {
	color:#000;
	letter-spacing:1px;
	font-size:28px;
	padding-bottom:60px;
	padding-top: 2em;
	}
.bgn {
    background: #283d67;
    height: 530px;
    padding: 0em 0em;
    color: #fff;
}
.tags {
    color: #777;
    text-align: center;
    margin: 0 auto;
}
div#concept {
    margin-top: 200px;
}
#concept img.detail {
    margin-top: 3em;
	}
.concept p {
    line-height: 100%;
    font-size: 15px;
    margin: 18px 0;
}
div#concept2 {
    margin: 200px auto 0;
    width: 700px;
    line-height: 150%;
    font-size: 16px;
    width: 610px;
}
div#concept p {
    font-size: 14px;
    line-height: 85%;
}
div#concept2 p {
    font-size: 14px;
    line-height: 180%;
}

/*news----------------------------------------------------*/

#news img {
    margin-bottom: 40px;
}
#news ul {
	text-align:left;
	max-width:520px;
	margin:0px auto;
	}
#news li {
	line-height:220%;	
    font-size: 14px;
	}
div#news {
    margin: 80px 0 100px;
}
#news table {
    margin: 0 auto;
    height: 350px;
    width: 930px;
    font-size: 15px;
}
#news table td {
    max-width: 600px;
    padding-left: 15px;
}
.archive a {
    padding: 10px 60px;
    color: #293d67;
    border: 1px solid #293d67;
}
		
/*service----------------------------------------------------*/
#service table {
    margin: 0 auto;
}
#service table td {
    max-width: 350px;
}
td div {
    padding: 1em 2em;
}

/*profile----------------------------------------------------*/
div#profile {
    max-width: 950px;
    margin: 0 auto;
    height: 1105px;
}
#profile .profile_01 {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 230%;
    padding: 0px 0px 25px 0px;
    max-width: 820px;
		margin: 20px auto;
    text-align: left;
	}
#profile .profile_02 {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 230%;
    padding: 0px 0px 25px 0px;
    max-width: 820px;
		margin: 20px auto;
    text-align: left;
  }
#profile h5 {
    font-size: 24px;
}
#profile h6 {
    font-size: 14px;
    padding-bottom: 10px;
}
.profile_text1 {
    width: 375px;
    float: left;
    padding: 0 15px 15px 15px;
}
.profile_text2 {
    width: 380px;
    padding: 0 15px 15px 24px;
    float: left;
}
.profile_text p {
    padding: 10px 0;
}

/*contact----------------------------------------------------*/
#contact .text {
	font-size:13px;
	letter-spacing:2px;
	line-height:150%;
	padding:0px 0px 25px 0px;
	}
#contact p {
	font-size:12px;
	letter-spacing:2px;
	line-height:150%;
	padding:0px 0px 25px 0px;
	}

/*about----------------------------------------------------
----------------------------------------------------------*/
#about table {
    margin: 0 auto;
    height: 250px;
    width: 500px;
    font-size: 15px;
}
#about table td {
    padding-left: 40px;
}

/*footer----------------------------------------------------
----------------------------------------------------------*/
.footer {
	color:#000;
	padding:50px 50px 30px;
  background-color: #e6e6e7;
 	}
.footer a:link	{ color:#0600ff; }
.footer a:visited	{ color:#0600ff; }
.footer a:hover	{ color:#ccc; }
.footer a:active	{ color:#0600ff; }
.copyright {
	font-size:14px;
	letter-spacing:2px;
	text-align:center;
	}

/*menu_fixed------------------------------------------
--------------------------------------------------*/
.menu_fixed {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:100;
	}

/*row -----------------------------------------
--------------------------------------------------*/

.row-0{
    margin-left:0px;
    margin-right:0px;
 
    > div{
        padding-right:0px;
        padding-left:0px;
    }
}
.row-10{
    margin-left:-5px;
    margin-right:-5px;
 
    > div{
        padding-right:5px;
        padding-left:5px;
    }
}
.row-20{
    margin-left:-10px;
    margin-right:-10px;
 
    > div{
        padding-right:10px;
        padding-left:10px;
    }
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 
    > div{
        padding-right:15px;
        padding-left:15px;
    }
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
 
    > div{
        padding-right:20px;
        padding-left:20px;
    }
}