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

html {
	overflow: auto;
}

* html { /* for IE6 */
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}

* html body { /* for IE6 */
	overflow-y: auto;
	height: 100%;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;	
	line-height:1.5em;
	color:#78502f;
	text-align:center;
	position: relative;
	background:url(../images/common/body_bg.jpg) 0 0 repeat;
	min-width:1024px;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,img {
    margin: 0;
    padding: 0;
}

p {
	font-size:120%;
	line-height:1.5em;
	color:#78502f;
	margin-bottom:10px;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

aside{
	border:1px solid #78502f;
	border-radius:5px;
	padding:15px;
	margin-bottom:20px;
}

hr{
	border:1px solid #78502f;
	margin-bottom:30px;
}


/* リンク */

a img,:link img,:visited img {
    border: none;
}

a{
	color:#78502f;
	text-decoration:underline;
}

a:hover{
	color:#78502f;
	text-decoration:underline;
}

/* 見出し */

h2{
	text-align:center;
	margin-bottom:30px;
}

h3{
	color:#78502f;
	font-size:160%;
	line-height:1.5em;
	text-align:left;
	margin-bottom:10px;
	padding-left:0px;
}

h4{
	font-size:140%;
	line-height:1.5em;
	color:#8dc21f;
	margin-bottom:10px;
}

h5{
	font-size:140%;
	line-height:20px;
	color:#333;
	min-height:20px;
	margin-bottom:10px;
}

h6{
	font-size:130%;
	line-height:1.5em;
	margin-bottom:5px;
	color:#333;
}

/* 画像枠 */

img.waku{
	padding:3px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}

.imgR{
	float:right;
	margin-left:15px;
}

.imgL{
	float:left;
	margin-right:15px;
}

/* ページトップへ */

.backtop {
	position:fixed;
	bottom:50px;
	right:30px;
}
.backtop a {
	width: 50px;
	height:50px;
	display: block;
	background:url(../images/common/backtop.png) no-repeat;
	text-indent:-9999px;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	opacity:0.5;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.backtop a:hover {
	color: #000;
	opacity:1;
}


/* body内の設定 ----------------------------------------------------------------- */

#container{
	width:100%;
	text-align:center;
	border-top:3px solid #8dc21f;
}

#container-inner{
	width:1200px;
	line-height:100%;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #78502f;
	border-right:1px solid #78502f;
}


/* ヘッダー領域 ----------------------------------------------------------------- */

header{
	width:100%;
	background:url(../images/common/header_bg.png) center top repeat-x;
}

header #header-inner{
	width: 1200px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

header #header-inner h1{
	position:absolute;
	left:110px;
	top:10px;
	font-size:100%;
	line-height:1.5em;
	font-weight:normal;
}

header #header-inner #header-logo{
	font-size: 120%;
	line-height: 2em;
	display: inline;
	position: absolute;
	top:30px;
	left:20px;
}

header #header-inner #header-tel{
	display: inline;
	position: absolute;
	top:45px;
	right:220px;
	text-align: right;
}

header #header-inner #header-content{
	display: inline;
	position: absolute;
	top:40px;
	right:20px;
	text-align: right;
	width:190px;
}

header #header-inner #header-content p{
	font-size:98%;
	line-height:140%;
	margin-bottom:2px;
	color:#78502f;
}


/*================================================
　コンテンツ
================================================*/

/* #content */

#content{
	clear:both;
	text-align:center;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}

#content-inner {
	width:1200px;
	text-align:left;
	margin:0 auto;
	margin-bottom:0;
}


/*================================================
　フッター
================================================*/

footer{
	width:100%;
	text-align:center;
	border-top:2px solid #78502f;
}

footer #footer-inner{
	width:1200px;
	margin:0 auto;
	text-align:left;
}

footer #footer-inner #footer-content{
	width:480px;
	min-height:180px;
	float:left;
	text-align:center;
	padding:20px 0;
}
/* #footer-navi */

footer #footer-inner #footer-navi{
	float:left;
	width:719px;
	text-align:center;
}

footer #footer-inner #footer-navi ul{
	list-style:none;
	margin:0;
	float:left;
	width:217px;
	padding:20px 0;
	padding-left:20px;
	border-left:1px dotted #78502f;
	min-height:180px;
}

