﻿@charset "utf-8";
/* ===========================================================
 * 
 * 平原堂　スタイルシート
 * Last UpDate : 2023/05/30
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */




/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

@import "general.css";

html{
	background:url(../images/bg01.png);
}

body{
	color:#000;
}

.txt{ line-height:1.5em; }


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link { color:#666; text-decoration:underline; }
a:visited { color:#666; text-decoration:underline; }
a:hover { color:#912f8c; text-decoration:none; none; }
a:active { color:#912f8c; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

h1	{  }

h2.about	{ background:url(../about/images/h2.jpg) no-repeat; width:960px; height:120px; margin-bottom:20px; }

h3 { background:url(../products/images/ico_fude01.png) no-repeat 0 5px; padding-left:30px; font-size:1.2em; font-weight:normal; margin-bottom:10px; }
h4 { padding-left:10px; border-bottom:1px dotted #b3b3b3; padding-bottom:5px; margin-bottom:20px; }


h5 { background:url(../images/h5.png) no-repeat; height:25px; padding:0 0 0 15px; margin:10px 0; font-size:1.1em; }


/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */
.bg .bg01{ height: 60px; background: url(../images/bg06.png) repeat-x bottom; }
.bg .bg02{ height: 30px; background: url(../images/bg04.png) repeat-x; }
.bg .bg03{ height: 30px; background: url(../images/bg04.png) repeat-x; box-shadow: inset 0px 6px 5px -2px rgba(0, 0, 0, 0.78); }
.bg .bg04{ min-height: 80px; background: url(../images/bg06.png); }
.bg .main{ background: url(../images/bg05.jpg); padding: 30px 0; }


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

#wrapper{
	background:url(../images/bg03.jpg) repeat-x;
	min-height:820px;
	_display: inline;
	_zoom:1;
	min-width:1140px;
}




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

#header{
}


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */


#footer{
}


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* nav */
#gNavi {
	float:left;
	width:220px;
	padding-top:120px;
}

.bg #gNavi{ padding-top: 0; }

#gNavi ul {
	width:150px;
}

#gNavi li {
}

#gNavi li a {
	display:block;
	width: 140px;
	height:22px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
	padding:8px 0 0 10px;
	background-color:#552b8d;
	margin-bottom:1px;
	text-decoration:none !important;
	font-size:95%;
}

#gNavi li a:hover {
	background-color:#a27bd7;
}


#gNavi li.ireko a {
	display:block;
	width: 140px;
	height:22px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
	padding:8px 0 0 10px;
	background-color:#bca524;
	margin-bottom:1px;
	text-decoration:none !important;
	font-size:95%;
}

#gNavi li.ireko a:hover {
	background-color:#e4d374;
	color:#333;
}

#gNavi .gNaviLogo{
}

#gNavi .gNaviLogo a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


.accordion_head {cursor:pointer;}



/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */




/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

#contents{
	width:1140px;
	margin:0 auto;
	overflow:hidden;
}


#main{
	float:left;
	width:920px;
}



/************** トップページ **************/


#topLogo{
	text-align:center;
	padding-top:190px;
}

#topLogo a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


/************** はじめに first **************/

#main .firstSec{
	padding:210px 0 0 0;
}


/************** 平原堂の想い thought **************/

.thoughtSec{
	padding:60px 0 0 0;
}


/************** 会社案内 company **************/

.companySec{
	padding:60px 0 0 0;
}

.companySec table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.companySec table th{
	width:150px;
	padding:10px;
	text-align:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#ede1e6;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif
}

.companySec table th span{
	border-left:3px solid #912f8c;
	padding-left:15px;
	margin-left:15px;
}


