@charset "utf-8";

/*ベース----------------------------------------------*/

* {
    margin : 0;
    padding : 0;
}
html{
overflow-x:hidden;

}

body {
	font-size:13px;
	font-family:Arial, Helvetica, メイリオ, sans-serif;
	color: #000;
	scrollbar-base-color:#000;
	background-color:#f9f9f9;
	height: 100%;

}
* html .pngfix{
	behavior: expression(IEPNGFIX.fix(this));
}

.clear {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.clearFix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
}
.clearFix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFix { height: 1%;}
.clearFix { display: block;}
/* End hide from IE-mac \*/


div#container {
	width : 100%;
	margin : 0 auto;
}

a{
    color:#000;
    text-decoration:underline;
}

a:hover{
	color:#009d95;
    text-decoration:none;
}




/*HOME-------------------------------------*/


/*タグライン-------------------------------------*/
div#tagline{
	position:fixed;
	width:100%;
	min-width:800px;
	height:30px;
	padding:0 0 0 0;
	top:0;
	left:0;
	background-color:#222;
	z-index:9999;
}
div#tagline h1{
	float:left;
	margin:9px 0 0 20px;
	text-align:left;
	font-size:80%;
	color:#fff;
}
div#tagline .easynavi{
	float:right;
	text-align:right;
	margin:5px 20px 0 0;
	font-size:80%;
	background-color:#222;
	color:#fff;
}
div#tagline .easynavi p{
	display:inline;
	}
div#tagline .easynavi p a{
color:#fff;
margin:0 20px 0 0;
}
div#tagline .easynavi p span.tel{
font-size:170%;
font-weight:bold;
color:#fed800;
}


/*コンテンツ部分-------------------------------------*/
#contents{
	width:980px;
	margin:0 auto 0 auto;
	padding:75px 40px 50px 40px ;
	background-color:#fff;
}



/*ヘッダー　-------------------------------------*/

div#header{
	width:900px;
	margin:0 auto 0 auto;
}
div#header p.logo{
	float:left;
	width:122px;
	height:53px;
}


/*ヘッダー：グローバルナビ------------------------------------*/
div#header div.navibox{
	float:right;
	width:778px;
}
div#header div.navibox ul.navi{
	float:left;
	width:426px;
	margin:0 0 0 120px;
}

div#header div.navibox ul.navi li{
float:left;
border-left:1px solid #666;
margin-top:15px;
}
div#header div.navibox ul.navi li.end{
float:left;
border-right:1px solid #666;
}

div#header div.navibox ul.navi li a{
display:block;
width:140px;
padding:1px 0 1px 0;
font-size:105%;
color:#000;
letter-spacing:0.1em;
text-align:center;
text-decoration:none;
}
div#header div.navibox ul.navi li a:hover{
color:#666;
text-decoration:none;
}
div#header div.navibox span.button{
float:right;
}



/*メインコンテンツ　-------------------------------------*/

div#main_cont{
	width:900px;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
}


/*メインコンテンツ：サブヘッダー　-------------------------------------*/
div.subheader{
	width:900px;
	margin:0 0 5px 0 ;
}

div.subheader h2{
	float:left;
	font-size:150%;
	font-weight:bold;
	text-align:left;
}

div.subheader ul.subnavi{
	float:right;
	width:700px;
	text-align:right;
}

div.subheader ul.subnavi li{
display:inline;
margin:0 5px 0 5px;
font-size:82%;
}
div.subheader ul.subnavi li a{
}


/*メインコンテンツ：ビジュアル　-------------------------------------*/
div.visual
{
	width:900px;
	margin:0 0 0 0 ;
}

div.visual_left
{
	float:left;
	width:436px;
	margin:40px 0 0 0 ;
}

div.visual_right
{
	float:right;
	width:436px;
	margin:40px 0 0 0 ;
}

.effect
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect:before, ..effect:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


div.visual img{
}


/*メインコンテンツ：各パーツ　-------------------------------------*/
div#main_cont h3{
	margin:50px 0 5px 0;
	font-size:140%;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	border-bottom:1px solid #999;
	border-left:5px solid #009d95;
}
div#main_cont h4{
	margin:0 0 0 0;
	font-size:115%;
	font-weight:bold;
	text-align:left;
}

div#main_cont p{
	margin:0 0 20px 0;
	font-size:100%;
	text-align:left;
}

div#main_cont .leftbox{
	float:left;
	width:550px;
	margin-right:50px;
}


div#main_cont .rightbox{
	float:right;
	width:300px;
}





/*フッター-------------------------------------*/
div#footer{
	width:100%;
	margin:0 auto 0 auto;
	padding:10px 0 200px 0;
	text-align:center;
	background-color:#222;
	font-size:87%;
	bottom:0;
}

div#footer div.btn_footer{
margin-top:50px;
margin-bottom:50px;
}


/*フッター：グローバルナビ------------------------------------*/
div#footer ul.navi{
width:370px;
margin:0 auto 0 auto;
padding-bottom:65px;
}

div#footer ul.navi li{
float:left;
border-left:1px solid #ddd;
margin-top:15px;
}
div#footer ul.navi li.end{
float:left;
border-right:1px solid #ddd;
}

div#footer ul.navi li a{
display:block;
width:120px;
padding:1px 0 1px 0;
font-size:105%;
color:#ddd;
letter-spacing:0.1em;
text-align:center;
text-decoration:none;
}
div#footer ul.navi li a:hover{
color:#666;
text-decoration:none;
}

/*フッター：コピー------------------------------------*/
div#footer .copy{
color:#ddd;
}