/* ------------ common ------------ */


/* ----------------------------------------------------------------  */
/* --------------------  全ページ共通項目 -------------------------  */
/* ----------------------------------------------------------------  */


/* ---------- 基本設定 ---------- */
/* ※font-sizeは個々に設定 */


body {
	text-align: left;
	background-color:#fff;
	line-height:1;
}

body,div {
	color: #686831;
	margin: 0 auto 0 auto;
	font-family: 'ＭＳ ゴシック', HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3';
}


/* ---------- アンカー ---------- */

#top {
	display:none;
	border: 0;
}


/* ---------- アウトライン ---------- */

#wrap {	
	width:940px;
	background-image:url(../images/img_pagebody_bg.gif);
	background-repeat:repeat-y;
	margin:0px auto 5px auto;
}
#wrap-inner {
	margin : 0; 
	padding: 0;
}

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

#header {
	width: 940px; /* necessary for ie win */
	height: 160px;
	background-image:url(../images/img_header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}

#header-inner {	/* ヘッダー内処理*/
	height:105px;
    padding: 0px 0px 0px 0px;
}


#header-tit {	/*  見出し１ */
	margin: 0px 0px 0px 0px;
	padding: 85px 0px 0px 125px;
    color: #715215;
    font-size: 10px;
	line-height:20px;
    font-weight: nomal;
}


/* ------------ ホームページへボタン ------------  */

.re-home {
  background:url(../images/btn_home.gif) no-repeat;
  width:165px; height:55px;
  margin: -5px 0px 0px 10px; padding: 0px;
  display:block;
}
.re-home:hover {
  background:url(../images/btn_home_on.gif) no-repeat;
}



/* ---------- ナビゲーション ---------- */

#navi {
	width: 940px; /* necessary for ie win */
	height: 56px;
	margin: 5px 0 10px 20px;
	padding: 0 0 0 0;
}


/* ---------- リンク画像hover ---------- */

a:hover .hov-alpha  {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity:0.7;
}




/* ------------ 自作メイン欄 ------------  */

#contents { 
	display:block;
	float: right;
	width: 680px;
	margin: 0 0 0 0;
	padding: 0 30px 0 0;
}

#contents-inner {	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



/* ------------ ページ内本文枠 ------------  */

#main {	  
	width: 680px;
	background-image:url(../images/img_main_bg.gif);
	background-repeat:repeat-y;
	margin: 0px 0px 0px 0px;
}
#main-inner {	
    margin: 20px 20px 20px 20px;
}


#main-bot { 
	margin: 0px 0px 0px 0px;
	width: 680px;
	height: 25px;
	background-image:url(../images/img_main_bg_bot.gif);
	background-repeat:no-repeat;
}


/* ------------ 本文枠 ------------  */

.entry {
	  margin:0 0 3em 0;
}


.entry-tit {
	font-size:120%;
	line-height:160%;
	font-weight:bold;
	margin:1em 0 1em 0;
	padding:0.5em 0.5em 0.5em 0.5em;
	border-top:3px double #c4e35c;
	border-bottom:3px double #c4e35c;
	background-color:#f8ffe1;
	text-align:center;
}
.entry-tit a {
	color:#5b9938;
	text-decoration:none;
}
.entry-tit a:hover {
	color:#FF3333;
	text-decoration:underline;
}

.entry-body {
	font-size:100%;
	line-height:160%;
}

.entry-meta {
	font-size:75%;
	line-height:140%;
	text-align:right;
	margin-bottom:2em;
}

/* ------------ ページ内タイトル枠 ------------  */

#page-title { 
	position: relative;
	width: 780px;
	height: 88px;
	background-image:url(../images/img_pagetitle_bg.gif);
	background-repeat:repeat-y; }

#page-title h2{ 
    width: 80%;
	margin: 0px 0px 0px 0px;
    padding: 35px 20px 5px 20px;
}




/* ---------- サイドメニュー欄 ---------- */



/*  左  */
#left {		
    float: left;
	width: 180px;
}


