@charset 'shift_jis';

#head_area{text-align:left;margin:0px auto;width:760px;background:url(../head/h_bg2.jpg) no-repeat left bottom !important;margin-bottom:10px;}

/* 文字消し */
.alt{
	margin:0px;
	padding:0px;
	display:block;
	text-indent: -9999px;
	text-decoration:none;
	/* MacIEを排除 \*/
	overflow:hidden;
	/* MacIEを排除ここまで */
}

/* フローティングボックスのテンプレ */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* MacIEの排除 \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* MacIEを排除ここまで */


/* HTMLの再定義 */

body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,form,ul.block,ol.block,.block li{
	display:block;
	padding:0px;
	margin:0px;
	border:0px;
}

h3,h4,h5,{font-weight:normal;}

ul.block,ol.block {
	list-style-type:none;
}

img{
	border:0px;
	vertical-align:bottom;
}

ul,ol{
	margin-top:0px;
	margin-bottom:0px;
}

a,
a:link,
a:visited {
	text-decoration: none !important;
	color: #106EE9 !important;
}

a:hover {
	text-decoration: underline !important;
	color: #106EE9 !important;
}

h1,h2,h3,{
	font-weight:bold;
	text-align:left;
	line-height:1.34;
}

h1{
	width:620px;
	margin:5px auto;
	text-align:left;
	font-size:88%;
}

h2{
	font-size:102%;
}

h3{
	font-size:84%;
}

h4{
	font-size:88%;
}


table{
	border-collapse:collapse;
}

td,th{
	padding:0px;
	margin:0px;
	vertical-align:top;
	text-align:left;
}



input{
	font-size:9pt;
}

input,select{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	background-color:#fff;
	color:#333;
	text-align: center;
}

ul{list-style:none; padding:0px; margin:0px;}

