@charset "utf-8";

/* 基本設定 */

html,body{margin:0;padding:0;}

body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',' Meiryo','メイリオ','sans-serif';
	line-height: 170%;
	color: #221814;
	letter-spacing:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { /*IE9以下(8)対策*/
	display: block;
}

.clearfix:after { /* floatの解除、ここがポイント */
    display:block;
    clear:both;
    visibility:hidden;
    content:".";
}

.clearfix {
    min-height: 1px; /* IE6、7対策 */
}

img {
	border:none;
	vertical-align:bottom;
}

p {
	margin: 0;
	padding: 0;
}

ul,li {
	margin:0;
	padding:0;
	list-style-type: none;
}

div {
	margin:0;
	padding:0;
}

a {
	text-decoration: none;
}

a:link { color: #595757;}
a:visited { color: #595757;}
a:hover { color: #595757;}
a:active { color: #595757;}

/* （オンマウスで画像を薄く-ゆっくり）imgタグにクラスを追加 */

.filter {
    -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;
}

/* オンマウスで画像を薄く */

.filter:hover {
	opacity: 0.4 ; /* 濃さ0～1 */
	filter: alpha(opacity=40) ;	/* Ie用 */
}

/* オンマウスで枠の色黒く-ゆっくり変更 */

.waku-filter img:hover {
	border:5px solid #231815;
    -webkit-transition: all 0.6s ease;
       -moz-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
            transition: all 0.6s ease;
}

/* ページ内リンク頭出し調整 */

.top-link > a {
    display: block; padding-top: 100px; margin-top: -100px;
}

/* テキストインデント */

p.indent-1 { /* 2行目以降を1文字下げ */
	padding-left:1em;
	text-indent:-1em;
}

p.indent-2 { /* 2行目以降を2文字下げ */
	padding-left:2em;
	text-indent:-2em;
}

p.indent-3 { /* 2行目以降を3文字下げ */
	padding-left:3.1em;
	text-indent:-3.1em;
}

/* PCメニュー以下を囲む枠 */

#contents_waku {
	width: 950px;
	margin: 0 auto;
	padding:0;
}

/* スマホメニュー非表示 */

nav.paradeiser {
	display:none;
}

/* フッター */

#footer {
	margin-top:30px;
	padding-bottom:10px;
	width:100%;
	background-color:#f4f4f4;
	color:#595757;
}

.footer_box {
	width:950px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.info_follow_box {
	width:895px;
	margin:0 auto;
	padding:25px 0 0 0;
	display:table;
}

.information, .follow {
	display:table-cell;
	vertical-align:top;
	font-size:13px;
	line-height:1.7em;
}

/* INFORMATION */

.information h3 {
	width:508px;
	height:16px;
	background: url(../images/info_title.gif) no-repeat left top;
}

.information h3 img {
	display:none;
}

.information_box {
	width:485px;
	margin-right:60px;
	margin-top:35px;
}

.information_box p {
	float:left;
	padding-left:17px;
}

.tel {
	margin-left:40px;
}

.information_box .f-about {
	font-size:16px;
	margin-bottom:28px;
}

.information_box a:link { color: #595757; }
.information_box a:visited { color: #595757; }
.information_box a:hover { color: #898989; }
.information_box a:active { color: #898989; }


/* FOLLOW */

.follow h3 {
	width:350px;
	height:16px;
	background: url(../images/follow_title.gif) no-repeat left top;
}

.follow h3 img {
	display:none;
}

.follow_box {
	margin-top:35px;
}

.follow_box a:link { color: #595757; }
.follow_box a:visited { color: #595757; }
.follow_box a:hover { color: #898989; }
.follow_box a:active { color: #898989; }

.follow_box p {
	margin-left:15px;
	margin-bottom:10px;
}

.follow_box p img {
	vertical-align:middle;
	margin-right:30px;
}

/* PAGE TOP */

.btn_top {
	text-align:right;
	margin:0;
	padding:0;
	line-height: 0.1em;;
}

/* フッターロゴとメニュー */

.rogo_menu_box {
	border-top:1px solid #bab5b5;
	color: #888889;
	margin-top:15px;
	margin-bottom:0;
	padding-top:10px;
	line-height:0; /* float下にできる余白削除 */
}

.footer_rogo {
	float:left;
	padding-left:5px;
	font-size:11.5px;
	line-height: 240%;
}

.footer_rogo a:link { color: #4b4848; }
.footer_rogo a:visited { color: #4b4848; }
.footer_rogo a:hover { color: #898989; }
.footer_rogo a:active { color: #898989; }

.footer_rogo img {
	vertical-align:top;
	margin-right:13px;
}

.footer_menu {
	float:right;
	font-size:11px;
	line-height: 240%;
}

.footer_menu a:link { color: #888889; }
.footer_menu a:visited { color: #888889; }
.footer_menu a:hover { color: #221814; }
.footer_menu a:active { color: #221814; }

.footer_menu ul li {
	display:inline-block;
}

.footer_menu ul li:before{
	content: " | ";
	padding:0 10px;
}

.footer_menu ul li:first-child:before{
	content: "";
}

/* コピーライト */

.copy {
	text-align:right;
	font-size:8.5px;
	margin-top:8px;
	padding:0 0 20px 0;
	line-height:0.1em;
	letter-spacing:0.1em;
}

/* SPのみ表示 */
.sp-only{
	display: none;
}