@charset "utf-8";

/* CSS
   ========================================================================== */
html,body {
	margin:0;
	padding:0;
}
body {
	background-color:#fff;
	background: url('../img/background.png') repeat top center;
	font-size: 95%;
	line-height: 1.7em;
	color: #555;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ", sans-serif;
	border-top: 4px solid #117bc2;
}
a {
	text-decoration: none;
	color: #d6083b;
}
a:hover {
	text-decoration: underline;
}

/*
a.ex_link {
    background: url(../img/blank_icon.png) no-repeat right 2px;
    padding-right: 15px;
	margin-right: 5px;
}

*/
p {
	text-align: justify;
	text-justify: distribute-all-lines;
}
img {
	box-shadow: #000 0 0 0;
}
img, x:-moz-any-link, x:default {
	box-shadow: #000 0 0 0;
}

.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}

.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}


.center{
  text-align: center;
}
.ar{
  text-align: right;
}
.al{
  text-align: left;
}

ul,ol,li {
	list-style: none;
	font-size:100%;
	margin: 0;
	padding:0;
}

.img_left { float: left; margin: 0 20px 15px 0px; }
.img_right { float: right; margin: 0 0px 15px 20px; }
*html .img_left { float: left; margin: 0 10px 7px 10px; }
*html .img_right { float: right; margin: 0 10px 7px 10px; }

/* Layout
* --------------------------------------- */
div.layout-1000 { width: 1000px; margin: 0px auto; }

div.row { height: 1%; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }

div.col1, div.col2, div.col3 { float: left; margin-left: 20px; }
div.col1:first-child, div.col2:first-child, div.col3:first-child { margin-left: 0px; }
div.col1 { width: 320px; }
div.col2 { width: 660px; }
div.col3 { width: 1000px; }

/* Header
* --------------------------------------- */
#header {
	background: #ffffff;
	height: 85px;
}
#header .head {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}

#header .head h1 {
	padding: 15px 0;
	text-align: left;
}


/* slide
* --------------------------------------- */
#container {
	height:415px;
	width:100%;
}
#container .slide {
	width:1000px;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
}
#container .slide01 img {
	margin: 150px 0 0 0;
	max-width: 100%;
}
/* スライド写真が増えるまで、ナビゲーションを一時非表示 */
.skippr-nav-element-bubble {
	display:none!important;
}

/* slide (Seconde page)
* --------------------------------------- */
#container02 {
	height:195px;
	width:100%;
	margin-bottom: 20px;
}
#container02 .slide {
	width:1000px;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
}
#container02 .slide01 {
	margin: 30px 0 0 0;
}
/* スライド写真が増えるまで、ナビゲーションを一時非表示 */
#container02 .skippr-nav-element-bubble {
	display:none!important;
}


/* Navigation
* --------------------------------------- */
#navigation { background-color: #f2f2f2;
	text-align: center;
	margin: 0 auto 20px auto; }
#navigation ul { 
	width: 1000px;
	text-align: center;
	margin: 0 auto;
}
#navigation li { 
	width:235px;
	height:220px;
	line-height: 220px;
	font-size: 28px;
	display: block;
	float:left;
	margin: 20px 0px 20px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: url("../img/index/li_bg.png") no-repeat 160px 150px;
}

#navigation li:first-child { margin: 20px 0px 20px 0px;}
#navigation li a {  width:100%; height:100%; color:#fff; display:block;}

#navigation li a {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration: none;
}
#navigation li.cat01 { background-color:#f0831e;}
#navigation li.cat02 { background-color:#38beef;}
#navigation li.cat03 { background-color:#fccb37;}
#navigation li.cat04 { background-color:#107ac1;}
#navigation li:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* Navigation (Seconde page)
* --------------------------------------- */
#snav  {
	background-color: #f2f2f2;
	text-align: center;
	margin: 0 auto 2px auto;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ccc;
}
#snav ul { 
	width: 1000px;
	text-align: center;
	margin: 0 auto;
}
#snav li { 
	width:200px;
	height:48px;
	line-height: 48px;
	font-size: 18px;
	display: block;
	float:left;
	margin: 0px;
}

