@charset "utf-8";
/*
Theme Name: akg_cms
Author: jpn_ks
*/


/* defaul */
/*--- reset */
html {
	overflow-y: scroll;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;}

table {
	border-collapse: collapse;
	border-spacing: 0;
    font-size:inherit;
    font:100%;}

caption,th {
	text-align: left;}

q:before,q:after {
	content: '';}

object,embed {
	vertical-align: top;}

legend {
	display: none;}

hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;}

img,abbr,acronym,fieldset {
	border: 0;}

img {
	vertical-align: top;}

li {
	list-style-type: none;}

a {
	cursor: pointer;
	color:#269D60;}

a:hover {
	color:#3CB573;}

body {
	margin: 0;
	padding: 0;
	background:url(images/bg_header_seconde.gif) repeat-x top left #F3FBE6;
	font-size:100%;
	/font-size:80%;
	color: #333;
	line-height:1.4em;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	height:100%;}

body#home {
	background:url(images/bg_header.jpg) no-repeat scroll center -20px #F3FBE6}

/*--- default */

	html>/**/body { /* Except IE */
		line-height: 1.6em;
		font-size: 12px;
	}

	*html body {	/* for IF6 */
		font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

/*----------------------------------------------------
    Clearfix
----------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****************************************
		main
*****************************************/
#wrapper{
	width: 965px;
	margin: 0 auto 54px;}

#contents{
	overflow:hidden;
	padding:0 0 4px}

#main{
	float: left;
	margin:-2px 16px 0 1px;
	background: url(images/bg_main_seconde_head.gif) repeat-x 0 0;
	padding:20px 1px 2px;}

body#home #main{
	width:735px;
	background:none;
	padding:0;
	margin:0 18px 0 0;}

#main_inner{
	padding:14px 22px 20px 20px;
	background:#fff;
	width:690px;}

#main_inner h2{
	margin:20px 0 0}

.inner_box{
	border-left:5px solid;
	border-right:5px solid;
	border-bottom:5px solid;
	padding:15px;
	overflow:hidden;}

.event_list .inner_box{
	border-color:#d5f3de}

.event_single .post{
	padding:30px 10px}

.information_list .inner_box{
	border-color:#E2ECF2}

.shopping .inner_box{
	border-color:#FBDED7}

.gourmet .inner_box{
	border-color:#FBF1D8}

.about .inner_box{
	border-color:#DAEEC7}

.experience .inner_box{
	border-color:#DFE4C2}

.recruit .inner_box{
	border-color:#b2bcea}

.play .inner_box{
	border-color:#D1F0F7}

.information_list .inner_box{
	padding-top:5px;}


/****************************************
		Post Entry
*****************************************/
.post{
	border-bottom: 1px #B3B3B3 dotted;
	padding:0 0 20px;
	margin:0 0 20px;}

tr.post td{
	border-bottom: 1px #B3B3B3 dotted;}

div.nav-below{
	overflow:auto;}

.nav-previous a,.nav-next a{
	color:#333;
	font-size:85%;
	text-decoration:none;}
.nav-previous a:hover, .nav-next a:hoverr{
	color: #999}

.nav-previous a{
	float:left;
	padding:2px 10px 2px 20px;
	background:url("images/arrow_prev.png") no-repeat left top;}

.nav-next a{
	float:right;
	text-align:right;
	padding:2px 20px 2px 10px;
	background:url("images/arrow_next.png") no-repeat right top;}


/****************************************
		header
*****************************************/
#header{
	width: 968px;
	height:110px;
	overflow:hidden;
	margin: 0 auto 10px;}

#header ul{
	margin:46px 0 0;
	background:url("images/bg_navi.png") no-repeat left top;
	overflow:hidden}

#header li{
	float:left;
	margin:0;
	padding:0}

.main_title{
	float:left;
	margin:8px 0 0 -2px;}

#ec_link{
	float: right;
	width: 160px;
	padding: 0 3px 5px;
	margin: -95px 3px 0 0;
	background:url(images/bg_ec_btn.png) no-repeat 0 0}

/****************************************
		widget
*****************************************/
#side{
	width: 190px;
	float: left;
	background:#fff;
	padding:10px 10px 0;
	line-height:0}

#side li{
	margin:0 0 10px;
	height:auto}

#twitter-widget-0,#twitter-widget-1 {
	min-width: 190px !important}

.widget_sp_image-description{
	line-height: 13px;
	padding: 2px 0 0;
	font-size: 9px;
	color: red;
}

/****************************************
		footer
*****************************************/
#footer{
	background: url(images/bg_footer.gif) repeat-x center;
	height:66px;
	clear:both;
	text-align:center;
	color:#687958;}

#footer ul{
	width:965px;
	margin:4px auto 0}

#footer li{
	float:left;
	padding:0 5px;
	border-left:1px solid;
	font-size:9px;
	height:9px;
	line-height:9px}

#footer a{
	text-decoration:none;
	color:#687958;}

#footer a:hover{
	text-decoration: underline;}

