@charset "utf-8";

h1 {
    margin-bottom: 13px;
}

h2 {

}

h3 {

}

html{
　　overflow-y: hidden;
}

body{
	background-color:#fff0cf;
	overflow-y: hidden;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
}

header {
  margin: 0 auto;
}

a:link { color: #ef4f00; }
a:visited { color: #ef4f00; }
a:hover { color: #db0000; }
a:focus { outline:none;}

/* nav体裁ここから */
#navigation {
	width: 960px;
    height: 88px;
}

ul#navMain {
    background:url(../images/nav.gif) no-repeat;
	position:relative;
    margin: 0;
    padding: 0;
}

ul#navMain li {
	float:left;
	list-style-type:none;
}

ul#navMain li a {
	height:44px;
	display:block;
	top:0;
	text-indent:-9999px;
	background-image: url(../images/nav.gif);
}
/* nav体裁こここまで */

/* ボタン部分ここから */
li#nav01 a, li#nav02 a, li#nav03 a, li#nav04 a, li#nav05 a, li#nav06 a, li#nav07 a, li#nav08 a, li#nav09 a, { background:url(../images/nav.gif) }

li#nav01 a { background-position:0 0; width:132px; left:0 }
li#nav01 a:hover { background-position: 0 -88px }

li#nav02 a { background-position:-132px 0; width:258px; left:132px }
li#nav02 a:hover { background-position: -132px -88px  }

li#nav03 a { background-position:-390px 0; width:150px; left:390px }
li#nav03 a:hover { background-position: -390px -88px }

li#nav04 a { background-position:-540px 0; width:186px; left:540px }
li#nav04 a:hover { background-position: -540px -88px }

li#nav05 a { background-position:-726px 0; width:234px; left:726px }
li#nav05 a:hover { background-position: -726px -88px }

/* 1段目ここまで */

/* 下段左のスペースここから */
li#navbl1 a { background-position:0 -44px; width:60px; left:0 }
li#navbl1 a:hover { background-position: 0 -132px }
/* 下段左のスペースここまで */

li#nav06 a { background-position:-60px -44px; width:164px; left:60px }
li#nav06 a:hover { background-position: -60px -132px }

li#nav07 a { background-position:-224px -44px; width:177px; left:224px }
li#nav07 a:hover { background-position: -224px -132px }

li#nav08 a { background-position:-401px -44px; width:175px; left:401px }
li#nav08 a:hover { background-position: -401px -132px }

li#nav09 a { background-position:-576px -44px; width:147px; left:576px }
li#nav09 a:hover { background-position: -576px -132px }

li#nav10 a { background-position:-723px -44px; width:174px; left:723px }
li#nav10 a:hover { background-position: -723px -132px }

/* 下段右のスペースここから */
li#navbl2 a { background-position:-897px -44px; width:63px; left:897px }
li#navbl2 a:hover { background-position: -897px -132px }
/* 下段右のスペースここまで */
/* ボタン部分ここまで */

ul {
  margin: 0;
  padding: 0;
  overflow: hidden;	/* モダンブラウザ向け */
  zoom: 1; /* IE向け */
}

nav li {
  margin: 0 10px;
  list-style: none;
  float: left;
}

#main {
  float: left;
  margin-right: 20px;
  width: 690px;
}

#main:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* 新着情報 */
#main p.news_caption{
	font-size:1.3em;
	/*font-size:1.06em;*/
	color:#6a3906;
	font-weight:bold;
}

#main p.news_date{
	/*font-size:1.3em;*/
	/*font-size:1.06em;*/
	color:#6a3906;
	font-weight:bold;
	margin-bottom:0;
	margin-top:5px;
}

#main .icon_box{
	width:70px;
	height:70px;
	float:left;
	padding:0 10px;
}

#main .text_box{
	width:690px;
	margin-bottom:30px;
}

#main .news_line{
	width:690px;
	height:7px;
	background-image:url(../images/line_news.gif);
	background-repeat:repeat-x;
}

#main p.news_text{
	
}

#main .text_box p.news_text {
	overflow: hidden; /* for modern browser */
	zoom: 1; /* for ie6 */
	line-height: 1.5;
	font-size:1.05em;
}

#main p.news_list{
	font-size:1.2em;
	text-align:right;
	margin:0 10px 0 0;
}