.companySec table td{
	width:550px;
	line-height:2em;
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/************** 事業内容 products **************/

.productsSec{
	padding:30px 0 0 0;
}

.productsSec01{
	float:left;
	width:290px;
	margin-right:15px;

}

.productsSec01Tit{
}

.productsSec01Img{
	margin-top:20px;
}

.productsSec01Txt{
	font-size:0.9em;
	letter-spacing:0.8px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}


/************** 新着情報 news **************/

.newsSec{
	margin-top:30px;
	height:570px;
	overflow:scroll;
	overflow-x:hidden;
}

.newsSec01{
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

.newsSec01Date{
	float:left;
	width:150px;
	background:url(../news/images/ico_circle01.png) no-repeat 8px 16px;
	padding:10px 10px 10px 30px;
}

.newsSec01Tit{
	float:left;
	width:750px;
	padding:10px;
}

.newsSec01Txt{
	margin-left:150px;
	width:750px;
	padding:10px;
}






/************** 仏師・作品について **************/

.aboutSec{
	padding:30px 0 0 0;
}

.aboutSec01{
	float:left;
	width:215px;
	margin-right:40px;
}

.aboutSec02{
	float:left;
	width:420px;
	margin-right:20px;
}

.aboutSec03{
	float:left;
	width:220px;
}


.aboutSecTit, .busshoSecTit{
	font-size:1.5em;
	font-weight:bold;
	padding-left:15px;
	border-left:3px solid #333;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom:20px;
}

.aboutSecImg{
	margin-bottom:20px;
}

.aboutSec01 ul{
}

.aboutSec01 ul li{
	background:url(../sekikoun/images/ico_circle01.png) no-repeat 0 6px;
	padding-left:20px;
	font-size:0.85em;
	line-height:2em;
}



.aboutSec02 table{
	width:400px;
}

.aboutSec02 table th{
	text-align:left;
	font-weight:normal;
	font-size:75%;
	padding:2px;
	width:60px;
	vertical-align:top;
}

.aboutSec02 table td{
	font-size:75%;
	padding:2px;
}

.aboutSec03_01{
}


.aboutSec03_01Img{
	float:left;
	width:100px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:85%;
}

.aboutSec03_01Img img{
	margin-bottom:5px;
}

.aboutSec04{
}

.aboutSec0401{
	float:left;
	width:150px;
	margin-right:20px;
}

.aboutSec0401Img{
	width:150px;
	margin:10px 0;
}

.aboutSec0401Tit{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-left:5px;
	font-size:1.2em;
}

.aboutSec0401Tit a{
	text-decoration:none;
}


/* 関侊雲 */
.career #contents{width: 1440px;}
.career #main{width: 1220px;}
.career .aboutSec02{width: 430px;}


/************** 作品・仏師について　仏所 bussho **************/

.busshoSec{
	padding:30px 0 0 0;
}

.busshoSec01{
	float:left;
	width:450px;
}

.busshoSec02{
	float:left;
	width:470px;
}

.busshoSec01Txt{
	font-size:0.9em;
	letter-spacing:0.8px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.busshoSec02Txt{
	font-size:0.8em;
	letter-spacing:0.8px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}


/************** お問い合わせ　contact **************/

.contactSec{
}

.contactSec01{
	margin-top:60px;
	float:left;
	width:490px;
	margin-right:30px;
	border-bottom:1px solid #ccc;
}

.contactSec li{
	margin-bottom:3px !important;
}

.contactSec02{
	margin-top:60px;
	float:left;
	width:390px;
}







/* お問い合わせ contact */
#confirm_phase{
	text-align:center;
	color:#f00;
	font-weight:bold;
	margin:20px;
	font-size:1.3em;
}



/************** 個人情報保護方針　privacy **************/

.privacySec{
	padding:60px 0 0 0;
}

.privacySec p{
	padding:10px 0 0 20px;
}

.privacySecTit{
	margin-top:20px;
	margin-bottom:30px;
}


/************** サイトマップ　sitemap **************/

.sitemapSec{
	padding:60px 0 0 0;
	background:url(../sitemap/images/bg.png) no-repeat right bottom;
	min-height:664px;
}

.sitemapSec ul{
}

.sitemapSec ul li{
	background:url(../sitemap/images/ico_circle01.png) no-repeat 0 12px;
	padding-left:30px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:2.5em;
	font-size:1.2em;
}

.sitemapSec ul li ul{
	margin-left:30px;
}

.sitemapSec ul li ul li{
	background:url(../sitemap/images/ico_circle02.png) no-repeat 0 11px;
	padding-left:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:2.5em;
	font-size:0.9em;
}

.sitemapSec a{
	text-decoration:none;
}


/************** 動画作品集　douga **************/
.dougaSec{
	overflow:hidden;
	margin-top:30px;
	margin-right:-20px;
}
.dougaSec:after{
	content:"";
	display:block;
	clear:both;
}

.dougaSec01{
	float:left;
	width:292px;
	margin-right:20px;
	margin-bottom:40px;
}

.dougaSec01Movie{
	margin-bottom:10px;
}

.dougaSec01Tit{
}

.dougaSecBtn{
	margin-top:20px;
}

.dougaSec01Movie a:hover,.dougaSecBtn a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


















