@charset 'utf-8';
@import url("common.css");

/************************* トップページ ******************************/

#flashBox{
	height:370px;
	width:900px;
	text-align:left;
	margin:0 auto;
}

#flash{
	height:370px;
	width:900px;
	text-align:left;
}

#flashInfo{
	width:700px;
	text-align:center;
	margin:100px auto 0 auto;
	line-height:1.5;
}

#Avenir{
	float:left;
}

#topleft{
	width:370px;
	height:494px;
	float:left;
}

#aboutBox{
	width:310px;
	height:368px;
	background:url(../img/about_bg.gif) top center no-repeat;
	text-align:center;
	margin-left:60px;
}

#aboutTitle{
	padding:50px 0 10px 0;
	margin:0 auto;
	width:310px;
	text-align:center;
}

.aboutText{
	padding-top:10px;
	margin:0 auto;
	width:260px;
	text-align:left;
	line-height:1.3;
	font-size:12px;
	color:#444;
}

#topBanner{
	width:310px;
	height:45px;
	padding:10px 0 0 0;
	margin-left:60px;
	list-style:none;
}

#topBanner li{
	float:left;
	padding:0 6px;
}

.linkText{
	width:290px;
	padding:5px 0 0 20px;
	text-align:left;
	line-height:1.3;
	font-size:12px;
	margin-left:60px;
}

#topRight{
	width:530px;
	height:494px;
	float:right;
	text-align:left;
}

#newsBox{
	width:470px;
}

#newsTitle{
	width:470px;
	height:30px;
	float:left;
}

#newsTitleImg{
	float:left;
	height:40px;
}

#newsTitleInfo{
	float:right;
	width:200px;
	height:15px;
	padding-top:10px;
}

#newsTitleInfo p{
	line-height:1.3;
	font-size:10px;
	padding-right:8px;
}

#newsTitleInfo p, #newsTitleInfo img{
	float:right;
}

#newsList{
	width:470px;
	height:auto;
	padding-top:10px;
	list-style:none;
	float:left;
}

#newsList li{
	width:470px;
	height:auto;
	padding-bottom:30px;
}

.newsLeft{
	height:auto;
	padding:1px;
	border: 1px solid #CCC;
	float:left;
}

.newsRight{
	float:right;
	width:370px;
}

.h3Box{
	width:370px;
	text-align:left;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
}

.h3Box h3{
	line-height:1.3;
	font-size:12px;
}

.newsText{
	width:370px;
	text-align:left;
	line-height:1.3;
	font-size:12px;
	padding-top:5px;
}

.newsInfo{
	width:370px;
	text-align:right;
	line-height:1.3;
	font-size:12px;
	padding-top:5px;
}

.newsInfo p img{
	padding-right:5px;
}

/************************* コンセプト ******************************/

#conseptTitle{
	width:500px;
	padding-bottom:20px;
	margin-top:20px;
}

/************************* カテゴリーテンプレート ******************************/

#titleH2Box{
	width:500px;
	padding-bottom:20px;
	text-align:left;
	border:1px solid;
}

#titleH2Box h2{
	line-height:1.3;
	font-size:14px;
}

.topCategoryBox{
	width:530px;
	height:auto;
	margin:30px 0 10px 0;
}

.entryTitle{
	width:525px;
	border-left:5px solid #85d6d6;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
}

.entryTitle h3{
	line-height:1.3;
	font-size:12px;
	padding:0 0 3px 5px;
}

.entryBody img{
	padding:1px;
	border: 1px solid #CCC;
}

.entryBody, .entryBody p{
	line-height:1.3;
	font-size:12px;
	padding-bottom:10px;
	color:#444;
}

.day{
	width:530px;
	text-align:right;
	font-size:12px;
	color:#444;
	padding-top:10px;
}

.leftlist{
	width:210px;
	height:auto;
	margin-bottom:15px;
}

.leftlistPart{
	float:left;
}

.leftlistPartbottom{
	float:left;
}

.leftlist ul{
	width:210px;
	height:auto;
	list-style:none;
	text-align:left;
	background:url(../img/newsbox_mid.gif) top left repeat-y;
	float:left;
}

.leftlist ul li{
	width:180px;
	margin:10px 0 0 15px;
	background:url(../img/icon2.gif) top left no-repeat;
	background-position:0 4px;
}

.leftlist ul li p{
	line-height:1.3;
	font-size:12px;
	padding-left:11px;
}

/************************* お知らせテンプレート ******************************/

.faqBox{
	width:530px;
	padding-bottom:20px;
	text-align:left;
}

.qah3Box{
	width:529px;
	padding-bottom:0px;
	text-align:left;
	background:#e7eeee;
	margin:10px 0;
	border-right:1px solid #d5e3e3;
	border-bottom:1px solid #d5e3e3;
}

.qah3Box h3{
	line-height:1.3;
	font-size:14px;
	padding:4px 0 0 5px;
	font-weight:bold;
	margin:0 0 5px 5px;
}


.faqBox ul{
	list-style:none;
	margin-bottom:40px;
}

.faqBox ul li{
	margin-bottom:5px;
}
.qaEntrySet{
	margin-bottom:10px;
}

.h4Box{
	width:530px;
	padding-bottom:5px;
	text-align:left;
	border-bottom:1px dotted #999;
	margin-bottom:5px;
	background:url(../img/q.gif) top left no-repeat;
}

h4{
	width:490px;
	line-height:1.3;
	font-size:12px;
	padding:4px 0 0 30px;
	font-weight:bold;
}

.bodyBox{
	width:490px;
	text-align:left;
	padding-bottom:15px;
	background:url(../img/a.gif) top left no-repeat;
}

.bodyBox p{
	line-height:1.3;
	font-size:12px;
	padding-left:30px;
}