@charset "shift_jis";

@import url(css/basic.css);
@import url(css/common.css);
body { behavior:url("csshover.htc"); }

/* ====================================================================

   Style Info: トップページ
 
==================================================================== */

#wp { background:url(image/bg.png) no-repeat center top; }

/* ---------------------------------------------
   visual
--------------------------------------------- */

#visual {
	width:900px;
	margin:75px auto 0 auto;
	}

#visual img { float:left; }


/* ---------------------------------------------
   message
--------------------------------------------- */

.mes {
	background:url(image/visual_bg.png) no-repeat center top;
	padding-top:35px;
	}

.mes_inner {
	background:url(image/gr_line.png) no-repeat center 22px;
	padding-bottom:33px;
	}

.mes_blockA {
	width:942px;
	margin:0 auto;
	text-align:left;
	}
.mes_blockA img,
.mes_blockA h2 { float:left; }
.mes_blockA h2 { padding-top:20px; }

.mes_main_inner {
	width:942px;
	margin:0 auto;
	background:url(image/ctbox_bg.gif) repeat-y left top;
	}

.mes p {
	padding:34px 0;
	font-size:15px;
	line-height:1.7em;
	}

.mes_blockB {
	background:url(image/ctbox_bottom.gif) no-repeat left bottom;
	padding-bottom:36px;
	}
.mes_blockB_inner {
	width:870px;
	margin:0 auto;
	background:url(image/grboxs_bg.gif) repeat-y left top;
	}
.mes_blockB_inner2 {
	background:url(image/grboxs_bottom.gif) no-repeat left bottom;
	padding-bottom:10px;
	}
.mes_blockB ul {
	background:url(image/grboxs_top.gif) no-repeat left top;
	padding-top:12px;
	list-style:none;
	}
.mes_blockB li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 3px;
	}


/* ---------------------------------------------
   info
--------------------------------------------- */

.info {
	width:788px;
	margin:0 auto 30px auto;
	background:url(image/infobox_bg.gif) repeat-y left top;
	}

.info_inner {
	background:url(image/infobox_bottom.gif) no-repeat left bottom;
	padding:16px 22px 24px 22px;
	}

.info ul {
	margin-left:18px;
	text-align:left;
	}

.info li { padding-top:4px; }



/* ---------------------------------------------
   service
--------------------------------------------- */

.service {
	width:942px;
	padding-top:7px;
	margin:0 auto;
	}

.sbox {
	width:309px;
	float:left;
	margin-right:7px;
	display:inline;
	background-image:url(image/servicebox_bg.gif);
	background-repeat:no-repeat;
	}
#service03.sbox,
#service06.sbox {
	width:310px;
	float:left;
	margin-right:0;
	display:inline;
	}

.sbox_inner {
	width:309px;
	background-image:url(image/servicebox_top.gif);
	background-repeat:no-repeat;
	padding-top:22px;
	padding-bottom:16px;
	text-align:left;
	}
#service03.sbox .sbox_inner,
#service06.sbox .sbox_inner { width:310px; }

#service01,
#service04 { background-position:left bottom; }
#service01 .sbox_inner,
#service04 .sbox_inner { background-position:left top; }

#service02,
#service05 { background-position:center bottom; }
#service02 .sbox_inner,
#service05 .sbox_inner { background-position:center top; }

#service03,
#service06 { background-position:right bottom; }
#service03 .sbox_inner,
#service06 .sbox_inner { background-position:right top; }

#service01 h3 { background:url(image/sic01_off.png) no-repeat 22px top; }
/*#service01:hover  h3 { background:url(image/sic01_on.png) no-repeat 22px top; }*/

#service02 h3 { background:url(image/sic02_off.png) no-repeat 22px top; }
/*#service02:hover  h3 { background:url(image/sic02_on.png) no-repeat 22px top; }*/

#service03 h3 { background:url(image/sic03_off.png) no-repeat 22px top; }
/*#service03:hover  h3 { background:url(image/sic02_on.png) no-repeat 22px top; }*/

#service04 h3 { background:url(image/sic04_off.png) no-repeat 22px top; }
/*#service04:hover  h3 { background:url(image/sic04_on.png) no-repeat 22px top; }*/

#service05 h3 { background:url(image/sic05_off.png) no-repeat 22px top; }
/*#service05:hover  h3 { background:url(image/sic05_on.png) no-repeat 22px top; }*/

#service06 h3 { background:url(image/sic06_off.png) no-repeat 22px top; }
/*#service06:hover  h3 { background:url(image/sic06_on.png) no-repeat 22px top; }*/


.sbox_inner h3 {
	padding-left:103px;
	padding-bottom:15px;
	}
.sbox_inner p {
	padding:0 22px;
	text-align:left;
	}

/*
.sbox a {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	float:right;
	padding-right:24px;
	background:url(image/lm_link.gif) no-repeat right 4px;
	}
*/

/*.sbox:hover { background-image:url(image/servicebox_bg_on.gif); }*/
/*.sbox:hover a { color:#7d7d7d; background:url(image/lm_link_on.gif) no-repeat right 4px; }*/
/*.sbox_inner:hover { background-image:url(image/servicebox_top_on.gif); }*/

