@charset "UTF-8";


/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/
#container{
	background:#9932cc;
}

* html #container{ background: #292539; } /*IE6*/


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #dedede; }

/*●リンク文字*/
a{ text-decoration: none; }

a:link,
a:visited{ color: #c7aa77; }
a:hover,
a:active{ color: #cdcdcd; }


/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
	padding-top: 25px;
	background:url(../images/haikei/background2.jpg);
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: absolute;
	top: 0;
	background:#333;
	font-size: 1.2em;
}

#top-in{
	position: relative;
	padding: 5px 0;
}

#top-menu{ text-align: right; }

#top-menu li{
	display: inline;
	margin-left: 1em;
	list-style: none;
}
 
#top-menu li a{
	padding-left: 15px;
	background: url(../images_icon/icon/icon-arrow_r_gray.png) left center no-repeat;
}

#top-menu .new_icon{
	display: inline;
	margin-left: 1em;
	list-style: none;
	width:80px;
	height:19px;
	float:left;
}

#top-menu .new_icon a{
	float:left;
	clear:both;
}

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

#header{
	width:950px;
	background:url(../images/haikei/background2-1.jpg);
	font-size: 1.1em;
}

* html #header{ background: #2c2a26; } /*IE6*/

#header-in{ padding: 0.5em 0; }


/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	float: left;
	width: 59.5%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}
#header #header-title img{
	margin-top:0.5em;
	width:300px;
	height:60px;
}
#header .header-logo{
	margin-bottom: 0.2em;
	font-size: 2.167em;
}



/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #dedede; }
.header-logo a:hover,
.header-logo a:active{ color: #bea455; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float: right;
	width: 40%; /*1行の幅はwidthの値を変更*/
	color: #dedede;
	font-size:1.25em;
	padding-top:1em;
}

#header h1{
	margin-bottom: 1em;
	padding-left: 0.5em;
	font-size: 1.167em;
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{
	background: url(../images_icon/common/bg-menu.png) center bottom repeat-x #000;
	border-bottom: 1px solid #6a5734;
}

* html #global-nav{ background: #3d3d3d; } /*IE6*/

#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#global-nav dt,
#global-nav dd{ 
	margin: 0;
	padding: 0;
}


/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }


/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; }

#menu{
	border-bottom: 1px solid #1d1c19;
	font-size: 1.3em;
	width: 100%;
	list-style-type:none;
	*zoom: 1; /*forIE6,7*/
}
#menu:after{
	  content: "";
	  display: block;
	  clear: both;
}
#global-nav #menu li{
	position: relative;
	float: left;
	margin: 0;
	border-right: 1px solid #000; /*右側のボーダーの色*/
	list-style: none;
	font-weight: bold;
	  *zoom: 1; /*forIE6,7*/
	  white-space: nowrap;
}

#global-nav #menu li.first{ border-left: 1px solid #000; } /*一番左のメニューだけに追加指示*/

/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
	padding: 1.2em 1.5em 0.4em;
	color: #dedede; /*メニューのフォントの色*/
	text-decoration: none;
	  text-align: center;
	  text-decoration: none;
	  zoom: 1;/*forIE6*/
}

#global-nav #menu li a:link,
#global-nav #menu li a:visited{
	background: transparent;
	border-bottom: 3px solid #3d3d3d;
}
#global-nav #menu li a:hover,
#global-nav #menu li a:active{
	color: #a68b56;
	border-bottom: 3px solid #b09156;
}

#global-nav #menu li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 12em;
	  visibility: hidden;
	  list-style-type:none;
}

/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li{
	margin: 0;
	padding: 0;
	background-color: #2c2a26;
	border-bottom: 1px solid #434343;
	border-top: 0;
	border-right: 0;
	white-space: normal;
	  width: 150px;
	  min-width: 100px;
	  clear: left;
	  position: relative;
}

#global-nav #menu li ul li a{
	display: block;
	padding: 0.8em 2em;
	border: 0;
}

#global-nav #menu li ul li a:link,
#global-nav #menu li ul li a:visited{
	background: transparent;
	border-bottom: 0;
}
#global-nav #menu li ul li a:hover,
#global-nav #menu li ul li a:active{
	color: #a68b56;
	border-bottom: 0;
}

#global-nav #menu li ul ul{
	top: 0;
	left: 100%;
}
#global-nav #menu li:hover > ul {
	  visibility: visible;
	}

#global-nav .showMenu{ display: block!important; }

#global-nav ul.pulldown_menu_2 ul {
display: none; /* 通常は表示しない */
}
#global-nav ul.pulldown_menu_2 li:hover > ul {
display: block; /* マウスが乗ったら表示する */
}
/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{ padding-top: 1.5em;
background:url(../images/haikei/background2-1.jpg);
 }