/* text style */
.px12{font-size:75%; line-height:110%; color:#525252; font-weight:normal;}

.px12 a:link{line-height:110%; color:#525252; text-decoration:underline;}
.px12 a:visited{line-height:110%; color:#525252; text-decoration:underline;}
.px12 a:hover{line-height:110%; color:#525252; text-decoration:none;}

.px14{font-size:90%; line-height:110%; color:#525252; font-weight:normal;}

.px14 a:link{line-height:110%; color:#525252; text-decoration:underline;}
.px14 a:visited{line-height:110%; color:#525252; text-decoration:underline;}
.px14 a:hover{line-height:110%; color:#525252; text-decoration:none;}

.px14_green{font-size:100%; line-height:130%; color:#3d850d; font-weight:bold;}

.px14_green a:link{line-height:130%; color:#3d850d; text-decoration:underline;}
.px14_green a:visited{line-height:130%; color:#3d850d; text-decoration:underline;}
.px14_green a:hover{line-height:130%; color:#3d850d; text-decoration:none;}

.px14_green2{font-size:120%; line-height:130%; color:#3d850d; font-weight:bold;}
.px14_green2 a:link{line-height:130%; color:#3d850d; text-decoration:underline;}
.px14_green2 a:visited{line-height:130%; color:#3d850d; text-decoration:underline;}
.px14_green2 a:hover{line-height:130%; color:#3d850d; text-decoration:none;}

.px14_ore{font-size:90%; line-height:110%; color:#e15603;}

.px14_ore a:link{line-height:110%; color:#e15603; text-decoration:underline;}
.px14_ore a:visited{line-height:110%; color:#e15603; text-decoration:underline;}
.px14_ore a:hover{line-height:110%; color:#e15603; text-decoration:none;}

.contact_button_mar {
	margin-top: 10px;
}


/* コンテナ */
.al_right{text-align:right;}
div#container{
	width:760px;
	margin:2px auto 0px auto;
	text-align:left;
	clear:both;
	line-height:0px;
}

div#container .fla_erea{
	width:760px;
	margin-bottom:20px;
}

div#container .aboutus{margin-bottom:20px;}
div#container .aboutus .c01{
	width:760px;
	height:34px;
	background:url(../../img/c1_01.gif) no-repeat;
	text-indent:-9999px;
}

div#container .aboutus02{
	border-left:#48b300 1px solid;border-right:#48b300 1px solid; background:#f7fff2; padding:16px;
}

div#container .aboutus02 ul li{
	background:url(../../img/c1_03.gif) no-repeat 0px 3px ; padding-left:20px; margin:0px 0px 10px 0px;
}

div#container .aboutus03{
	background:url(../../img/c1_10.gif) no-repeat; height:10px;
}

div#container .aboutus04{ float:left; width:280px;}

div#container .aboutus05{ float:right; width:420px; background:#FFFFFF;}
div#container .syoukai{height:75px;background:url(../../img/c1_02.gif) no-repeat; width:420px;
	text-indent:-9999px;}
div#container .aboutus05 .box{border-left:#48b300 1px solid;border-right:#48b300 1px solid; padding:0px 16px 16px 16px; background:#FFFFFF;}
div#container .aboutus05 .under{background:url(../../img/c1_06.gif) no-repeat; height:8px;}
div#container .aboutus05 ul li{
	background:url(../../img/c1_03.gif) no-repeat 0px 3px ; padding-left:20px; margin:0px 0px 10px 0px; width:280px; float:right;}
div#container .aboutus05 img{float:left;}


div#container .staff{ float:left; width:370px; background:#fff7ec;}
div#container .staff .t_staff{height:35px;background:url(../../img/c1_07.gif) no-repeat; width:370px;
	text-indent:-9999px;}
div#container .staff .box{border-left:#ff9556 2px solid;border-right:#ff9556 2px solid; padding:16px 16px 16px 16px; background:#fff7ec;}
div#container .staff .under{background:url(../../img/c1_15.gif) no-repeat; height:8px;}
div#container .staff ul li{
	background:url(../../img/c1_11.gif) no-repeat 0px 3px ; padding-left:17px; margin:0px 0px 10px 0px; width:250px; float:right;}
div#container .staff img{float:left;}
div#container .banar{background:url(../../img/banner_staff.jpg) no-repeat; display:block; width:276px; height:50px; text-indent:-9999px; margin-top:16px;}
div#container .banar a{background:url(../../img/banner_staff.jpg) no-repeat; display:block; width:276px; height:50px; text-indent:-9999px;}


/* 2008.12.16 start */
/* スタッフ日記用 */
div#container .staff02{width:760px; background:#fff7ec;}
div#container .staff02 .t_staff02{height:35px;background:url(../../img/s_01.gif) no-repeat; width:760px; text-indent:-9999px;}
div#container .staff02 .box02{border-left:#ff9556 2px solid;border-right:#ff9556 2px solid; padding:16px 16px 16px 16px; background:#fff7ec;}
div#container .staff02 .under02{background:url(../../img/s_02.gif) no-repeat; height:8px;}
div#container .staff02 ul li{background:url(../../img/c1_11.gif) no-repeat 0px 3px ; padding-left:17px; padding-right:20px; padding-bottom:20px; margin:0px 0px 0px 10px; width:230px; float:left;}
* html div#container .staff02 ul li{width:230px; margin:0px 0px 20px 10px;}
div#container .staff02 img{float:left; padding-right:17px;}
div#container .banar02{background:url(../../img/s_banner.jpg) no-repeat; display:block; width:353px; height:50px; text-indent:-9999px; margin-top:16px;}
div#container .banar02 a{background:url(../../img/s_banner.jpg) no-repeat; display:block; width:353px; height:50px; text-indent:-9999px;}

/* メルマガのお知らせ用 */
div#container .magazine02{width:760px; background:#fff7ec;}
div#container .magazine02 .t_magazine02{height:34px;background:url(../../img/m_01.gif) no-repeat; width:760px; display:block;text-indent:-9999px;}
div#container .magazine02 .sideline{border-left:#ffb400 2px solid; border-right:#ffb400 2px solid;}
div#container .magazine02 .box02{padding:16px 16px 10px 15px; background:#fff9e9; float:left; width:353px;}

div#container .new_magazine02{ float:right; background:#fff9e9; padding:16px 16px 16px 0;}
div#container .new_magazine02 .melmaga_title{ height:24px; background:url(../../img/m_02.gif) no-repeat; width:353px; text-indent:-9999px;}
div#container .new_magazine02 .mailmain {border-left:#FFB400 1px solid; border-bottom:#FFB400 1px solid; border-right:#FFB400 1px solid; width:351px; height:153px; background-color:#FFFFFF; overflow:auto;}
* html div#container .new_magazine02 .mailmain {width:351px;}

div#container .magazine02 .under02{background:url(../../img/m_03.gif) no-repeat; height:8px;}
div#container .magazine02 .mail02{ background:url(../../img/c1_13.gif) no-repeat 10px 0px ; width:263px; padding-left:90px; padding-bottom:30px; margin:0px 0px 10px 0px;}
div#container .magazine02 .topic02{ width:353px; margin:0px 0px 10px 0px;}
div#container .magazine02 img{float:left;}
div#container .magazine02 .banar02{background:url(../../img/m_banner.jpg) no-repeat; display:block; width:353px; height:50px; text-indent:-9999px; margin-top:16px;}
div#container .magazine02 .banar02 a{background:url(../../img/m_banner.jpg) no-repeat; display:block; width:353px; height:50px; text-indent:-9999px;}
/* 2008.12.16 end */

div#container .mav{float:right;width:370px;}
div#container .magazine{width:370px; background:#fff7ec;}
div#container .magazine .t_magazine{height:34px;background:url(../../img/c1_12.gif) no-repeat; width:370px; display:block;text-indent:-9999px;}
div#container .magazine .t_magazine a{height:34px;background:url(../../img/c1_12.gif) no-repeat; width:370px; display:block;
	text-indent:-9999px;}
div#container .magazine .box{border-left:#ffb400 2px solid;border-right:#ffb400 2px solid; padding:16px 16px 23px 30px; background:#fff9e9;}
div#container .magazine .under{background:url(../../img/c1_16.gif) no-repeat; height:8px;}
div#container .magazine .mail{
	background:url(../../img/c1_13.gif) no-repeat 10px 0px ; padding-left:90px; padding-bottom:30px; margin:0px 0px 10px 0px;}
div#container .magazine img{float:left;}
div#container .magazine .banar{background:url(../../img/banner_mgz.jpg) no-repeat; display:block; width:276px; height:50px; text-indent:-9999px; margin-top:16px;}

div#container .magazine .banar a{background:url(../../img/banner_mgz.jpg) no-repeat; display:block; width:276px; height:50px; text-indent:-9999px;}


div#container .advice .c02{height:34px;background:url(../../img/c1_17.gif) no-repeat; width:760px;text-indent:-9999px; display:block;}
div#container .advice .c02 a{height:34px;background:url(../../img/c1_17.gif) no-repeat; width:760px;text-indent:-9999px; display:block;}
div#container .advice ul li{background:url(../../img/c1_03.gif) no-repeat 5px 3px ; height:20px; padding-left:25px; margin:0px 0px 10px 0px;}
div#container .advice02{width:380px; padding:10px 0px 30px 0px; float:left;}
div#container .advice03{width:380px; padding:10px 0px 30px 0px; float:right;}

div#container .link{margin-bottom:40px;}
div#container .linkn{margin-top:10px;}
div#container .link h3{height:34px;background:url(../../img/c1_18.gif) no-repeat; width:760px;text-indent:-9999px;}
div#container .link .c03{height:34px;background:url(../../img/c1_18.gif) no-repeat; width:760px;text-indent:-9999px;}

.link02{float:left; width:585px;}


div#container .link .b01{background:url(../../img/banner_pt.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px; float:left; margin-right:20px;}
div#container .link .b02{background:url(../../img/banner_sumai.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px; float:left; margin-right:20px;}
div#container .link .b03{background:url(../../img/banner_oks.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px; margin-right:20px; float:left;}
div#container .link .b04{background:url(../../img/banner_3p.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px; margin:10px 0 0 0; float:left;}
div#container .link .b05{background:url(../../img/banner_mast.gif) no-repeat; display:block; width:150px; height:162px; text-indent:-9999px; float:left;}
div#container .link .b01 a{background:url(../../img/banner_pt.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px;overflow:hidden;}
div#container .link .b02 a{background:url(../../img/banner_sumai.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px;overflow:hidden;}
div#container .link .b03 a{background:url(../../img/banner_oks.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px;overflow:hidden;}
div#container .link .b04 a{background:url(../../img/banner_3p.gif) no-repeat; display:block; width:175px; height:50px; text-indent:-9999px;overflow:hidden;}
div#container .link .b05 a{background:url(../../img/banner_mast.gif) no-repeat; display:block; width:150px; height:162px; text-indent:-9999px;overflow:hidden;}


div#container h2{background:url(../images/c1_01.gif) no-repeat; width:760px; height:47px; text-indent:-9999px;}
div#left{
	width:585px;
	float:left;
	margin-bottom:20px;
}

div#right{
	width:160px;
	overflow:hidden;
	float:right;
	background:#e3f89e url(../images/right-bg01.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin:10px 0px 20px;
}

.link02{float:left; width:585px;}

/* フッター */

div#footer-intro{
	clear:both;
	position:relative;
	width:100%;
	background:url(../images/footer/footerline01.gif) no-repeat left top;
}

div#footer-intro p{
	position:absolute;
	top:12px;
}

div#footer-intro h4,div#footer-intro ul{
	padding-left:156px;
}

div#footer-intro h4{
	padding-top:12px;
}

div#footer-intro ul{
	margin:10px 0px 12px;
	color:#666;
}

div#footer-intro ul li{
	padding-left:20px;
	background:url(../images/footer/footer-liststyle01.gif) no-repeat 8px 4px;
}

