/*-------------------------------------------------*/
/*                     common                      */
/*-------------------------------------------------*/
body,html {
  margin: 0;
  padding:0;
  line-height:1.8;
  letter-spacing:1px;
  color:#333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,p,a{text-align:left;}
a{text-decoration:none;}
li{list-style-type:none;}
#wrapper{
  margin:0 auto;
  width:100%;
  text-align:center;
  border-top:5px solid #004482;
}
#header,#footer,#contents{
  display:block;
  margin:0 auto;
  width:930px;
}
.clearfix{clear:both;}


/*-------------------------------------------------*/
/*                     header                      */
/*-------------------------------------------------*/
#header{
  height:105px;
}

#header h1 {
/*  float:left;  */
  margin:0;
/*  display:inline-block; */
  text-align:left;
}

#header h1 img{
  margin-top:20px;
  vertical-align:bottom;
}

#header h2 {
  margin-top:7px;
  font-size: 12px;
}

#header h2 a {
  text-decoration:none;
  color:#004481;
}

#header h2 a:hover {
  text-decoration:underline;
}

#header_left {
  float:left;
  display:inline-block;
}

#header_right{
  float:right;
  margin-top:5px;;
  padding:0;
  font-size:12px;
  width:300px;
  text-align:right;

}

#header_right li{
  display:inline-block;
}
#header_right li a{
  text-align:right;
  color:#004481;
  text-decoration:underline;
}
#header_right li a:hover {
  color:#004481;
  text-decoration:none;
}

#header_info {
  margin-top:10px;
}

.privacy {
}
.privacy li{	
}


/*-------------------------------------------------*/
/*                      navi                       */
/*-------------------------------------------------*/

#navigation{
  display:block;
  margin:0 auto;
  width:100%;
  height:60px;
  background: url(../image/navigation/bg.png) repeat-x;
}

#navi{
  display:block;
  margin:0 auto;
  width:930px;
}

#navi {
  margin:0 auto;
  padding:0;
}

#navi li{
  margin:0;
  padding:0;
  height:60px;
  width:155px;
  display:inline-block;
  list-style-type: none;
}

#navi li a {
  display:inline-block;
  vertical-align: bottom;
  height:60px;
  width:155px;
}
#navi .navi1{background: url(../image/navigation/home_off.jpg) no-repeat;}
#navi .navi1:hover{background: url(../image/navigation/home_on.jpg) no-repeat;}
#navi .navi2{background: url(../image/navigation/about_off.jpg) no-repeat;}
#navi .navi2:hover{background: url(../image/navigation/about_on.jpg) no-repeat;}
#navi .navi3{background: url(../image/navigation/works_off.jpg) no-repeat;}
#navi .navi3:hover{background: url(../image/navigation/works_on.jpg) no-repeat;}
#navi .navi4{background: url(../image/navigation/price_off.jpg) no-repeat;}
#navi .navi4:hover{background: url(../image/navigation/price_on.jpg) no-repeat;}
#navi .navi5{background: url(../image/navigation/access_off.jpg) no-repeat;}
#navi .navi5:hover{background: url(../image/navigation/access_on.jpg) no-repeat;}
#navi .navi6{background: url(../image/navigation/faq_off.jpg) no-repeat;}
#navi .navi6:hover{background: url(../image/navigation/faq_on.jpg) no-repeat;}

.home a{background: url(../image/navigation/home_on.jpg) no-repeat;}
.about a{background: url(../image/navigation/about_on.jpg) no-repeat;}
.works a{background: url(../image/navigation/works_on.jpg) no-repeat;}
.price a{background: url(../image/navigation/price_on.jpg) no-repeat;}
.access a{background: url(../image/navigation/access_on.jpg) no-repeat;}
.faq a{background: url(../image/navigation/faq_on.jpg) no-repeat;}

/*-------------------------------------------------*/
/*                    contents                     */
/*-------------------------------------------------*/

#contents{
  margin:0 auto;
  width:930px;
}

img{display:inline;}

#contents .c_left{
  float:left;
  padding:0;
  width:300px;
}

#contents .c_right{
  float:right;
  margin: 20 auto;
  padding:0;
  width:630px;
}

h2{
  padding-left:20px;
  text-align:left;
  font-size:24px;
  color:#004482;
  font-weight:bold;
}
h3{
  margin-top:20px;
  margin-bottom:10px;
  padding-left:40px;
  text-align:left;
  font-size:16px;
  font-weight:bold;
}
h4{
  margin-top:35px;
  margin-bottom:10px;
  padding-left:40px;
  text-align:left;
  font-size:18px;
  font-weight:bold;
}