/*●メイン画像*/
#main-image{
	padding: 0;
	background:url(../images/haikei/background2.jpg);
}

#main-image-in{ position: relative;
 }

#main-image img{
	width: 100%;
	height: auto;
}

#main-image .catch-copy{
	position: absolute;
	top: 4em;
	left: 1em;
	color: #fff;
	font-size: 2em;
	text-shadow: #271d05 2px 2px 1px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#271d05,offx=2,offy=2)"; /* IE8 */
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ font-size: 1.4em; }

#main-contents .contents{
	margin-bottom: 3.5em;
	padding: 0 10px;
}

/*●H2タグ*/
#main-contents h2{
	margin: 0 0 1.5em;
	padding: 0.8em 0.8em 0.5em;
	border-top: 1px solid #555;
	border-right: 1px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #101010;
	background:url(../images_icon/bg-conts-h2-1.png) left top no-repeat #0a0a0a;
	font-size: 1.286em;
	clear:both;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #dedede; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #bea455; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H3タグ*/
#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #dedede; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #bea455; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●段落タグ*/
#main-contents p{
	 margin-bottom: 1.5em;
	 padding:0 1em;
 }


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #d7d7d7;
	color: #000;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #999;
	background: #d7d7d7;
	color: #000;
}


/*共通スタイル（仮）*/
#main-contents p{
	margin-bottom: 1em;
	padding-bottom:1.5em;
	border-bottom: 1px dotted #c1c1c1;
	line-height: 1.4em;
	list-style: none;
}


/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }

.link-next,
.link-next02{ text-align: right; }

.link-back,
.link-back02{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 15px;
	background: url(../images_icon/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a{
	padding: 3px 0 3px 15px;
	background: url(../images_icon/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next02 a{
	padding: 3px 0 3px 15px;
	background: url(../images_icon/icon/icon-arrow_r_gray.png) 0 7px no-repeat;
}
.link-back02 a{
	padding: 3px 0 3px 15px;
	background: url(../images_icon/icon/icon-arrow_l_gray.png) 0 7px no-repeat;
}


/*●Twitterウィジェット用*/
#main .twtr-widget{ margin-bottom: 15px; }

#main .twtr-doc{ margin: auto; }

#main .twtr-hd h3,
#main .twtr-hd h3{
	clear: none;
	width: auto;
	border: 0;
	background: none;
}


/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

#sub-contents,
#sidebar,
#sub-contents dd,
#sidebar dd{
	margin: 0;
	padding: 0;
}

* html #sub-contents,
* html #sidebar{ overflow: hidden; }

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{ display: none; }

.sub-column{ font-size: 1.25em; }

.sub-column li{ 
	list-style: none;
 }


/*●コンテンツ*/
#otameshi{
	width:270px;
	height:auto;
	background:#ffffff;
	margin-top:-0.5em;
}
#otameshi li{
	width:270px;
	height:100px;
	background:#ff0000;
	float:left;
	margin-bottom:10px;
	margin-left:0.5em;
}
#otameshi p{
	width:270px;
	height:1.5em;
	background:#000000;
	float:left;
	margin-bottom:1em;
	margin-left:5px;
	font-size:1.25em;
	text-indent:30px;
}
#otameshi li a:hover{
	opacity:0.8;
}

#menu_ber1{
	background:url(../images/image1/menu2.png);
	width:270px;
	height:auto;
	float:left;
	overflow:hidden;
}
#menu_ber1 dl{
	padding:1.5em;
}
#menu_ber1{
	font-size:1.25em;
	margin-left:0.4em;
}
#menu_ber1 dt{
	border-bottom:#FFF 1.5px solid;
	padding-top:0.5em;
}
#menu_ber1 dd{
	border-bottom:#FFF 1px dotted;
	padding-top:0.5em;
	text-indent:1em;
}
#menu_ber1 dt a:link,
#menu_ber1 dt a:visited{
	background:#transparent;
	color:#FFF;
	text-decoration:none;
	display:block;
}
#menu_ber1 dt a:hover,
#menu_ber1 dt a:active{
	background:#F9F;
	color:#FFF;
	text-decoration:none;
	display:block;
}
#menu_ber1 dd a:link,
#menu_ber1 dd a:visited{
	background:#transparent;
	color:#FFF;
	text-decoration:none;
	display:block;
}
#menu_ber1 dd a:hover,
#menu_ber1 dd a:active{
	background:#F9F;
	color:#FFF;
	text-decoration:none;
	display:block;
}
#contents-menu{
	width:270px;
	margin-left:10px;
}
.menu_ber{
	width:270px;
	float:left;
	overflow:hidden;
	margin-left:0.5em;
}