footer #footer-inner #footer-navi ul:last-child{
	list-style:none;
	margin:0;
	float:left;
	width:200px;
	padding:20px 0;
	padding-left:20px;
	border-left:1px dotted #78502f;
	min-height:180px;
}

footer #footer-inner #footer-navi ul li{
	font-size:120%;
	line-height:1.5em;
	text-align:left;
	background:url(../images/common/footer_navi_icon.png) left center no-repeat;
	padding-left:10px;
}

footer #footer-inner #footer-navi ul li a{
	color:#78502f;
	text-decoration:none;
}

footer #footer-inner #footer-navi ul li a:hover{
	color:#78502f;
	text-decoration:underline;
}


/*　コピーライト */

#footer-copyright{
	width:100%;
	text-align:center;
	font-size:90%;
	line-height:2em;
	color:#fff;
	background:#4d2a0c;
	padding:10px 0;
}


/* テキスト設定 ----------------------------------------------------------------- */

/* テキストサイズ */

.bold {font-weight:bold !important;}

.em {
	font-size:160%;
	line-height:1.2em;
	font-weight:bold;
}

.em_red{
	font-size:140% !important;
	font-weight:bold;
	line-height:1.2em;
	color:#ee0000 !important;
}

.em_blue{
	font-size:140% !important;
	font-weight:bold;
	line-height:1.2em;
	color:#4fb1df !important;
}

.em_pink{
	font-size:140% !important;
	font-weight:bold;
	line-height:1.2em;
	color:#ff7979 !important;
}


.font-size10{font-size:10px !important;}
.font-size12{font-size:12px !important;}
.font-size14{font-size:14px !important;}
.font-size16{font-size:16px !important;}
.font-size18{font-size:18px !important;}
.font-size20{font-size:20px !important;}

.font-size100{font-size:100% !important;}
.font-size110{font-size:110% !important;}
.font-size120{font-size:120% !important;}
.font-size100{font-size:130% !important;}
.font-size140{font-size:140% !important;}
.font-size100{font-size:150% !important;}
.font-size160{font-size:160% !important;}
.font-size100{font-size:170% !important;}
.font-size180{font-size:180% !important;}
.font-size100{font-size:190% !important;}
.font-size200{font-size:200% !important;}

/* テキスト配色設定 */

.color-white{color:#FFFFFF !important;}

.color-red1{color:#FF0000 !important;}
.color-red2{color:#e54d42 !important;}

.color-pink1{color:#ff7979 !important;}

.color-blue1{color:#4fb1df  !important;}

.color-green1{color:#bad47d !important;}
.color-green2{color:#093 !important;}

.color-perple1{color:#b5bedc !important;}

.color-orange1{color:#edd375 !important;}

.color-yellow1{color:#edd375 !important;}
.color-yellow2{color:#d7bf7f !important;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}


/* その他 ----------------------------------------------------------------- */

.no-border{border:none;}

#content01,
#content02,
#content03,
#content04,
#content05,
#content06,
#content07,
#content08,
#content09,
#content10{
	margin-bottom:30px;
}

/* border */

.border-gray1{border:1px solid #CCCCCC !important;}
.border-gray2{border:1px solid #333333 !important;}
.border-gray3{border:1px solid #666666 !important;}
.border-gray4{border:1px solid #999999 !important;}

/* 背景色 */

.bg-white{ background:#FFFFFF;}
.bg-pink{background:#ef9191 !important;}
.bg-orange{background:#ff7800 !important;}
.bg-green2{background:#7fb38c !important;}

/* padding */

.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}


/* 画像横のテキストを上下中央ぞろえにするCSS */

div.img-valignC p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}   
    
/*for IE6 */  
* html .img-valignC p {
    display: inline;
    zoom: 1;
}

/*for IE7 */
*:first-child+html .img-valignC p {   
    display: inline;
    zoom: 1;
}


/* inline-block */

div.valign {
	padding-right:10px;
	vertical-align:middle;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
}

div.valign > div{
	display:block;
}


/* CSSハック ----------------------------------------------------------------- */

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

/* IE7とMac版IE5用 */
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */