@charset "UTF-8";

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-image: url(images/common/bg.png);
	margin: 0;
	padding: 0;
	color: #121212;
	background-repeat: repeat-x;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべての block を囲みます。~~ */
.container {
	width: 960px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}
header img { width: 960px;
	/*background-color: #FFF;#FFEB00*/
}

.sidebar1 {
	float: left;
	width: 180px;
	padding-bottom: 10px;
	padding-top:42px; 
}
.content {
	padding: 40px 0 40px 40px;
	width: 720px;
	float: right;  
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top: 1px solid #CCC; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
ul.nav li {
	border-bottom: 1px solid #CCC; /* ボタンの区切り線を作成します。 */
}
ul.nav a/*, ul.nav a:visited*/ { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
padding: 15px 5px 15px 15px;
	/*padding: 5px 5px 5px 15px;*/
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 160px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	/*background-color: #FFF;*/
	font-size:0.9em;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background-color: #232323 ;/*#ffcb78*/
	color: #FFF;
}
ul.nav li.open {
	border-left:9px solid #FFBE00;
}

/*追加コンテンツ内　サブメニュー*/

ul.snav {
	list-style: none; /* リストのマーカーを削除します。 */
	border-left: 0px solid #CCC; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 20px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	margin-left:-20px;
}
ul.snav li {
	border-right: 1px dotted  #FFBE00; /* ボタンの区切り線を作成します。 */ float:left;
}
ul.snav li.head { border-left: 1px dotted  #FFBE00; }
ul.snav a, ul.snav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
padding: 5px 15px;
	/*padding: 5px 5px 5px 15px;*/
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	 /*width: 100px; この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background-color: #FFF;
	font-size:0.9em;
}
ul.snav a:hover, ul.snav a:active, ul.snav a:focus { 
	background-color: #FFBE00;
	color: #FFF;
}


/* ~~ フッター 枠（追記）~~ */

#footerArea { display:block; width:100%; }


/* ~~ フッター ~~ */
footer {
	padding: 10px 0; font-size:0.75em; text-align:center;
	background-color: #545454; /*#FFEDA4*/  color:#EEE;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}
address { font-style:normal;}

/*HTML5 サポート - 新しい HTML5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, article, figure {
	display: block;
}

/*フッター内　サブメニュー*/
ul.fnav {
	list-style: none; /* リストのマーカーを削除します。 */
	margin:0 auto 10px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	display: block ;
}
ul.fnav li {
	border-right: 0px dotted #CCC; /* ボタンの区切り線を作成します。 */ display: inline-block;
}
ul.fnav li.head { border-left: 1px dotted #CCC !important;}
ul.fnav a, ul.fnav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
padding: 5px 15px;
	/*padding: 5px 5px 5px 15px;*/
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	 /*width: 100px; この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	/*background-color: #FFF;*/
	font-size:0.9em; color:#EEE;
}
ul.fnav a:hover, ul.fnav a:active, ul.fnav a:focus { 
	background-color: #232323;
	color: #EEE;
}


/*追加カスタム*/
/*h1 { border:3px #FFBE00 solid;line-height:3em; margin-bottom:40px; font-weight: bold; display:block; padding-left: 25px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}*/
h1,p#title { margin:0 auto 40px; display:block; padding:0;}
h2 { border-bottom:1px #FFBE00 dashed; line-height:2em; }
h3 { border-bottom:1px #FFBE00 dotted; line-height:2em; }
h2 { font-weight:normal; }
p { line-height:1.75em; }

.waku1s { padding:30px 20px; border:1px #FFBE00 solid;  margin-bottom:20px; display:block; }
.waku1d { padding:30px 20px; border:1px #FFBE00 dotted; margin-bottom:20px; display:block; }
.waku2s { padding:30px 20px; border:2px #FFBE00 solid;  margin-bottom:20px; display:block; }
.waku2d { padding:30px 20px; border:2px #FFBE00 dotted;  margin-bottom:30px; display:block; overflow:auto;}

aside p {font-size:0.75em; font-weight:bold; }

/* faq */

.faq dl {
    font-size: 108%;
    margin: 0 10px;
}
/*.faq dt {
    background: url("../../images/faq/bg_q.gif") repeat scroll 0 0 transparent;
    border-top: 1px dotted #C90;
}
.faq dt.active {
    background: url("../../images/faq/bg_q_active.gif") repeat scroll 0 0 transparent;
}*/
.faq dt a {
    background: url("images/ico_q.png") no-repeat scroll left center transparent;
    border-top: 1px solid #FFFFFF;
/*    color: #C00 !important;*/
    display: block;
    font-weight: normal;
    padding: 12px 0 12px 47px;
    text-decoration: none;
}
.faq dt a:hover {
    text-decoration: underline;
}
.faq dd {
    display: none;
}
.faq dd span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("images/ico_a.png") no-repeat scroll left center transparent;
    border-color: #FFBE00;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    color: #300;
    display: block;
    padding: 17px 0 17px 47px;
}
.faq dd.last span {
    border-bottom: 0 none;
}


#map_canvas { width:650px; height: 420px;} /* width:650px;*/

.banner { margin-bottom:40px; padding-top:20px; } 

.price { text-align:center; }
.price table { margin:auto; clear:both;}
.price th { border-bottom:1px solid #999; text-align:left; }
.price td { border-bottom:1px solid #ccc; text-align:left; }


/*----------------------------------
info / news
----------------------------------*/
ul.newslist {
	list-style: none; /* リストのマーカーを削除します。 */
	margin:0 0 20px -20px ; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	display: block ;
}
ul.newslist li {
	border-bottom: 1px dotted #FFBE00; /* ボタンの区切り線を作成します。 */ 
	padding-bottom:0.5em; margin-bottom:1em;
	display: inline-block; width:100%;
}
ul.newslist li span.date { font-size:0.75em ; color: #666; margin-right:20px; float:left; display:inline-block; }
ul.newslist li span.title { font-size:1em ; color: #666; }

ul.newslist a, ul.newslist a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
padding: 0px;
	/*padding: 5px 5px 5px 15px;*/
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	 /*width: 100px; この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	/*background-color: #FFF;*/
	font-size:0.9em; color:#222;
}
ul.newslist a:hover, ul.newslist a:active, ul.newslist a:focus { 
	background-color: #FFBE00;
	color: #FFF;
}


.infonav { margin:20px auto 0; clear:both; display:block; font-size:0.75em;}
.infonav a { text-decoration:none; padding:8px; }
.infonav a:hover { background-color:#333; color:#eee; } 

#date { text-align:right; display:block; font-size:0.9em; margin:0px auto 40px;}
#photo { float: right; display:block; margin-left:20px; }
.r_photo b { font-size:0.9em; }
.r_photo { width:240px; display:block; text-align:right; margin-bottom:1em; clear:both;}


/*----------------------------------
pagetop
----------------------------------*/


.pagetop {
	position: fixed;
	bottom: 40px;
	right: 40px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	line-height: 45px;/**/
}



/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffba47;
    font-weight: bold;
    /*background: #fff2cc;*/
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px 0;
    /*background: #fff5eb;*/
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}