#fra-aboutmkl {		
   width: 180px;
   margin: 0 0 20px 30px;
   padding: 0;
   font-size:78%;
	line-height:1.5;
}

#fra-aboutmkl p{
	margin-top:1em;  
}



#sidemenu {
	width: 180px;
	margin: 0 0 0 30px;
	padding: 0;
}

#sidemenu ul {
    margin: 0;
	padding: 0 0 1em 0;
}

.tit-sm{
	font-size:75% !important;
	line-height:1 !important;
}





/* fra-sdnavi */
#fra-sdnavi {
	width: 180px;
	margin: 0 0 20px 30px;
	padding: 0;
}

#fra-sdnavi h4 {
	display: block;
	font-weight:normal;
	font-size:75%;
	line-height:1;
	margin: 10px 0 5px 0;
	padding: 5px 10px 5px 10px;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 12px; /* Safari */
	-moz-border-radius: 12px; /* Firefox */
	border-radius: 12px; /* css3 */
	background-color:#b1d73f;
}





#fra-sdnavi ul {
	margin:  0 0 50px 0;
	padding: 0;
	list-style:none;
}

#fra-sdnavi ul li {
	height:30px;
	display:block;
	font-size:75%;
	line-height:1.3;
	margin:0 0 20px 0;
}

#fra-sdnavi ul li a {
	display: block;
	padding: 5px;
	color:#81a055;
	text-decoration:none;
}

#fra-sdnavi ul li a:hover{ 
	text-decoration: none;
	font-weight:bold;
}


#fra-sdnavi ul li+li {
	border-top: dotted 1px #d6eba1;
}


/* banner-contact */
#banner-contact {
	width: 180px;
	margin: 10px 0 20px 25px;
	padding: 0;
}





/* ------------ ページの先頭へ  ------------  */
#pagetop {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ------------ ページの先頭へQ&A  ------------  */
.pagetop-q {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.pagetop-q a:link{
　color:#fff!important;
　text-decoration:underline;
}


.pagetop-q a:visited{
　color:#fff!important;
　text-decoration:underline;
}
.pagetop-q a:hover{
　color:#999!important;
　text-decoration:none;
}
.pagetop-q a:active{
　color:#fff!important;
　text-decoration:underline;
}
/* ------------ 自作フッター欄 ------------  */


#footer {
	clear:both;
	width: 940px;
	height: 160px;
	text-align:center;
	background-image:url(../images/img_footer.gif);
	background-repeat:no-repeat;
}


#footer-inner {	
    position: static;
	margin: 0px 30px 10px 30px;
	padding: 30px 0px 0px 0px;
}

#copyright {	
    margin: 50px 0px 10px 0px;
	font-size:80%;
	line-height:1;
}



/* ----------------------------------------------------------------  */
/* ------------------------  パーツ類 -----------------------------  */
/* ----------------------------------------------------------------  */


/* ---------- フレーム枠---------- */

.fra-00 {
	border: 1px solid #fff;
	padding: 10px 10px 10px 20px;
	margin: 15px 0px 15px 0px; 
}

.fra-01 {
	border: 1px solid #d2ca98;
	padding: 10px 10px 10px 20px;
	background-color:#f7f6f0;
	margin: 15px 0px 15px 0px; 
}

.fra-02 {
	border-top: 1px solid #d2ca98;
	border-right: 1px solid #d2ca98;
	border-bottom: 1px solid #d2ca98;
	border-left: 5px solid #d2ca98;
	padding:10px 10px 10px 20px;
	background-color:#fff;
	margin: 15px 0px 15px 0px; 
}

.fra-03 {
	border-top: 1px solid #d2ca98;
	border-right: 1px solid #d2ca98;
	border-bottom: 1px solid #d2ca98;
	border-left: 10px solid #d2ca98;
	padding:10px 10px 10px 20px;
	background-color:#f7f6f0;
	margin: 15px 0px 15px 0px; 
}





/* ---------- 分割ライン---------- */

.line-dot {
	clear:both;
	margin: 5px 0px 20px 0px;
	padding: 0px;
	width: 95%;
	border-bottom: 1px dotted #d2ca98;
}