#footer li#foot_first{
	border:none;
	padding-left:0}

#footer li#foot_last{
	border:none;
	float:right;
	padding:0;}

#foot_img{
	margin:-35px 0 0 ;}

*:first-child+html #footer{margin-top:-5px;}


/****************************************
		style common
*****************************************/
/* intro */
#page_intro{
	overflow:hidden;
	margin:0 0 14px;}

/* breadcrumb */
#breadcrumb{
	padding:0 0 0 18px;
	background:url('images/icon_home.gif') no-repeat 0px 4px;
	font-size:10px;
	color:#666;
	float:left;}

#breadcrumb a{
	color:#269D60;
	text-decoration:none;}

#breadcrumb a:hover{
	color:#39B772;}

/* sns */
#sns_box{
	float:right;}

#sns_box iframe{
	float:left;
	margin:0 0 0 10px}

/* dl(two column) */
#main_inner dl{
	overflow:hidden}

#main_inner dd,#main_inner dt{
	float:left;}

.two_eight dd,.eight_two dt{
	width:20%;}

.five_five dd,.five_five dt{
	width:50%;}

.two_eight dt,.eight_two dd{
	width:80%;}

/* common column */
.common_column{
	overflow:hidden}

.common_column img{
	float:left}

.common_column p{
	font-size:10px;
	line-height:1.5em;}

.inner_box .common_column p,.inner_box .post p{
	margin:0 0 10px}

.inner_box .common_column p+p,.inner_box .post p+p{
	margin:10px 0 0}

ul.common_column p+p,div.common_column p+p{
	font-size:11px}

div.common_column+h4{
	margin-top:20px}

#main_inner dl.common_column h3,#main_inner dl.common_column h5{
	margin:0 0 2px;
	font-size:12px;}

ul.common_column li{
	margin:20px 0 0;
	overflow:hidden}

dl.common_column dd,dl.common_column dt{
	width:310px;
	margin-top:20px}

dl.common_column dt{
	margin-left:30px}

.common_column div{
	width:300px;
	margin:0 0 0 20px;
	padding:30px 0 0;
	float:left}

dl.common_column div{
	width:150px;
	margin:0 0 0 10px;
	padding:0px}

/* table */
#main_inner table{
	background:#ccc;
	border-collapse:inherit;
	border-spacing:1px}

#main_inner td,#main_inner th{
	text-align:center;
	padding:5px 0;
	font-weight:normal;}

:root *> #main_inner td,:root *> #main_inner th{
	font-size:11px}

#main_inner td{
	background:#fff}

#main_inner table.clear{
	background:none;
	border-collapse:inherit;
	border-spacing:0px}

#main_inner .clear td,#main_inner .clear th{
	text-align:left;
	font-weight:normal;
	background:none;
	font-size:12px}

/* img */
.common_column img,.event_list .post img,.menu img,#map_img{
	border:1px #EEE solid;
	padding: 1px;
	background: #fff}

/* float & clear*/
.bar{
	overflow:hidden;
	margin:0 0 10px}

.left{
	float:left !important}

.right{
	float:right !important}

/* markup & paragraph */
#main_inner h3{
	margin:0 0 10px;
	font-weight:bold}