div#footer{
	width:760px;
	margin:0px auto;
	text-align:center;
	background:#41a200 url(../../images/footer/footerbg01.gif) no-repeat top left;font-size:83%;
	line-height:1.34;

}

div#footer a{
	color:#ffc;
	text-decoration: none !important;
}
div#footer a:hover{
	color:#ffc;
	text-decoration: underline !important;
}

div#footer ul li{
	display:inline;
}

div#footer ul li/**/{
	padding:0px 5px;
	border-left:1px solid #ffc;
}

div#footer ul{
	padding:5px 0px 8px;
}

div#footer ul li.footerlist-first{
	border-left:none;
}

ul#footerlist02{
	border-top:1px solid #c2e692;
}

div#copyright{
	padding:7px 0px 4px;
	background-color:#e0f79d;
	border-top:1px solid #060;
}

.pad5{padding:5px;}
.pad-b3{padding-bottom:3px;}
.pad-b5{padding-bottom:5px;}
.pad-t15{ padding-top:15px;}
.pad-b10{ padding-bottom:10px;}
.pad-b20{ padding-bottom:20px;}


/* お客様の声バナー追加 */
.voice_box{
	background:url(../../img/voice_bottom.gif) no-repeat left bottom;
	margin-top:15px;
	padding-bottom:15px;
}

.voice_box h4{
	background:url(../../img/voice_top.gif) no-repeat left top;
	width:370px;
	height:45px;
	text-indent:-9999px;
}

.voice_box p{
	padding:0 19px;
	font-size:90%;
	color:#525252;
	line-height:1.4em;
}

