/********************************************************************************************/
/*       #wrapper / #contents / #contents_inner / #sidenavi　などを適当に設定する           */
/********************************************************************************************/

/*****************************************************************▼デフォルトセット*********/
/*
#wrapper {
	float:left;
	width:100%;
	background-color:#F8F8F8;
}

#contents {
	margin:0px 0px 0px 210px;
	width:761px;
	line-height:1.6;
	padding:9px;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
	background-color:#fff;
}

#contents_inner {
	position:relative;
	padding:0px 10px 20px 10px;
}

.navi_both #contents_inner {
	float:left;
	width:440px;
}

#sidenavi {
	float: left;
	margin-left:-990px;
	width:210px;
}
*/
/**********************************************************************▼100％セット*********/
#wrapper {
	float:left;
	width:100%;
	line-height:1.6;
	background-color:#FFFFFF;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
}

#contents {
	margin:0px;
	line-height:1.6;
	background-image:url("page_bg.jpg");
	background-repeat:no-repeat;
}

#contents_inner {
	position:relative;
	margin:0px 125px 20px 125px;
	border-bottom:8px solid #5B2428
}

.navi_both #contents_inner {
	float:right;
	padding:35px 0px 20px 0px;
	width:558px;
}

#sidenavi {
	float: left;
	margin:0px 0px 20px 0px;
	padding:35px 20px 10px 20px;
	width:160px;
}

#pankuzu {
	padding:0px 0px 5px 10px !important;
}
/********************************************************************************************/




/* ************************************************ 
 *	以下は好きなようにoption
 * ************************************************ */


/******企画ヘッダ******/
.head {
	padding:10px;
	margin-bottom:3px;
	border-top:1px solid #A58A8C;
	background-color:#E0C0B7;
	background-image: url("head_Bg.jpg");
}

.head .head_inner{
	clear:right;
	width:500px;
	margin-left:220px;
}
.head .head_inner h2 {
	height:33px;
	vertical-align:middle;
	font-size:189%;
	font-weight:bold;
}

.head .logo {
	float:left;
	margin-right:20px;
	width:200px;
}

.sim_url {
	clear:right;
	margin:10px 0px 20px 0px;
	padding:3px 5px 3px 24px;;
	border:1px solid #ccc;
	background-image:url(sim_url_Bg.gif);
	background-position:5px center;
	background-repeat:no-repeat;
}

.sim_url2  {
	clear:right;
	margin:10px 0px 5px 0px;
	border:1px solid #ccc;
	background-color:#fff;
	}
	
.sim_url2  dt{
	float:left;
	margin-right:5px;
	padding:0px 5px;
	background-color:#660033;
	color:#fff;
}

.btn_corp {
	float:right;
	position:relative;
	top:-5px;
}

p.tp {
	float:right;
	margin-top:-1px;
}
p.tp a {
	padding:2px 5px 3px 20px;
	color:#fff;
	background-color:#660033;
	background-image: url("btn_y.gif");
	background-repeat: no-repeat;
	background-position:5px 5px;
	*background-position:5px 4px;
}
p.tp a:hover {
	color:#fff;
	background-color:#85716C;
	background-image: url("btn_y.gif");
	background-repeat: no-repeat;
	background-position:5px 5px;
	*background-position:5px 4px;
	text-decoration:none;
}

/******メニュー******/
.menu {
	margin-bottom:20px;
	border-bottom:8px solid #5B2428;
}
.menu li {
	float:left;
	width:185px;
	height:44px;
	line-height:44px;
	text-align:center;
}

.menu li a {
	display:block;
}

.menu li a:hover {
	display:block;
}
.menu .top {
	background-image: url("menu_top.jpg");
}

.menu .top a:hover,  .menu .top .active {
	background-image: url("menu_top_act.jpg");
}

.menu .eventitem {
	background-image: url("menu_eventitem.jpg");
}
.menu .eventitem a:hover,  .menu .eventitem .active {
	background-image: url("menu_eventitem_act.jpg");
}

.menu .info {
	background-image: url("menu_info.jpg");
}
.menu .info a:hover,  .menu .info .active {
	background-image: url("menu_info_act.jpg");
}

.menu .blog {
	background-image: url("menu_blog.jpg");
}


/******コンセプト******/
.concept {
	margin-bottom:12px;
}

.concept .photo{
	float:left;
	width:350px;
	margin-right:20px;
}
.concept h3 {
	font-size:149%;
	font-weight:bold;
	margin-bottom:24px;
}


/******特徴******/
.feature {
	margin-bottom:37px;
	padding:10px 15px 20px 15px;
	background-image: url("feature_Bg_bottom.gif");
	background-repeat: no-repeat;
	background-position:left bottom;
}

.feature h3 {
	padding-left:100px;
	font-size:134%;
	font-weight:bold;
	color:#1F476C;
	background-image: url("title_feature.gif");
	background-repeat: no-repeat;
	background-position:left 3px;
}

.feature div{
	padding:10px;
}


/******一般タイトル******/
h4{
	margin-bottom:18px;
	padding:0px 0px 5px 0px;
	line-height:1;
	font-size:134%;
	font-weight:bold;
	border-bottom:#ccc 1px solid;
}

h4 span {
border-left:5px solid #733C35;
margin-left:6px;
margin-right:2px;
float:left;
}

/******イベント&アイテム******/
.event, .item {
	margin:0px 15px 24px 15px;
	padding:10px;
	border:1px solid #ccc;
}

.top_article .top_event, .top_article .top_item {
	margin:0px 15px;
}

/******イベント******/
.event .image {
	float:left;
	margin-right:10px;
	width:170px;
}

.event .text {
	width:502px;
	margin-left:180px;
}

.event .text h3 {
	font-size:134%;
	font-weight:bold;
	margin-bottom:6px;
}

.event .text dl {
	margin:10px 0px 0px 0px;
}

.event .text dt{
	float:left;
	width:50px;
	font-weight:bold;
}

.event .text dd{
	clear:right;
	padding-bottom:3px;
	background-image: url("back_sub.gif");
	background-repeat: repeat-x;
	background-position:left bottom;
}


/******アイテム******/
.item .image {
	float:right;
	margin-left:10px;
	padding:5px 0px;
	width:338px;
	text-align:center;
	border:1px solid #ccc;
	background-image:url(img_imgBg.gif);
}

.item .image img{
	padding:0px 2px;
}

.item .text {
	width:332px;
	margin-right:170px;
}

.item .text h3 {
	font-size:134%;
	font-weight:bold;
	margin-bottom:6px;
}

.item p.tp {
	margin-top:3px;
}



/******関連情報******/
.info {
}

.info dl {
	margin:0px 15px 24px 15px;
}

.info dt{
	margin:7px 10px 0px 0px;
	float:left;
	width:110px;
	font-size:77%;
	text-align:center;
	color:#fff;
}

.info dt.web {background-color:#3D852A;}
.info dt.slurl {background-color:#318C78;}
.info dt.st {background-color:#534529;}
.info dt.out {background-color:#091C62;}

.info dd{
	clear:right;
	padding:5px 0px 5px 120px;
	background-image: url("back_sub.gif");
	background-repeat: repeat-x;
	background-position:left bottom;
}








/******記事枠******/
.article{
	margin:0px 0px 33px 0px;
}






img.photo{
	margin-top:0px;
	padding:5px;
	background-image:url(img_imgBg.gif);
}

.photo_area img{
	float:left;
	margin-right:5px;
	padding:5px;
	width:157px;
	background-image:url("img_imgBg.gif");
}