.inner_box p{
	margin:0 0 20px;}

.inner_box p+p{
	margin:20px 0 0}

.post{
	overflow:hidden;}

/* column decoration */
dl.underbar dd,dl.underbar dt,ul.underbar li,.common_column+div.common_column{
	border-top:1px dotted #ccc;
	padding:20px 0 0;
	margin:20px 0 0}

.common_column+.common_column{
	border-top:1px dotted #ccc;
	padding:0;
	margin:20px 0 0}

/* text decoration */
.text_mid{
	font-size:11px}

:root *> .text_mid{
	font-size:11px;
	letter-spacing:-0.4px;}

span.notes{
	font-size:10px;
	color:#666;
	line-height:1.4em;
	display:inline-block;
	padding:6px 0 0;}

.notes{
	font-size:10px;
	color:#666;
	padding:6px 0 0;}

.caution{
	color:red}

.orange{
	color:#FC8000}

p.promo_word{
	color:#F06AA4;
	font-weight:bold;
	font-size:12px}

/* indent */
.indent li{
	padding-left: 1em;
	text-indent: -1em;}

/* etc */
.biglink{
	cursor: pointer;}

.space_zero{
	padding:0 !important;
	margin:0 !important}

#twtr-widget-1 h3{
	font-size:10px !important;}

#twtr-widget-1 h4{
	font-size:14px !important;}

/****************************************
		default tpl
*****************************************/
.default ul,.text_base ul{
	margin-top:20px;}

.default li,.text_base li{
	margin-bottom:30px;}

.over_box {
	padding:0 20px 0 30px;
	background:#FAFAFA;
	margin:0 0 30px;
	color:#555;
	font-size:11px;}

.over_box .over_box_list{
	margin:30px 0 ;
	padding:0 10px 0 0;
	/width:620px;
	height:420px;
	overflow:auto;
	display:inline-block;
	/display:inline;
	/zoom:1;}

.over_box h2+.over_box_list{
	margin:10px 0 30px}

.default .over_box li,.text_base .over_box li{
	margin:0 0 20px;
	line-height:1.8em;}

.text_base h2{
	font-size:16px;
	font-weight:bold;
	margin:30px 0 0 !important}

#main_inner .over_box h2{
	font-size:12px;
	font-weight:bold;
	margin:0 !important;
	padding:20px 0 0}

.default li.over_box_list_last,.text_base li.over_box_list_last{
	text-align:right;
	margin:0}

.over_box_list li h3,.text_base li h3{
	border-bottom:1px dotted #666;
	padding:0 0 3px;
	margin:0 0 3px !important;
	font-size:12px !important}

.text_base h3+ul{
	margin:0}

.over_box .over_box_list li h3{
	border-bottom:none;
	padding:0 !important;
	margin:0}

.btn {
	text-align:center;
	margin-bottom:20px}

.blank{
	background: url(images/icon_blank.png) no-repeat 100% 4px;
	padding:0 16px 0 0;}

/****************************************
		home
*****************************************/
/* home common */
#event h3,#information h3,#kbg h3 {
	position:absolute;
	margin-left:-10px;
	zoom:1;}

.mascot {
	position:absolute;
	z-index:999;
	margin:-96px 0 0 658px}

/* main img */
#main_image{
	text-align:right;
	padding:10px 8px 0 0;
	margin:0 0 -10px;
	height:375px;}

/* event */
#event{
	overflow:hidden;
	background:url(images/bg_event.png) no-repeat 0 0;
	height:300px;
	margin:0 0 13px;
	padding:42px 20px 0 22px;}

#event h3 {
	margin:-70px 0 0;}

/* event carousel */
.list_carousel {
	width: 690px;
	padding:0 7px;}

.list_carousel ul {
	margin: 0;
	list-style: none;
	display: block;}