#snav li a {  width:100%; height:100%; color:#625a58; display:block; text-decoration: none;}

#snav li a:hover, #snav li.current a { color:#fff;}

#snav li.cat00 a:hover, #snav li.cat00.current a { background-color:#107ac1;}
#snav li.cat01 a:hover, #snav li.cat01.current a { background-color:#f0831e;}
#snav li.cat02 a:hover, #snav li.cat02.current a { background-color:#38beef;}
#snav li.cat03 a:hover, #snav li.cat03.current a { background-color:#fccb37;}
#snav li.cat04 a:hover, #snav li.cat04.current a { background-color:#107ac1;}


/* Wrapper
* --------------------------------------- */
#wrapper {
	width:1000px;
	margin:0 auto;
	text-align: center;
}

#wrapper .row {
	text-align: left;
	margin: 0px 0px 30px 0px;
}
#wrapper .row h1 {
	font-weight: normal;
	font-size: 30px;
	margin: 30px 0;
}
.news {
	background-color: #f2f2f2;
}
.news h2 {
	padding: 20px 20px 10px 20px;
}
.news dl {
	padding: 0 20px 20px 20px;
}

.overview h3 {
	font-size: 22px;
	font-weight: normal;
	padding: 10px 20px 20px 20px;
}
.overview p {
	padding: 0px 20px 20px 20px;
}
.overview .col1 {
	background-color:#e8f5f6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.overview .col1 img {
	width: 100%;
}

/* Footer
* --------------------------------------- */
#footer {
	clear: both;
	background-color: #00c4d9;
}
#footer li {
	border-left: 1px solid #fff;
	display: inline;
}
#footer li:first-child {
	border-left:none;
}
#footer a {
	color: #fff;
	padding: 0 10px;
}
#footer .foot {
	width: 1000px;
	margin: 0px auto;
	padding: 20px 0px;
	text-align: center;
}
#footer .foot ul {
	margin: 0px 0px 30px 0px;
}
#footer .copy {
	color: #fff;
	text-align: right;
	background: url(../img/footer_logo.png) no-repeat right bottom;
	height: 50px;
	padding-right: 50px;
	font-size:85%;
}
#footer .copy p {
	text-align: right;
	padding-top: 25px;
}

/* Company profile
* --------------------------------------- */
dl.company {
	border-bottom: 1px dotted #ccc;
}
dl.company dt {
	border-top: 1px dotted #ccc;
	display:block;
	width: 25%;
	float: left;
	clear: left;
	padding: 5px 0;
}
dl.company dd {
	border-top: 1px dotted #ccc;
	display:block;
	width: 75%;
	float: left;
	padding: 5px 0;
}
dl.company dd ol li{
	list-style-type: decimal;
	margin-left: 20px;
}
dl.company dt:first-child {
	border-top: none;}
dl.company dd:nth-child(2) {
	border-top: none;}
	
	

.col1.aside {
	text-align: center;
	margin: 0 auto;
}

/* Business
* --------------------------------------- */

ul.icon {
	margin: 0 0 0 30px;
}
ul.icon li {
	background: url(../img/list_icon.png) no-repeat left 3px;
	padding: 0 0 20px 20px;
}

/* Information
* --------------------------------------- */
dl.info {
	border-bottom: 1px dotted #ccc;
}
dl.info dt {
	border-top: 1px dotted #ccc;
	display:block;
	width: 15%;
	float: left;
	clear: left;
	padding: 5px 0;
}
dl.info dd {
	border-top: 1px dotted #ccc;
	display:block;
	width: 85%;
	float: left;
	padding: 5px 0;
}

dl.info dt:first-child {
	border-top: none;}
dl.info dd:nth-child(2) {
	border-top: none;}

/* Inquiry
* --------------------------------------- */
.boxInq { 
	border: 3px solid #f0831e;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 30px 0;
	padding:30px 20px 20px 20px;
 }
.boxInq .boxTel {
	width: 50%;
	float: left;
	text-align: center;
}
.boxInq .boxTel strong {
	font-size: 40px;
	font-weight: normal;
	color:#f0831e;
	padding-left: 20px;
}
.boxInq .boxTel span {
	font-size: 85%;
	padding: 0;
}