@charset "UTF-8";

/* --------------------------------------------------*/
/* reset style */
/* --------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
input,textarea {
	margin: 0;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset,img { 
	border: 0;
}
img {
	vertical-align: bottom;
}
header, nav, article, aside, section, footer {
	display:block;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
/*a:link,
a:visited {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}*/

/* --------------------------------------------------*/
/* base style */
/* --------------------------------------------------*/
body {
	font: 14px "futura-pt", "游ゴシック体", YuGothic,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: small;
	*font: x-small;
	/* color: #4D4D4D; */
}
/*
10px = 72%
12px = 86%
13px = 93%
14px = 100%
16px = 114%
18px = 128%
20px = 143%
22px = 157%
24px = 171%
26px = 186%
28px = 200%
30px = 214%
32px = 228.5%
34px = 243%
36px = 257%
38px = 271%
40px = 285%
*/
#container {
	min-width: 1000px;
	background: url(../images/bg.png) top center no-repeat;
}
.Sel::selection {
	background: #FFEF00; /* YLW */
}
.Sel::-moz-selection {
	background: #FFEF00; /* YLW */
}

/* --------------------------------------------------*/
.inner {
    width: 1000px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

/* --------------------------------------------------*/
/* header and Global Nav */
/* --------------------------------------------------*/

/* Header Logo
--------------------------------------------------*/
#top-logo {
	/*position: absolute;*/
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	line-height: 1;
	/*z-index: 999;*/
	background: #003C87;	/* NAVY */
	background: rgba(0,60,135,.8);
}
#top-logo a,
#top-logo {
	color: #fff;
	text-decoration: none;
}
#top-logo .inner {
	position: relative;
	text-align: center;
}
#top-logo .ci {
	font-size: 18px;
}
#top-logo .ci img {
	vertical-align: middle;
}

/* Global Nav
--------------------------------------------------*/

/* Global Nav Fixed
--------------------------------------------------*/

/* Toggle Button
--------------------------------------------------*/


/* --------------------------------------------------*/
/* Lead TXT */
/* --------------------------------------------------*/
#company-visual {
	background: none;
	/*height: 680px;*/
	/*position: relative;*/
	/*z-index: 0;*/
}
#lead-txt {
	width: 100%;
	margin: 200px auto;
}
#lead-txt .lead-txt {
	text-align: center;
	/*font-size: 40px;
	line-height: 1.4;
	letter-spacing: 0.1em;*/
	color: #FFF;
	display: block;
}



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

article {
	position: relative;
	/*margin-top: -50px;*/
	margin-bottom: 0;
	width: 100%;
	/*z-index: 200;*/
}
.base {
	width: 1000px;
	margin: 0 auto;
	background: none;
	/* padding-bottom: 100px; */
}
.conts {
	width: 740px;
	padding: 50px;
	margin: 0 80px;
	/*z-index: 300;*/
	background: #003C87;	/* NAVY */
	background: rgba(0,60,135,.8);
}
.conts p {
	font-size: 18px;
	line-height: 1.8;
	color: #FFF;
	text-align: justify;
	text-justify: distribute;
}
.conts p.captn_wht {
	text-align: center;
	color: #FFF;
}
.conts a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* h1 each section
--------------------------------------------------*/
h1.company_icon,
h1.business_icon {
	margin: 0 auto 30px;
	padding-bottom: 50px;
	color: #003C87;	/* NAVY */
	font-size: 30px;
	text-align: center;
	vertical-align: top;
}
h1.company_icon {
	background: url(../images/icon_co.png) center bottom no-repeat;	}
h1.business_icon {
	background: url(../images/icon_biz.png) center bottom no-repeat;	}


/* h2 each section
--------------------------------------------------*/
h2.biz {
	width: 600px;
	margin: 0 auto 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #FFF; /* WHT */
	color: #FFF;	/* WHT */
	font-size: 25px;
	line-height: 1.4;
	text-align: center;
	vertical-align: top;
	display: block;

}


/* h3 each section
--------------------------------------------------*/
/* ----- */


/* Picture and Balloon
--------------------------------------------------*/
/* ----- */


/* Box
--------------------------------------------------*/
.fc {
	margin: 30px auto 50px;
}
h3.kamikiridokoro {
	display: block;
	text-align: center;
}
.salons {
	clear: left;
}
.box {
	float: left;
	width: 330px;
	margin: 20px;
	position: relative;
}
.box p {
	text-align: center;
}


/* for Image Decoration
------------------------------ */



/* table chart
--------------------------------------------------*/
.chrt {
	width: 100%;
}
.chrt tr {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.chrt th,
.chrt td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 15px;
	min-width: 120px;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}





/* --------------------------------------------------*/
/* Common Styles */
/* --------------------------------------------------*/
.mrgn_btm30 {
	margin-bottom: 30px;
}
.mrgn_btm50 {
	margin-bottom: 50px;
}
.mrgn_btm80 {
	margin-bottom: 80px;
}
.pdd_btm30 {
	padding-bottom: 30px;
}
.pdd_btm50 {
	padding-bottom: 50px;
}
.pdd_btm80 {
	padding-bottom: 80px;
}
.pdd_btm100 {
	padding-bottom: 100px;
}
hr {
	height: 1px;
	border: 0;
	border-bottom: 1px dashed #003C87;	/* NAVY */
	background: #FFF;
}


/* ------------------------------ */


/* --------------------------------------------------*/
/* footer */
/* --------------------------------------------------*/
footer {
	color: #003C87;	/* NAVY */
	text-align: center;
	padding: 80px 0;
}
footer p {
	font-size: 16px;
}