.list_carousel li {
	font-size: 40px;
	color: #999;
	width: 200px;
	height: 265px;
	padding: 5px;
	margin:0 8px;
	display: block;
	float: left;
	background:#fff;}

.prev,.next {
	width:23px;
	margin:48px 0 0;
	height:65px;
	position:absolute;
	overflow:hidden;}

.prev{
	margin-left:-26px;}

.prev img{
	margin-left:-23px;}

.next{
	margin-left:681px;}

#event_none{
	text-align:center;
	background-color:#fff;
	width:100%; height:275px;
	line-height:275px}

/* event inner */
.info_zone{
	padding:10px 5px 0px;
	background:url(images/bg_event_list.gif) no-repeat 95% 6px;
	height:110px;}

.info_zone h4{
	font-size:13px;
	margin:0 0 4px;
	max-height:30px;
	line-height:1.2em;
	overflow:hidden;}

.info_zone h4 a{
	text-decoration:none;
	color:#333;}

.day{
	font-size:10px;
	color:#F06AA4;
	max-height:25px;
	line-height:1.3em;
	margin:0 0 4px;
	overflow:hidden;}

.info_zone .text{
	height:45px;
	font-size:11px;
	line-height:1.35em;
	overflow:hidden;}

#event .mascot {
	margin:-110px 0 0 664px}

/* event seconde */
.event_list .post img,.event_single .post img{
	float:left;
	margin:0 20px 0 0;}

.info_zone_seconde{
	float:right;
	width:290px}

.info_zone_seconde h3{
	margin:10px 0;
	font-size:14px;}

.info_zone_seconde .day{
	max-height:auto;
	margin:0 0 20px !important;
	line-height:1.5em;
	overflow: visible;}

.info_zone_seconde .text{
	height:auto;
	line-height:1.5em;
	font-size:11px;}

/* information */
#information{
	overflow:hidden;
	background:url(images/bg_information.png) no-repeat 0 0;
	height:200px;
	margin:0 0 13px;
	padding:42px 20px 0 22px;}

#information h3 {
	margin:-76px 0 0 ;}

#information a,.information_list a{
	color:#5e5e5e;
	text-decoration:underline}

#information a:hover,.information_list a:hover{
	color:#848484}

.information_blank{
	margin:12px 0 0 2px;
	/margin:0 0 0 2px}

.information_list .information_blank{
	margin:6px 0 0 2px;
	/margin:0 0 0 2px}

#information_list {
	text-align:right;
	margin:-28px 0 3px;
	background:url(images/bg_information_btn.png) no-repeat 100% 0;}

#information ul {
	background:#fff;
	height:176px;
	padding:0 10px;
	color:#666;}

#information ul li{
	height:34px;
	line-height:34px;
	border-bottom:1px dotted #ddd;
	font-size:11px;
	overflow:hidden;}

.tag{
	width:80px;
	height:15px;
	overflow:hidden;
	margin:10px 0 0;
	float:left}

.information_list td{
	vertical-align:middle;
	font-size:11px;
	line-height:2em;
	padding:10px 0 !important}

.ymd,.information_list td.ymd{
	padding-right:10px !important}

td .tag{
	margin:0;}

.tag img.TOPICS{
	margin:-15px 0 0}

/* kronenberg */
#kbg{
	overflow:hidden;
	background:url(images/bg_kbg.png) no-repeat 0 0;
	height:300px;
	margin:0 0 0;
	padding:32px 6px 0 20px;}

#kbg h3 {
	margin:-62px 0 0 ;}

#kbg li{
	float:left;
	width:50%;
	margin:0 0 5px;
	background:url(images/bg_kbg_btn.png) no-repeat 0 0;}


/****************************************
		about
*****************************************/
.about table.clear td{
	vertical-align:top;
	padding:5px !important}

.about .inner_box dl,.about .inner_box dl+p{
	margin:20px 0 0}

.map dd{
	text-align:center}

.map dt{
	width:150px;
	margin-left:13px;
	width:225px}

.map ul{
	padding-top:6px}

.map li{
	text-indent:-20px;
	margin:4px 0 0;
	height:auto;
	line-height:8px;
	padding-left:20px;
	/padding-left:0px;
	font-size:10px;}

.map li a{
	color:#333;
	text-decoration:none;}

.map li a:hover{
	text-decoration:underline;}

