@charset "utf-8";
/* CSS Document */

/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
    margin:0;
    padding:0;
	border:none;
	outline:none;
	font-size:1rem;
	font-weight:normal;
}

header,footer,nav,section{display:block;}

html{
	font:13px/1.3 "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;}

/*----------------------
	基本レイアウト
-----------------------*/
body{
	background:#FFF;
	color:#f09225;
}

/* リンク色変更はここ */
a{
	color:#f09225;
	text-decoration:none;
}

/* 縦ライン */
#all{
	border-left:solid 3px #f09225;
	border-right:solid 3px #f09225;
	overflow:hidden;
	margin-bottom:-16px;
}


/*----------------------------------------
 全ページ共有ここから
----------------------------------------*/
/* ヘッダ部分
--------------------*/
#head h1{
	margin-top:-1px;
	background:url(img/head_bg.gif) repeat-x left center;
	text-align:left;
	text-indent:1em;
    position:relative;
	line-height:1.4;
}

/* 水平ライン */
#head h1:before{
    content:"";
    width:100%;
    height:2px;
	margin-top:-1px;
    display:block;
	border-top:2px solid #f09225;
    position:absolute;
	top:50%;
    z-index:1;
}

#head h1 span{
	background:url(img/head_bg.gif) repeat-x left center;
    padding:0 5px;
	color:#f09225;
	font-size:28px;
    position:relative;
    z-index:5;
}


/* メイン
--------------------*/
#container{
	margin:0 auto;
	padding:0;
}

#container p{
	margin:.75em 1em .25em;
	color:#666;
}


/* フッター部分
--------------------*/
footer{
	margin:2em 0 0;
}

/* 下層メニュー */
#under_links ul{
	list-style:none;
	border:solid #f09225;
	border-width:1px 0;
	overflow:hidden;
}

#under_links ul li{
	width:33%;
	padding:2% 0;
	text-align:center;
	float:left;
}

#under_links ul li a{
	display:block;
	padding:4% 0;
	text-align:center;
	border-right:solid 1px;}

#under_links ul li:last-child a{
	border-right-color:#FFF;
}

/* コピーライト */
#copy{
	margin:0;
	font-size:80%;
	background:#fff7d4;
	padding:2% 0 18px;
	text-align:center;
}


/* 文字装飾
--------------------*/
.big {
	font-size:120%;
}

.small {
	font-size:90%;
}

.bold{
	font-weight:bold;
}

.orange{
	color:#f09225;
}

.brown{
	color:#a7651a;
}

.indent{
	margin:.25em 1em 0;
}

/* タイトル
--------------------*/
#container div h2{
	margin:1.2em 0 0.5em;
	text-indent:1em;
	text-align:left;
	line-height:1;
    position:relative;
}

/* タイトルライン */
#container div h2:before{
    content:"";
    width:100%;
    height:4px;
    display:block;
	border-top:4px double #f09225;
    position:absolute;
	top:50%;
    z-index:1;
}

#container div h2 span{
	background:#FFF;
    padding:0 .3em;
	color:#f09225;
	font-size:20px;
    position:relative;
    z-index:5;
}

#container div h3{
	color:#666;
	font-weight:bold;
	margin:1em .25em .5em;
    padding:0.5em 1em;
	text-align:left;
	line-height:1.5em;
	background:url(img/h3_bg.gif) repeat-x;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */ 
}

#container div h4{
	color:#666;
	font-weight:bold;
	margin:1em .25em .5em;
    padding:0.4em 1em;
	text-align:left;
	line-height:1.5em;
	background:url(img/h4_bg.gif) repeat-x;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */ 
}


/* リスト
--------------------*/
#container ul.list{
	margin:.75em 1em 0 2em;
	color:#666;
}



/* 幅指定
--------------------*/
.w96{
	width:96%;
	margin:1em 2%;
}

.w70{
	width:70%;
	margin:0.5em 0 0;
}

.w60{
	width:60%;
	margin:0.5em 20% 0;
}

.w50{
	width:50%;
	margin:0.5em 25% 0;
}

.w40{
	width:40%;
	max-width:120px;
}

.max150{
	max-width: 200px;
}

.center{
	text-align:center;
}

/* head画像
--------------------*/
.head_img{
	margin:1em auto;
	text-align:center;
}

.head_img span{
	line-height:0;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.head_img span img{
	max-width:70%;
	height:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* head画像の影 */
.head_img span:before, .head_img span:after{
	background: rgba(0, 0, 0, 0.7);
	content: "";
	width:40%;
	height:40%;
	
	position:absolute;
	left:1em;
	top:-95%;
	z-index: -1;
	
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
 
.head_img span:after{
	right:1em;
	left:auto;
	
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}

/* マップ
--------------------*/
div.map{
	width:94%;
	margin:0 auto;
}


/* メニュー部分
--------------------*/
#menu ul{
	list-style:none;
	width:100%;
	margin:0 0 .5em;
	display:table;
}

#menu ul li{
	width:46%;
	margin:10px 2% 10px  2% ;
	display:table-cell;
	float:left;
	text-align:center;
	position:relative;
	background:url(img/menu_bg.gif) repeat-x;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */ 
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}

#menu ul li.home{
	width:96%;
}

#menu ul li img{
	width:48px;
	height:48px;
	margin: 0 auto ;
	display:block;
}

#menu ul li a{
	color:#FFF;
	padding:0 0 7px 0;
	margin:0;
	line-height:1em;
	display:block;
	text-align:center;
}