/* youtube */
#main .movie_box{
	margin:0 0 70px 0;
}

#main .movie{
	text-align:center;	
}

/*#main .movie .mov01{
	float:left;
	margin:0 0 0 10px;	
}

#main .movie .mov02{
	margin:0 0 0 0;	
}*/

/* sns */
#main .facebook{
	float:left;
	margin:1px 15px 30px 35px;
}

#main .twitter{
	margin:10px 1px 30px 1px;
}

/* ものがたり */
#main .story_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main p.story_text{
	font-size:1.25em;
	line-height:1.5em;
	font-weight:bold;
	color:#6a3906;
}

#main .story_textbox2{
	width:670px;
	margin:30px 0 30px 10px;
	color:#6a3906;
}

#main p.story_text2{
	font-size:1.25em;
	line-height:1.5em;
}

#main p.story_co3{
	text-align:center;	
}

/* おっさんの家族 */
#main .chara_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main p.chara_text{
	font-size:1.25em;
	line-height:1.5em;
	font-weight:bold;
	color:#6a3906;
}

/* 家族 */
#fami_navi li{
	width:90px;
	height:90px;
	float:left;
	background:none;
	padding:0 10px 0px 0;
	margin:0 0 10px 12px;
}

#fami_navi li a{
	display:block;
}

#fami_navi li a:link    {}
#fami_navi li a:visited {}
#fami_navi li a:hover   {opacity:0.6;}
#fami_navi li a:active  {opacity:0.6;}
/* IE用 ↓*/
#fami_navi li a:hover img {filter:alpha(opacity=60);}


#photo{
	width:690px;
	height:500px;
	margin:20px 0 0 0;
}

#photo_map{
	width:670px;
	height:500px;
	margin:20px 0 0 0;
}

#gmap_btn {
	width:670px;
	height:35px;
	margin:10px 0 20px 0;
}

.photo_pre{
	width:180px;
	height:170px;
	float:right;
}

#photo img{
	position:absolute;
}

/* おっさんのウワサ */
#main .uwasa_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main p.uwasa_text{
	font-size:1.25em;
	line-height:1.5em;
	color:#6a3906;
}

#main p.uwasa_text{
	font-size:1.25em;
	font-weight:bold;
	color:#6a3906;
}

#main p.uwasa_text2{
	font-size:1.25em;
	color:#6a3906;
}

#main .uwasa_textbox p.uwasa_text {
	overflow: hidden;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5em;
}

#main .uwasa_textbox2{
	width:670px;
	margin:0 auto;
}

#main .uwasa_textbox2 p.uwasa_text {
	overflow: hidden;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.6em;
	font-size:1.16em;
}

#main p.uwasa_caption{
	margin:35px 0 -5px 0;
}

/* れんらくしてや */
#main .con_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main .con_textbox_m20{
	width:670px;
	margin:20px 0 20px 10px;
}

#main p.con_text{
	font-size:1.6em;
	font-weight:bold;
	color:#6a3906;
}

#main p.con_text2{
	font-size:1.25em;
	line-height:1.5em;
	margin: 0 0 0 10px;
}

#main p.con_text3{
	font-size:1.25em;
	line-height:1.5em;
	width:470px;
	float:left;
	margin: 0 0 0 10px;
}

#main p.con_text4{
	font-size:1.6em;
	font-weight:bold;
	color:#6a3906;
	width:470px;
	float:left;
	margin: 0 0 0 10px;
}

#main .con_fbbtn{
	background-color:#0099CC;
	width:670px;
	height:20px;
	margin:30px 0 0 10px;
	float:right;
}


/* table */
#contact table {
	width:100%;
	border-collapse:collapse;	
	border-spacing:0;
	font-size:1.2em;
}

#contact td {
	text-align:left;
	background:#FFFFFF;
}

.infotable {
	margin-top:3px;
	border:solid 1px #d3cec2;
}

.infotable th {
	text-align:left;
	font-weight:bold;
	color:#666666;
	background:#ece6d9;
}

.infotable td,.infotable th {
	padding:9px 12px;
	border:solid 1px #d3cec2;
	vertical-align:middle;
}

#corporate .infotable td,
#corporate .infotable th {
	padding:12px;
}

/* おっさんへの質問コーナー */
#main .questions_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main p.questions_text{
	font-size:1.25em;
	line-height:1.5em;
	font-weight:bold;
	color:#6a3906;
}

