@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------
Html , Body
--------------------------------------------------------------*/
html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
	font-size:62.5%;
	color: #333333;	
	font-family: arial, sans-serif;
	background-color: #ffffff;	
}

html,body{
	width: 100%;
	min-width: 970px;	
     /*height:100%;*/
}

* {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

a {
	color: #0068b7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img{
 border:none;
}





/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.clearfix{
    zoom:1;
}

.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header{
	height: 90px;
	background-color: #333333;
}

#header{
	width: 1000px;
	margin: 0 auto;
}

#header #logo {
	float:left;
	padding-top:26px;
	padding-bottom:20px;
 position:	relative;
 z-index:	8000;
}


#header #logo h1{
	font-size:62.5%;
}

#header #logo span {
	display: block;	
	width: 200px;
	height: 42px;
	background: url(../images/logo.png) no-repeat left top;
	text-indent:-9999px;
	outline: 0;
}

#header p {
	color: #ffffff;
	float:right;
	font-size:1.2em;
	padding-top:40px;
}

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

#header p a:hover {
	text-decoration: none;
}


/*--------------------------------------------------------------
Mainimage
--------------------------------------------------------------*/
#mainimageWrap
{
	background-color: #EDF365;
}
#mainimage-area
{
	width:1000px;
	margin: 0 auto;
	padding-top:80px;
	padding-bottom:40px;
}
#mainimage
{
	width:590px;
	float:left;
	padding-right:40px;
}
#mainimage-txt
{
	width:370px;
		float:right;
}

#mainimage-tit
{
	padding-bottom:20px;
}
#mainimageWrap h3
{
	font-size:1.5em;
	line-height:160%;
	margin-bottom: 10px;
}
#mainimageWrap ul
{
	padding-bottom:8px;
}
#mainimageWrap li
{
	font-size:1.2em;
	line-height:150%;
	font-weight:bold;
	background-image: url(../images/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#mainimageWrap p
{
	font-size:1.2em;
	line-height:150%;
}

#SNSbtn
{
	padding-top:20px;
}


/*--------------------------------------------------------------
Contents
--------------------------------------------------------------*/
#contWrap
{
	width:1000px;
	margin: 0 auto;
	padding-top:40px;
}
/*--------------------------------------------------------------
Contents < L >
--------------------------------------------------------------*/
#contWrap #contL
{
	width:800px;
	float:left;
}
h4
{
	font-size:2.2em;
	background-image:url(../images/function_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:50px;
	padding-bottom: 20px;
	padding-top: 6px;
}

#contWrap #contL #function
{
	font-size:1.2em;
}

#contWrap #contL #function li
{
	background-image: url(../images/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-bottom: 10px;
}

#contWrap #contL #tab-01 .dirL
{
	float:left;	
	width:227px;
	padding-left:30px;
	padding-top:30px;
	padding-bottom:30px;
}
#contWrap #contL #tab-01 .dirR
{
	float:left;
	width:302px;
	padding-left:50px;
	padding-right:151px;
	padding-top:30px;
	padding-bottom:30px;
}
#contWrap #contL #tab-02 .dirL
{
	float:left;	
	width:340px;
	padding-left:30px;
	padding-top:30px;
	padding-bottom:30px;
}
#contWrap #contL #tab-02 .dirR
{
	float:left;
	width:302px;
	padding-left:50px;
	padding-right:38px;
	padding-top:30px;
	padding-bottom:30px;
}

#contWrap #contL .dirL h5,#contWrap #contL .dirR h5
{
	font-size:1.6em;
	padding-bottom:10px;
}


#contWrap #contL .use
{
	background-color:#F0F0F0;
	clear:both;
	padding:30px;
}
#contWrap #contL .use h5
{
	font-size:2.2em;
	padding-bottom:10px;
}
#contWrap #contL .use h6
{
	font-size:1.4em;
	background-image: url(../images/use_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
	margin-bottom:10px;
	clear:both;
}

#contWrap #contL .use .useImg
{
	width:240px;
	float:left;
	padding-bottom:30px;
}

#contWrap #contL .use .useTxt
{
	font-size:1.2em;
	line-height:180%;
	float:left;
	width:435px;
	background-image: url(../images/use_bk.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
	margin-bottom:30px;
}

#contWrap #contL .use .useImg .useImgR
{
	width:110px;
	float:left;
	padding-right:20px;
}

#contWrap #contL .use .useImg .useImgR
{
	width:110px;
	float:left;
}

#contWrap #contL .use .useImg p
{
	font-size:1.0em;
	line-height:140%;
}
#contWrap #contL .use .useImg .useTxt_s
{
	padding-bottom:10px;
}


/*--------------------------------------------------------------
Contents < R >
--------------------------------------------------------------*/
#contWrap #contR
{
	width:135px;
	float:right;
}
#contWrap #contR #dl
{
	padding-bottom:30px;
}
#contWrap #contR #form_txt
{
	background-image:url(../images/form_tri.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 14px;
}
#contWrap #contR #form_txt p
{
	background-color:#EDF365;
	padding:10px;
	font-size:1.1em;
	text-align:center;
	line-height:120%;
}


/*--------------------------------------------------------------
Pagetop
--------------------------------------------------------------*/




/*--------------------------------------------------------------
Tab
--------------------------------------------------------------*/
#tab-box ul {
	width:800px;
	padding: 0;
	list-style: none;
	margin-top: 70px;
	margin-bottom: 0;
	
}
#tab-box ul li {
margin-right:3px;
float:left;
display:inline;
font-size:0;
}
#tab-box ul li a img{
outline:none;
border:none;
}
#tab-box #tab-01,#tab-box #tab-02 {
	display:none;
	width:800px;
	margin-bottom:30px;
	
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #333;
}
.clearFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
zoom:1;
}





.formBox
{
	width:135px;
	margin-top:8px;
	margin-bottom:10px;
}
#btn
{
	width:135px;
	background-color:#333333;
	border-style: none;
	padding:5px;
	font-size:1.4em;
	color:#EDF365;
	
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#btn:hover {
	background-color:#EDF365;
	color:#333;
}