@charset "UTF-8";

/* CSS初期化
----------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{outline:none;}

/* ツールチップ
----------------------------------------------- */

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #FFAA42; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* 全体共通
----------------------------------------------- */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#555;
}

img.hover {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img.hover  {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

img.left{
	float:left;
	margin:0 30px 20px 0;
}

img.right{
	float:right;
	margin:0 0 20px 30px;
}

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

#header{
	width: 1000px;
	height:96px;
	margin: 0 auto;
	position:relative;
}

#header div.logo{
	width: 504px;
	height:96px;
	float:left;
	position:relative;
}

#header div.info{
	width: 461px;
	height:96px;
	float:right;
	position:relative;
}
#header div.info div.tel_box{
	width: 461px;
	height:35px;
	float:none;
	position:relative;
}
#header div.info div.btn_box{
	width: 461px;
	height:56px;
	float:none;
	position:relative;
}
#header img{
	float:left;
}

#line{
	background:url(../img/line_bg.jpg) repeat-x;
	height:3px;
}

#main{
	width:948px;
	border:#CCCCCC solid 1px;
	background-color:#F1F7F0;
	margin:33px auto 33px auto;
	padding:25px;
	overflow:hidden;
}
.h2_area{
	width:948px;
	margin-bottom:20px;
	overflow:hidden;
}

.h2_area h2{
	width:500px;
	font-size:30px;
	color:#663300;
	border-bottom:#999999 solid 1px;
	line-height:1.4em;
	margin-bottom:20px;
	
}
.h2_area h3{
	color:#598A52;
	font-size:30px;
	margin-bottom:15px;
}

.h2_area p{
	font-size:16px;
	color:#666666;
	line-height:1.2em;
}

.h2_area img.right{
	float:right;
	margin-top:-20px;
}

.h2_area div.text_area{
	width:500px;
}

.h2_area div.left_area{
	width:465px;
	float:left;
}

.h2_area div.right_area{
	width:465px;
	float:right;
}

#main .h2_area div.left_area ul{
	list-style-type:circle;
	padding:0px 0px 0px 20px;
}

#main .h2_area div.left_area ul li{
	margin-bottom:5px;
}




/* margin
----------------------------------------------- */
.m0 { margin:0px!important;}

.mt04 { margin-top:4px!important; }
.mt05 { margin-top:5px!important; }
.mt07 { margin-top:7px!important; }
.mt10 { margin-top:10px!important; }
.mt12 { margin-top:12px!important; }
.mt15 { margin-top:15px!important; }
.mt16 { margin-top:16px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:40px!important; }
.mt80 { margin-top:80px!important; }
.mt100 { margin-top:100px!important; }

.mr00 { margin-right:0px!important; }
.mr02 { margin-right:2px!important; }
.mr03 { margin-right:3px!important; }
.mr04 { margin-right:4px!important; }
.mr05 { margin-right:5px!important; }
.mr07 { margin-right:7px!important; }
.mr10 { margin-right:10px!important; }
.mr12 { margin-right:12px!important; }
.mr13 { margin-right:13px!important; }
.mr15 { margin-right:15px!important; }
.mr16 { margin-right:16px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr37 { margin-right:37px!important; }
.mr46 { margin-right:46px!important; }

.mb02 { margin-bottom:2px!important; }
.mb04 { margin-bottom:4px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb60 { margin-bottom:60px!important; }

.ml01 { margin-left:1px!important; }
.ml05 { margin-left:5px!important; }
.ml07 { margin-left:7px!important; }
.ml10 { margin-left:10px!important; }
.ml13 { margin-left:13px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml45 { margin-left:45px!important; }
.ml55 { margin-left:55px!important; }
.ml60 { margin-left:60px!important; }
.ml120 { margin-left:120px!important; }
.ml415 { margin-left:415px!important; }
.ml525 { margin-left:525px!important; }

/* padding
----------------------------------------------- */
.p0 { padding:0px!important; }

.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }

.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }

.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb42 { padding-bottom:42px!important; }

.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl45 { padding-left:45px!important; }
.pl75 { padding-left:75px!important; }
.pl100 { padding-left:100px!important; }