.map span{
	background:#E4007F;
	width:14px;
	height:8px;
	color:#fff;
	padding:4px 1px 4px 0;
	text-align:center;
	letter-spacing:-0.8px;
	margin:0 4px 0 0;
	text-indent:0px;
	font-size:8px;
	font-weight:bold;
	line-height:8px;
	display:inline-block;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;}


/****************************************
		experience
*****************************************/

/****************************************
		gourmet
*****************************************/
.gourmet div.common_column div {
	padding-top:50px}

.gourmet div.common_column p {
	font-size:11px}

.gourmet div.common_column p+p {
	color:#666}

.gourmet h4{
	font-size:14px;
	font-weight:bold}

.gourmet h5 {
	font-weight:bold}



/****************************************
		shopping
*****************************************/

.shopping .note{
	text-align: right;
	color: red;
	margin: -5px 0 -10px;
}

/****************************************
		guide
*****************************************/
.guide .inner_box{
	border-color:#E4F2DE}

.guide th{
	background:#EDF5D4}

.guide li{
	margin:10px 0 0}

th.spring {
	background:#EC6FB6;
	color:#fff}

th.summer {
	background:#289D21;
	color:#fff}

th.autumn {
	background:#C06F3F;
	color:#fff}

th.winter {
	background:#4CB6E8;
	color:#fff}

.guide table.clear td,.guide table.clear th{
	padding:2px 5px 2px 0 !important}


/****************************************
		recruit
*****************************************/
.recruit li{
	margin:10px 0 0}

#guidecolor{
	border-color:#E4F2DE}

.recruit hr{
	margin: 25px 0px 25px 0px;}

.recruit h3{
	font-size: 16px; color: #4653a1;}

#r_text{
	font-size: 16px;
	line-height: 1.5em;}

/****************************************
		group guide
*****************************************/
.group_guide .inner_box{
	border-color:#DBEDF1}

.group_guide th{
	background:#D4F0FF}

dl.menu dd,dl.menu dt,ul.menu li,li.menu{
	margin-top:20px;
	font-size:10px}

ul.menu li{
	overflow:hidden}

dl.menu div,ul.menu div{
	float:left;
	padding:0 0 0 10px}

dl.menu div{
	width:150px;}

ul.menu div{
	width:490px;}

#main_inner ul.menu h3{
	font-size:12px;
	margin:0}

.menu h4{
	font-size:12px;
	letter-spacing:-0.6px;
	font-weight:bold}

ul.menu h4{
	font-size:11px;
	letter-spacing:-0.6px}

.menu h3 span{
	color:#FC8000;
	padding:0 0 0 10px}

.menu p{
	line-height:1.35em;
	margin:12px 0 0}

.menu h4+p{
	margin:4px 0 0}

.menu p+p{
	margin:10px 0 0}

ul.menu h4+p{
	margin:2px 0 0}

.menu img{
	float:left}

dl.menu dd{
	width:340px;}

dl.menu dt{
	width:310px;}


/****************************************
		etc
*****************************************/
/* web cp */
#essential{
	margin:-2px 0 0;
	padding:10px 10px 5px;
	border:2px solid #000}

#essential li{
	text-indent:-10px;
	padding:0 0 0 10px;
	margin:0 0 5px}

#web_cp_bg{
	background: url(http://akagi-kronenberg.jp/wp/wp-content/uploads/2012/10/bg_web_cp.jpg) no-repeat 0 0;
	height:79px;
	font-size:11px}

.layer{
	position:absolute;
	margin:-195px 0 0;
	right:-10px}


/****************************************
		css3 common
*****************************************/
#main_inner{
	border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3);
	position:relative;
	behavior: url("/wp/wp-content/themes/akg/js/PIE.htc");}

#event .list_carousel li,#event .list_carousel li img{
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}

#information ul,#side,#event_none{
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	position:relative;
	behavior: url("/wp/wp-content/themes/akg/js/PIE.htc");}

#side{
	box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3);
	position:relative;
	behavior: url("/wp/wp-content/themes/akg/js/PIE.htc");}