@charset "UTF-8";

/*============================================================
//
//  ■スタイル
//  目次---------------------
//  ・共通設定
//  ・右カラム
//  ・特集内部共通
//
//==========================================================*/

/*============================================================
//  ・共通設定
//==========================================================*/
#contents{
	width:920px;
	background:url(/img/project/bg.jpg) repeat-y;
	padding:10px 15px 30px ;
}
#contents .pankuzu{
	font-size:12px;
	line-height:110%;
	padding:0 10px 10px;
}
#contents .pankuzu a{
	color:#5f4424;
}
#cont_inner{
	width:890px;
	padding:10px 15px;
	background:url(../img/common/contents_bg.jpg) repeat-y;
}
#cont_inner .header{
	width:890px;
	height:35px;
	background:url(../img/common/contents_header.jpg) no-repeat;
}
#main_cont{
	width:595px;
	float:left;
}
#info_cont{
	width:270px;
	float:right;
}

/*============================================================
//  ・右カラム
//==========================================================*/
#info_cont .under{
	width:260px;
	background:url(../img/common/menu_under.gif) no-repeat left bottom;
	margin:0 0 15px 10px;
	padding-bottom:10px;
}
#info_cont .inner{
	width:260px;
	background:url(../img/common/menu_bg.gif) repeat-y;
}
#info_cont .box{
	width:240px;
	line-height:140%;
	padding:10px;
}
#info_cont .box .detail{
	width:150px;
	float:right;
}
#info_cont img{
	float:left;
}
#info_cont a{
	text-decoration:underline;
}

/*  ・コンテンツ  */
#info_cont .menu_contents h4{
	width:270px;
	height:50px;
	background:url(../img/common/menu_contents.jpg) no-repeat;
	text-indent:-9999px;
}
#info_cont .menu_contents .contents_line{
	width:240px;
	height:3px;
	background:url(../img/common/contents_line.gif) no-repeat;
	margin-left:10px;
}
#info_cont .menu_contents a:hover{
	color:#f60;
	text-decoration:underline;
}

/*  ・同じカテゴリのプロジェクト  */
#info_cont .menu_project h4{
	width:270px;
	height:50px;
	background:url(../img/common/menu_project.jpg) no-repeat;
	text-indent:-9999px;
}

#info_cont .menu_project img{
	background-color:#fff;
	border:1px solid #cec8b7;
	padding:2px;
}
#info_cont .menu_project a:hover{
	color:#690;
	text-decoration:underline;
}
#info_cont .menu_project .box.bg{
	width:240px;
	margin-left:5px;
	padding:10px 5px;
	border-top:1px solid #cec8b7;
	border-bottom:1px solid #fff;
	background-color:#e8e3d1;
}

/*============================================================
//  ・特集内部共通
//==========================================================*/
#main_cont h3{
	font-size:14px;
	line-height:200%;
	color:#5f4424;
	margin-bottom:5px;
	padding-left:5px;
}
#main_cont h3 span{
	font-size:24px;
	color:#f60;
}

/*  ・作品詳細  */
#main_cont .detail{
	width:325px;
	line-height:170%;
	color:#333;
	float:left;
	margin-top:15px;
}
#main_cont .detail h4{
	font-size:16px;
	line-height:150%;
	color:#f60;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	padding:10px 0;
}
#main_cont .detail p{
	text-indent:1em;
}
#main_cont .detail a{
	color:#f60;
	text-decoration:underline;
}
#main_cont .detail .info{
	width:303px;
	line-height:140%;
	background-color:#ffffe6;
	border:1px dashed #5f4424;
	margin-top:20px;
	padding:10px;
}
#main_cont .detail .info .midashi{
	font-size:14px;
	color:#f60;
}
#main_cont .detail .info ul{
	font-size:10px;
	color:#333;
	margin-top:10px;
}
#main_cont .detail .info img{
	margin-top:10px;
}
#main_cont .detail .cap{
	font-size:10px;
	color:#333;
	margin-top:5px;
}

/*  ・ゆかりの名所はこちら！  */
#main_cont .yukari{
	width:250px;
	float:right;
	margin-top:15px;
}
#main_cont .yukari .ttl{
	width:250px;
	height:35px;
	background:url(../img/common/ttl_yukari.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#main_cont .yukari .box img{
	float:left;
}
#main_cont .yukari .box .detail{
	width:140px;
	font-size:10px;
	line-height:140%;
	float:right;
	margin-top:0;
}
#main_cont .yukari .box .meisyo{
	font-size:12px;
	color:#f60;
	background:url(../img/common/icon.gif) no-repeat 0 50%;
	margin-bottom:5px;
	padding-left:15px;
}
#main_cont .yukari .box .tel{
	font-size:12px;
	margin-bottom:5px;
}
#main_cont .yukari .line{
	height:25px;
	background:url(../img/common/yukari_line.gif) repeat-x;
}
#main_cont .yukari p{
	text-indent:0;
}
/*=====ここまで共通===============*/


/*============================================================
//  ・特集トップ
//==========================================================*/
.top #main_cont h3,.top #main_cont h4{
	text-indent:-9999px;
}
.top #main_cont h4{
	margin-bottom:15px;
}
.top #main_cont h3{
	width:505px;
	height:95px;
	background:url(../img/200904/ttl.jpg) no-repeat;
}
.top #main_cont .main_txt{
	margin-bottom:15px;
}
.top #main_cont p{
	line-height:170%;
	color:#333;
	text-indent:1em;
}
.top #main_cont h4.name_01{
	width:505px;
	height:25px;
	background:url(../img/200904/name_01.gif) no-repeat;
}
.top #main_cont h4.name_01 a{
	width:505px;
	height:25px;
	display:block;
}
.top #main_cont h4.name_02{
	width:175px;
	height:40px;
	background:url(../img/200904/name_02.gif) no-repeat;
}
.top #main_cont h4.name_02 a{
	width:175px;
	height:40px;
	display:block;
}
.top #main_cont h4.name_03{
	width:175px;
	height:40px;
	background:url(../img/200904/name_03.gif) no-repeat;
}
.top #main_cont h4.name_03 a{
	width:175px;
	height:40px;
	display:block;
}