.line-sol {
	clear:both;
	margin: 5px 0px 20px 0px;
	padding: 0px;
	width: 95%;
	border-bottom: 1px solid #d2ca98;
}

.line-fff {
	clear:both;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: 95%;
	border-bottom: 1px solid #fff;
}

/* ---------- テキスト飾り---------- */

/* MacIE5 除く \*/
.f-letter:first-letter {
font-size:2em;
line-height:1.3em;
padding: 0em 0em 0.1em 0.2em;
}
/* end */



/* ------------ ページ内アイキャッチ汎用型 ------------  */


.ec-header {
    margin-top: 0;
    border-left: 5px solid #F90;
    padding: 0 0 0 10px;
    font-size: 150%;
}

.ec-s-blue {
	text-align:left;
	border-left: 10px solid #caecff;
	border-bottom: 3px dotted #caecff;
	padding: 0px 0px 5px 20px;
}


.ec-qanda01 {
	text-align:left;
	margin: 0.5em 0 0 0;
	padding:0.5em;
	font-weight:bold;
	width:600px;
	background-color:#ffe5e5;
	-webkit-border-radius: 12px; /* Safari */
	-moz-border-radius: 12px; /* Firefox */
	border-radius: 12px; /* css3 */
	color:#fff;
	background-color:#f99;
}
.ec-qandanum {
	padding-right:1em;
}


.ec-qanda02 {
	width:80px;
	height:40px;
	text-align:center;
	margin: 0 0 0 0;
	padding-top: 0.5em;
	font-weight:bold;
	color:#87bc43;
	background: url(../images/bg-qanda-a.gif) no-repeat;
}



.lead01 {
	font-size: 150%;
	line-height: 180%;
	color:#f60;
	margin: 40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.lead02 {
	font-size: 120%;
	line-height: 120%;
	color:#666;
	margin: 30px 0px 10px 10px;
	padding:0px 0px 0px 0px;
}



/* ---------- テキスト関連---------- */

/*  1文字目拡大 */
.f-letter:first-letter {
	font-size:2em;
	line-height:1.3em;
	padding: 0em 0em 0.1em 0.2em;
}


/* 1文字目字下げ */
.t-indent{
	text-indent: 1em; 
}

/* 文字太さ */
.font-weight-nomal{
	font-weight:normal;
}
.font-weight-bold{
	font-weight:bold;
}

/* アライン */
.text-ali-right{
	text-align:right;
}
.text-ali-left{
	text-align:left;
}
.text-ali-center{
	text-align:center;
}





/* ---------- テーブル処理 ----------  */


/* -- テーブル00 --  */
#tab-00 {
	width: 98%;
	border-collapse:collapse;
	font-size:85%;
	line-height:110%;
}

#tab-00 tr th {
	padding:5px;
}
#tab-00 tr td{
	padding:5px;
}

/* -- テーブル01 --  */

#tab-01 {
	width: 98%;
	border:solid 1px #ccc;
	border-collapse:collapse;
	background:#fff;
	font-size:85%;
	line-height:150%;
}

#tab-01 tr.f7f{
	background:#f7f6f0;
}

#tab-01 td.f7f{
	background:#f7f6f0;
}

#tab-01 tr th {
	padding:8px;
	border:solid 1px #ccc;
}
#tab-01 tr td{
	padding:8px;
	border:solid 1px #ccc;
}


/* -- テーブル01 --  */

.tab-01 {
	width: 98%;
	border:solid 1px #ccc;
	border-collapse:collapse;
	background:#fff;
	font-size:85%;
	line-height:150%;
	margin:10px 0 0 10px;
}

.tab-01 tr.f7f{
	background:#f7f6f0;
}

.tab-01 td.f7f{
	background:#f7f6f0;
}

.tab-01 tr th {
	padding:8px;
	border:solid 1px #ccc;
}
.tab-01 tr td{
	padding:8px;
	border:solid 1px #ccc;
}



/* -- テーブル02 --  */

.tab-02 {
	width: 98%;
	border:solid 1px #ccc;
	border-collapse:collapse;
	background:#fff;
	font-size:80%;
	line-height:150%;
	margin:10px 0 0 10px;
}