.questions_movie table.questions{
	width:690px;
	line-height:3.5em;
}

.questions tr td .name_color{
	color:#f00000;
	font-weight:bold;	
}

/* 尼崎マップ */
#main section.ama_map{
	width:960px;
	text-align:center;
}

#main section p.map_img{
	margin:10px 8px 0 0;
}

.box { 
	width:100%;
}
	.box .left-top-corner { 
		background:url(../images/left-top-corner.png) no-repeat left top; 
		height:17px; 
		padding-left:151px;
	}
	.box .right-top-corner { 
		background:url(../images/right-top-corner.png) no-repeat right top; 
		height:17px; 
		padding-right:151px;
	}
	.box .border-top { 
		background:url(../images/border-top.gif) center top repeat-x; 
		height:17px; 
		font-size:0; 
		line-height:0; 
		width:100%;
	}
	.box .left-bot-corner { 
		background:url(../images/left-bot-corner.png) no-repeat left bottom; 
		height:17px; 
		padding-left:151px;
	}
	.box .right-bot-corner { 
		background:url(../images/right-bot-corner.png) no-repeat right bottom; 
		height:17px; 
		padding-right:151px;
	}
	.box .border-bot { 
		background:url(../images/border-bot.gif) left bottom repeat-x; 
		height:17px; 
		font-size:0; 
		line-height:0; 
		width:100%;
		position:relative;
	}
	.box .border-left { 
		background:url(../images/border-left.jpg) left top repeat-y; 
	}
	.box .border-right { 
		background:url(../images/border-right.jpg) right top repeat-y; 
		width:100%;
	}
	.box .xcontent { 
		background:url(../images/box-tail.jpg) center top;
	}
	.box .inner {
		padding:15px 20px 0 31px;
	}
	.box .inner1 {
		padding:15px 20px 12px 29px;
	}
	.box .clip-left,
	.box .clip-right {
		background:url(../images/box-clip.png) no-repeat left top;
		position:absolute;
		bottom:-30px;
		width:13px;
		height:52px;
	}
	.box .clip-left {
		left:-137px;
	}
	.box .clip-right {
		right:-139px;
	}

.box_right{
	width:100%;
}
	.box_right .left-top-corner { 
		background:url(../images/left-top-corner.png) no-repeat left top; 
		height:17px; 
		padding-left:151px;
	}
	.box_right .right-top-corner { 
		background:url(../images/right-top-corner.png) no-repeat right top; 
		height:17px; 
		padding-right:149px;
	}
	.box_right .border-top { 
		background:url(../images/border-top.gif) center top repeat-x; 
		height:17px; 
		font-size:0; 
		line-height:0; 
		width:100%;
	}
	.box_right .left-bot-corner { 
		background:url(../images/left-bot-corner.png) no-repeat left bottom; 
		height:17px; 
		padding-left:151px;
	}
	.box_right .right-bot-corner { 
		background:url(../images/right-bot-corner.png) no-repeat right bottom; 
		height:17px; 
		padding-right:149px;
	}
	.box_right .border-bot { 
		background:url(../images/border-bot.gif) left bottom repeat-x; 
		height:17px; 
		font-size:0; 
		line-height:0; 
		width:100%;
		position:relative;
	}
	.box_right .border-left { 
		background:url(../images/border-left.jpg) left top repeat-y; 
	}
	.box_right .border-right { 
		background:url(../images/border-right.jpg) right top repeat-y; 
		width:100%;
	}
	.box_right .xcontent { 
		background:url(../images/box-tail.jpg) center top;
	}
	.box_right .inner {
		padding:10px 10px 0 10px;
	}
	.box_right .inner1 {
		padding:15px 20px 12px 29px;
	}
	.box_right .clip-left,
	.box_right .clip-right {
		background:url(../images/box-clip.png) no-repeat left top;
		position:absolute;
		bottom:-30px;
		width:13px;
		height:52px;
	}
	.box_right .clip-left {
		left:-137px;
	}
	.box_right .clip-right {
		right:-139px;
	}


/* サイトマップ */
#main .sitemap_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main p.sitemap_text{
	font-size:1.25em;
	line-height:1.5em;
	font-weight:bold;
	color:#6a3906;
}