h5{
  margin-top:15px;
  margin-left:30px;
  margin-bottom:10px;
  font-size:19px;
  font-weight:bold;
  width:90%;
  color:#004482;
  border-bottom:1px solid #004482;
}

p{
  padding-left:50px;
  text-align:left;
}

.c_row{
  margin:25px auto;
  width:930px;
}
.c_row ul, .c_right ul {
	text-align:left;
	margin:0.5em 0 0.5em 5em;
}
.c_row li, .c_right li {
	list-style-type:disc;
	color:#004482;
}
.c_row a{
	text-decoration:underline;
}
.c_row a:hover {
	text-decoration:none;
}

.c_row .pos_left {
	text-align:left;
}

#contents .subtitle {
  display:block;
  margin-top:25px;
  margin-bottom:25px;
  height:45px;
  width:100%;
  background: url(../image/common/midashi.jpg) no-repeat;
  background-position:center;
  font-size:16px;
  color:#004482;
  text-align:left;
}

#contents .subtitle h1{
  padding-top:16px;
  padding-left:8px;
  height:16px;
  display:block;
  font-size:20px;
  font-weight:bold;
  line-height:16px;
}

#news ul{
text-align:left;padding-left:10px;padding-right:10px;line-height:2;
}

.date{
 vertical-align: top;display:inline-block;width:110px;
}
.text{
 word-break: break-all;display:inline-block;width:770px;padding-left:30px;
}
.catch {
	font-weight:bold;
}
.caption {
	font-size:12px;
	margin-left:2em;
}
.pp-midashi{
  margin-top:1em;
  padding-left:40px;
  text-align:left;
  font-size:20px;
  color:#004482;
  font-weight:bold;
}
.c_row table {
	width:800px;
	text-align:left;
	font-size:14px;
}
/*テーブルタイプ*/
table.type04 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.2;
	margin-bottom:20px;
	/*border-top: 1px solid #ccc;*/
}
table.type04 th {
	width: *;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.type04 td {
	/*width: 350px;*/
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
/*type 01*/
table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.2;
}
table.type01 th {
	/*width: 180px;*/
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type01 td {
	/*width: 350px;*/
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}


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

#footer #subnavi {
  width:910px;
  margin-top:25px;
  padding:10px;
  display:inline-block;
  border-top:2px solid  #004482;
  border-bottom:2px solid  #004482;

}

#foot_info{
  display:block;
  margin-top:25px;
  margin-bottom:25px;
}

#footer #subnavi li {
  float:left;
  text-align:center;
  height:18px;
  border-left:1px solid #4f4f4f;
}
#footer #subnavi li a{
  display:block;
  height:18px;
  padding:0 22px;
  line-height:18px;
  color:#333;
  text-decoration:underline;
  }
#footer #subnavi li a:hover {
	color:#004481;
	text-decoration:none;
}
#footer #subnavi li:first-child{
  border-left:0px none;
}

#copy_right{
  display:block;
  margin-top:25px;
  height:30px;
  width:100%;
  color: #ffffff;
  background-color: #004482;
  text-align:center;
  font-size:12px;
  line-height:24px;
}

#copy_right a {
  color: #ffffff;
  text-decoration: underline;
}

#copy_right a:hover {
  color: #ffffff;
  text-decoration: none;
}

/*-------------------------------------------------*/
/*                     topimage                    */
/*-------------------------------------------------*/
#topimage{
  margin:0px;
  padding:0px;
  height:270px;
  width:100%;
  background-image:url(../image/common/mv_bg.jpg);
  background-repeat:repeat-x;
}
#topimage_m{
  margin:0px;
  padding:0px;
  height:170px;
  width:100%;
  background-image:url(../image/common/mv_bg.jpg);
  background-repeat:repeat-x;
}
/*Button*/
.button {
	display: inline-block;
	width: 250px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #004482;
	background-color: #004482;
	background-image: -webkit-linear-gradient(top, #0071bc, #004482);
	background-image: linear-gradient(to bottom, #0071bc, #004482);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button:hover {
	border:1px solid #004482;
	background-color: #0071bc;
	background-image: -webkit-linear-gradient(top, #018dea, #0071bc);
	background-image: linear-gradient(to bottom, #018dea, #0071bc);
}
.button:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #fff;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}