.tab-02 tr.f7f{
	background:#f7f6f0;
}

.tab-02 td.f7f{
	background:#f7f6f0;
}

.tab-02 tr th {
	padding:8px;
	border:solid 1px #ccc;
}
.tab-02 tr td{
	padding:8px;
	border:solid 1px #ccc;
}


/* -- テーブルcontact --  */

.tab-contact {
	width: 95%;
	border:solid 0px #ccc;
	border-collapse:collapse;
	background:#fff;
	font-size:80%;
	line-height:1.5;
	margin:10px 0 0 10px;
}

.tab-contact th{
	background:#f7f6f0;
	font-weight:bold;
}

.tab-contact td{
	font-weight:nomal;
}

.tab-contact tr th {
	padding:18px 12px 18px 12px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}
.tab-contact tr td{
	padding:18px 12px 18px 12px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}




/* ------------ 追加機能 ------------  */


/*Firefoxリンク点線消し*/
a:focus{
/*\*/
overflow: hidden;
/**/
}



img {
	margin:0px;
	border: none;
	vertical-align:bottom;
}

.img-word-l {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 10px 10px 0px;
}

.img-word-r {
	float: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 10px 10px;
}


/*WP用アライン*/


.alignnone {
	float: none;
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 0px 0px;
}


.alignleft {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 10px 10px 0px;
}