#main section.sitemap #content{
	margin:0 0 0 12px;	
}

p.sitemap_01{
	width:650px;
	font-size:1.15em;
	padding:5px 0 5px 10px;
	border-top:#4a3524 solid 2px;
	border-bottom:#4a3524 solid 2px;
}

.sitemap_2nd_area{
	margin-left:20px;
	width:640px;
}

p.sitemap_02{
	font-size:1.15em;
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	border-bottom:#4a3524 solid 1px;
}

/* バナー領域 */
#left_box {
  float: left;
  width: 250px;
}

#right_box {
  float: right;
  width: 250px;
}

#left_box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#left_box img{
	margin-bottom:10px;	
}

section {
  margin: 20px 0;
  padding-bottom: 20px;
}
section:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

section.right_area {
  margin: 20px 0 0;
  padding-bottom: 0;
}

/* footer */
footer {
  position: relative;
  clear: left;
  margin: 30px 0;
  background: #7e5811;
  padding: 10px 10px 25px 10px;
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

p {
  font-size: 12px;
  margin-bottom: 10px;
}

img.f_left {
  float: left;
  margin: 0 5px 5px 0;
}

img.f_right {
  float: right;
  margin: 0 0 5px 5px;
}

#index {
  display: inline-block;
  position: absolute;
  top: -33px; /*数値は画像の高さ＋1px*/
  right: 125px;
}

#pagetop {
  display: inline-block;
  position: absolute;
  top: -33px; /*数値は画像の高さ＋1px*/
  right: 10px;
}

#link,#link a{
  text-align:right;
  color:#ffffff;
}

#copyright {
  text-align: center;
  color:#ffffff;
}

/* topicPath */
#pl{
	text-align: left;
	font-size: 1.2em;
	margin: 20px auto 0 auto;
}

#crumbs{
	height:2em;
}

#crumbs li{
	float: left;
	line-height: 2em;
	padding-left: 0.75em;
	color:#6a3906;
}

#crumbs li a {
	display: block;
	background: url(../images/crumbs.gif) no-repeat right center;
	padding-right: 27px;
}

.fb-like-box {
margin-bottom: 50px; 
background-color: #FFFFFF; 
}

/* #bar */

#bar {
width: 100%; 
margin-bottom: 10px; 
padding: 5px 0; 
border-bottom: 1px solid #FFFFFF; 
background-color: #715613; 
}

#bar .inner {
width: 1240px; 
margin: 0 auto;
padding-left:210px; 
overflow: hidden; 
}

#bar .inner h1 {
margin: 0 50px 0 0; 
float: left; 
}

#bar .inner h1 a {
color: #FFFFFF; 
line-height: 20px; 
text-decoration: none; 
}

#bar .inner h1 a img {
margin-right: 10px; 
float: left; 
}

#bar .inner ul {
overflow: hidden; 
}

#bar .inner ul li {
margin-right: 10px; 
float: left; 
}

#right_youtubearea {
width:250px;
margin-bottom:10px;
}

/* アプリ紹介 */
#main .app_tbox{
	width:670px;
	margin-bottom:30px;
}

#main p.app_t{
	
}

#main .appicon_box{
	width:150px;
	height:150px;
	float:left;
	padding:0 10px;
}

#main .app_textbox{
	width:670px;
	margin:30px 0 30px 10px;
}

#main .app_textbox02{
	width:670px;
	margin:20px 0 20px 10px;
}

#main .app_textbox03{
	width:670px;
	margin:0 0 15px 0;
}

#main p.app_text{
	font-size:1.6em;
	font-weight:bold;
	height:30px;
	padding:0 0 0 10px;
	color:#fff;
	background-color:#960;
}

#main p.app_text02{
	font-size:1.6em;
	font-weight:bold;
	height:20px;
	padding:0 0 0 10px;
	color:#960;
}

#main .app_ktaiimg{
	width:670px;
	margin:0 0 20px 10px;
}

#app_area{
	width:670px;
	margin:0 0 30px 10px;
}

#main .app_ico{
	width:150px;
	margin:0 0 0 0;
	float:left;
	clear:both;
	}
	
#main .app_txt{
	width:510px;
	margin:0 0 0 10px;
	float:right;
	}

.app_grtitle01{
	width:250px;
	height:200px;
	margin-bottom:15px;
	}