/*理念*/
#katsudou__rinen{
	width:280px;
	margin: 0 0 3.5em;
	padding: 0.5em;
}
#katsudou__rinen1{
	width:270px;
	opacity:0.5;
}
#katsudou__rinen2{
	background:url(../images/image1/img_rinen_02_02.gif);
	width:269px;
	height:auto;
	text-align:center;
	color:#333;
	opacity:0.5;
	font-weight:bold;
}
.rinen span{
	font-weight:bold;
	font-size:16px;
}
.rinen p{
	padding:10px;
}
#katsudou__rinen3{
	width:270px;
	opacity:0.5;
}
#rinen{
	font:18px; "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.rinen{
	font:16px; "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.sub-column .contents{
	margin-bottom: 1.5em;
	padding: 0.5em;
}

.sub-column hr{ clear: both; }

.sub-column h3{
	padding: 0.9em 0.8em 0.8em;
	padding-left: 1.5em;
	background:url(../images_icon/bg-conts-h3-1.png) 9px 9px no-repeat #0a0a0a;
	border: 1px solid #0a0a0a; 
	border-top: 1px solid #454545; 
	border-bottom: 2px solid #0a0a0a; 
	font-weight: bold;
	margin-top:1.5em;
	overflow:hidden;
}

.sub-column .contents h3{
	margin: -2.5em -0.5em 0.8em 0.4em;
}


/*●お問い合わせ*/
.sub-column .contact .icon-contact{
	float: left;
	padding: 0 10px 10px 0;
}

.sub-column .contact .text-contact{ overflow: hidden; }

/*●facebook*/
#facebook{
	text-align:center;
}

#facebook a:hover{
	opacity:0.8;
}
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	clear: both;
	padding-top: 10px;
	padding-bottom: 0px;
	background: #333; /*フッター全体の背景色を指定*/
	color: #fff;
	font-size: 1.2em;
}

#footer a:link,
#footer a:visited{ color: #a38853; }
#footer a:hover,
#footer a:active{ color: #cdcdcd; }

#footer h3{
	margin-bottom: 1em;
	padding: 0.5em;
	border-bottom: 4px double #999;
	color: #dedede;
	font-weight: bold;
}

#footer-in li{
	 list-style: none;
	 float:left;
 }
#footer .area01{
	float: left;
	width: 40%;
	padding-bottom: 20px;
}

#footer .area02{
	float: right;
	width:60%;
	padding-bottom: 0px;
}

/*●アクセス情報*/
#footer .access{
	padding: 0 1em; 
	width:375px;
}

#footer .access p{ margin-bottom: 1em; }

p.accessmap{
	padding: 0px 0 3px;
	padding-left: 20px;
	background: url(../images_icon/icon/icon-arrow02.png) left 3px no-repeat;
}


/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer .footer-menu ul{
	float:left;
	width: 100%;
	padding: 1%;
}

#footer .footer-menu ul ul{
	float: none;
	width: auto;
	margin-top: 0.5em;
	margin-right: 0;
}

.footer-menu li{
	width:190px;
	float:left;
	clear:both;
	font-size:1.05em;
	margin-bottom: 1px;
	padding: 0px 0 3px;
	padding-left: 25px;
	background: url(../images_icon/icon/icon-arrow02.png) left 3px no-repeat;
}
.footer-menu li ul li{
	font-size:1em;
	padding-left: 15px;
	padding-top: 0;
	background: url(../images_icon/icon/icon-arrow03.png) left 5px no-repeat;
}

#footer .footer-menu .footer-menu-left{
	float:left;
	width:45%;
	height:350px;
	padding: 1%;
}

#footer .footer-menu .footer-menu-right{
	width:50%;
	height:350px;
	padding: 1%;
}


/*●フッターバナー*/

#footer-banner{
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer-banner li{
	display: inline;
	list-style: none;
}



/*●コピーライト*/
.copyright{
	padding: 15px 0;
	background: #000;
	font-size: 1.2em;
	text-align: center;
}


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

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 182px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 42px;
	border-left: 4px solid #a38853;
	border-right: 0;
	text-decoration: none;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images_icon/common/bg-pagetop.gif) 14px center no-repeat #000;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../images_icon/common/bg-pagetop.gif) 14px center no-repeat #a38853;
	color: #000;
}


/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main-contents .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


.box-yellow,
.box-aqua,
.box-gray,
.box-red{ color: #333; }


/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/