.alignright {
	float: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 10px 10px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.c-both { 
	clear:both;
	overflow:hidden;
	width: 1px;
    height: 1px;
	margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}



.text-ali-center{
	text-align:center;
}
.text-ali-left{
	text-align:left;
}
.text-ali-right{
	text-align:right;
}

.dis-block{
	display:block;
}



/*WP用キャプション*/

.wp-caption {
	text-align: center;
	padding: 4px 0px 4px 0px;
	border: 1px solid #DFDFDF; /* --- エントリーの画像縁取り --- */
	margin-top: 0;
}
.wp-caption img {
	margin: 0!important;
	padding: 0!important;
	border:none!important;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 1;
	padding: 8px 4px 2px 4px;
	margin: 0;
}


/* ------------ 選択テキストサイズ ------------  */


h1 { margin: 0px 0px 10px 0px;}
h2 { margin: 0px 0px 10px 0px;}
h3 { margin: 0px 0px 10px 0px;}
h4 { margin: 0px 0px 10px 0px;}

.sma {
	font-size:  90%;
	line-height:1.3;
}
.sma-s {
	font-size:  80%;
}
.sma-ss {
	font-size:  60%;
}
.mid {
	font-size:  140%;
}




/* ------------ 選択カラー ------------  */

.col-black { color: #000; }
.col-red { color: #F36;}
.col-pink { color: #f895dd; }
.col-purple { color: #9c95f8; }
.col-blue { color: #95d0f8; }
.col-green { color: #97da72; }
.col-yellow { color: #dac772; }
.col-brown { color: #da9c72; }
.col-grey { color: #aaa; }


/* ------------ 背景カラー ------------  */

.bg-cleam { background-color: #fff9de; }
.bg-l-cleam { background-color: #fff7d2; }
.bg-l-brown { background-color: #a7a78d; }
.bg-l-gray { background-color: #f8f8f8; }

.bg-dpink{ background-color:#ffc0c0; }
.bg-pink{ background-color:#ffd9d9; }
.bg-lpink{ background-color:#fdf1f1; }

.bg-dpurple{ background-color:#edc8ff; }
.bg-purple{ background-color:#f4ddff; }
.bg-lpurple{ background-color:#f9f1fd; }

.bg-lblue{ background-color:#ecf0ff; }
.bg-blue{ background-color:#dde4ff; }

.bg-smile {
	background-color:#66e4c2!important;
}



/* ------------ リンク設定 ------------  */

a:link        { color: #6CC; text-decoration: underline; }
a:visited     { color: #09F; text-decoration: underline; }
a:hover       { color: #0FF; text-decoration: none; }
a:active      { color: #0FF; text-decoration: underline; }

a.a-bl:link     { color: #333; text-decoration: none; }
a.a-bl:visited  { color: #333; text-decoration: none;  }
a.a-bl:hover    { color: #ccc; text-decoration: none; }
a.a-bl:active   { color: #aaa; text-decoration: none; }





/* --- マージン＆パディング em ---  */
.mar-1em { margin: 1em; }
.mar-2em{ margin: 2em; }
.mar-3em{ margin: 3em; }
.mar-4em{ margin: 4em; }

.mar-top-1em { margin-top: 1em; }
.mar-top-2em{ margin-top: 2em; }
.mar-top-3em{ margin-top: 3em; }
.mar-top-4em{ margin-top: 4em; }





/* --- マージン＆パディング ---  */
.mar-5px { margin: 5px; }
.mar-10px{ margin: 10px; }
.mar-15px{ margin: 15px; }
.mar-20px{ margin: 20px; }
.mar-30px{ margin: 30px; }

.mar-top-5px { margin-top: 5px; }
.mar-top-10px{ margin-top: 10px; }
.mar-top-20px{ margin-top: 20px; }
.mar-top-30px{ margin-top: 30px; }
.mar-top-40px{ margin-top: 40px; }
.mar-top-50px{ margin-top: 50px; }

.mar-bot-5px { margin-bottom: 5px; }
.mar-bot-10px{ margin-bottom: 10px; }
.mar-bot-20px{ margin-bottom: 20px; }
.mar-bot-30px{ margin-bottom: 30px; }

.mar-left-5px { margin-left: 5px; }
.mar-left-10px{ margin-left: 10px; }
.mar-left-20px{ margin-left: 20px; }
.mar-left-30px{ margin-left: 30px; }

.mar-right-5px { margin-right: 5px; }
.mar-right-10px{ margin-right: 10px; }
.mar-right-20px{ margin-right: 20px; }
.mar-right-30px{ margin-right: 30px; }

.mar-top-bot-5px { margin:  5px 0px 5px 0px; }
.mar-top-bot-10px{ margin: 10px 0px 10px 0px; }
.mar-top-bot-20px{ margin: 20px 0px 20px 0px; }
.mar-top-bot-30px{ margin: 30px 0px 30px 0px; }

.mar-top-left-5px { margin:  5px 0px 0px 5px; }
.mar-top-left-10px{ margin: 10px 0px 0px 10px; }
.mar-top-left-20px{ margin: 20px 0px 0px 20px; }
.mar-top-left-30px{ margin: 30px 0px 0px 30px; }

.mar-left-bot-5px { margin: 0px 0px 5px 5px; }
.mar-left-bot-10px{ margin: 0px 0px 10px 10px; }
.mar-left-bot-20px{ margin: 0px 0px 20px 20px; }
.mar-left-bot-30px{ margin: 0px 0px 30px 30px; }

.mar-top3em-bot1em{ margin: 3em 0px 1em 0px; }
.mar-left30-bot50px{ margin: 0px 0px 50px 30px; }

.pad-5px { padding: 5px; }
.pad-10px{ padding: 10px; }
.pad-20px{ padding: 20px; }
.pad-30px{ padding: 30px; }

.pad-top-5px { padding-top: 5px; }
.pad-top-10px{ padding-top: 10px; }
.pad-top-20px{ padding-top: 20px; }
.pad-top-30px{ padding-top: 30px; }

.pad-bot-5px { padding-bottom: 5px; }
.pad-bot-10px{ padding-bottom: 10px; }
.pad-bot-20px{ padding-bottom: 20px; }
.pad-bot-30px{ padding-bottom: 30px; }

.pad-left-5px { padding-left: 5px; }
.pad-left-10px{ padding-left: 10px; }
.pad-left-20px{ padding-left: 20px; }
.pad-left-30px{ padding-left: 30px; }

.pad-right-5px { padding-right: 5px; }
.pad-right-10px{ padding-right: 10px; }
.pad-right-20px{ padding-right: 20px; }
.pad-right-30px{ padding-right: 30px; }