@charset "utf-8";

body {
background:#f8f8f8;
margin: 0;
padding: 0;
}
/* テーマカラー

#f5f5f5 whitesmoke　極薄いグレー
#d3d3d3 lightgrey　やや薄いグレー
#c0c0c0 silver　薄いグレー
#a9a9a9　darkgray　グレー
#696969　dimgray　濃いグレー

#b0c4de lightsteelblue 薄いブルーグレー
#708090 slategray 濃いブルーグレー


#7e6b5a ブラウン１
#a6937c ブラウン２
#d1c0a5 薄い下地ブラウン３
#ffffcc 薄い下地イエローベージュ


#000000 黒
*/

/***************************************
 【CSS編集 目次】

　(1) 文字のスタイル
　(2) エリアのスタイル
　(3) グローバルメニュー
　(4) サブメニュー
　(5) 画像加工
　(6) ボタン
　(7) 共通リンク
***************************************/

/***************************************
　(1) 文字のスタイル
***************************************/

body{
color:#333333;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif,"メイリオ",Meiryo}a{text-decoration:none;
}*/

h2{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:16px;
	line-height: 200%;
	font-weight:bold;
	border-left:6px solid #996633;
	margin-left:0px;
	padding-left:10px;
	letter-spacing: 0.1em;
}


h2.sub{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:13px;
	line-height: 200%;
	font-weight:bold;
	border-left:6px solid #663300;
	margin-left:0px;
	padding-left:10px;
	letter-spacing: 0.1em;
}

h3{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:16px;
	line-height: 200%;
	font-weight:normal;
	padding: 20px 20px;
	border-left:5px solid #d3d3d3;
	background-color: #f6f6f6;
	border-radius: 6px;	
	margin: 0 auto;
	letter-spacing: 0.1em;
}

h3.title{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:14px;
	line-height: 200%;
	font-weight:bold;
	padding: 20px 10px;
	background-color: #f6f6f6;
	border-radius: 6px;	
	margin: 0 auto;
}

h4{
	font-size:14px;
	line-height: 200%;
	font-weight:bold;
	border-left:4px solid #a6937c;
	padding-left:10px;
	letter-spacing: 0.1em;
}

h5{
	font-size:12px;
	line-height: 200%;
	font-weight:bold;
	border-left:4px solid #a6937c;
	padding-left:10px;
	letter-spacing: 0.1em;
}


a:link {color: #663300;}　/*未訪問のリンク色 明るい茶色*/
a:visited { color:#666666; }　/*訪問済みのリンク色　チョコレート色*/
a:hover {color: #666;} 　/*ポイント時の（マウスポインターを合わせたときの）リンク色　チョコレート色*/
a:active {color: #663300;}　/*選択中の（クリックした時の）リンク色　くすんだ赤*/


#detail,#topContent{
	color:#333333;
	font-size:13px;
	line-height: 170%;
	padding-top:20px;
	padding-left:10px;
}

#detail,#btmContent1,#btmContent2,#btmContent3,#btmContent3{
	color:#333333;
	font-size:13px;
	line-height: 170%;
	padding-top:20px;
	padding-left:10px;
}

#detail1{
	color:#333333;
	font-size:13px;
	line-height: 170%;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	border-bottom:1px dotted #768740;
}

#detail2{
	color:#333333;
	font-size:13px;
	text-align:center;
	line-height: 170%;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-radius: 6px;	
}

.check {
background:url(../service/images/check2.png) no-repeat left center;
padding-left:30px;　//画像の分だけ左に余白を確保する
}



/***************************************
　(2) エリアのスタイル
***************************************/



/*-------アメブロに合わせた一番上のテキストエリア----------*/
#abHeader{
	min-width:980px;
	height:30px;
	border-bottom:1px solid #E0E0E0;
	background:#fff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
	font-size:12px;
}

/*-------アメブロに合わせた一番上のテキストエリア（左）----------*/
#abHeader .abHeaderL{
	padding-left:20px;
	padding-top:7px;
}

/*-------アメブロに合わせた一番上のテキストエリア（右）----------*/
#abHeader .abHeaderR{
	float:right;
	margin-top:-15px;
	padding-right:20px;
}

/*-------テキストエリア以下本編エリア----------*/
#wrapper{
	background:#fff;
	/*border:1px solid #cc0000;*/
	margin-top: 0;
	margin: 0 auto;
	padding:1px 60px 0 60px;
}

/*-------ヘッダー部分----------*/
#header{
	width:980px;
	/*border:1px solid #000;*/
	margin: 20px auto;
}


/*-------ヘッダー画像----------*/
.headerImage{
	height:350px;
	border:1px solid #663300;
	background-image:url(../image/topImage.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


/*-------ヘッダー　グローバルメニュー----------*/
.globalMenu{
	height:50px;
	border:1px solid #333;
	/*border:1px solid #0000ff;*/

}

/*-------コンテンツ部分----------*/
#contents{
	width:980px;
	/*border:1px solid #E0E0E0;*/
	margin: 20px auto;
	position: relative;
}

/*-------コンテンツ　左サブメニュー部分----------*/
#subMenu{
	width:220px;
	min-height:50px;
	background:#fff;
	border:1px solid #996633;
	padding:0px 10px 30px 10px;
	min-height:300px;
	position: absolute;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

/*-------コンテンツ　左サブメニュータイトル部分----------*/
#titleArea{
	background-color:#f5f5f5;
}

/*-------コンテンツ　左サブメニューサブタイトル（リンク）部分----------*/
#subTtitleArea{
	background-color:#fff;
	margin-left:10px;
}

/*-------コンテンツ　右コンテンツ部分----------*/
.mainContent{
	width:670px;
	background:#fff;
	border:1px solid #996633;
	margin-left: 270px;
	padding:10px 20px 30px 20px;
	min-height:300px;
}


/*-------コンテンツ　右コンテンツh3タイトル部分----------*/
#mainTitleArea{
	background-color:#f5f5f5;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;	
	margin:0 0 0 0;
}



/*-------コンテンツ中の　ブロック部分----------*/
#block{
	width:630px;
	background:#fff;
	padding:0 5px 50px 10px;
}
#blockBtm{
	width:630px;
	background:#fff;
	padding:0 5px 10px 10px;
}

/*-------フッタ部分----------*/
#footer{
	width:980px;
	height:50px;
	margin: 20px auto;
	padding-top:10px;
	border-top:1px solid #663300;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:12px;
	color:#666;
	text-align:center;
	clear:both;
}


/***************************************
　(3) グローバルメニュー
***************************************/


#globalMenu, #globalMenu ul,
#globalMenu li, #globalMenu a {
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: center;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
#globalMenu {
  position: relative;
  line-height: 1.0;
  overflow: visible;
  text-align: center;
}
#globalMenu ul#menu {
  list-style: none;
  overflow: visible;
}
#globalMenu ul#menu:after {
  display: block;
  clear: both;
  content: ".";
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
#globalMenu ul#menu li {
  position: relative;
  display: block;
  float: left;
  overflow: visible;
}
#globalMenu ul#menu>li {
  border-style: none none none solid;
}
#globalMenu ul#menu>li:first-child {
  border: 0 none;
}
#globalMenu ul#menu li a {
  display: block;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  background-repeat: repeat;
  background-position: center center;
}
/* ▲ 通常は変更不要 (ここまで) ▲ */
/* ▼ メニューカスタマイズ (ここから) ▼ */

#globalMenu {
  width:980px;
  border:1px solid #663300;
  position: relative;
  margin: 10px auto;	
}
#globalMenu ul#menu li {
  font-size: 13px; /* ■文字サイズ */
  height: 60px; /* ■ボタンの高さ(上下枠線を含む) */
  line-height: 20px; /* ■ボタンの高さ(上下枠線の内側) */
}

#globalMenu ul#menu li {
  width: 195px; /* ■ボタンの幅(第一ボタン以外) */
}
#globalMenu ul#menu>li:first-child {
  width: 196px; /* ■ボタンの幅(第一ボタン) */
}
#globalMenu ul#menu>li {
  border-width: 1px; /* ■区切り線の太さ */
  border-color: #663300; /* ■区切り線の色 */
}
#globalMenu ul#menu li a {
  height: 40px; color: #663300; /* ■文字色[白](通常時) */
  font-weight: normal; /* ■太字[なし](通常時) */
  text-decoration: none; /* ■下線[なし](通常時) */
  background-color: #ffffff; /* ■背景色[焦げ茶](通常時) */
  padding-top: 10px; /* ■ボタンの高さ(上下枠線の内側) */
  padding-bottom: 10px; /* ■ボタンの高さ(上下枠線の内側) */
}
#globalMenu ul#menu li a.under{
  color: #4b1818; /* ■文字色[焦げ茶](通常時) */
  font-weight: normal; /* ■太字[なし](通常時) */
  text-decoration: none; /* ■下線[なし](通常時) */
  background-color: #e6b9b9; /* ■背景色[極薄いグレー](通常時) */
    background-image: url(../image/menu-bg.jpg);
  padding-top: 10px; /* ■ボタンの高さ(上下枠線の内側) */
  padding-bottom: 10px; /* ■ボタンの高さ(上下枠線の内側) */
}
#globalMenu ul#menu li a:hover {
  color: #996633; /* ■文字色[白](オンマウス時) */
  font-weight: normal; /* ■太字[なし](オンマウス時) */
  text-decoration: underline; /* ■下線[あり](オンマウス時) */
  background-color: #f4f4f4; /* ■背景色[茶色](オンマウス時) */
}
/*▲ メニューカスタマイズ (ここまで) ▲ */


/***************************************
　(4) サブメニュー
***************************************/

#subMenu ul.sub li {
	font-size: 12px; /* ■文字サイズ */
	height: 40px; /* ■ボタンの高さ(上下枠線を含む) */
	line-height: 40px; /* ■ボタンの高さ(上下枠線の内側) */
	letter-spacing: 0.2em; 
	border-bottom:1px solid #999;
	margin-left:-45px;
	list-style-position: inside;
	list-style-image: url(../image/arrowList.gif);
}
#subMenu ul.sub li a {
	font-size: 12px; /* ■文字サイズ */
	height: 40px; /* ■ボタンの高さ(上下枠線を含む) */
	line-height: 40px; /* ■ボタンの高さ(上下枠線の内側) */
	color: #000000; /* ■文字色[白](通常時) */
	text-decoration: none; /* ■下線[なし](通常時) */
	letter-spacing: 0.2em; 
	list-style-position: inside;
	list-style-image: url(../image/arrowList.gif);
}
#subMenu ul.sub li a:hover {
	color: #000000; /* ■文字色[白](オンマウス時) */
	font-weight: normal; /* ■太字[なし](オンマウス時) */
	text-decoration: underline; /* ■下線[あり](オンマウス時) */
}

/***************************************
　(5) 画像加工
***************************************/

.pimg {
 padding: 8px;
 background-color: #ffffff;
 border-top: 1px solid #dddddd;
 border-left: 1px solid #dddddd;
 border-right: 3px solid #dddddd;
 border-bottom: 3px solid #dddddd;
 }
 
 .frameRR {
	margin: 0 0 20px 30px;
	float: right;
}
 
 .frameR {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin: 0 0 20px 30px;
	float: right;
}

 .frameL {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin: 0 30px 20px 0;
	float: left;
}

/***************************************
　(6) ボタン
***************************************/

/*-------フォームボタン----------*/
.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d2c4b1), color-stop(1, #886b4e));
	background:-moz-linear-gradient(top, #d2c4b1 5%, #886b4e 100%);
	background:-webkit-linear-gradient(top, #d2c4b1 5%, #886b4e 100%);
	background:-o-linear-gradient(top, #d2c4b1 5%, #886b4e 100%);
	background:-ms-linear-gradient(top, #d2c4b1 5%, #886b4e 100%);
	background:linear-gradient(to bottom, #d2c4b1 5%, #886b4e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2c4b1', endColorstr='#886b4e',GradientType=0);
	background-color:#d2c4b1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d2c4b1;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:8px 34px;
	text-decoration:none;
	text-shadow:0px 1px 0px #886b4e;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #886b4e), color-stop(1, #d2c4b1));
	background:-moz-linear-gradient(top, #886b4e 5%, #d2c4b1 100%);
	background:-webkit-linear-gradient(top, #886b4e 5%, #d2c4b1 100%);
	background:-o-linear-gradient(top, #886b4e 5%, #d2c4b1 100%);
	background:-ms-linear-gradient(top, #886b4e 5%, #d2c4b1 100%);
	background:linear-gradient(to bottom, #886b4e 5%, #d2c4b1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#886b4e', endColorstr='#d2c4b1',GradientType=0);
	background-color:#886b4e;
}
.myButton:active {
	position:relative;
	top:1px;
}


a:link.myButton { color: #fff; }
a:visited.myButton { color: #fff; }
a:hover.myButton { color: #fff; }
a:active.myButton{ color: #fff; }

/*-------詳しくはこちら----------*/
#more{
	margin-top:5px;
	font-size: 12px;
	float:right;
}


/*-------小さいボタン----------*/
.ltButton {
	background-color:#ededed;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:12px;
	padding:4px 18px;
	margin-bottom:20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	float:right;
}
.ltButton:hover {
	background-color:#dfdfdf;
}
.ltButton:active {
	position:relative;
	top:1px;
}

/***************************************
　(7) 共通リンク
***************************************/
/*-------トップへ戻る部分----------*/
.toTop{
	text-align:left;
	font-size:0.8em;
	margin-bottom:20px;
}

/*-------ページ間リンク----------*/
#pageLink{
	text-align:center;
	font-size:0.8em;
	margin-top: 50px;
}